/* Soluciones por familias (22-10-2026, assets/js/soluciones-familias.js).
   - Página general: los recuadros de familia de la portada (portada.css, .p-familias / .p-fam), aquí enteros como enlace y
     sin «Pedir oferta»: 580 px de alto, 12 px de hueco, texto arriba y la máquina entera debajo.
   - Familia: sus etapas, cada una en una fila que se desliza de lado (galería pequeña del kit Apple: tarjetas de 372 px,
     20 px entre ellas, foto con radio 28, flechas de 36 px que se quedan a medio tono cuando no llevan a ningún sitio).
   Fondos claros; azul para la acción; letra Inter. De Apple, solo medidas y comportamiento. */

/* ---------- cabecera ---------- */
/* 27-10 (David): menos hueco arriba y abajo de la cabecera, entre secciones y antes del cierre, para ver antes lo de abajo */
.sol-cab{--b-pt:clamp(32px,3.6vw,52px);--b-pb:clamp(24px,2.8vw,40px)}
.sol-cab .b-ojo a{color:inherit;text-decoration:none}
.sol-cab .b-ojo a:hover{text-decoration:underline;text-underline-offset:3px}
.sol-cab .b-sub{max-width:30em}
.sol-cab>.sol-cuenta{margin:10px 0 0;font-size:17px;color:var(--gris)}

/* ---------- página general: los recuadros de la portada, enteros como enlace ---------- */
.sol-familias{padding:var(--hueco)}
.sol-fam{color:var(--tinta);text-decoration:none}
.sol-fam:focus-visible{outline:2px solid var(--azul);outline-offset:-4px}
.sol-fam .p-fam-texto p.sol-cuenta{margin-top:8px;font-size:17px;line-height:1.3;color:var(--gris)}
.sol-fam .sol-ver{display:inline-block;margin-top:12px;font-size:17px;color:var(--azul)}
.sol-fam .sol-ver::after{content:"\00a0›"}
/* Recuadros con render 3D: el fondo del render (#F6F7FB) y la máquina recortada de su margen vacío */
.p-fam.render{background:#F6F7FB}
.p-fam.render .p-fam-foto>img{width:100%;object-fit:cover;object-position:50% 100%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.p-fam.i40{--ancho:86%}
/* 735–1068 px: cada fila de tres pasa a 2 + 1, con la última a todo el ancho (la portada lo hace con Inspección) */
@media (max-width:1068px) and (min-width:735px){.sol-familias .p-fila.tres>.insp{grid-column:auto}.sol-familias .p-fila.tres>:last-child{grid-column:1/-1}}

/* ---------- familia: la tira de etapas con su icono (lleva a su fila) ---------- */
.sol-etapas ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:24px auto 0;padding:0;list-style:none}
.sol-etapas a{display:flex;flex-direction:column;align-items:center;gap:8px;width:108px;box-sizing:border-box;padding:14px 4px 12px;border-radius:18px;color:var(--tinta);text-decoration:none;font-size:14px;font-weight:500;line-height:1.2;text-align:center;transition:background .3s,color .2s}
.sol-etapas small{font-size:12px;font-weight:400;color:var(--gris)}
.sol-ico{display:block;width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* 26-10: la máquina en 3D (render con fondo transparente) a 64 px; el dibujo de líneas que queda (etapas sin 3D) va a 44 px
   en el centro de un hueco del mismo tamaño, para que los nombres de una tira mezclada queden a la misma altura */
.sol-etapas svg.sol-ico{margin:10px}
.sol-ico-3d{width:64px;height:64px;object-fit:contain}
.sol-etapas a:hover{background:#fff;color:var(--azul)}
.sol-etapas a[aria-current]{background:#fff;box-shadow:0 1px 2px rgba(21,40,61,.06),0 10px 26px -14px rgba(21,40,61,.32)}
.sol-etapas a[aria-current] .sol-ico{color:var(--azul)}
.sol-etapas a:focus-visible{outline:2px solid var(--azul);outline-offset:-2px}

/* ---------- familia: cada etapa, una fila que se desliza ---------- */
.sol-filas{padding-bottom:clamp(32px,4vw,56px)}
.sol-fila{padding-top:clamp(32px,3.6vw,52px);scroll-margin-top:var(--b-menu)}
.sol-fila-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;width:min(87.5%,1260px);margin:0 auto 20px}
.sol-fila-cab h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.sol-fila-cab p{margin:6px 0 0;font-size:17px;color:var(--gris)}
.sol-flechas{display:flex;gap:18px;flex:none}
.sol-flechas[hidden]{display:none}
.sol-flechas button{display:grid;place-items:center;width:36px;height:36px;padding:0 0 2px;border:0;border-radius:36px;background:rgba(210,220,232,.64);color:var(--tinta);font:400 22px/1 var(--b-letra);cursor:pointer;transition:background .1s linear,opacity .1s linear}
.sol-flechas button:hover{background:rgba(190,204,220,.86)}
.sol-flechas button:disabled{opacity:.42;cursor:default}
.sol-flechas button:focus-visible{outline:2px solid var(--azul);outline-offset:3px}
.sol-estante{--margen:max(6.25vw,calc((100vw - 1260px)/2));display:flex;gap:20px;margin:0;padding:4px var(--margen) 10px;list-style:none;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margen);scrollbar-width:none}
.sol-estante::-webkit-scrollbar{display:none}
.sol-tarjeta{flex:none;width:372px;scroll-snap-align:start}
.sol-tarjeta a{display:flex;flex-direction:column;height:100%;color:var(--tinta);text-decoration:none}
.sol-tarjeta figure{position:relative;height:300px;margin:0;border-radius:28px;background:#F6F7FB;overflow:hidden}
.sol-tarjeta img{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(0,0,.5,1)}
/* Render 3D: mismo fondo que la tarjeta; se recorta el margen vacío para que la máquina se vea grande, con los bordes fundidos */
.sol-tarjeta img.sol-render{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%;mix-blend-mode:normal;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
/* Fotos del fabricante de fondo negro: recortadas a la máquina (como la AIS40X en sus niveles) */
.sol-tarjeta .sol-oscura{background:#0B0F14}
.sol-tarjeta .sol-oscura img{inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--encuadre,center);mix-blend-mode:normal}
.sol-tarjeta a:hover img{transform:scale(1.03)}
.sol-rec{position:absolute;right:18px;bottom:12px;font-size:12px;color:var(--gris)}
.sol-t-texto{display:flex;flex-direction:column;align-items:flex-start;padding:20px 12px 0}
.sol-rot{margin-bottom:4px;font-size:14px;font-weight:600;color:var(--azul)}
.sol-tarjeta b{font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.012em}
.sol-dato{margin-top:6px;font-size:17px;line-height:1.35;color:var(--gris)}
.sol-ver{margin-top:10px;font-size:17px;color:var(--azul)}
.sol-ver::after{content:"\00a0›"}
.sol-tarjeta a:hover .sol-ver{text-decoration:underline;text-underline-offset:3px}
.sol-tarjeta a:focus-visible{outline:2px solid var(--azul);outline-offset:4px;border-radius:28px}
/* El añadido (la XLR100 junto a las AOI de Maker Ray): una tarjeta de accesorio, con el marco a trazos */
.sol-tarjeta.anadido figure{background:#fff;box-shadow:inset 0 0 0 1.5px var(--b-filete)}
.sol-tarjeta.anadido figure::before{content:"";position:absolute;inset:10px;border:1.5px dashed #C9D3DE;border-radius:20px;pointer-events:none}
/* Destacada (la G-TERA, la AIS20X y la de doble cara de THT): primera de su fila y más ancha */
.sol-tarjeta.destacada{width:520px}
.sol-tarjeta.destacada figure{height:360px}
.sol-tarjeta.destacada b{font-size:24px}
@media (prefers-reduced-motion:reduce){.sol-tarjeta a:hover img,.sol-estrella a:hover img{transform:none}}

/* Inspección: la AOI de doble inspección, en grande arriba; el recuadro entero lleva a su ficha */
.sol-estrella{width:min(87.5%,1260px);margin:clamp(24px,3vw,40px) auto 0;padding:0}   /* padding:0: gana al «section{padding:56px 0 8px}» de piel-2.css, que le ponía 56 px de aire de más */
.sol-estrella a{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,56px);min-height:440px;
  padding:clamp(32px,4vw,56px);box-sizing:border-box;border-radius:28px;background:#F6F7FB;color:var(--tinta);text-decoration:none;transition:box-shadow .35s}
.sol-estrella a:hover{box-shadow:0 22px 44px -26px rgba(21,40,61,.42)}
.sol-estrella a:focus-visible{outline:2px solid var(--azul);outline-offset:4px}
.sol-estrella a>*{grid-column:1}
.sol-estrella .b-ojo{margin:0;color:var(--azul)}
.sol-estrella h2{margin:8px 0 0;font-size:clamp(32px,4vw,48px);line-height:1.08;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.sol-estrella .sol-dato{margin-top:12px;font-size:21px}
.sol-estrella .sol-ver{margin-top:18px}
.sol-estrella a:hover .sol-ver{text-decoration:underline;text-underline-offset:3px}
.sol-estrella figure{grid-column:2;grid-row:1/span 4;position:relative;height:100%;min-height:340px;margin:0}
.sol-estrella img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(0,0,.5,1)}
.sol-estrella a:hover img{transform:scale(1.03)}

/* Gestión de materiales: arriba, el software de Shinnex (NeXa, BomX y CTPROD), cada tarjeta entera lleva a su ficha */
.sol-software{width:min(87.5%,1260px);margin:clamp(24px,3vw,40px) auto 0;padding:clamp(32px,4vw,56px);box-sizing:border-box;border-radius:28px;background:#F6F7FB}
.sol-software-cab{max-width:44em;margin:0 auto 24px;text-align:center}
.sol-software-marca{margin:0 0 14px}
.sol-software-marca img{width:auto;height:28px}
.sol-software-cab h2{margin:0;font-size:clamp(28px,3.2vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.sol-software-cab p{margin:12px 0 0;font-size:19px;line-height:1.4;color:var(--gris)}
.sol-software-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.sol-software-lista>li>a{display:flex;flex-direction:column;height:100%;border-radius:22px;background:#fff;color:var(--tinta);text-decoration:none;overflow:hidden;transition:box-shadow .3s}
.sol-software-lista>li>a:hover{box-shadow:0 18px 36px -24px rgba(21,40,61,.42)}
.sol-software-lista>li>a:focus-visible{outline:2px solid var(--azul);outline-offset:3px}
.sol-software-lista figure{position:relative;height:190px;margin:0;background:#fff}
.sol-software-lista figure img{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain}
.sol-software-lista .sol-t-texto{flex:1;padding:4px 22px 22px}
.sol-software-lista b{font-size:21px;line-height:1.2;font-weight:600}
.sol-software-lista ul{margin:10px 0 0;padding-left:1.1em;font-size:15px;line-height:1.4;color:var(--gris)}
.sol-software-lista .sol-ver{margin-top:auto;padding-top:12px}
.sol-software-lista>li>a:hover .sol-ver{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1068px){.sol-software-lista{grid-template-columns:1fr}.sol-estrella a{grid-template-columns:1fr}.sol-estrella figure{grid-column:1;grid-row:auto;min-height:280px}}

/* ---------- etapa con niveles: el deslizador «¿Cuánto produces?» (26-10, alternativa C, elegida por David) ----------
   Muestra de partida: muestras/msa/c-deslizador.html. Un recuadro gris con la máquina de cada nivel (la elegida, grande y en
   color; las demás, pequeñas y apagadas), la pista con su tirador y las paradas; debajo, el panel blanco del nivel (desde el
   28-10, la caja de abajo). */
.sol-nv{--n:3;--p:0;--nv-curva:cubic-bezier(.25,.1,.25,1);width:min(87.5%,1260px);box-sizing:border-box;margin:0 auto;
  padding:clamp(32px,4vw,56px) clamp(20px,3.4vw,48px) clamp(20px,3.4vw,48px);border-radius:28px;background:var(--b-gris);text-align:center}
.sol-nv-ojo{margin:0;font-size:clamp(15px,1.3vw,17px);line-height:1.2;font-weight:600;color:var(--azul)}
.sol-nv-pregunta{margin:6px 0 0;font-size:clamp(30px,3.4vw,48px);line-height:1.08;font-weight:600;letter-spacing:-.025em;color:var(--tinta);text-wrap:balance}
.sol-nv-sub{margin:8px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.3;color:var(--gris)}
.sol-nv-oculto{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* El mando: máquinas, pista y paradas, en N columnas */
.sol-nv-mando{max-width:1120px;margin:clamp(12px,2vw,24px) auto 0}
.sol-nv-escena{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));height:260px}
.sol-nv-maq{position:relative;border:0;padding:0;margin:0;background:none;cursor:pointer;transform-origin:50% 92%;
  transform:scale(.62);opacity:.36;filter:saturate(.2);transition:transform .6s var(--nv-curva),opacity .5s var(--nv-curva),filter .5s}
.sol-nv-maq:hover{opacity:.7}
.sol-nv-maq.elegido{transform:none;opacity:1;filter:none}
.sol-nv-maq:focus-visible{outline:2px solid var(--azul);outline-offset:-2px;border-radius:20px}
.sol-nv-maq figure{position:absolute;inset:0;margin:0}
.sol-nv-maq img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%)}
.sol-nv-maq figure.cerrada img{object-fit:contain;transform:scale(.8);transform-origin:50% 75%}
.sol-nv-maq figure.foto img{object-fit:contain;padding:12%;box-sizing:border-box;mix-blend-mode:multiply;-webkit-mask-image:none;mask-image:none}
/* La pista va del centro de la primera columna al de la última */
.sol-nv-pista{position:relative;height:48px;margin:6px calc(50% / var(--n)) 0;touch-action:pan-y;cursor:pointer;-webkit-user-select:none;user-select:none}
.sol-nv-riel{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:3px;background:#D3DCE6}
.sol-nv-relleno{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p) * 100%);border-radius:inherit;background:var(--azul);transition:width .45s var(--nv-curva)}
.sol-nv-punto{position:absolute;top:50%;left:calc(var(--k) / (var(--n) - 1) * 100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #C2CDDA;transition:box-shadow .3s}
.sol-nv-punto.pasado{box-shadow:inset 0 0 0 2px var(--azul)}
.sol-nv-tirador{position:absolute;top:50%;left:calc(var(--p) * 100%);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;cursor:grab;outline:none;
  box-shadow:0 0 0 .5px rgba(21,40,61,.1),0 2px 5px rgba(21,40,61,.2),0 8px 18px -8px rgba(21,40,61,.35);transition:left .45s var(--nv-curva),transform .2s var(--nv-curva)}
.sol-nv-tirador::after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--azul)}
.sol-nv-tirador:focus-visible{box-shadow:0 0 0 4px rgba(0,76,151,.28),0 2px 5px rgba(21,40,61,.2)}
.sol-nv-mando.arrastra .sol-nv-tirador{cursor:grabbing;transform:scale(1.1)}
.sol-nv-mando.arrastra .sol-nv-tirador,.sol-nv-mando.arrastra .sol-nv-relleno{transition:none}
/* Hasta que alguien lo toca, el tirador late un par de veces cuando se ve: se puede mover */
.sol-nv-mando.visto:not(.tocado) .sol-nv-tirador{animation:sol-nv-late 1.6s var(--nv-curva) .6s 3}
@keyframes sol-nv-late{0%{box-shadow:0 0 0 0 rgba(0,76,151,.38),0 2px 5px rgba(21,40,61,.2)}100%{box-shadow:0 0 0 16px rgba(0,76,151,0),0 2px 5px rgba(21,40,61,.2)}}
.sol-nv-paradas{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));list-style:none;margin:4px 0 0;padding:0}
.sol-nv-paradas button{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;border:0;background:none;padding:6px 10px;margin:0;cursor:pointer;font:inherit;color:var(--gris2,#8A97A8);text-align:center;transition:color .3s}
.sol-nv-paradas button:hover{color:var(--gris)}
.sol-nv-paradas b{font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.015em}
.sol-nv-paradas span{font-size:15px;line-height:1.3;text-wrap:balance}
.sol-nv-paradas .elegido{color:var(--tinta)}
.sol-nv-paradas .elegido span{color:var(--azul)}
.sol-nv-paradas button:focus-visible{outline:2px solid var(--azul);outline-offset:2px;border-radius:12px}
.sol-nv-nota{margin:12px 0 0;font-size:12px;color:var(--gris);text-align:right}

/* El panel del nivel elegido (desde el 28-10, la caja nueva, sin «Te toca») */
.sol-nv-res{margin-top:clamp(20px,2.6vw,32px);text-align:left}
.sol-nv-panel{--pp:clamp(24px,3.4vw,44px);padding:var(--pp);border-radius:24px;background:#fff;overflow:hidden;transition:opacity .3s var(--nv-curva),transform .45s var(--nv-curva)}
.sol-nv-panel[hidden]{display:none}
.sol-nv-res.cambia .sol-nv-panel{opacity:0;transform:translateY(8px)}
/* La caja de cada nivel (28-10, David: «tiene que sustituir a la vieja en todos los sitios»): la de la muestra de SMD tipo Apple
   Store (v3-v4, iconos «a»), sin «Te toca». La máquina en grande junto a sus datos (icono de 40 px, cifra y etiqueta), su fuente,
   «Ver la ficha ›» y «Pedir oferta ›»; si el nivel tiene varias, unas píldoras eligen cuál se ve. La misma en todas las familias
   y en las páginas de etapa de SMD (soluciones-tienda.css le da la vuelta a los colores). */
.st-panel{--pp:clamp(20px,2.6vw,32px)}
.st-maq-texto .st-ojo{display:block;font-size:12px;line-height:16px;font-weight:600;letter-spacing:-.01em;color:#5E6E81}
.st-maq-foto .st-rec{position:absolute;right:12px;bottom:10px;font-size:13px;line-height:1;color:#4A5868}   /* R17: «Recreación 3D» que se lea */
.st-maq-pildoras{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.st-maq-pildoras button{padding:7px 16px;border:1px solid #C3CDD8;border-radius:999px;background:#fff;font:inherit;font-size:14px;line-height:20px;font-weight:500;color:var(--tinta);cursor:pointer}
.st-maq-pildoras button[aria-pressed=true]{border-color:var(--azul);box-shadow:inset 0 0 0 1px var(--azul);color:var(--azul);font-weight:600}
.st-maq-pildoras button:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.st-maq{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:center;text-align:left}
.st-maq[hidden]{display:none}
.st-maq-foto{position:relative;display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#fff}
.st-maq-foto .st-rec{bottom:10px;right:12px}
.st-maq-foto img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.st-maq-foto.render{background:none}
.st-maq-foto.render img{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;mix-blend-mode:normal;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 84%,transparent),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 84%,transparent),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.st-maq-linea{margin:18px 0 0;font-size:17px;line-height:1.45;color:var(--gris)}
.st-maq-texto h3{margin:6px 0 0;font-size:32px;line-height:36px;font-weight:600;letter-spacing:-.015em;color:var(--tinta)}
.st-maq-texto .st-ojo{margin:0}
/* Los datos: icono, cifra y etiqueta. a (por defecto): como las claves de la ficha de la RS-2 (PR #133), icono de 40 y la cifra
   a 21 px. b (?iconos=b): como «En cifras» de la misma ficha, la cifra grande (40 px) con su unidad pequeña */
.st-datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;margin:22px 0 0;padding:0;list-style:none}
.st-datos li{display:grid;gap:6px;align-content:start}
.st-datos svg{width:40px;height:40px;fill:none;stroke:var(--azul);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.st-datos b{font-size:21px;line-height:25px;font-weight:600;letter-spacing:-.01em;color:var(--tinta)}
.st-datos b small{margin-left:.25em;font-size:.8em;font-weight:600}
.st-datos span{font-size:14px;line-height:19px;color:var(--gris)}
.st-fuente{margin:16px 0 0;font-size:12px;line-height:1.4;color:var(--gris)}
.st-maq-enl{display:flex;flex-wrap:wrap;gap:6px 24px;margin:18px 0 0;font-size:17px}
.st-maq-enl a{color:var(--azul);text-decoration:none}
.st-maq-enl a:hover{text-decoration:underline}

.sol-nv-mas{padding-top:clamp(28px,3vw,44px)}
.sol-nv-mas .sol-fila-cab h3{margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.1;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
@media (prefers-reduced-motion:reduce){
  .sol-nv-maq,.sol-nv-tirador,.sol-nv-relleno,.sol-nv-panel{transition:none}
  .sol-nv-mando .sol-nv-tirador{animation:none}
}

/* Otras familias, al final */
.sol-otras{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:min(87.5%,1260px);margin:0 auto;padding:0 0 clamp(32px,4vw,52px)}
.sol-otras span{width:100%;margin-bottom:4px;text-align:center;font-size:15px;font-weight:600;color:var(--gris)}
.sol-otras a{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:var(--b-gris);color:var(--tinta);font-size:15px;text-decoration:none;transition:background .2s,color .2s}
.sol-otras a:hover{background:#E8F0F8;color:var(--azul)}

/* ---------- cierre ---------- */
.sol-cierre{--b-pt:clamp(40px,5vw,72px);--b-pb:clamp(40px,5vw,72px)}
.sol-cierre .b-enlaces{margin-top:20px}
.sol-cierre .b-sub{max-width:28em}

/* ---------- móvil (≤ 734 px): la tira de etapas y las filas se deslizan con el dedo; la página, no ---------- */
@media (max-width:734px){
  .sol-familias{padding:var(--hueco) 0}
  .sol-etapas ul{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:20px -22px 0;padding:0 22px;scrollbar-width:none}
  .sol-etapas ul::-webkit-scrollbar{display:none}
  .sol-etapas a{flex:none;width:92px;font-size:12px;padding:12px 2px 10px}
  .sol-ico{width:40px;height:40px}
  .sol-etapas svg.sol-ico{margin:8px}
  .sol-ico-3d{width:56px;height:56px}
  .sol-cab{--b-pt:28px;--b-pb:24px}
  .sol-cab:not(:has(.b-ojo)){--b-pt:52px}   /* 28-10: sin antetítulo (Soluciones), la firma va encima del titular y necesita sitio */
  .sol-fila{padding-top:32px}
  .sol-fila-cab{width:calc(100% - 40px);margin-bottom:16px}
  .sol-fila-cab p{font-size:15px}
  .sol-flechas,.sol-flechas[hidden]{display:none}
  .sol-estante{--margen:20px;gap:12px}
  .sol-tarjeta{width:280px}
  .sol-tarjeta figure{height:236px;border-radius:22px}
  .sol-tarjeta a:focus-visible{border-radius:22px}
  .sol-t-texto{padding:16px 8px 0}
  .sol-tarjeta b{font-size:19px}
  .sol-dato,.sol-ver{font-size:15px}
  .sol-tarjeta.destacada{width:300px}
  .sol-tarjeta.destacada figure{height:236px}
  .sol-tarjeta.destacada b{font-size:19px}
  .sol-estrella,.sol-software{width:calc(100% - 40px)}
  .sol-estrella a,.sol-software{padding:28px 20px;border-radius:22px}
  .sol-estrella .sol-dato{font-size:17px}
  .sol-software-cab p{font-size:17px}
  .sol-otras{width:calc(100% - 40px)}
  /* El deslizador, de borde a borde (como la muestra), con sus máquinas y paradas más pequeñas */
  .sol-nv{width:100%;border-radius:0;padding:32px 16px 20px}
  .sol-nv-escena{height:128px}
  .sol-nv-maq{transform:scale(.66)}
  .sol-nv-pista{height:44px}
  .sol-nv-tirador{width:30px;height:30px;margin:-15px 0 0 -15px}
  .sol-nv-tirador::after{inset:11px}
  .sol-nv-paradas button{padding:4px 3px}
  .sol-nv-paradas b{font-size:15px}
  .sol-nv-paradas span{font-size:12.5px}
  .sol-nv-nota{text-align:center}
  .sol-nv-panel{--pp:16px;border-radius:22px;padding:var(--pp)}
  .st-maq{grid-template-columns:1fr;gap:18px}
  .st-maq-foto{aspect-ratio:4/3}
  .st-maq-texto h3{font-size:24px;line-height:28px}
  .st-maq-pildoras{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-2px calc(-1 * var(--pp)) 16px;padding:2px var(--pp)}
  .st-maq-pildoras button{flex:none}
  .sol-nv-mas .sol-fila-cab h3{font-size:24px}
}

/* «Novedad» (David, 28-10): el rótulo de las cuatro máquinas que lo llevan (G-TERA y LX-8 en SMD, la AOI dual, BomX), como el
   «NUEVO» de Apple: 12/16 px, peso 600 y su naranja, #B64400 = rgb(182, 68, 0) (apple.com/es/store, medido el 27-10) */
.st-nuevo{display:block;align-self:flex-start;font-size:12px;line-height:16px;font-weight:600;letter-spacing:-.01em;color:#B64400}
.sol-novedad{margin:0 0 4px}
.sol-software .st-nuevo{margin-bottom:4px}