/* /alertas (4 nov, con el kit v2): lo que solo tiene esta página. El kit (paginas.css) pone los componentes; aquí, el parte que llega
   (en la cabecera, recortado, y en S8, en el buzón y en WhatsApp, con su hora), la novedad con sus seis partes (S3), los tres avisos
   gratis y sus piezas (S5), las dos tarjetas de «te basta si» (S6), el radar por días y lunes (S7), las cinco señales (S9) y las
   tarjetas de las hermanas (S12). Solo transform y opacity en lo que se mueve; con «reducir movimiento», todo quieto en su estado final. */

.al-anat-vis em,.al-movil em{font-style:normal;white-space:nowrap;padding:0 .14em;border-radius:.25em;background:var(--tuyo-suave);color:var(--tuyo)}
.al-h3{margin:clamp(64px,8vw,104px) 0 clamp(20px,2.4vw,28px);font-size:clamp(22px,2vw,28px);font-weight:450;font-stretch:110%;letter-spacing:-.02em;line-height:1.2}
.sug{display:inline-block;padding:0 .4em;border-radius:6px;background:var(--hundido);box-shadow:inset 0 0 0 1px var(--linea);font-family:var(--google);font-size:.93em;color:var(--texto);white-space:nowrap}
.al-tabla tbody th .ic,.al-cuando tbody th .ic{display:block;width:20px;height:20px;margin-bottom:8px;color:var(--texto-3)}

/* ── S2: el parte de hoy, recortado a sus dos primeras novedades; se arma una vez, tras el H1 ─────────────────────────────────── */
.al-cab-correo{justify-self:end;width:min(100%,440px);padding:14px 18px 16px;border-radius:18px;background:var(--tinta);color:rgba(255,255,255,.66);box-shadow:var(--sombra-alza)}
.al-cab-de{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600}
.al-cab-de svg{width:auto;height:13px;color:#fff}
.al-cab-de time{margin-left:auto;padding:2px 9px;border-radius:999px;background:var(--naranja);color:#fff;font-variant-numeric:tabular-nums}
.al-cab-asunto{margin-top:10px;font-size:clamp(16px,1.3vw,18px);font-weight:500;font-stretch:104%;letter-spacing:-.012em;line-height:1.3;color:#fff}
.al-cab-asunto em{background:rgba(254,90,32,.28);color:#FFC2AC}
.al-cab-hoy{margin-top:4px;font-size:13.5px}
.al-cab .ec-r b{display:block;margin-top:4px;font-weight:600}
.al-cab .ec-logo .ic{width:18px;height:18px;color:var(--texto-2)}
@media (prefers-reduced-motion:no-preference){.ec.activa .al-cab-correo{animation:ec-entra .4s var(--e) .25s both}}
@media (max-width:999px){.al-cab .ec-flota{left:12px;right:auto;bottom:14px}}
/* En el móvil, la tarjeta que flota tapaba las visitas y el «En contra» de la novedad, lo que se lee: se va (la hora ya está en el correo).
   En los más estrechos, la línea de «cuatro novedades» deja sitio a la novedad entera. */
@media (max-width:600px){.al-cab .ec-flota{display:none}}
@media (max-width:374px){.al-cab-hoy{display:none}}

/* ── S3: una novedad y sus seis partes, cada una enganchada a su punto ──────────────────────────────────────────────────────── */
.al-util{margin-top:clamp(64px,8vw,104px)}
.al-anat{margin-top:clamp(28px,3vw,40px)}
.al-anat .anatomia-capas>li>b:first-child{display:inline;font-size:inherit}
.al-anat .anatomia-capas>li{font-size:17px}
.al-anat-vis{position:relative;isolation:isolate;padding:clamp(24px,3.4vw,48px) clamp(18px,3.4vw,48px);border-radius:28px;background:var(--hundido)}
.al-anat-vis::before,.al-basta-c.tinta::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--trama) 0 0/14px 14px;mask-image:radial-gradient(80% 80% at 0% 100%,#000 10%,transparent 72%)}
.al-nov{display:grid;gap:12px;max-width:430px;margin:0 auto;padding:20px 22px;border-radius:18px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-flota);font-size:13.5px;line-height:1.45;color:var(--texto-2)}
.al-nov [data-pieza]{position:relative;padding-right:22px}
.al-nov .ic{width:15px;height:15px}
.al-nov-de{display:flex;align-items:center;gap:10px}
.al-nov-de>span:nth-child(2){display:grid}
.al-nov-de b{font-size:14px;font-weight:600;color:var(--texto)}
.al-nov-de small{font-size:12px;color:var(--texto-3)}
.al-nov-t{font-family:var(--google);font-size:17px;line-height:1.3;color:#1A0DAB}
.al-nov-f{display:flex;align-items:center;gap:7px}
.al-nov-fila{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.al-si{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:999px;background:var(--tinta);font-size:12.5px;font-weight:600;color:#fff}
.al-si .ic{color:var(--naranja);stroke-width:2.6}
.al-otra{height:28px;padding:0 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--linea-2);font-size:12px;line-height:28px;color:var(--texto-3);text-decoration:line-through}
.al-nov-ve{display:grid;gap:6px;padding:10px 32px 12px 10px!important;border-radius:12px;background:var(--hundido)}
.al-mini-g{display:flex;align-items:center;gap:8px;height:26px;padding:0 10px;border-radius:999px;background:var(--tarjeta);font-family:var(--google);font-size:12px;color:var(--texto)}
.al-mini-g img{width:13px;height:13px}
.al-mini-r{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 4px;font-size:11.5px;font-weight:600;color:var(--texto-3)}
.al-mini-r i{font-style:normal}
.al-mini-r.marca .esq{background:var(--malo-suave);box-shadow:inset 0 0 0 1.5px var(--malo)}
.al-mini-r b{color:var(--malo-texto)}
.al-nov-ver{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--texto);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.al-nov-ver .ic{transform:rotate(-45deg)}

/* ── S4 ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
.al-vigilar td:last-child{color:var(--texto)}
@media (min-width:761px){.al-vigilar tbody th{width:24%}.al-vigilar td:nth-child(2){width:38%}}
.al-redes{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px clamp(32px,5vw,72px);align-items:center;margin-top:clamp(48px,6vw,80px)}
.al-una{grid-template-columns:minmax(0,1fr);margin-top:0}
.al-redes .prosa p:first-child .a{font-size:clamp(19px,1.6vw,22px);font-weight:500;line-height:1.4}
@media (max-width:899px){.al-redes{grid-template-columns:minmax(0,1fr)}}

/* ── S5: los tres avisos, las piezas de los pasos, la tabla de las seis y los dos paneles ───────────────────────────────────── */
.al-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1000px;margin-top:clamp(32px,4vw,48px);counter-reset:t}
.al-tres li{position:relative;counter-increment:t;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;align-items:center;padding:16px 18px;border-radius:18px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.al-tres li::after{content:counter(t,decimal-leading-zero);position:absolute;right:16px;top:12px;font-size:12px;font-weight:600;color:var(--texto-3)}
.al-tres-l{grid-row:span 2;display:flex}
.al-tres-l img{box-sizing:content-box;width:20px;height:20px;padding:9px;border-radius:12px;background:var(--hundido)}
.al-tres-l img+img{margin-left:-10px;box-shadow:0 0 0 2px var(--tarjeta)}
.al-tres b{font-size:16px;font-weight:600;color:var(--texto)}
.al-tres small{font-size:13px;color:var(--texto-3)}
.pz-busca>span{display:flex;align-items:center;width:100%;height:36px;padding:0 14px;border-radius:999px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea-2);font-family:var(--google);font-size:14px;color:var(--texto)}
.pz-busca i{width:1.5px;height:17px;margin-left:3px;background:var(--texto)}
.pz-opciones{display:grid;gap:5px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.pz-opciones>span{display:flex;justify-content:space-between;gap:8px;padding:4px 8px;border-radius:7px;background:var(--hundido);font-size:11.5px;color:var(--texto-3)}
.pz-opciones b{font-weight:600;color:var(--texto);text-align:right}
.pz-crear{display:grid;gap:9px;justify-items:start}
.pz-crear>b{padding:7px 14px;border-radius:8px;background:var(--tinta);font-size:12.5px;font-weight:600;color:#fff}
.pz-crear>span{display:inline-flex;align-items:center;gap:6px;font-weight:550;color:var(--texto)}
.pz-crear .ic,.pz-fuentes .tuya .ic{stroke-width:2.2}
.pz-crear .ic{width:14px;height:14px;color:var(--naranja)}
.al-seis{max-width:860px}
.al-seis code{font-size:13.5px}
@media (min-width:761px){.al-seis tbody th{width:46%}}
@media (max-width:760px){.al-seis [data-th]::before{display:none}.al-seis td{margin-top:8px!important}}
.al-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(64px,8vw,104px)}
.al-panel{display:grid;gap:18px;align-content:start}
.al-panel h3{max-width:20em;font-size:clamp(19px,1.6vw,22px)}
.al-panel .prosa p{font-size:16px}
.al-ajuste{display:grid;gap:8px;max-width:340px}
.al-ajuste>span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--texto-3)}
.al-ajuste>span .ic{width:13px;height:13px}
.al-ajuste p{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-size:14px}
.al-ajuste p b{font-weight:600;color:var(--texto)}
.al-ajuste p i{position:relative;isolation:isolate;flex:none;width:36px;height:20px;border-radius:999px;background:var(--pista)}
.al-ajuste p i::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--naranja)}
.al-ajuste p i::after{content:"";position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(18,20,22,.25)}
.al-ajuste.anima p i::before{opacity:0}
.al-ajuste.anima p i::after{transform:translateX(-16px)}
.al-ajuste.en p i::before{opacity:1;transition:opacity .25s ease .6s}
.al-ajuste.en p i::after{transform:none;transition:transform .35s var(--e) .5s}
.al-fuentes{display:flex;flex-wrap:wrap;gap:6px}
.al-fuentes span{height:28px;padding:0 10px;border-radius:8px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-size:12.5px;font-weight:550;line-height:28px;color:var(--texto)}
.al-fuentes .no{background:none;box-shadow:inset 0 0 0 1.5px var(--malo);color:var(--malo-texto);text-decoration:line-through}
@media (max-width:899px){.al-dos{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.al-tres{grid-template-columns:minmax(0,1fr)}}

/* ── S6: la columna de Reviot y las dos tarjetas, unidas por la flecha naranja ─────────────────────────────────────────────── */
.al-th{font-size:13px;font-weight:600;color:var(--texto)}
.al-comprobado{margin-top:6px;font-size:13px;color:var(--texto-3)}
.al-basta{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch;margin-top:clamp(40px,5vw,64px)}
.al-basta-c{position:relative;isolation:isolate;padding:clamp(22px,2.6vw,32px);border-radius:22px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta);font-size:clamp(16.5px,1.3vw,18px);line-height:1.55;color:var(--texto-2)}
.al-basta-c b{display:block;margin-bottom:10px;font-size:clamp(21px,1.8vw,26px);font-weight:450;font-stretch:110%;letter-spacing:-.02em;line-height:1.15;color:var(--texto)}
.al-basta-c.tinta{background:var(--tinta);box-shadow:none;color:rgba(255,255,255,.74)}
.al-basta-c.tinta b{color:#fff}
.al-basta-c.tinta::before{background-image:var(--trama-clara);mask-image:radial-gradient(70% 90% at 100% 100%,#000 10%,transparent 72%)}
.al-basta-f{position:relative;align-self:center;justify-self:center;width:34px;height:2px;background:var(--naranja);transform-origin:0 50%}
.al-basta-f::after{content:"";position:absolute;right:0;top:-5px;width:10px;height:10px;border-top:2px solid var(--naranja);border-right:2px solid var(--naranja);transform:rotate(45deg)}
.al-basta.anima>*{opacity:0;transform:translateY(10px)}
.al-basta.anima .al-basta-f{transform:scaleX(0)}
.al-basta.en>*{opacity:1;transform:none;transition:opacity .45s ease,transform .6s var(--e)}
.al-basta.en .al-basta-f{transform:none;transition-delay:.25s}
.al-basta.en>:last-child{transition-delay:.4s}
@media (max-width:760px){.al-basta{grid-template-columns:minmax(0,1fr)}.al-basta-f{width:2px;height:34px;margin:10px 0;transform-origin:50% 0}.al-basta-f::after{right:-4px;top:auto;bottom:0;transform:rotate(135deg)}.al-basta.anima .al-basta-f{transform:scaleY(0)}}

/* ── S7: el radar, primero lo de cada día y después lo de cada lunes ───────────────────────────────────────────────────────── */
.al-radar tbody th{font-size:15px}
.al-radar .sug{margin:2px 0}
@media (min-width:761px){.al-radar tbody th{width:24%}.al-radar td:last-child{width:16%}.al-lunes tr:first-child>*{border-top:6px solid var(--lienzo)}}
@media (max-width:760px){.al-lunes{margin-top:4px}.al-radar tbody{align-items:flex-start}}
.al-ritmo{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:999px;background:var(--tinta);font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap}
.al-ritmo::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--naranja)}
.al-ritmo.lunes{background:var(--hundido);color:var(--texto)}
.al-ritmo.lunes::before{background:var(--texto-3)}
.al-vigila-pie{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px clamp(32px,5vw,72px);align-items:start}
.al-no{display:grid;gap:14px;padding:clamp(22px,2.6vw,30px);border-radius:22px;background:var(--hundido);font-size:15.5px;line-height:1.6;color:var(--texto-2)}
.al-no b{font-weight:600;color:var(--texto)}
.al-no-vis{display:flex;flex-wrap:wrap;gap:6px}
.al-no-vis span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:999px;background:var(--tarjeta);font-size:12.5px;font-weight:550;color:var(--texto-2)}
.al-no-vis span::before{content:"";width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%2367635B' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M2 2l6 6M8 2L2 8'/%3E%3C/svg%3E") center/10px no-repeat}
.al-no-vis .tuyo{background:var(--tuyo-suave);color:var(--tuyo)}
@media (max-width:899px){.al-vigila-pie{grid-template-columns:minmax(0,1fr)}}

/* ── S8: cuándo, qué lleva y el parte que llega a tu hora, en el buzón y en WhatsApp ─────────────────────────────────────────── */
/* La línea del canal, debajo de la tabla y no a su lado: al lado flotaba a media altura y el ojo saltaba de columna (revisión, 4 nov). */
.al-cuando{display:grid;gap:20px;max-width:860px}
.al-cuando tbody th{font-size:15px}
@media (min-width:761px){.al-cuando tbody th{width:34%}}
.al-cuando tr:last-child td{color:var(--texto)}
.al-lleva{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:clamp(32px,4vw,64px);max-width:1000px}
.al-lleva>li,.al-lleva>li:first-child{padding:14px 0 14px 40px;border-top:0;border-bottom:1px solid var(--linea)}
.al-lleva>li::before,.al-lleva>li:first-child::before{top:14px}
.al-lleva>li::after,.al-lleva>li:first-child::after{top:20px}
@media (max-width:760px){.al-lleva{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}}
.al-llega{margin-top:0}
.al-llega .escena-fondo{padding:clamp(24px,4vw,56px) clamp(16px,4vw,56px) clamp(64px,7vw,96px)}
.al-buzon{max-width:1020px}
.al-buzon-in{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);background:var(--tarjeta)}
.al-bandeja{display:grid;align-content:start;gap:4px;padding:12px;border-right:1px solid var(--linea);background:var(--fondo)}
.al-bandeja li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.35;color:var(--texto-2)}
.al-bandeja li>span{grid-column:1/-1}
.al-bandeja b{font-size:13.5px;color:var(--texto)}
.al-bandeja time{font-size:11.5px;font-weight:600;color:var(--texto-3);font-variant-numeric:tabular-nums}
.al-bandeja .activa{background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta)}
.al-bandeja .activa time{color:var(--tuyo)}
.al-bandeja .nada{box-shadow:inset 0 0 0 1.5px var(--linea-2);color:var(--texto-3)}
.al-bandeja .nada time{grid-column:1/-1}
.al-parte{display:grid;gap:12px;align-content:start;padding:clamp(20px,2.6vw,32px) clamp(18px,3vw,40px) clamp(24px,3vw,36px);font-size:14.5px;line-height:1.55;color:var(--texto)}
.al-parte-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}
.al-parte-cab svg{display:block;width:auto;height:16px;color:var(--texto)}
.al-parte-cab .cp-chip{background:var(--naranja)}
.al-parte-asunto{font-size:clamp(17px,1.5vw,20px);font-weight:520;font-stretch:106%;letter-spacing:-.015em;line-height:1.3}
.al-parte-asunto b{font-weight:inherit}
.al-parte-hoy{color:var(--texto-2)}
.al-parte-lista{display:grid;gap:8px;counter-reset:n}
.al-parte-lista li{position:relative;counter-increment:n;padding:12px 14px 12px 40px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--linea)}
.al-parte-lista li::before{content:counter(n) ".";position:absolute;left:14px;top:12px;font-weight:700}
.al-parte-lista small{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--texto-3)}
.al-tono{font-weight:600}
.al-tono.malo{color:var(--malo-texto)}
.al-tono.bueno{color:var(--bueno-texto)}
.al-ver{display:inline-block;margin-top:5px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.al-parte-aparte{padding:10px 14px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--linea-2);font-size:13.5px;color:var(--texto-3)}
.al-parte-pie{padding-top:12px;border-top:1px solid var(--linea);font-size:12.5px;color:var(--texto-3)}
.al-movil{left:clamp(-28px,-2vw,-12px);right:auto;bottom:clamp(-44px,-3vw,-24px);width:262px;max-width:none;gap:0;padding:7px;border-radius:30px;background:var(--tinta)}
.al-movil>.al-movil-cab{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:23px 23px 0 0;background:var(--tarjeta);font-size:13.5px;color:var(--texto)}
.al-movil-cab span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--tinta);font-size:12.5px;font-weight:700;color:#fff;box-shadow:inset -3px -3px 0 -1px var(--naranja)}
.al-movil-chat{display:grid;gap:8px;padding:12px 10px 16px;border-radius:0 0 23px 23px;background:var(--hundido)}
.al-movil-dia{justify-self:center;padding:2px 10px;border-radius:8px;background:var(--tarjeta);font-size:11px;font-weight:600;color:var(--texto-3)}
.al-movil-msj{position:relative;padding:10px 12px 22px;border-radius:4px 14px 14px;background:var(--tarjeta);box-shadow:0 1px 1px rgba(18,20,22,.08);font-size:11.5px;line-height:1.5;color:var(--texto)}
.al-movil-msj time{position:absolute;right:10px;bottom:5px;font-size:10.5px;color:var(--texto-3)}
.al-llega figcaption{margin-top:18px}
@media (min-width:761px){.al-llega figcaption{padding-left:clamp(260px,22vw,300px)}}
@media (max-width:999px){.al-buzon-in{grid-template-columns:minmax(0,190px) minmax(0,1fr)}}
@media (max-width:760px){
  .al-llega .escena-fondo{padding:20px var(--margen) 28px;overflow:visible}
  .al-llega .captura-marco{width:auto}
  .al-buzon-in{grid-template-columns:minmax(0,1fr)}
  .al-bandeja{gap:2px;padding:8px;border-right:0;border-bottom:1px solid var(--linea)}
  .al-bandeja li{padding:7px 10px;font-size:12px}
  .al-bandeja b{font-size:12.5px}
  .al-bandeja time{font-size:11px}
  .al-bandeja .nada{grid-template-columns:auto minmax(0,1fr);align-items:baseline}
  .al-bandeja .nada time{grid-column:auto}
  .al-bandeja .nada>span{grid-column:auto}
  .al-parte-lista li{padding:12px 12px 12px 34px}
  .al-parte-lista li::before{left:12px}
  .al-movil{margin:-28px 0 0 auto}
}

/* ── S9: las cinco señales y los tres primeros de Google ──────────────────────────────────────────────────────────────────── */
.al-importa{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px clamp(40px,6vw,96px);align-items:start}
.al-senales li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:18px 0;border-top:1px solid var(--linea)}
.al-senales li:first-child{padding-top:0;border-top:0}
.al-senal{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--hundido);color:var(--texto)}
.al-senales p{padding-top:9px;font-size:17px;line-height:1.55;color:var(--texto-2)}
.al-senales b{font-weight:560;color:var(--texto)}
.al-senales.anima li{opacity:0;transform:translateY(10px)}
.al-senales.en li{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i) * 70ms),transform .6s var(--e) calc(var(--i) * 70ms)}
.al-importa-lado{position:sticky;top:calc(var(--cab) + 84px);display:grid;gap:22px}
.al-serp{display:grid;align-content:center;gap:4px}
.al-serp i{display:block;width:var(--l,100%);height:4px;border-radius:2px;background:var(--pista);transform-origin:0 50%}
.al-serp i.s{height:7px;background:var(--naranja)}
.al-serp i:nth-child(2){--l:88%}.al-serp i:nth-child(3){--l:94%}.al-serp i:nth-child(4){--l:80%}.al-serp i:nth-child(5){--l:92%}.al-serp i:nth-child(6){--l:70%}.al-serp i:nth-child(7){--l:86%}.al-serp i:nth-child(8){--l:76%}.al-serp i:nth-child(9){--l:90%}.al-serp i:nth-child(10){--l:64%}
.cifras.anima .al-serp i{transform:scaleX(0)}
.cifras.en .al-serp i{transform:none;transition:transform .7s var(--e) .7s}
.cifras.en .al-serp i.s{transition-delay:.4s}
@media (max-width:999px){.al-importa{grid-template-columns:minmax(0,1fr)}.al-importa-lado{position:static}}

/* ── S10: la prueba pequeña de la banda ──────────────────────────────────────────────────────────────────────────────────────── */
.al-bp{display:flex;align-items:center;justify-content:space-between;padding:2px 4px;font-size:13px;font-weight:600;color:rgba(255,255,255,.62)}
.al-bp b{padding:2px 9px;border-radius:999px;background:var(--naranja);color:#fff}

/* ── S11: quién hace cada paso, y sus piezas ─────────────────────────────────────────────────────────────────────────────────── */
.al-quienes .paso-t{display:grid;gap:6px}
.q>i{display:inline-flex;align-items:center;height:22px;margin-right:8px;padding:0 9px;border-radius:999px;background:var(--tuyo-suave);font-size:12.5px;font-style:normal;font-weight:600;color:var(--tuyo);vertical-align:1px}
.q.n>i{background:var(--tinta);color:#fff}
.pz-filas{flex-direction:column;align-items:stretch}
.pz-filas>span{display:flex;align-items:center;gap:8px}
.pz-filas>span+span{opacity:.55}
.pz-filas .esq{flex:1}
.pz-filas b{font-size:11px;font-weight:600;color:var(--texto-3);white-space:nowrap}
.pz-filas .c{color:var(--malo-texto)}
.paso-t a{color:var(--texto);text-underline-offset:3px;text-decoration-color:var(--linea-3)}

/* ── S12: cada hermana, con su miniatura; la tarjeta entera lleva a su página ───────────────────────────────────────────────── */
.al-cual{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,272px),1fr));gap:12px}
.al-cual.anima>*{opacity:0;transform:translateY(12px)}
.al-cual.en>*{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i,0) * 60ms),transform .6s var(--e) calc(var(--i,0) * 60ms)}
.al-cual .tarjeta-mini{height:124px}
.al-cual .tarjeta-mini .pastilla{box-shadow:var(--sombra-alza)}
.al-cual .tarjeta-mini b{font-weight:700}
.al-cual p a{color:var(--texto);font-weight:600;text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.al-cual p a::after{content:"";position:absolute;inset:0;border-radius:18px}
.al-cual>.tarjeta:has(a:hover){transform:translateY(-2px);transition-delay:0s}
.al-cual .tarjeta:has(a:hover)::after{opacity:1}
.al-cual .tarjeta:has(a:hover) .tarjeta-mini>:nth-child(1){transform:translate(calc(-50% - 3px),calc(-50% - 3px))}
.al-cual .tarjeta:has(a:hover) .tarjeta-mini>:nth-child(2){transform:translate(calc(-50% + 3px),calc(-50% - 2px))}
.al-cual .esta{box-shadow:0 0 0 1.5px var(--tinta)}
.al-esta{justify-self:start;display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 10px;border-radius:999px;background:var(--tinta);font-size:12px;font-weight:600;color:#fff}
.al-esta::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--naranja)}
@media (max-width:760px){.al-cual .tarjeta-mini{height:100px}}

/* ── S13 y S14: las tarjetas del kit, con el hueco de la foto en 16:9 (1200×675, como la portada); la ficha, en dos baldosas ─── */
.al-quien .quien-cuerpo p:has(>.quien-enlace){margin-top:0;padding-top:0}
.al-quien .quien-cuerpo p{font-size:15.5px;line-height:1.55;color:var(--texto-2)}
.lista-datos.al-ficha{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.lista-datos.al-ficha>li:first-child{grid-row:auto}
@media (max-width:640px){.lista-datos.al-ficha{grid-template-columns:minmax(0,1fr)}}