/* Embudo Espejo con IA · base común de la portada con el quiz y de la página del vídeo.
   Tema «noche» de la v2 (fondo #0c0a11, Hero, magenta de acento y blanco roto), el mismo que su agenda. */
@font-face{font-family:Hero;src:url(fonts/Hero-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Hero;src:url(fonts/Hero-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Simbolos;src:url(fonts/Simbolos-Regular.woff2) format("woff2");font-weight:400;unicode-range:U+20AC,U+2190-2193,U+00D7}
@font-face{font-family:Simbolos;src:url(fonts/Simbolos-Bold.woff2) format("woff2");font-weight:700;unicode-range:U+20AC,U+2190-2193,U+00D7}
:root{
  --fondo:#0c0a11;--tinta:#f7eef3;--gris:#cbbcc6;--gris2:#a99aa4;--linea:rgba(255,255,255,.11);--cristal:rgba(255,255,255,.05);
  --m:#e0468f;--m-osc:#9f1f61;--m-grad:linear-gradient(135deg,#c42a78,#9f1f61);
  --deg:linear-gradient(92deg,#ff86c0,#e0468f 45%,#b56cff);
  --papel:#fbf7f9;--papel-tinta:#1b1320;--papel-gris:#6b5d67;--papel-linea:#eadbe4;--rosa:#fbe9f2;
  --r:18px;--r-s:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--fondo)}
body{font-family:Simbolos,Hero,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinta);background:var(--fondo);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(60% 40% at 10% -6%,rgba(196,42,120,.40),transparent 70%),
  radial-gradient(46% 36% at 100% 4%,rgba(122,64,210,.22),transparent 72%),var(--fondo)}
img,svg{display:block;max-width:100%}
button,input{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:var(--m)}
:focus-visible{outline:3px solid rgba(224,70,143,.55);outline-offset:2px;border-radius:8px}
[hidden]{display:none!important}
.flecha{font-family:Simbolos,Hero,sans-serif}
h1,h2{text-wrap:balance;hyphens:manual}

.barra{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;width:100%;max-width:1160px;margin:0 auto;padding:0 16px}
.marca{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--tinta);text-decoration:none}
.marca i{width:26px;height:26px;border-radius:8px;background:var(--m-grad);display:grid;place-items:center;color:#fff;font-style:normal;font-size:12.5px}
.barra small{font-size:12.5px;color:var(--gris)}

.boton{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:15px 18px;border-radius:999px;background:var(--m-grad);color:#fff;font-weight:700;font-size:17px;line-height:1.2;text-decoration:none;text-align:center;box-shadow:0 14px 30px -12px rgba(159,31,97,.75)}
.boton:active{transform:translateY(1px)}

.pie{border-top:1px solid var(--linea);padding:18px 16px 110px;text-align:center;font-size:13px;color:var(--gris);margin-top:36px}
.pie a{color:var(--gris);margin:0 6px}
.cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;max-width:520px;margin:0 auto;padding:14px;border-radius:16px;background:#17121f;border:1px solid var(--linea);box-shadow:0 20px 50px -20px rgba(0,0,0,.7);font-size:13.5px;line-height:1.45}
.cookies p{margin-bottom:10px}
.cookies a{color:var(--gris)}
.cookies .acciones{display:flex;gap:8px}
.cookies button{flex:1;padding:11px;border-radius:10px;font-weight:700;font-size:14px}
.cookies .si{background:var(--m-grad);color:#fff}
.cookies .no{background:rgba(255,255,255,.08)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}