/* P3 · El mapa, versión sitio: portada corta + subpáginas. Se suma a ../comun/base.css. */

/* ---------- Cabecera: Servicios (desplegable), Leyes, Recursos, Contacto · botón · Emergencias ---------- */
.cab .caja{gap:28px}
.cab .marca svg{width:124px}
.cab nav.principal{display:none;align-items:center;gap:26px;font-size:15px}
.cab nav.principal>a,.cab .abre-serv{color:#D9D8D3;text-decoration:none;padding:8px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;font:inherit;white-space:nowrap}
.cab nav.principal>a:hover,.cab .abre-serv:hover,.cab .abre-serv[aria-expanded=true]{color:#fff;border-color:#fff}
.cab nav.principal>a[aria-current=page]{color:#fff;border-color:var(--rojo-cine)}
.abre-serv span{display:inline-block;margin-left:6px;transition:transform .45s var(--spring)}
.abre-serv[aria-expanded=true] span{transform:rotate(180deg)}
.cab .derecha{display:flex;align-items:center;gap:22px;margin-left:auto}
.cab .ver{white-space:nowrap}
.cab .emerg{font-weight:500}
@media (min-width:980px){.cab nav.principal{display:flex}.cab .ver{display:inline-flex}.cab .abrir-menu{display:none}}
@media (max-width:979px){.cab .ver{display:none!important}}

/* Panel de Servicios: baja desde la cabecera */
.servicios-panel{position:absolute;left:0;right:0;top:100%;background:var(--cine);border-bottom:1px solid var(--linea-cine);
  clip-path:inset(0 0 100% 0);transition:clip-path .5s var(--soft);visibility:hidden}
.servicios-panel.abierto{clip-path:inset(0 0 0 0);visibility:visible}
.servicios-panel .caja{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding:30px 0 34px;align-items:start;min-height:0}
.servicios-panel .etq{color:var(--gris-cine);margin-bottom:10px;display:block}
.servicios-panel ul{list-style:none;display:grid;gap:0}
.servicios-panel .lineas-p{grid-template-columns:1fr 1fr;column-gap:32px}
.servicios-panel a{display:block;padding:12px 0;border-top:1px solid var(--linea-cine);text-decoration:none;color:#fff}
.servicios-panel a b{font-weight:600}
.servicios-panel a small{display:block;color:var(--gris-cine);font-size:13.5px}
.servicios-panel a:hover b{text-decoration:underline}

/* Menú móvil agrupado */
.menu-movil .grupo{padding:14px 20px 6px;font:500 12px "Geist Mono";letter-spacing:.09em;text-transform:uppercase;color:var(--piedra)}
.menu-movil a.sub{font-size:16px;font-weight:500;padding:12px 20px 12px 32px}

/* ---------- Separadores en escalón a 26° (ver p3.js) ---------- */
.corte{position:relative;height:var(--alto-corte,64px);background:var(--c-de);margin:-1px 0;z-index:1}
.corte svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.corte .relleno{fill:var(--c-a)}
.corte .borde{fill:none;stroke:var(--c-linea);stroke-width:1.5}
.corte[data-linea]{height:var(--alto-linea,44px)}
@media (max-width:700px){.corte{--alto-corte:40px}.corte[data-linea]{--alto-linea:30px}}

/* ---------- Bloques comunes ---------- */
.sec{padding:clamp(56px,7vw,96px) 0}
.sec.blanco{background:var(--blanco)}
.sec h2,.h2{font-size:clamp(28px,3.6vw,46px);letter-spacing:-.045em;max-width:22ch}
.lead{color:var(--piedra);font-size:18px;max-width:60ch;margin-top:14px}
.cine .lead,.en-cine .lead{color:#CFCEC9}
.cab-sec{display:grid;gap:12px;margin-bottom:34px}
.mapa{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;align-items:start}
.mapa .col{display:grid;gap:4px}
.mapa .rot{font:500 10px "Geist Mono";color:var(--gris-cine);writing-mode:vertical-rl;transform:rotate(180deg);height:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-self:center;margin-bottom:6px}
.cel{display:block;height:24px;border-radius:1px;background:#2A2A2F;transition:background-color .55s,transform .55s var(--spring)}
.cel.d{background:var(--texto-cine)}.cel.p{background:#6E6D69}.cel.n{background:var(--rojo-cine)}
.cel.n.cerrada,.cel.p.cerrada{background:var(--texto-cine)}
.cel.n.cerrada{transform:scale(.9)}
.ley-mapa{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--gris-cine)}
.ley-mapa i{display:inline-block;width:12px;height:9px;margin-right:6px;vertical-align:middle}
@media (max-width:640px){.mapa .rot{height:122px;font-size:8.5px}.cel{height:16px}.mapa,.mapa .col{gap:3px}}

/* Lista con enlaces (servicios, leyes, artículos) */
.lista{list-style:none;border-top:1.5px solid var(--tinta)}
.lista a{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--linea);text-decoration:none;align-items:baseline}
.lista a b{font-weight:600;font-size:17px}
.lista a small{display:block;color:var(--piedra);font-size:14.5px;margin-top:3px}
.lista a:hover b{text-decoration:underline}
.lista.cine-l{border-color:var(--texto-cine)}
.lista.cine-l a{border-color:var(--linea-cine)}
.lista.cine-l small{color:var(--gris-cine)}

/* Puntos de una página: título corto a la izquierda, texto a la derecha */
.puntos{display:grid;gap:0;border-top:1.5px solid var(--tinta)}
.punto-f{display:grid;gap:8px;padding:22px 0;border-bottom:1px solid var(--linea)}
.punto-f h3{font-size:20px;letter-spacing:-.025em}
.punto-f p,.punto-f li{color:var(--piedra)}
.punto-f ul{list-style:none;display:grid;gap:6px}
.punto-f ul li::before{content:"";display:inline-block;width:10px;height:1.5px;background:var(--tinta);vertical-align:middle;margin-right:10px}
@media (min-width:900px){.punto-f{grid-template-columns:280px 1fr;gap:40px}}

.limite{font-size:15px;max-width:62ch;padding:12px 16px;background:var(--blanco);border-left:2px solid var(--rojo);margin-top:24px}

/* Cabecera de subpágina */
.sub-hero{background:var(--cine);color:var(--texto-cine);padding:clamp(40px,5vw,72px) 0 clamp(40px,5vw,64px)}
.sub-hero .migas{font:500 12px "Geist Mono";letter-spacing:.06em;color:var(--gris-cine);margin-bottom:22px}
.sub-hero .migas a{color:var(--gris-cine)}
.sub-hero .etq{color:var(--gris-cine);margin-bottom:14px}
.sub-hero h1{font-size:clamp(32px,4.6vw,60px);letter-spacing:-.05em;line-height:1;max-width:20ch}
.sub-hero .lead{font-size:clamp(17px,1.4vw,19px)}
.sub-hero .acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.sub-hero .caja.dos{display:grid;gap:36px;align-items:end}
.sub-hero .logo-marca{height:auto;width:min(300px,60vw);width:auto;filter:grayscale(1) invert(1) brightness(1.6);opacity:.9;margin-left:-10px}
@media (min-width:1000px){.sub-hero .caja.dos{grid-template-columns:1.3fr .7fr}}

/* Bloque del boletín (botón que abre la hoja) */
.bol-boton{display:grid;gap:18px;align-items:center}
.bol-boton .btn{justify-self:start}
@media (min-width:900px){.bol-boton{grid-template-columns:1fr auto}}
.hoja-bol .panel{width:min(560px,100%)}
.hoja-bol .bloque{border:0}

/* Cierre */
.cierre{padding:clamp(64px,8vw,112px) 0}
.cierre .caja{display:grid;gap:22px;justify-items:start}
.cierre h2{font-size:clamp(38px,5.4vw,72px);max-width:14ch}
.cierre p{color:var(--piedra);font-size:18px;max-width:50ch}
.cierre.en-cine{background:var(--cine);color:var(--texto-cine)}
.cierre.en-cine p{color:#CFCEC9}

[data-tras]{will-change:transform,opacity}
.nota-demo{font-size:13px;color:var(--piedra);margin-top:14px}
.cine .nota-demo,.en-cine .nota-demo{color:var(--gris-cine)}

/* Casos tipo */
.casos{list-style:none;display:grid;gap:0}
.casos li{padding:9px 0 9px 22px;border-bottom:1px solid var(--linea);position:relative;color:var(--tinta)}
.casos li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:1.5px;background:var(--rojo)}
.punto-f .casos li{color:var(--piedra)}

/* Lámina del entregable */
.lamina{display:grid;gap:12px}
.hoja-l{position:relative;background:#fff;border:1px solid var(--linea);box-shadow:0 30px 60px -40px rgba(0,0,0,.45);padding:28px 26px 24px;max-width:860px;overflow:hidden}
.franja-l{position:absolute;left:0;right:0;top:0;height:46px;background:rgba(200,16,16,.08);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),62% calc(100% - 12px),calc(62% - 12px/var(--tan26)) 100%,0 100%)}
.hoja-l header{position:relative;display:grid;gap:4px;padding-bottom:16px;border-bottom:1.5px solid var(--tinta)}
.hoja-l header h3{font-size:22px;letter-spacing:-.03em}
.hoja-l header p{color:var(--piedra);font-size:14px}
.cuerpo-l{display:grid;gap:22px;padding:18px 0}
.riesgos{list-style:none;display:grid;gap:6px;margin-top:8px;font-size:14.5px}
.riesgos li{display:grid;grid-template-columns:22px 1fr;gap:8px}
.riesgos b{font:500 13px "Geist Mono";color:var(--rojo)}
.matriz{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,44px);gap:3px;margin-top:8px;position:relative;max-width:240px}
.matriz i{background:var(--papel);border:1px solid var(--linea)}
.matriz i.alto{background:#F6E3E1}
.matriz .r{align-self:center;justify-self:center;width:24px;height:24px;border-radius:50%;background:var(--tinta);color:#fff;font:500 12px/24px "Geist Mono";text-align:center;position:relative;z-index:1}
.ejes{display:flex;justify-content:space-between;max-width:240px;font:500 11px "Geist Mono";color:var(--piedra);margin-top:6px}
.plan{border-top:1px solid var(--linea);padding-top:14px;display:grid;gap:6px;font-size:14.5px}
.plan div{display:grid;grid-template-columns:110px 1fr;gap:10px}
.plan span{font:500 12px "Geist Mono";color:var(--piedra);padding-top:2px}
.lamina figcaption{color:var(--piedra);font-size:14px}
@media (min-width:760px){.cuerpo-l{grid-template-columns:1.3fr 1fr}}

/* MDR: quién hace qué */
.mdr{display:grid;gap:10px;margin-top:6px}
.mdr .carril{border:1px solid var(--linea);border-left:3px solid var(--tinta);background:#fff;padding:14px 16px;display:grid;gap:4px}
.mdr .carril.tu{border-left-color:var(--rojo)}
.mdr .quien{font:500 12px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--piedra)}
.mdr b{font-size:17px;color:var(--tinta)}
.mdr p{font-size:14.5px}
.flecha-mdr{justify-self:center;width:1.5px;height:16px;background:var(--tinta);position:relative}
.flecha-mdr::after{content:"";position:absolute;left:-4px;bottom:-1px;border:5px solid transparent;border-top-color:var(--tinta);border-bottom:0}
@media (min-width:900px){.mdr{grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:stretch}
  .flecha-mdr{width:100%;height:1.5px;align-self:center}
  .flecha-mdr::after{left:auto;right:-1px;bottom:-4px;border:5px solid transparent;border-left-color:var(--tinta);border-right:0}}

/* Red antes y después */
.red-ad{display:grid;gap:26px}
.red-ad figure{display:grid;gap:10px;background:var(--papel);border:1px solid var(--linea);padding:18px}
.red-ad figcaption{font-size:15px}
.red-ad svg{width:100%;height:auto}
.red-ad .ln line{stroke:var(--piedra);stroke-width:1.2}
.red-ad .ataque{fill:none;stroke:var(--rojo);stroke-width:2.5;stroke-dasharray:6 5}
.red-ad .nd rect{fill:#fff;stroke:var(--tinta);stroke-width:1.2}
.red-ad .nd rect.fw{fill:var(--tinta)}
.red-ad .nd text{font:600 11px "Golos Text";text-anchor:middle;fill:var(--tinta)}
.red-ad .nd text.fwt{fill:#fff}
.red-ad p{color:var(--piedra);font-size:14.5px}
@media (min-width:900px){.red-ad{grid-template-columns:1fr 1fr}}

/* Tabla de planes */
.tabla-planes{overflow-x:auto;border:1px solid var(--linea);background:#fff}
.tabla-planes table{border-collapse:collapse;width:100%;min-width:720px;font-size:14.5px}
.tabla-planes th,.tabla-planes td{padding:12px 14px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}
.tabla-planes thead th{font:500 12px "Geist Mono";letter-spacing:.05em;text-transform:uppercase;color:var(--piedra);border-bottom:1.5px solid var(--tinta)}
.tabla-planes tbody th{font-weight:600;max-width:260px}
.tabla-planes td{color:var(--tinta)}

/* Recursos: artículos */
.articulos{list-style:none;display:grid;gap:22px}
.articulos a{display:grid;gap:8px;text-decoration:none}
.articulos img{width:100%;height:auto;aspect-ratio:640/334;object-fit:cover;border:1px solid var(--linea)}
.articulos b{font-size:17px;line-height:1.3}
.articulos a:hover b{text-decoration:underline}
@media (min-width:700px){.articulos{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.articulos{grid-template-columns:repeat(3,1fr)}}

/* Cómo trabajamos: cinco pasos */
.pasos5{list-style:none;display:grid;gap:0;border-top:1.5px solid var(--tinta)}
.pasos5 li{display:grid;gap:4px;padding:18px 0;border-bottom:1px solid var(--linea)}
.pasos5 b{font-size:20px;letter-spacing:-.02em}
.pasos5 p{color:var(--piedra)}
@media (min-width:1000px){.pasos5{grid-template-columns:repeat(5,1fr);border-top:0}.pasos5 li{border-bottom:0;border-top:1.5px solid var(--tinta);margin-right:18px;padding-right:12px}}

/* ---------- Artículos (recursos) y páginas legales ---------- */
.prosa{max-width:72ch;font-size:17.5px}
.prosa p,.prosa ul,.prosa ol,.prosa table{margin-bottom:18px}
.prosa h2{font-size:clamp(24px,2.6vw,32px);margin:36px 0 14px}
.prosa h3{font-size:21px;margin:28px 0 10px}
.prosa ul,.prosa ol{padding-left:22px}
.prosa li{margin-bottom:6px}
.prosa a{color:var(--tinta)}
.portada-art{margin:0 0 32px}
.portada-art img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;max-width:900px}
.legal-doc{max-width:76ch}
.legal-doc .prosa h2{font-size:24px}
.legal-doc .prosa h3{font-size:19px}
.sub-hero time{font:inherit}

/* Formularios del boletín y del reconocimiento (PR 53) */
.frecuencia{border:0;display:grid;gap:8px}
.frecuencia legend{font-size:14px;font-weight:600;margin-bottom:8px}
.radio{display:flex!important;gap:10px;align-items:center;font-weight:400!important;font-size:15px!important}
.radio input{width:18px;height:18px;accent-color:var(--tinta)}
.en-cine .radio input{accent-color:#fff}
.dominio-rev{font:500 13px "Geist Mono";color:var(--piedra)}
.en-cine .dominio-rev{color:var(--gris-cine)}
.dominio-rev b{color:var(--tinta)}
.en-cine .dominio-rev b{color:#fff}
.msg a{color:inherit;font-weight:600}
.cf-turnstile{min-height:65px}

/* ---------- Barrita superior, cabecera translúcida y compacta, desplegable con íconos (19-10) ---------- */
.barra-top{background:linear-gradient(90deg,#7A0A0A,var(--rojo) 55%,#E23A2E);color:#fff;font-size:13.5px}
.barra-top .caja{display:flex;align-items:center;gap:18px;min-height:38px}
.barra-top p{margin-right:auto;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barra-top b{font-weight:700}
.barra-top .angosto{display:none}
.barra-top .fono{color:#fff;text-decoration:none;font:500 12.5px "Geist Mono";opacity:.9}
.barra-top .cta-top{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff;color:var(--rojo);font:700 13.5px "Golos Text";white-space:nowrap;transition:transform .3s,box-shadow .3s}
.barra-top .cta-top:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(0,0,0,.7)}
.vivo{flex:none;width:8px;height:8px;border-radius:50%;background:#7CF2B0;box-shadow:0 0 0 0 rgba(124,242,176,.7);animation:vivo 2.2s infinite}
@keyframes vivo{70%{box-shadow:0 0 0 7px rgba(124,242,176,0)}100%{box-shadow:0 0 0 0 rgba(124,242,176,0)}}
@media (max-width:760px){.barra-top .ancho,.barra-top .fono{display:none}.barra-top .angosto{display:inline}}
@media (prefers-reduced-motion:reduce){.vivo{animation:none}}
.cab{background:rgba(17,17,19,.86);-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px);transition:box-shadow .3s,background-color .3s}
.cab.bajo{background:rgba(17,17,19,.94);box-shadow:0 14px 30px -22px rgba(0,0,0,.9)}
.cab .caja{transition:min-height .3s}
.cab.bajo .caja{min-height:56px}
.cab.bajo .marca svg{width:112px}
.servicios-panel{background:rgba(17,17,19,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.servicios-panel a{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;border-radius:10px;padding:10px 10px;border-top:0;transition:background-color .2s}
.servicios-panel ul{gap:2px}
.servicios-panel a:hover{background:rgba(255,255,255,.07)}
.servicios-panel a:hover b{text-decoration:none}
.servicios-panel .pi-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;transition:background-color .2s,color .2s,transform .3s}
.servicios-panel a:hover .pi-ico{background:var(--rojo-cine);transform:scale(1.06)}
.servicios-panel .pi-ico svg{width:21px;height:21px}
.menu-movil details{border-bottom:1px solid var(--linea)}
.menu-movil summary{padding:16px 20px;font-weight:700;font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.menu-movil summary::-webkit-details-marker{display:none}
.menu-movil summary::after{content:"+";font-weight:500;color:var(--rojo);transition:transform .3s}
.menu-movil details[open] summary::after{transform:rotate(45deg)}
.menu-movil details a.sub{display:block;border-bottom:0;padding:10px 20px 10px 32px}
.menu-movil details a.sub:last-child{padding-bottom:16px}

/* ---------- Recursos desplegable, casilla obligatoria, páginas de éxito (19-10) ---------- */
.cab .nav-item{position:relative}
.cab .nav-item>a span{display:inline-block;margin-left:5px;vertical-align:middle}
.cab .nav-item>a span svg{transition:transform .3s}
.cab .nav-item:hover>a span svg,.cab .nav-item:focus-within>a span svg{transform:rotate(180deg)}
.cab .panel-nav{position:absolute;left:-12px;top:100%;padding-top:14px;width:360px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s,transform .3s,visibility 0s .22s;z-index:5}
.cab .nav-item:hover>.panel-nav,.cab .nav-item:focus-within>.panel-nav{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .3s}
.cab .panel-nav>a{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px 12px;color:#fff;text-decoration:none;background:rgba(17,17,19,.97);border:1px solid var(--linea-cine);border-top:0;transition:background-color .2s}
.cab .panel-nav>a:first-child{border-top:1px solid var(--linea-cine)}
.cab .panel-nav>a:hover{background:#242428}
.cab .panel-nav>a b{display:block;font-weight:600}
.cab .panel-nav>a small{display:block;color:var(--gris-cine);font-size:13px}
.cab .panel-nav .pi-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
.cab .panel-nav .pi-ico svg{width:21px;height:21px}
.cab .panel-nav>a:hover .pi-ico{background:var(--rojo-cine)}
.consent.obligatoria{padding:12px 14px;border:1px solid var(--tinta);background:var(--blanco);color:var(--tinta)}
.en-cine .consent.obligatoria{background:rgba(255,255,255,.06);border-color:#fff;color:#fff}
.consent .req{display:inline-block;margin-left:6px;font:500 10.5px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);vertical-align:middle}
.en-cine .consent .req{color:var(--rojo-cine)}
.opcionales{display:grid;gap:10px;padding-top:4px}
.opcionales>.etq{margin-bottom:-2px}
.sec.blanco{background:var(--blanco)}
/* Páginas de éxito: la franja roja barre a 26°, se dibuja el check, el titular sube palabra por palabra y al final el punto */
.hero-listo{position:relative;background:var(--cine);color:#fff;overflow:hidden;padding:clamp(56px,7vw,88px) 0 clamp(44px,6vw,72px)}
.hero-listo .caja{position:relative;z-index:2}
.hero-listo .sello{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.hero-listo .sello .etq{color:var(--gris-cine)}
.hero-listo .check{width:44px;height:44px;flex:none;border:1.5px solid #3a3a40;display:grid;place-items:center;background:var(--cine-2)}
.hero-listo .check svg{width:24px;height:24px}
.hero-listo .check path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:square;stroke-dasharray:30;stroke-dashoffset:0}
.hero-listo h1{font-size:clamp(40px,6.4vw,80px);line-height:.98;letter-spacing:-.05em;max-width:16ch}
.hero-listo h1 .w{display:inline-block}
.hero-listo h1 .p{color:var(--rojo-cine);display:inline-block}
.hero-listo .bajada{max-width:620px;font-size:18px;line-height:1.55;color:#CFCEC9;margin-top:22px}
.hero-listo .bajada b{color:#fff;font-weight:600}
.hero-listo .pasos{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}
.hero-listo .paso{border-top:1px solid #34343a;padding-top:12px;min-width:180px;max-width:250px}
.hero-listo .paso .etq{color:#8d8d93}
.hero-listo .paso div{font-size:14px;line-height:1.5;color:#e6e6e9;margin-top:6px}
.hero-listo .barrido{position:absolute;inset:-40% auto -40% 0;width:38%;background:var(--rojo);transform:translateX(-260%) skewX(-26deg);z-index:1;pointer-events:none;display:none}
.hero-listo.anima .barrido{display:block;animation:barrer 1.05s cubic-bezier(.7,0,.2,1) forwards}
.hero-listo.anima .check path,.hero-listo.tranquila .check path{stroke-dashoffset:30;animation:trazo .5s .55s cubic-bezier(.3,0,.2,1) forwards}
.hero-listo.anima .check,.hero-listo.tranquila .check{animation:aparece .3s .45s both}
.hero-listo.anima h1 .w,.hero-listo.tranquila h1 .w{opacity:0;transform:translateY(22px);animation:sube .55s cubic-bezier(.2,.7,.2,1) forwards}
.hero-listo.anima h1 .w:nth-child(1),.hero-listo.tranquila h1 .w:nth-child(1){animation-delay:.62s}
.hero-listo.anima h1 .w:nth-child(2),.hero-listo.tranquila h1 .w:nth-child(2){animation-delay:.72s}
.hero-listo.anima h1 .w:nth-child(3),.hero-listo.tranquila h1 .w:nth-child(3){animation-delay:.8s}
.hero-listo.anima h1 .w:nth-child(4),.hero-listo.tranquila h1 .w:nth-child(4){animation-delay:.88s}
.hero-listo.anima h1 .w:nth-child(5),.hero-listo.tranquila h1 .w:nth-child(5){animation-delay:.96s}
.hero-listo.anima h1 .w:nth-child(n+6),.hero-listo.tranquila h1 .w:nth-child(n+6){animation-delay:1.02s}
.hero-listo.anima h1 .p,.hero-listo.tranquila h1 .p{transform:scale(0);animation:punto .35s 1.2s cubic-bezier(.3,1.6,.5,1) forwards}
.hero-listo.anima .bajada,.hero-listo.anima .pasos,.hero-listo.anima .sello .etq,.hero-listo.tranquila .bajada,.hero-listo.tranquila .pasos,.hero-listo.tranquila .sello .etq{opacity:0;animation:aparece .5s 1.05s forwards}
@keyframes barrer{0%{transform:translateX(-260%) skewX(-26deg)}100%{transform:translateX(420%) skewX(-26deg)}}
@keyframes trazo{to{stroke-dashoffset:0}}
@keyframes sube{to{opacity:1;transform:none}}
@keyframes punto{to{transform:scale(1)}}
@keyframes aparece{from{opacity:0}to{opacity:1}}
@media (max-width:860px){.hero-listo .barrido{width:70%}}
@media (prefers-reduced-motion:reduce){.hero-listo *{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}.hero-listo .barrido{display:none!important}}
/* Elección de marcas (boletín confirmado y preferencias) */
.marcas-el{display:grid;gap:36px;align-items:start}
.marcas-el .grupo{margin-bottom:24px}
.marcas-el .grupo>.etq{margin-bottom:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:14px;padding:9px 14px;border:1px solid var(--linea);background:var(--blanco);color:var(--tinta);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.chip:hover{border-color:#bdbab2}
.chip[aria-pressed=true]{background:var(--tinta);border-color:var(--tinta);color:#fff}
.chip small{color:var(--piedra);font-size:12px;margin-left:6px}
.chip[aria-pressed=true] small{color:#b9b9be}
.buscar{position:relative;max-width:420px}
.buscar input{width:100%;font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--linea);background:var(--blanco);color:var(--tinta)}
.buscar input:focus{outline:2px solid var(--tinta);outline-offset:1px}
.sug{position:absolute;left:0;right:0;top:100%;background:var(--blanco);border:1px solid var(--tinta);border-top:0;z-index:5;display:none}
.sug button{display:block;width:100%;text-align:left;font:inherit;font-size:14px;padding:10px 14px;background:none;border:0;cursor:pointer;color:var(--tinta)}
.sug button:hover,.sug button:focus{background:var(--papel);outline:none}
.resumen{background:var(--blanco);border:1px solid var(--linea);padding:22px 22px 20px}
.resumen .elegidas{font-size:13.5px;color:var(--piedra);line-height:1.6;min-height:42px;margin:14px 0 16px}
.resumen .guardar{width:100%}
.resumen .ok{display:none;align-items:center;gap:10px;margin-top:12px;font-size:14px}
.resumen .ok svg{width:18px;height:18px}
.resumen .ok path{fill:none;stroke:var(--rojo);stroke-width:2.6;stroke-dasharray:30;stroke-dashoffset:30}
.resumen .ok.si{display:flex}.resumen .ok.si path{animation:trazo .45s .05s ease-out forwards}
.resumen .nota{font-size:12.5px;color:var(--piedra);line-height:1.55;margin-top:14px}
.pref-form{display:grid;gap:18px;max-width:560px}
@media (min-width:1000px){.marcas-el{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px}.resumen{position:sticky;top:90px}}

/* ---------- Confirmar: pulso de espera, radar del reconocimiento y avisos del boletín (19-10) ---------- */
.hero-listo.confirma .check path,.hero-listo.prefs .check path{display:none}
.hero-listo.confirma .check::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--rojo-cine);animation:latido 1.6s ease-in-out infinite}
.hero-listo.prefs .check::after{content:"";width:16px;height:16px;border:2px solid #fff;border-radius:50%;border-right-color:var(--rojo-cine);animation:gira 2.4s linear infinite}
@keyframes latido{0%,100%{transform:scale(.7);box-shadow:0 0 0 0 rgba(255,90,82,.6)}50%{transform:scale(1);box-shadow:0 0 0 8px rgba(255,90,82,0)}}
.confirma-zona{margin-top:30px;display:grid;gap:12px;justify-items:start;opacity:0;animation:aparece .5s 1.05s forwards}
.confirma-form .btn{position:relative;overflow:hidden;min-width:min(100%,320px)}
.confirma-form .btn::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:28%;background:linear-gradient(90deg,transparent,rgba(200,16,16,.16),transparent);transform:skewX(-26deg);animation:brillo 3.6s 1.8s ease-in-out infinite}
.confirma-form .btn::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--rojo)}
.confirma-form.enviando .btn::after{width:100%;transition:width 1.4s cubic-bezier(.3,0,.2,1)}
.confirma-form.enviando .btn{cursor:progress}
@keyframes brillo{0%{left:-40%}45%,100%{left:120%}}
.nota-c{font-size:13px;color:var(--gris-cine)}
.ilus{margin-top:36px;max-width:360px;opacity:0;animation:aparece .8s .3s forwards}
.ilus-radar svg{width:100%;height:auto;display:block}
.ilus-radar .aro{fill:none;stroke:#2E2E33;stroke-width:1}
.ilus-radar .aro:first-child{stroke:#3a3a40}
.ilus-radar .eje{stroke:#26262b;stroke-width:1}
.ilus-radar .barre{transform-origin:200px 200px;transform-box:view-box;animation:gira 4.2s linear infinite}
.ilus-radar .filo{stroke:#FF5A52;stroke-width:1.5}
.hero-listo:has(.enviando) .ilus-radar .barre{animation-duration:1.1s}
.ilus-radar .nucleo{fill:#fff}
.ilus-radar .dom{font:600 15px "Geist Mono",monospace;fill:#fff}
.ilus-radar .pie-r{font:500 10px "Geist Mono",monospace;fill:#8d8d93;letter-spacing:.08em;text-transform:uppercase}
.ilus-radar .blip{opacity:0;animation:aparece .35s var(--d) forwards}
.ilus-radar .blip circle{fill:#FF5A52}
.ilus-radar .blip .onda{fill:none;stroke:#FF5A52;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:onda 2.4s var(--d) ease-out infinite}
.ilus-radar .blip text{font:500 12px "Geist Mono",monospace;fill:#CFCEC9}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes onda{0%{transform:scale(1);opacity:.9}100%{transform:scale(4);opacity:0}}
.ilus-bol{display:grid;gap:10px}
.ab-titulo{display:flex;align-items:center;gap:8px;font:500 11.5px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--gris-cine);margin-bottom:4px}
.aviso-b{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--linea-cine);background:var(--cine-2);
  opacity:0;transform:translateY(-14px) scale(.96);animation:llega .55s calc(.9s + var(--i) * .5s) cubic-bezier(.3,1.4,.5,1) forwards}
.ab-ico{width:34px;height:34px;background:var(--rojo-cine);display:block;clip-path:polygon(0 0,100% 0,100% 62%,62% 100%,0 100%)}
.aviso-b:nth-child(3) .ab-ico{background:#fff}.aviso-b:nth-child(4) .ab-ico{background:#6E6D69}
.ab-cab{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.ab-cab span{font:500 11px "Geist Mono";color:var(--gris-cine);white-space:nowrap}
.ab-cab span.kev{color:var(--rojo-cine)}
.ab-q{font-size:13.5px;color:#CFCEC9;margin-top:2px}
@keyframes llega{to{opacity:1;transform:none}}
.hero-listo:has(.enviando) .aviso-b{animation:llega .55s cubic-bezier(.3,1.4,.5,1) forwards,salta .5s .1s ease-in-out}
@keyframes salta{50%{transform:translateY(-4px)}}
.que-sigue{list-style:none;display:grid;gap:0;border-top:1.5px solid var(--tinta)}
.que-sigue li{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:18px 0;border-bottom:1px solid var(--linea)}
.que-sigue .n{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border:1.5px solid var(--tinta);font:600 15px "Geist Mono"}
.que-sigue li:first-child .n{background:var(--tinta);color:#fff}
.que-sigue b{font-size:18px;letter-spacing:-.02em}
.que-sigue span:not(.n){color:var(--piedra);font-size:15px}
@media (min-width:1000px){
  .hero-listo.confirma .caja{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);column-gap:64px;align-items:start}
  .hero-listo.confirma .caja>*{grid-column:1}
  .hero-listo.confirma .caja>.ilus{grid-column:2;grid-row:1/span 4;align-self:center;margin-top:0;max-width:none;width:100%}
  .que-sigue{grid-template-columns:repeat(3,1fr);border-top:0}.que-sigue li{border-bottom:0;border-top:1.5px solid var(--tinta);margin-right:18px}}
/* ---------- Preferencias: el constructor del boletín ---------- */
.frec-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:560px}
.frec{position:relative;display:grid;gap:4px;padding:16px;border:1px solid var(--linea);background:var(--blanco);cursor:pointer;transition:border-color .2s,box-shadow .25s,transform .25s}
.frec:hover{border-color:#bdbab2;transform:translateY(-2px)}
.frec input{position:absolute;opacity:0;pointer-events:none}
.frec b{font-size:17px;letter-spacing:-.02em}
.frec small{color:var(--piedra);font-size:13.5px}
.frec .f-ico svg{width:34px;height:34px;fill:none;stroke:var(--piedra);stroke-width:1.6;margin-bottom:6px;transition:stroke .2s}
.frec .f-ico .dia{fill:var(--piedra);stroke:none;transform-box:fill-box;transform-origin:center;transform:scale(.6);opacity:.4;transition:transform .3s,opacity .3s,fill .2s}
.frec:has(input:checked){border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta)}
.frec:has(input:checked) .f-ico svg{stroke:var(--tinta)}
.frec:has(input:checked) .dia{fill:var(--rojo);opacity:1;transform:scale(1);animation:pop .4s calc(var(--i,0) * .07s) cubic-bezier(.3,1.6,.5,1)}
.frec:has(input:focus-visible){outline:2px solid var(--tinta);outline-offset:2px}
.interruptores{display:grid;gap:10px;max-width:560px}
.interruptor{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--linea);background:var(--blanco);cursor:pointer;transition:border-color .2s}
.interruptor:hover{border-color:#bdbab2}
.interruptor input{position:absolute;opacity:0;pointer-events:none}
.interruptor .riel{position:relative;width:46px;height:26px;border-radius:999px;background:#D6D4CD;transition:background-color .25s;margin-top:2px}
.interruptor .riel i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.interruptor:has(input:checked) .riel{background:var(--tinta)}
.interruptor:has(input:checked) .riel i{transform:translateX(20px)}
.interruptor:has(input:focus-visible) .riel{outline:2px solid var(--tinta);outline-offset:2px}
.interruptor b{display:block;font-size:16px}
.interruptor small{display:block;color:var(--piedra);font-size:13.5px;margin-top:2px}
.chip.pop{animation:pop .38s cubic-bezier(.3,1.6,.5,1)}
.chip[aria-pressed=true]::before{content:"✓";margin-right:7px;font-weight:700}
@keyframes pop{40%{transform:scale(1.1)}}
.mini-correo{border:1px solid var(--linea);background:var(--papel);margin:12px 0 16px}
.mc-cab{display:grid;gap:2px;padding:12px 14px;border-bottom:1px solid var(--linea);background:var(--blanco)}
.mc-cab span{font:500 10.5px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--piedra)}
.mc-cab b{font-size:15px}
.preview-lista{list-style:none;display:grid}
.preview-lista li{display:grid;grid-template-columns:10px 1fr;gap:2px 10px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--linea);font-size:13.5px}
.preview-lista li i{grid-row:span 2;width:10px;height:10px;background:var(--rojo);clip-path:polygon(0 0,100% 0,100% 60%,60% 100%,0 100%)}
.preview-lista li.cat i{background:var(--tinta)}
.preview-lista li span{color:var(--piedra);font-size:12.5px}
.preview-lista li.mas{grid-template-columns:1fr;color:var(--piedra)}
.preview-lista li.nueva{animation:entra-fila .45s cubic-bezier(.3,1.4,.5,1)}
@keyframes entra-fila{from{opacity:0;transform:translateX(-12px)}}
.mc-vacio{padding:12px 14px;font-size:13px;color:var(--piedra)}
.mini-correo:has(.preview-lista li) .mc-vacio{display:none}
.cuenta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.cuenta b{font-size:40px;font-weight:900;letter-spacing:-.05em;line-height:1}
.cuenta b.cambia{animation:pop .35s cubic-bezier(.3,1.6,.5,1)}
.cuenta span{color:var(--piedra);font-size:14px}
.resumen .frase{font-size:13.5px;color:var(--piedra);margin-bottom:14px;min-height:1.4em}
@media (max-width:520px){.frec-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.confirma-zona,.ilus,.aviso-b,.ilus-radar .blip{opacity:1!important;animation:none!important;transform:none!important}
  .ilus-radar .barre,.ilus-radar .onda,.confirma-form .btn::before,.hero-listo.confirma .check::after,.hero-listo.prefs .check::after{animation:none!important}
  .chip.pop,.preview-lista li.nueva,.cuenta b.cambia,.frec .dia{animation:none!important}}