/* Apartado «Inteligencia Artificial» (21-10-2026), después de piel-b.css. Base de la variante C («Lo que validamos»):
   portada, la idea, las cuatro preguntas, «Cerebro de serie» y el comparador. Los equipos, con el formato de la B:
   su máquina, una frase, sus pantallas reales y las tarjetas «El dato» y «La decisión».
   Todo lleva «ia-» delante: animaciones.js y el CSS viejo usan nombres sueltos (.banda, .cab, .cifras…). Ojo: estilo.css ya
   tiene .ia-conf, .ia-lado y .ia-texto, y equipo.css los .ia-… de la ficha de la AIS (.ia-tabla, .ia-pasos…): aquí no se usan.
   Fondo claro siempre. */
.ia{--ok:#1C9A57;--ok-f:#E5F3E9;--ng:#CF3F3A;--ng-f:#FCEBEC;--anillo:#C3D2E3;--suave:#7D8B9C}
/* lo de partida va con :where() (sin peso), para que cualquier pieza de abajo (margin:0 auto…) gane */
:where(.ia) :where(h3,p,figure,ol,ul){margin:0}
:where(.ia) :where(ol,ul){padding:0;list-style:none}
:where(.ia) img{display:block;max-width:100%;height:auto}
:where(.ia) sup{font-size:.55em;line-height:0;vertical-align:super;margin-left:1px;font-weight:500;letter-spacing:0}
:where(.ia) sup a{color:inherit;text-decoration:none}:where(.ia) sup a:hover{color:var(--azul)}
:where(.ia) a{text-decoration:none}
.ia-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ia :is(a,select):focus-visible{outline:2px solid var(--azul);outline-offset:3px;border-radius:6px}
.ia-cab{max-width:980px;margin:0 auto clamp(36px,5vw,60px)}
.ia-fuente{max-width:980px;margin:22px auto 0;font-size:13px;line-height:1.45;color:var(--gris);text-wrap:pretty}
.ia-fuente.ia-izq{margin-left:0;text-align:left}
.ia-enlace{color:var(--azul)}
.ia-enlace::after{content:"\00a0›";display:inline-block;transition:transform .25s var(--b-curva)}
.ia-enlace:hover{text-decoration:underline;text-underline-offset:3px}
.ia-enlace:hover::after{transform:translateX(2px)}

/* ---------- 1 · portada ---------- */
.ia-heroe{--b-pt:clamp(56px,7vw,92px);--b-pb:clamp(48px,6vw,72px)}
.ia-familia{display:flex;justify-content:center;align-items:flex-end;gap:clamp(16px,3.4vw,48px);width:min(1080px,100%);margin:clamp(44px,5.5vw,72px) auto 0}
.ia-familia a{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--tinta)}
.ia-familia img{height:clamp(150px,18vw,250px);width:auto;transition:transform .5s var(--b-curva)}
.ia-familia a:hover img{transform:translateY(-4px)}
.ia-familia span{font-size:14px;line-height:1.35;color:var(--gris)}
.ia-familia span b{display:block;font-size:15px;font-weight:600;color:var(--tinta)}

/* ---------- 2 · la idea, en grande ---------- */
.ia-lema-txt{max-width:980px;margin:0 auto;text-align:left;font-size:clamp(26px,3.3vw,44px);line-height:1.18;font-weight:600;letter-spacing:-.028em;color:var(--suave);text-wrap:pretty}
.ia-lema-txt b{color:var(--tinta);font-weight:600}

/* ---------- 3 · las cuatro preguntas ---------- */
.ia-preguntas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(var(--b-ancho),100%);margin:0 auto;text-align:left}
.ia-preguntas li{display:flex;flex-direction:column;gap:10px;padding:32px 28px 34px;border-radius:28px;background:var(--b-gris)}
.ia-ico{width:40px;height:40px;margin-bottom:6px;color:var(--azul);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ia-preguntas h3{font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.02em}
.ia-preguntas p{font-size:17px;line-height:1.5;color:var(--gris)}
.ia-preguntas li.ia-papel{background:#fff;box-shadow:inset 0 0 0 1.5px var(--b-filete)}

/* ---------- 4 · cerebro de serie ---------- */
.ia-cerebro{--b-pb:clamp(72px,9vw,112px)}
.ia .ia-chip{position:relative;width:min(400px,74vw);margin:0 auto}
.ia-chip::before{content:"";position:absolute;inset:-22%;background:radial-gradient(closest-side,rgba(0,96,189,.13),rgba(0,96,189,0));pointer-events:none}
.ia-chip svg{position:relative;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 34px 44px rgba(21,40,61,.16)) drop-shadow(0 6px 10px rgba(21,40,61,.06))}
.ia-cerebro-txt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 56px;max-width:980px;margin:clamp(44px,5.5vw,72px) auto 0;text-align:left;font-size:clamp(17px,1.5vw,21px);line-height:1.45;color:var(--gris);letter-spacing:-.014em}
.ia-cerebro-txt p{font-size:inherit}
.ia-cerebro-txt b{color:var(--tinta);font-weight:600}
.ia-cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:980px;margin:clamp(44px,5.5vw,64px) auto 0;padding-top:clamp(32px,4vw,44px);border-top:1px solid var(--b-filete);text-align:left}
.ia-cifras small{display:block;font-size:17px;font-weight:600;color:var(--gris)}
.ia-cifras b{display:block;margin-top:6px;font-size:clamp(40px,4.4vw,60px);line-height:1.04;font-weight:600;letter-spacing:-.035em;color:var(--azul);white-space:nowrap}
.ia-cifras>div>span{display:block;margin-top:8px;font-size:17px;line-height:1.4;color:var(--gris)}
.ia-ordenadores{max-width:980px;margin:clamp(48px,6vw,72px) auto 0;text-align:left}
.ia-ordenadores h3{margin-bottom:14px;font-size:clamp(21px,2vw,28px);line-height:1.15;font-weight:600;letter-spacing:-.02em}
.ia-pcs{width:100%;border-collapse:collapse;font-size:17px}
.ia-pcs th,.ia-pcs td{padding:16px 16px 16px 0;border-bottom:1px solid var(--b-filete);text-align:left;vertical-align:top;font-weight:400}
.ia-pcs thead th{padding-top:4px;font-size:14px;font-weight:600;color:var(--gris)}
.ia-pcs tbody th{font-weight:600}
.ia-pcs td:last-child{white-space:nowrap}

/* ---------- 5 · comparador ---------- */
.ia-cmp{width:min(var(--b-ancho),100%);margin:0 auto;text-align:left}
.ia-cmp-elige{display:none}
.ia-cmp-fila{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:0 clamp(18px,2.6vw,36px)}
.ia-cmp-cab .ia-cmp-c{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ia .ia-cmp-cab figure{display:flex;align-items:flex-end;justify-content:center;width:100%;height:clamp(150px,15vw,200px);margin:0 0 24px}
.ia-cmp-cab figure img{max-height:100%;width:auto;max-width:100%;object-fit:contain}
.ia-cmp-cab .ia-cmp-tipo{margin:0 0 2px;font-size:14px;line-height:1.3;font-weight:600;color:var(--azul)}
.ia-cmp-cab h3{font-size:clamp(21px,2vw,28px);line-height:1.12;font-weight:600;letter-spacing:-.022em}
.ia-cmp-cab p{margin-top:6px;font-size:15px;line-height:1.4;color:var(--gris)}
.ia-cmp-cab .ia-enlace{margin-top:auto;padding-top:12px;font-size:15px}
.ia-cmp-q{display:flex;align-items:center;gap:10px;margin-top:36px;padding:18px 0 14px;border-top:1px solid var(--b-filete);font-size:15px;line-height:1.2;font-weight:600;color:var(--azul);letter-spacing:-.005em}
.ia-cmp-q svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ia-cmp-fila>p{min-width:0;font-size:17px;line-height:1.45;color:var(--tinta);overflow-wrap:break-word}
.ia-cmp-donde>p{font-size:14px;line-height:1.45;color:var(--gris)}
.ia-cmp-pie{display:flex;justify-content:center;margin-top:44px;font-size:17px}

/* ---------- 6 · cada equipo (formato de la variante B) ---------- */
.ia-eq .b-h2{max-width:16em;margin:0 auto}
.ia-eq .b-sub{max-width:31em;margin-top:14px}
.ia-eq-maq{display:flex;align-items:flex-end;justify-content:center;height:clamp(140px,14vw,180px);margin:0 auto 22px}
.ia-eq-maq img{max-height:100%;width:auto}
.ia .ia-fig{width:min(980px,100%);margin:clamp(36px,4.4vw,56px) auto 0}
.ia-fig>figcaption{margin-top:14px;font-size:13px;line-height:1.4;color:var(--gris2);text-wrap:balance}
.ia-pant{position:relative;padding:10px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--b-filete),0 34px 64px -40px rgba(21,40,61,.42)}
.ia-pant img{width:100%;border-radius:13px}
.ia-etq{display:block;margin-bottom:10px;font-size:13px;font-weight:600;letter-spacing:.005em;color:var(--gris)}
.ia-etq.azul{color:var(--azul)}
.ia-marca{display:inline-block;padding:1px 8px;border-radius:999px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;vertical-align:1px}
.ia-marca.ng{background:var(--ng)}.ia-marca.ok{background:var(--ok)}.ia-marca.ia{background:var(--azul)}
.ia-veredicto{display:grid;grid-template-columns:auto auto;justify-content:start;gap:10px 12px;align-items:center;margin-top:18px;font-size:17px;line-height:1.3;color:var(--tinta)}
.ia-veredicto .ia-marca{justify-self:start}
/* SPI: lo que ve, y al lado lo que decide */
.ia-spi{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:24px;align-items:start;text-align:left}
.ia-decide .ia-pant{padding:8px}
.ia-decide .ia-pant img{border-radius:10px}
/* AOI 3D: dos pantallas a la misma altura */
.ia-dos{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1.59fr);gap:24px;align-items:end;text-align:left}
/* AIS20X: el fallo y la pieza bien */
.ia-ngok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}
.ia-ngok li{border-radius:22px;background:#fff;padding:12px 12px 14px;box-shadow:0 0 0 1px var(--b-filete)}
.ia-ngok p{margin:4px 6px 12px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--tinta)}
.ia-t{position:relative;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#EEF1F5}
.ia-t+.ia-t{margin-top:8px}
.ia .ia-t img{width:100%;height:100%;object-fit:cover}
.ia-t .ia-marca{position:absolute;left:8px;top:8px;box-shadow:0 2px 8px -2px rgba(0,0,0,.35)}
/* AIS50X: lo que ve, y al lado lo que decide */
.ia-vd{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:24px;align-items:start;text-align:left}
.ia-vd .ia-decide{display:flex;flex-direction:column;gap:10px}
.ia-vd .ia-decide .ia-etq{margin-bottom:0}
.ia-vd .ia-veredicto{margin-top:8px}
/* BomX: la captura del folleto */
.ia-marco{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--b-filete),0 40px 80px -44px rgba(21,40,61,.38)}
.ia-captura .ia-marco img{width:100%;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
.ia .ia-captura{width:min(var(--b-ancho),100%)}
/* NeXa: la historia de una placa */
.ia-traza{width:min(660px,100%);margin-inline:auto;border-radius:28px;background:#fff;padding:clamp(22px,3vw,34px);text-align:left;box-shadow:0 0 0 1px var(--b-filete),0 34px 64px -42px rgba(21,40,61,.4)}
.ia-traza-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-bottom:16px;border-bottom:1px solid var(--b-filete)}
.ia-traza-cab small{font-size:13px;font-weight:600;color:var(--gris)}
.ia-traza-cab b{font-size:21px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.ia-traza ol{position:relative;margin-top:6px}
.ia-traza li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:14px;row-gap:1px;align-items:center;padding:12px 0}
.ia-traza li:not(:last-child)::after{content:"";position:absolute;left:13px;top:42px;bottom:-14px;width:2px;background:var(--b-pista)}
.ia-punto{grid-column:1;grid-row:1/span 2;position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#E7F5EE;box-shadow:inset 0 0 0 2px #9FD8B9}
.ia-punto svg{width:14px;height:14px;fill:none;stroke:var(--ok);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ia-fase{grid-column:2;grid-row:1;font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.01em}
.ia-donde{grid-column:2;grid-row:2;font-size:14px;line-height:1.3;color:var(--gris)}
.ia-estado{grid-column:3;grid-row:1/span 2;font-style:normal;font-size:13px;font-weight:600;color:var(--ok);background:#E7F5EE;border-radius:999px;padding:3px 10px}
.ia-traza .ia-traza-pie{margin-top:8px;padding-top:14px;border-top:1px solid var(--b-filete);font-size:15px;color:var(--gris)}

/* el dato y la decisión */
.ia-dd{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:stretch;width:min(880px,100%);margin:clamp(30px,3.6vw,44px) auto 0;text-align:left}
.ia-dd>div{border-radius:22px;background:var(--b-gris);padding:20px 24px 22px}
.gris .ia-dd>div{background:#fff}
.ia-dd small{display:block;margin-bottom:6px;font-size:13px;font-weight:600;letter-spacing:.005em;color:var(--gris)}
.ia-dd .ia-decision small{color:var(--azul)}
.ia-dd p{font-size:17px;line-height:1.45;color:var(--tinta)}
.ia-flecha{display:grid;place-items:center}
.ia-flecha svg{width:26px;height:26px;fill:none;stroke:var(--gris2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* lo que hace, en frases cortas (la primera en negrita) */
.ia-hechos{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:24px 36px;width:min(980px,100%);margin:clamp(32px,4vw,48px) auto 0;text-align:left}
.ia-hechos p{font-size:17px;line-height:1.5;color:var(--gris)}
.ia-hechos b{color:var(--tinta);font-weight:600}
.ia-eq .b-enlaces{margin-top:clamp(28px,3.4vw,40px)}
/* cifras grandes del equipo */
.ia-cifras-eq{display:grid;grid-template-columns:repeat(var(--k,3),minmax(0,1fr));gap:28px 32px;width:min(940px,100%);margin:clamp(36px,4.4vw,56px) auto 0}
.ia-cifras-eq small{display:block;font-size:17px;font-weight:600;color:var(--gris)}
.ia-cifras-eq b{display:block;margin-top:4px;font-size:clamp(48px,5.4vw,76px);line-height:1;font-weight:600;letter-spacing:-.04em;color:var(--azul);white-space:nowrap}
.ia-cifras-eq>div>span{display:block;margin-top:8px;font-size:17px;line-height:1.35;color:var(--gris)}
.ia .ia-peq{width:min(720px,100%);margin:18px auto 0;font-size:13px;line-height:1.45;color:var(--gris2);text-wrap:balance}

/* ---------- 7 · Shinnex: el proceso ---------- */
.ia-shinnex{--b-pb:clamp(56px,7vw,88px)}
.ia-flujo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:min(var(--b-ancho),100%);margin:0 auto;text-align:left}
.ia-flujo li{position:relative;min-width:0;padding:22px 20px 24px;border-radius:22px;background:#fff}
.ia-flujo li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:34px;z-index:1;width:9px;height:9px;border-top:2px solid var(--gris2);border-right:2px solid var(--gris2);transform:rotate(45deg)}
.ia-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--azul);font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--azul)}
.ia-flujo h3{margin-top:14px;font-size:19px;line-height:1.2;font-weight:600;letter-spacing:-.015em}
.ia-flujo p{margin-top:6px;font-size:15px;line-height:1.45;color:var(--gris)}
.ia-flujo li.ia-tu{background:#FFF8E2;box-shadow:inset 0 0 0 1.5px var(--amarillo)}
.ia-flujo li.ia-tu .ia-n{color:#7A5C00;box-shadow:inset 0 0 0 1.5px var(--amarillo)}

/* ---------- 8 · cierre ---------- */
.ia-fin .b-sub{margin-bottom:28px}
.ia-botones{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px}

/* ---------- tableta ---------- */
@media (max-width:1060px){
  .ia-preguntas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ia-flujo{grid-template-columns:1fr;gap:12px;max-width:560px}
  .ia-flujo li{display:grid;grid-template-columns:28px 1fr;column-gap:16px;padding:18px 20px}
  .ia-flujo .ia-n{grid-row:span 2}
  .ia-flujo h3{margin-top:2px}
  .ia-flujo li:not(:last-child)::after{right:auto;left:30px;top:auto;bottom:-10px;transform:rotate(135deg)}
}
@media (max-width:900px){
  /* comparador en el móvil: dos columnas, eliges cuáles */
  .ia-cmp-elige{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
  .ia-cmp-sel{position:relative;display:block;min-width:0}
  .ia-cmp-sel select{-webkit-appearance:none;appearance:none;width:100%;min-width:0;padding:11px 32px 11px 14px;border:1px solid var(--b-filete);border-radius:12px;background:#fff;color:var(--tinta);font:600 15px/1.2 var(--b-letra);letter-spacing:-.01em;text-overflow:ellipsis}
  .ia-cmp-sel::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.6px solid var(--gris);border-bottom:1.6px solid var(--gris);transform:translateY(-70%) rotate(45deg);pointer-events:none}
  [data-cmp] .ia-cmp-fila{--n:2;gap:0 16px}
  [data-cmp] .ia-cmp-c{display:none}
  [data-cmp] .ia-cmp-c.a{display:block;order:1}
  [data-cmp] .ia-cmp-c.b{display:block;order:2}
  [data-cmp] .ia-cmp-cab .ia-cmp-c.a,[data-cmp] .ia-cmp-cab .ia-cmp-c.b{display:flex}
  [data-cmp] .ia-cmp-cab h3{display:none}
  .ia-ngok{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---------- móvil ---------- */
@media (max-width:760px){
  .ia br.ia-esc{display:none}
  .ia-familia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px;align-items:end}
  .ia-familia a{gap:12px}
  .ia-familia img{width:auto;height:150px;max-width:100%;object-fit:contain}
  .ia-familia span{font-size:13px}.ia-familia span b{font-size:14px}
  .ia-lema-txt{font-size:26px;line-height:1.2}
  .ia-preguntas{grid-template-columns:1fr;gap:12px}
  .ia-preguntas li{display:grid;grid-template-columns:36px 1fr;column-gap:16px;row-gap:4px;padding:22px 22px 24px;border-radius:24px}
  .ia-preguntas .ia-ico{grid-row:1/span 2;width:36px;height:36px;margin:2px 0 0}
  .ia-preguntas h3{font-size:20px}
  .ia-preguntas p{font-size:16px}
  .ia-cerebro-txt{grid-template-columns:1fr;font-size:17px}
  .ia-cifras{grid-template-columns:1fr;gap:26px;text-align:center}
  .ia-cifras b{font-size:48px}
  .ia-pcs thead{display:none}
  .ia-pcs,.ia-pcs tbody{display:block}
  .ia-pcs tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--b-filete)}
  .ia-pcs th,.ia-pcs td{padding:0;border:0;min-width:0}
  .ia-pcs tbody th{grid-column:1/-1;margin-bottom:6px;font-size:17px}
  .ia-pcs td{font-size:15px;line-height:1.35}
  .ia-pcs td:last-child{white-space:normal}
  .ia-pcs td::before{content:attr(data-l);display:block;margin-bottom:2px;font-size:12px;font-weight:500;color:var(--gris)}
  .ia .ia-cmp-cab figure{height:130px;margin-bottom:14px}
  .ia-cmp-cab p{font-size:14px}
  .ia-cmp-q{margin-top:26px;font-size:14px}
  .ia-cmp-fila>p{font-size:15px;line-height:1.42}
  .ia-cmp-donde>p{font-size:13px}
  .ia-eq-maq{height:120px;margin-bottom:18px}
  .ia .ia-fig{margin-top:32px}
  .ia-pant{padding:6px;border-radius:16px}
  .ia-pant img{border-radius:11px}
  .ia-spi,.ia-dos,.ia-vd{grid-template-columns:1fr;gap:18px}
  .ia-ngok{gap:10px}
  .ia-ngok li{padding:10px 10px 12px;border-radius:18px}
  .ia-ngok p{margin:2px 4px 10px;font-size:14px}
  .ia-t{border-radius:10px}
  .ia-dd{grid-template-columns:1fr;row-gap:0}
  .ia-flecha{height:40px}
  .ia-flecha svg{transform:rotate(90deg)}
  .ia-dd>div{padding:16px 18px 18px;border-radius:18px}
  .ia-hechos{grid-template-columns:1fr;gap:16px}
  .ia-cifras-eq,.ia-cifras-eq[style*="--k:2"]{grid-template-columns:1fr;gap:24px}
  .ia-captura .ia-marco{aspect-ratio:4/3}
  .ia-captura .ia-marco img{width:auto;max-width:none;height:100%;-webkit-mask-image:none;mask-image:none}
  .ia-traza{border-radius:22px}
}
@media (prefers-reduced-motion:reduce){.ia *{transition:none!important}}