/* SMARTPM — adaptación tablet / móvil. Las páginas usan estilos inline; aquí solo viven los ajustes responsive. */
.sp-mnav{display:none}
.sp-mnav>summary{list-style:none;cursor:pointer}
.sp-mnav>summary::-webkit-details-marker{display:none}
.sp-mnav[open] .sp-mnav-open{display:none!important}
.sp-mnav:not([open]) .sp-mnav-close{display:none!important}
.sp-mnav:not([open]) .sp-mnav-panel{display:none!important}
.sp-mnav::details-content{content-visibility:visible;display:contents}

@media (max-width:1100px){
  [style*="grid-template-columns: repeat(5, minmax(0px, 1fr))"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  [style*="grid-template-columns: repeat(4, minmax(0px, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: repeat(7, minmax(0px, 1fr))"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  [style*="grid-template-columns: 1.4fr 1fr 1fr 1fr"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: repeat(12, minmax(0px, 1fr))"]>*{grid-column:span 6!important}
}

@media (max-width:900px){
  html,body{overflow-x:hidden}
  html{scrollbar-width:none;-ms-overflow-style:none}
  html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
  /* Navegación: menú hamburguesa */
  .sp-desk,.sp-hub{display:none!important}
  .sp-mnav{display:block;margin-left:auto}
  .sp-header>:not(.sp-bar){display:none!important}
  .sp-bar{height:64px!important;padding:0 24px!important}
  .sp-bar img[alt="SMARTPM"]{height:44px!important;width:auto!important}
  .sp-mnav-panel{position:fixed!important;left:0!important;right:0!important;top:64px!important;width:auto!important;height:calc(100dvh - 64px)!important;box-sizing:border-box}

  /* Heros: el contenido empieza justo bajo la barra */
  .sp-header ~ section:first-of-type{min-height:0!important}
  .sp-header ~ section:first-of-type > [style*="max-width"]{padding-top:80px!important;padding-left:24px!important;padding-right:24px!important;min-height:0!important;align-items:start!important;align-content:start!important;justify-content:flex-start!important}
  .sp-header ~ section:first-of-type > [style*="max-width"] > :first-child{margin-top:0!important}

  /* Márgenes laterales y aire vertical */
  section > [style*="max-width"],footer > [style*="max-width"],footer > * > [style*="max-width: 1240px"]{padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}
  section > [style*="max-width"] [style*="max-width: 1240px"],section > [style*="max-width"] [style*="max-width: 1120px"]{padding-left:0!important;padding-right:0!important}
  [style*="padding: 128px"],[style*="padding: 144px"],[style*="padding: 148px"],[style*="padding: 120px"],[style*="padding: 112px"]{padding-top:72px!important;padding-bottom:72px!important}
  [style*="padding: 96px"]{padding-top:56px!important;padding-bottom:56px!important}
  [style*="gap: 96px"]{gap:48px!important}
  [style*="gap: 72px"],[style*="gap: 64px"]{gap:40px!important}
  [style*="padding: 48px;"]{padding:28px!important}
  [style*="padding: 40px;"]{padding:24px!important}

  /* Rejillas de columnas fijas a una columna */
  [style*="grid-template-columns: repeat(2, minmax(0px, 1fr))"],
  [style*="grid-template-columns: repeat(3, minmax(0px, 1fr))"],
  [style*="grid-template-columns: repeat(4, minmax(0px, 1fr))"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: 0.9fr 1.1fr"],
  [style*="grid-template-columns: 1.05fr 0.95fr"],
  [style*="grid-template-columns: 0.85fr 1.15fr"],
  [style*="grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr)"],
  [style*="grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr)"],
  [style*="grid-template-columns: 1.1fr 0.9fr"],
  [style*="grid-template-columns: 760px minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1fr) 24px minmax(0px, 1fr) 24px minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"]{grid-template-columns:minmax(0,1fr)!important}
  [style*="grid-template-columns: repeat(5, minmax(0px, 1fr))"],
  [style*="grid-template-columns: repeat(7, minmax(0px, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: repeat(12, minmax(0px, 1fr))"]>*{grid-column:1/-1!important}
  [style*="grid-template-columns: repeat(12, minmax(0px, 1fr))"]{grid-template-columns:minmax(0,1fr)!important}
  [style*="grid-column: span"]{grid-column:auto!important}
  [style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"],
  [style*="grid-template-columns: repeat(auto-fit, minmax(340px, 1fr))"],
  [style*="grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))"]{grid-template-columns:minmax(0,1fr)!important}
  /* Tablas de características: columnas de plan más estrechas */
  [style*="repeat(3, minmax(120px, 160px))"]{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr))!important;font-size:13px}
  [style*="repeat(2, minmax(120px, 160px))"],[style*="minmax(0px, 1fr) 160px 160px"]{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr))!important;font-size:13px}

  /* Tipografía */
  h1{font-size:40px!important;line-height:1.1!important}
  h2{font-size:32px!important;line-height:1.15!important}
  h1 img{height:.74em!important;width:auto!important;margin-right:.14em!important}
  [style*="font-size: 19px"]{font-size:17px!important}
  [style*="font-size: 34px"]{font-size:28px!important}
  [style*="white-space: nowrap"]{white-space:normal!important}
  nav[aria-label] [style*="white-space: nowrap"],.sp-bar [style*="white-space: nowrap"]{white-space:nowrap!important}

  /* Medios */
  img,video,iframe,svg{max-width:100%}
  iframe.hero-video{max-width:none!important}
  [style*="min-height: 640px"],[style*="min-height: 600px"]{min-height:0!important}
}

@media (max-width:560px){
  h1{font-size:34px!important}
  h2{font-size:28px!important}
  [style*="grid-template-columns: repeat(2, minmax(0px, 1fr))"],
  [style*="grid-template-columns: 1.4fr 1fr 1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}
  [style*="grid-template-columns: repeat(5, minmax(0px, 1fr))"],
  [style*="grid-template-columns: repeat(7, minmax(0px, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="padding: 32px;"],[style*="padding: 36px;"]{padding:22px!important}
  /* Botones a ancho completo en bloques de CTA */
  [style*="display: flex; gap: 12px; flex-wrap: wrap"]>a{flex:1 1 100%;justify-content:center!important}
  [style*="display: flex; gap: 12px; flex-wrap: wrap"]>a button{width:100%;justify-content:center}
  .sp-header ~ section:first-of-type [style*="display: flex; gap: 12px; flex-wrap: wrap"]{justify-content:flex-start!important}
  .sp-header ~ section:first-of-type [style*="display: flex; gap: 12px; flex-wrap: wrap"]>a{flex:0 0 auto!important;justify-content:flex-start!important}
  [style*="display: flex; gap: 12px; flex-wrap: wrap"]>a>*{width:100%}
}

/* Pantallas táctiles: mostrar la información que en escritorio aparece al pasar el ratón */
@media (hover:none){
  [data-touch-reveal]{opacity:1!important;transform:none!important;max-height:none!important}
}


/* Home: franja de confianza en carrusel continuo en móvil */
@keyframes spTrustSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width: 760px){
  .sp-trust{padding:18px 0!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
  .sp-trust-track{justify-content:flex-start!important;width:max-content!important;animation:spTrustSlide 22s linear infinite}
  .sp-trust-track > div:first-child{padding-left:0}
  .sp-trust-dup{display:flex!important}
  .sp-trust-track > div{flex-wrap:nowrap!important;flex:0 0 auto!important;gap:40px!important;padding-right:40px}
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce){
  .sp-trust-track{animation:none}
  .sp-trust{overflow-x:auto!important}
}

/* Home: MIC en el tiempo, línea vertical en móvil */
@keyframes spTlFill0{0%,0%{transform:scaleY(0);opacity:1}12%{transform:scaleY(1);opacity:1}94%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes spTlOn0{0%,0%{opacity:.35}3%{opacity:1}94%{opacity:1}100%{opacity:.35}}
@keyframes spTlNode0{0%,0%{background:#000;box-shadow:none}3%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}94%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}100%{background:#000;box-shadow:none}}
@keyframes spTlFill1{0%,12%{transform:scaleY(0);opacity:1}24%{transform:scaleY(1);opacity:1}94%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes spTlOn1{0%,12%{opacity:.35}15%{opacity:1}94%{opacity:1}100%{opacity:.35}}
@keyframes spTlNode1{0%,12%{background:#000;box-shadow:none}15%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}94%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}100%{background:#000;box-shadow:none}}
@keyframes spTlFill2{0%,24%{transform:scaleY(0);opacity:1}36%{transform:scaleY(1);opacity:1}94%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes spTlOn2{0%,24%{opacity:.35}27%{opacity:1}94%{opacity:1}100%{opacity:.35}}
@keyframes spTlNode2{0%,24%{background:#000;box-shadow:none}27%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}94%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}100%{background:#000;box-shadow:none}}
@keyframes spTlFill3{0%,36%{transform:scaleY(0);opacity:1}48%{transform:scaleY(1);opacity:1}94%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes spTlOn3{0%,36%{opacity:.35}39%{opacity:1}94%{opacity:1}100%{opacity:.35}}
@keyframes spTlNode3{0%,36%{background:#000;box-shadow:none}39%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}94%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}100%{background:#000;box-shadow:none}}
@keyframes spTlFill4{0%,48%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}94%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes spTlOn4{0%,48%{opacity:.35}51%{opacity:1}94%{opacity:1}100%{opacity:.35}}
@keyframes spTlNode4{0%,48%{background:#000;box-shadow:none}51%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}94%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}100%{background:#000;box-shadow:none}}
@keyframes spTlFill5{0%,60%{transform:scaleY(0);opacity:1}72%{transform:scaleY(1);opacity:1}94%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes spTlOn5{0%,60%{opacity:.35}63%{opacity:1}94%{opacity:1}100%{opacity:.35}}
@keyframes spTlNode5{0%,60%{background:#000;box-shadow:none}63%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}94%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}100%{background:#000;box-shadow:none}}
@keyframes spTlFill6{0%,72%{transform:scaleY(0);opacity:1}84%{transform:scaleY(1);opacity:1}94%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes spTlOn6{0%,72%{opacity:.35}75%{opacity:1}94%{opacity:1}100%{opacity:.35}}
@keyframes spTlNode6{0%,72%{background:#000;box-shadow:none}75%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}94%{background:#4fd691;box-shadow:0 0 14px rgba(79,214,145,.7)}100%{background:#000;box-shadow:none}}
@media (max-width: 760px){
  .sp-tl-desktop{display:none!important}
  .sp-tl-mobile{display:block!important}
  .sp-tl-s0 .sp-tl-fill{animation:spTlFill0 18s linear infinite}
  .sp-tl-s0 .sp-tl-body{animation:spTlOn0 18s ease-out infinite}
  .sp-tl-s0 .sp-tl-node{animation:spTlNode0 18s ease-out infinite}
  .sp-tl-s1 .sp-tl-fill{animation:spTlFill1 18s linear infinite}
  .sp-tl-s1 .sp-tl-body{animation:spTlOn1 18s ease-out infinite}
  .sp-tl-s1 .sp-tl-node{animation:spTlNode1 18s ease-out infinite}
  .sp-tl-s2 .sp-tl-fill{animation:spTlFill2 18s linear infinite}
  .sp-tl-s2 .sp-tl-body{animation:spTlOn2 18s ease-out infinite}
  .sp-tl-s2 .sp-tl-node{animation:spTlNode2 18s ease-out infinite}
  .sp-tl-s3 .sp-tl-fill{animation:spTlFill3 18s linear infinite}
  .sp-tl-s3 .sp-tl-body{animation:spTlOn3 18s ease-out infinite}
  .sp-tl-s3 .sp-tl-node{animation:spTlNode3 18s ease-out infinite}
  .sp-tl-s4 .sp-tl-fill{animation:spTlFill4 18s linear infinite}
  .sp-tl-s4 .sp-tl-body{animation:spTlOn4 18s ease-out infinite}
  .sp-tl-s4 .sp-tl-node{animation:spTlNode4 18s ease-out infinite}
  .sp-tl-s5 .sp-tl-fill{animation:spTlFill5 18s linear infinite}
  .sp-tl-s5 .sp-tl-body{animation:spTlOn5 18s ease-out infinite}
  .sp-tl-s5 .sp-tl-node{animation:spTlNode5 18s ease-out infinite}
  .sp-tl-s6 .sp-tl-fill{animation:spTlFill6 18s linear infinite}
  .sp-tl-s6 .sp-tl-body{animation:spTlOn6 18s ease-out infinite}
  .sp-tl-s6 .sp-tl-node{animation:spTlNode6 18s ease-out infinite}
  .sp-tl-s6 .sp-tl-fill{display:none}
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce){
  .sp-tl-fill,.sp-tl-body,.sp-tl-node{animation:none!important}
  .sp-tl-node{background:#4fd691!important}
}

/* Home: ¿Por qué SMARTPM? una razón por fila en móvil */
@media (max-width: 760px){
  .sp-razones{grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin-top:32px!important}
  .sp-razones > *{grid-column:auto!important}
  .sp-raz-item{display:grid!important;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;column-gap:16px;row-gap:0!important;padding:14px 0!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .sp-raz-item > h3{font-size:17px!important}
  .sp-raz-arrow{display:inline-flex!important;justify-content:center;transition:transform 260ms cubic-bezier(.22,.61,.36,1)}
  .sp-raz-item > p{grid-column:1 / -1;max-height:0;opacity:0;overflow:hidden;margin:0!important;transition:max-height 320ms cubic-bezier(.22,.61,.36,1),opacity 220ms ease,margin 320ms cubic-bezier(.22,.61,.36,1)}
  .sp-raz-item.is-open > p{max-height:320px;opacity:1;margin-top:12px!important}
  .sp-raz-item.is-open .sp-raz-arrow{transform:rotate(180deg)}
}

/* Home: etapas Empieza / Conecta / Escala en vertical en móvil */
@media (max-width: 760px){
  .sp-etapas{margin-top:40px!important}
  .sp-etapas-line{left:11px!important;right:auto!important;top:12px!important;bottom:12px!important;width:1px!important;height:auto!important;background:linear-gradient(180deg,#4fd691,rgba(79,214,145,.35) 66%,rgba(255,255,255,.12))!important}
  .sp-etapas-grid{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
  .sp-etapa{display:grid!important;grid-template-columns:23px minmax(0,1fr);column-gap:20px;row-gap:8px!important;align-items:start}
  .sp-etapa > span:first-child{grid-row:1 / span 2;margin-top:2px}
  .sp-etapa > h3{font-size:20px!important;line-height:27px}
  .sp-etapa > p{max-width:none!important}
}

/* Home: slider de áreas con puntos en lugar de flechas en móvil */
@media (max-width: 760px){
  .sp-sl-arrows{display:none!important}
  .sp-sl-dots{display:flex!important}
}

/* Home: tarjeta del slider de áreas sin hover en móvil (info siempre visible bajo la captura) */
@media (max-width: 760px){
  .sp-sl-card{aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;flex:1 1 100%!important}
  .sp-sl-img{position:relative!important;inset:auto!important;width:100%;aspect-ratio:1.85;transform:none!important;flex:0 0 auto}
  .sp-sl-panel{position:relative!important;inset:auto!important;height:auto!important;padding:18px 20px 20px!important;background:rgba(255,255,255,.03)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;justify-content:flex-start!important}
  .sp-sl-rows{grid-template-rows:1fr!important}
  .sp-sl-inner{opacity:1!important}
  .sp-sl-panel h4{font-size:20px!important}
  .sp-sl-pills{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:16px -20px 0!important;padding:0 20px 4px}
  .sp-sl-pills::-webkit-scrollbar{display:none}
  .sp-sl-pills button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-height:40px}
}

/* Home: sección Industrias sin imagen en móvil (solo la lista de sectores) */
@media (max-width: 760px){
  .sp-ind-card{display:none!important}
  .sp-ind-row{color:#fff!important;padding-left:4px!important}
  .sp-ind-row > span:last-child{opacity:1!important}
}

/* Home: tarjetas de casos más altas en móvil para que quepa el contenido */
@media (max-width: 760px){
  .sp-caso-card{aspect-ratio:auto!important;min-height:360px}
  .sp-caso-fade{background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.55) 22%,rgba(0,0,0,.86) 45%,rgba(0,0,0,.96) 100%)!important}
}

/* Home: botón «Ver todos los casos» debajo de las tarjetas en móvil */
@media (max-width: 760px){
  .sp-casos-head{display:contents!important}
  .sp-casos-cta{order:1;align-self:flex-start;margin-top:-16px}
  #casos > [style*="max-width"] > :last-child:not(.sp-casos-head){order:2}
}

/* Soluciones: «MIC en la planta» ampliada (unas 2 etapas a la vista); se mueve sola y se puede deslizar con el dedo */
@media (max-width: 760px){
  .sp-planta{width:100vw!important;aspect-ratio:auto!important;height:calc(100vw * 5.38 * 660 / 2067);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
  .sp-planta:active{cursor:grabbing}
  .sp-planta::-webkit-scrollbar{display:none}
  .sp-planta-frame{position:relative!important;inset:auto!important;width:calc(100vw * 5.38)!important;max-width:none!important;height:100%!important;pointer-events:none}
}

/* Soluciones: lockups MIC | Nombre del módulo en una sola línea en móvil */
@media (max-width: 760px){
  h3[style*="gap: 20px; flex-wrap: wrap; line-height: 1.1"]{flex-wrap:nowrap!important;gap:12px!important}
  h3[style*="gap: 20px; flex-wrap: wrap; line-height: 1.1"] > img{height:24px!important}
  h3[style*="gap: 20px; flex-wrap: wrap; line-height: 1.1"] > span:nth-child(2){min-height:28px!important}
  h3[style*="gap: 20px; flex-wrap: wrap; line-height: 1.1"] > span:last-child{font-size:23px!important;white-space:nowrap}
}

/* Soluciones: misma estructura en todas las soluciones en móvil (título, imagen, información, botón) */
@media (max-width: 760px){
  [style*="scroll-margin-top: 120px; display: grid; gap: 64px; grid-template-columns: repeat(2, minmax(0px, 1fr))"]{display:flex!important;flex-direction:column!important;gap:20px!important;align-items:flex-start!important}
  [style*="scroll-margin-top: 120px; display: grid; gap: 64px; grid-template-columns: repeat(2, minmax(0px, 1fr))"] > :has(> h3){display:contents!important}
  [style*="scroll-margin-top: 120px; display: grid; gap: 64px; grid-template-columns: repeat(2, minmax(0px, 1fr))"] > :has(> h3) > :nth-child(1){order:1}
  [style*="scroll-margin-top: 120px; display: grid; gap: 64px; grid-template-columns: repeat(2, minmax(0px, 1fr))"] > :has(> h3) > h3{order:2}
  [style*="scroll-margin-top: 120px; display: grid; gap: 64px; grid-template-columns: repeat(2, minmax(0px, 1fr))"] > :not(:has(> h3)){order:3;width:100%}
  [style*="scroll-margin-top: 120px; display: grid; gap: 64px; grid-template-columns: repeat(2, minmax(0px, 1fr))"] > :has(> h3) > p{order:4}
  [style*="scroll-margin-top: 120px; display: grid; gap: 64px; grid-template-columns: repeat(2, minmax(0px, 1fr))"] > :has(> h3) > :nth-child(4){order:5}
  [style*="scroll-margin-top: 120px; display: grid; gap: 64px; grid-template-columns: repeat(2, minmax(0px, 1fr))"] > :has(> h3) > a{order:6}
}

/* Soluciones: «Descubre los addons de MIC» al final de la sección en móvil */
@media (max-width: 760px){
  .sp-addons-wrap{display:flex!important;flex-direction:column!important}
  .sp-addons-head{display:contents!important}
  .sp-addons-head > span{order:1}
  .sp-addons-head > h2{order:2;margin-top:16px!important}
  .sp-addons-wrap > :not(.sp-addons-head){order:3}
  .sp-addons-cta{order:4;margin-top:40px!important;align-self:center!important}
  .sp-addons-wrap > :not(.sp-addons-head) > :nth-child(n+3){display:none!important}
}

/* Integraciones: etiqueta «ERP y sistemas corporativos» en una línea, centrada y algo más arriba en móvil */
@media (max-width: 760px){
  [style*="top: 8.75%; transform: translate(-50%, -50%); white-space: nowrap"]{white-space:nowrap!important;text-align:center;top:5.5%!important}
  [style*="top: 91.25%; transform: translate(-50%, -50%); white-space: nowrap"]{white-space:nowrap!important;text-align:center}
}

/* Módulos: texto de las pastillas de addons alineado a la izquierda en móvil */
@media (max-width: 760px){
  button[style*="padding: 12px 14px 12px 22px; border-radius: 999px"]{text-align:left!important;border-radius:20px!important}
  button[style*="padding: 12px 14px 12px 22px; border-radius: 999px"] > span:last-child{flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px;border-radius:50%!important;aspect-ratio:1}
}

/* EdgeMill: cada imagen de opcionales debajo de su texto en móvil */
@media (max-width: 760px){
  .sp-opt-wrap{display:flex!important;flex-direction:column!important}
  .sp-opt-cards,.sp-opt-imgs{display:contents!important}
  .sp-opt-wrap > :first-child{order:0}
  .sp-opt-cards > :nth-child(1){order:1;margin-top:40px}
  .sp-opt-imgs > :nth-child(1){order:2;margin-top:20px}
  .sp-opt-cards > :nth-child(2){order:3;margin-top:40px}
  .sp-opt-imgs > :nth-child(2){order:4;margin-top:20px}
  .sp-opt-cards > :nth-child(3){order:5;margin-top:40px}
  .sp-opt-imgs > :nth-child(3){order:6;margin-top:20px}
}

/* Addons · DocKryptor: animación entre el texto y sus características en móvil */
@media (max-width: 760px){
  .sp-dk-grid{gap:28px!important}
  .sp-dk-text{display:contents!important}
  .sp-dk-anim{order:1;margin:8px 0}
  .sp-dk-feats{order:2}
}

/* Addons · MIC Cluster: mapa entre el texto y sus características, centrado */
@media (max-width: 760px){
  .sp-cl-grid{flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:28px!important}
  .sp-cl-text{display:contents!important}
  .sp-cl-text > *{order:0}
  .sp-cl-anim{order:1!important;flex:0 0 auto!important;width:100%!important;margin:8px 0!important;align-self:center!important}
  .sp-cl-feats{order:2!important}
}

/* Addons: sin línea bajo la última característica en móvil */
@media (max-width: 760px){
  .sp-dk-feats > :last-child,.sp-cl-feats > :last-child{border-bottom:0!important}
}

/* Industrias: tarjetas en móvil sin módulos y con fundido sobre la foto */
@media (max-width: 760px){
  .sp-ind-tags{display:none!important}
  .sp-ind-panel{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .sp-ind-fade{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.7) 58%,rgba(0,0,0,.92) 100%)!important}
}

/* Industrias: sin efecto de iluminación al tocar las tarjetas en móvil */
@media (max-width: 760px), (hover: none){
  .sp-sector-card,.sp-sector-card:hover{border-color:rgba(255,255,255,.12)!important}
}

/* Addons · Más addons: sin línea sobre el primer addon en móvil */
@media (max-width: 760px){
  .sp-more-addons > :first-child{border-top:0!important;padding-top:0!important}
}

/* Industrias · Tu camino con MIC: etapas en vertical en móvil */
@media (max-width: 760px){
  .sp-stg-line{left:11px!important;right:auto!important;top:11px!important;bottom:11px!important;width:1px!important;height:auto!important}
  .sp-stg-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .sp-stg-btn{display:grid!important;grid-template-columns:23px minmax(0,1fr)!important;column-gap:16px!important;row-gap:6px!important;align-items:center}
  .sp-stg-btn > :first-child{grid-row:1 / span 2;align-self:start}
  .sp-stg-btn > *:not(:first-child){grid-column:2}
}

/* Escenarios (Situación → Con MIC → Resultado): flechas hacia abajo en móvil */
@media (max-width: 760px){
  .sp-flow-arrow{padding-top:0!important;display:flex!important;justify-content:flex-start;transform:rotate(90deg);transform-origin:10px 10px;width:20px;height:20px}
}


/* Franja de certificaciones (Casos, Equipo, Innovación): carrusel continuo en móvil */
@media (max-width: 760px){
  .sp-pills{width:calc(100% + 40px)!important;max-width:none!important;margin:0 -20px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
  .sp-pills-track{width:max-content!important;gap:0!important;animation:spTrustSlide 20s linear infinite}
  .sp-pills-track > div{flex-wrap:nowrap!important;flex:0 0 auto;padding-right:12px}
  .sp-pills-dup{display:flex!important}
  .sp-pills-track span{white-space:nowrap}
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce){
  .sp-pills-track{animation:none}
  .sp-pills{overflow-x:auto}
}

/* Sobre SMARTPM: Misión y Visión con letra más pequeña en móvil */
@media (max-width: 760px){
  .sp-mv-t{font-size:30px!important}
  .sp-mv-p{font-size:17px!important;line-height:1.65!important}
}

/* Sobre SMARTPM: mapa de presencia a todo el ancho en móvil, completo */
@media (max-width: 760px){
  .sp-mapa{width:calc(100% + 40px)!important;margin:0 -20px;border-radius:0!important}
}

/* Equipo · Cómo trabajamos: línea de fases en vertical en móvil */
@media (max-width: 760px){
  .sp-fases-line{display:none!important}
  .sp-fases-grid > div{position:relative}
  .sp-fases-grid > div:not(:last-child)::before{content:'';position:absolute;left:12px;top:24px;bottom:-40px;width:1px;background:rgba(255,255,255,.4)}
  .sp-fases-grid{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  .sp-fases-grid > div{display:grid!important;grid-template-columns:24px minmax(0,1fr);column-gap:20px;row-gap:10px!important;align-items:start}
  .sp-fases-grid > div > :first-child{grid-row:1 / span 3}
  .sp-fases-grid > div > :not(:first-child){grid-column:2}
  .sp-fases-grid > div > span:nth-child(2){margin-top:0!important}
  .sp-fases-grid > div > p{max-width:none!important}
}

/* Compromisos · Talento: botones centrados en móvil */
@media (max-width: 760px){
  .sp-talento-ctas{width:100%;justify-content:center!important}
}

/* Industria (sector): foto del sector de fondo en el hero en móvil */
@media (max-width: 760px){
  .sp-ihero-img{left:0!important}
  .sp-ihero-fade{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.7) 45%,rgba(0,0,0,.88) 100%)!important}
}

@media (max-width: 1100px){.sp-mod-graphic{width:100%!important;margin:0!important}}

/* Menú móvil: grupos desplegables por toque */
.sp-mg summary::-webkit-details-marker{display:none}
.sp-mg[open] .sp-mg-chev{transform:rotate(180deg)}

/* EdgeMill: la animación del hero no sobresale en móvil */
@media (max-width: 760px){.sp-em-anim{width:100%!important;margin-right:0!important}}

/* Animaciones a escala fija (lienzo 1920px): no aplicar los ajustes responsive dentro */
html body .sp-noresp [style*="grid-template-columns"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px!important}

/* Soluciones: MIC Cluster destacado */
@media (max-width: 900px){.sp-cluster-feat{grid-template-columns:minmax(0,1fr)!important;padding:28px 20px!important;gap:32px!important}}

/* Addons (Analytics, Connector, AI): en móvil la animación siempre va debajo de su texto */
@media (max-width: 900px){
  .sp-an-grid,.sp-co-grid,.sp-ai-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:32px!important}
  .sp-an-grid > :has(iframe,image-slot),.sp-co-grid > :has(iframe,image-slot),.sp-ai-grid > :has(iframe,image-slot){order:2!important}
}

/* Addons de módulo: en móvil la explicación se abre bajo el addon pulsado */
@media (max-width: 760px){
  .sp-addon-inline{display:flex!important}
  .sp-addon-bottom{display:none!important}
}
