/* Estilos compartidos de todos los gamblings (quizzes) — paleta aprobada Espacio Infinito */
:root{
  --bg:#080818;--bg-card:rgba(255,255,255,.03);--bg-card-h:rgba(255,255,255,.06);
  --gold:#C9A870;--gold-dim:rgba(201,168,112,.15);--gold-glow:rgba(201,168,112,.35);
  --amber:#E8893C;--white:#F0EDE8;--w60:rgba(240,237,232,.60);--w30:rgba(240,237,232,.30);
  --border:rgba(201,168,112,.14);--border-s:rgba(201,168,112,.35);
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,sans-serif;--r:14px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{background:var(--bg);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
canvas#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}
.aurora{position:fixed;inset:-30%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 25% 30%,rgba(147,51,234,.10) 0%,transparent 55%),radial-gradient(ellipse at 75% 70%,rgba(201,168,112,.07) 0%,transparent 55%);animation:aurora 16s ease-in-out infinite alternate;}
@keyframes aurora{0%{transform:scale(1) translate(0,0);}100%{transform:scale(1.05) translate(1%,-1%);}}
.wrap{position:relative;z-index:2;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 22px;}
.stage{width:100%;max-width:680px;margin:0 auto;text-align:center;}
.screen{display:none;animation:fadein .6s ease both;}
.screen.active{display:block;}
@keyframes fadein{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.9;margin-bottom:22px;}
h1{font-family:var(--serif);font-weight:300;font-size:clamp(34px,7vw,60px);line-height:1.08;letter-spacing:-.01em;margin-bottom:22px;}
h1 em{font-style:italic;color:var(--gold);}
.lead{font-size:clamp(16px,2.2vw,18px);color:var(--w60);font-weight:300;line-height:1.7;max-width:520px;margin:0 auto 36px;}
.lead em{color:var(--white);font-style:normal;}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;border-radius:100px;font-family:var(--sans);font-size:16px;font-weight:500;letter-spacing:.02em;cursor:pointer;border:none;overflow:hidden;transition:transform .2s,box-shadow .2s,opacity .2s;}
.btn:hover{transform:translateY(-2px);}
.btn-gold{background:var(--gold);color:var(--bg);}
.btn-gold:hover{box-shadow:0 10px 34px var(--gold-glow);}
.btn-gold::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 3.6s ease-in-out infinite;}
@keyframes shimmer{0%{left:-100%;}55%{left:140%;}100%{left:140%;}}
.btn-ghost{background:transparent;border:1px solid var(--border-s);color:var(--w60);padding:13px 28px;font-size:14px;}
.btn-ghost:hover{border-color:var(--gold);color:var(--white);}
.cine-joinlead{font-size:14px;color:var(--gold);letter-spacing:.04em;margin:4px 0 12px;opacity:.9;}
.btn-join{display:flex;width:100%;max-width:460px;margin:0 auto 10px;padding:22px 32px;font-size:19px;font-weight:700;letter-spacing:.02em;animation:joinpulse 2.6s ease-in-out infinite;}
.btn-join::after{content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);animation:joinshine 2.4s ease-in-out infinite;}
@keyframes joinshine{0%{left:-60%;}60%{left:130%;}100%{left:130%;}}
@keyframes joinpulse{0%,100%{box-shadow:0 10px 30px var(--gold-glow);transform:translateY(0);}50%{box-shadow:0 14px 48px rgba(201,168,112,.6),0 0 0 1px rgba(201,168,112,.35);transform:translateY(-1px);}}
.qz-lite .btn-join{animation:none;}
.qz-lite .btn-join::after{display:none;}
.progress{display:flex;gap:9px;justify-content:center;margin-bottom:34px;}
.dot{width:9px;height:9px;border-radius:50%;border:1px solid var(--border-s);transition:background .4s,transform .4s,border-color .4s;}
.dot.done{background:var(--gold);border-color:var(--gold);}
.dot.current{background:var(--gold);border-color:var(--gold);transform:scale(1.35);box-shadow:0 0 14px var(--gold-glow);}
.q-num{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.7;margin-bottom:16px;}
.q-title{font-family:var(--serif);font-weight:400;font-size:clamp(24px,4.4vw,38px);line-height:1.22;margin-bottom:34px;}
.q-title em{font-style:italic;color:var(--gold);}
.opts{display:grid;gap:14px;text-align:left;}
.opt{position:relative;padding:20px 22px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);color:var(--white);font-family:var(--sans);font-size:16px;font-weight:300;cursor:pointer;transition:border-color .25s,background .25s,transform .15s;display:flex;align-items:center;gap:14px;}
.opt:hover{border-color:var(--border-s);background:var(--bg-card-h);}
.opt:active{transform:scale(.99);}
.opt.sel{border-color:var(--gold);background:linear-gradient(135deg,rgba(201,168,112,.10),transparent);}
.opt .mk{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1px solid var(--border-s);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gold);transition:all .25s;}
.opt.sel .mk{background:var(--gold);border-color:var(--gold);color:var(--bg);}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:440px;margin:0 auto;}
.card{position:relative;aspect-ratio:3/4.4;border-radius:var(--r);border:1px solid var(--border);background:linear-gradient(160deg,#160f24,#0a0a16);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:14px;transition:transform .3s,border-color .3s,box-shadow .3s;}
.card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(1px 1px at 30% 25%,rgba(201,168,112,.4),transparent),radial-gradient(1px 1px at 70% 60%,rgba(240,237,232,.2),transparent),radial-gradient(1px 1px at 50% 85%,rgba(201,168,112,.3),transparent);}
.card:hover{transform:translateY(-6px);border-color:var(--border-s);box-shadow:0 16px 40px rgba(0,0,0,.5);}
.card.sel{border-color:var(--gold);box-shadow:0 0 30px var(--gold-glow);}
.card .glyph{font-size:42px;color:var(--gold);line-height:1;filter:drop-shadow(0 0 12px var(--gold-glow));z-index:1;}
.card .cname{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--w60);z-index:1;letter-spacing:.02em;}
.field{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:30px auto 0;text-align:left;}
.field input{width:100%;padding:16px 18px;border-radius:100px;border:1px solid var(--border-s);background:rgba(255,255,255,.04);color:var(--white);font-family:var(--sans);font-size:16px;outline:none;transition:border-color .2s;}
.field input::placeholder{color:var(--w30);}
.field input:focus{border-color:var(--gold);}
.field .note{font-size:12px;color:var(--w30);text-align:center;letter-spacing:.02em;}
.err{color:var(--amber);font-size:13px;text-align:center;min-height:18px;margin-top:4px;}
.res-card{display:inline-flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;}
.res-glyph{font-size:64px;color:var(--gold);filter:drop-shadow(0 0 20px var(--gold-glow));animation:float 5s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.res-arq{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--w30);letter-spacing:.06em;}
.res-pat{font-family:var(--serif);font-size:clamp(30px,6vw,52px);font-weight:300;margin:6px 0 24px;}
.res-pat em{color:var(--gold);font-style:italic;}
.res-body{font-size:17px;color:var(--w60);font-weight:300;line-height:1.8;max-width:540px;margin:0 auto 28px;}
.res-body strong{color:var(--white);font-weight:400;}
/* 3 pills de contenido → dorado premium, todos el mismo tamaño (uniformes, full-width) */
.pill-row{display:flex;flex-direction:column;gap:12px;margin:0 auto 34px;max-width:420px;}
.pill{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;box-sizing:border-box;font-size:14px;font-weight:600;text-align:center;color:#2a1e0a;border:1px solid rgba(201,168,112,.55);border-radius:14px;padding:14px 18px;background:linear-gradient(135deg,#E8C77E 0%,#C9A870 55%,#B8965C 100%);box-shadow:0 6px 18px rgba(201,168,112,.25);}
.pill b{color:#3a2a10;font-weight:800;}
a.pill{text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s,filter .2s;}
a.pill:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(201,168,112,.42);filter:brightness(1.06);}
.qz-lite a.pill:hover{transform:none;}
.res-divider{width:60px;height:1px;background:var(--border-s);margin:0 auto 30px;}
.res-cta-h{font-family:var(--serif);font-size:clamp(22px,4vw,30px);font-weight:300;line-height:1.3;margin-bottom:14px;}
.res-cta-sub{font-size:15px;color:var(--w60);font-weight:300;margin-bottom:28px;}
.res-cta-sub em{color:var(--white);font-style:normal;}
.res-foot{margin-top:18px;font-size:12px;color:var(--w30);letter-spacing:.05em;}
/* ===== Modo sin-scroll (solo /brillar, scopeado con .cine-mode) — cada pantalla entra en el viewport, solo tap ===== */
html.cine-mode,body.cine-mode{overflow:hidden;height:100%;}
body.cine-mode .wrap{height:100dvh;overflow:hidden;padding:54px 20px 34px;}
.cine-result{min-height:82dvh;display:flex;flex-direction:column;justify-content:center;}
.res-act{display:none;}
.res-act.show{display:block;animation:fadein .5s ease both;}
/* el último acto (contenidos+botón) tiene más contenido: scroll limpio solo ahí, sin barra visible */
.res-act[data-act="3"].show{max-height:84dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.res-act[data-act="3"].show::-webkit-scrollbar{display:none;}
.res-tapmore{font-size:13px;color:var(--gold);opacity:.8;margin-top:22px;letter-spacing:.05em;animation:tappulse 1.7s ease-in-out infinite;}
.qz-lite .res-tapmore{animation:none;}
/* centrar verticalmente la pantalla de preguntas (para que la carta no se vaya arriba) */
body.cine-mode .cine-step{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 92px);}
/* Compactado para que cada paso entre sin scroll en pantallas de celular */
@media(max-height:780px),(max-width:640px){
  body.cine-mode .progress,body.cine-mode .cine-prog{margin-bottom:15px;}
  body.cine-mode .cine-cardwrap{margin-bottom:9px;}
  body.cine-mode .cine-card{width:150px;height:214px;}
  body.cine-mode .cine-tap{font-size:14px;margin:0 0 13px;}
  body.cine-mode .q-title{font-size:clamp(19px,4.6vw,26px);margin-bottom:15px;}
  body.cine-mode .opts{gap:9px;}
  body.cine-mode .opt{padding:12px 15px;font-size:14px;}
  body.cine-mode .cards{gap:10px;}
  body.cine-mode .card .glyph{font-size:34px;}
  body.cine-mode .lead{margin-bottom:20px;font-size:15px;}
  body.cine-mode h1{font-size:clamp(27px,7vw,42px);margin-bottom:15px;}
  body.cine-mode .eyebrow{margin-bottom:13px;}
  body.cine-mode .field{margin-top:16px;}
  body.cine-mode .res-arq{margin-bottom:2px;}
  body.cine-mode .res-pat{font-size:clamp(27px,7vw,40px);margin:6px 0 6px;}
  body.cine-mode .res-body{font-size:15px;margin-bottom:14px;line-height:1.6;}
  body.cine-mode .res-cta-h{font-size:clamp(20px,5vw,26px);margin-bottom:12px;}
  body.cine-mode .pill-row{margin-bottom:16px;gap:10px;}
  body.cine-mode .pill{min-height:48px;font-size:13px;padding:11px 14px;}
  body.cine-mode .btn-join{padding:17px 28px;font-size:17px;}
  body.cine-mode .res-foot{margin-top:11px;}
  body.cine-mode .cine-hero{transform:scale(.82);}
}
.nas-embed{max-width:440px;margin:0 auto 14px;border:1px solid var(--border-s);border-radius:var(--r);overflow:hidden;background:#0b0b1c;box-shadow:0 14px 40px rgba(0,0,0,.5);}
.nas-embed iframe{display:block;width:100%;border:0;}
.sound{position:fixed;top:18px;right:18px;z-index:10;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:rgba(8,8,24,.6);backdrop-filter:blur(8px);color:var(--w60);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s;}
.sound:hover{color:var(--gold);border-color:var(--border-s);}
/* ---- Header premium (se escribe de izq→der, con estela dorada) ---- */
.brandbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:center;padding:12px 16px 0;pointer-events:none;}
.brand{position:static;display:inline-flex;align-items:center;gap:9px;padding:7px 20px;border-radius:100px;text-decoration:none;pointer-events:auto;white-space:nowrap;overflow:hidden;background:linear-gradient(90deg,rgba(20,17,40,0),rgba(24,20,46,.55),rgba(20,17,40,0));border:1px solid rgba(201,168,112,.16);animation:brandreveal 1.1s cubic-bezier(.4,0,.2,1) both;}
.brand-moon{font-size:15px;filter:drop-shadow(0 0 6px rgba(201,168,112,.6));animation:moonfloat 4s ease-in-out infinite;}
.brand-name{font-family:var(--serif);font-size:18px;letter-spacing:.06em;background:linear-gradient(90deg,#E8C77E,#C9A870,#F0E0B0,#C9A870);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#C9A870;animation:brandsheen 5s linear infinite;}
.brand-sub{font-family:var(--sans);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--w40);border-left:1px solid rgba(201,168,112,.25);padding-left:9px;}
.brand::after{content:'';position:absolute;top:0;left:-40%;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(240,224,176,.22),transparent);transform:skewX(-18deg);animation:brandshine 4.5s ease-in-out infinite;}
@keyframes brandreveal{from{clip-path:inset(0 100% 0 0);opacity:0;}to{clip-path:inset(0 0 0 0);opacity:1;}}
@keyframes brandsheen{to{background-position:200% 0;}}
@keyframes brandshine{0%{left:-40%;}55%{left:120%;}100%{left:120%;}}
@keyframes moonfloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
@media(max-width:380px){.brand-sub{display:none;}}
/* ---- Capa mística de fondo (glifos flotando, muy sutil) ---- */
.mystic{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.mystic span{position:absolute;font-family:var(--serif);color:rgba(201,168,112,.10);animation:mysticfloat 14s ease-in-out infinite;}
.mystic span:nth-child(1){top:13%;left:8%;font-size:56px;animation-delay:0s;}
.mystic span:nth-child(2){top:22%;right:11%;font-size:22px;animation-delay:2s;}
.mystic span:nth-child(3){bottom:17%;left:11%;font-size:44px;animation-delay:4s;}
.mystic span:nth-child(4){bottom:25%;right:9%;font-size:30px;animation-delay:1s;}
.mystic span:nth-child(5){top:47%;left:5%;font-size:20px;animation-delay:3s;}
.mystic span:nth-child(6){top:62%;right:6%;font-size:38px;animation-delay:5s;}
@keyframes mysticfloat{0%,100%{transform:translateY(0) rotate(0);opacity:.5;}50%{transform:translateY(-14px) rotate(6deg);opacity:1;}}
.qz-lite .mystic{display:none;}
/* ---- Pulso de la barra de progreso con cada nota ---- */
.cine-progressbar-fill.pulse{animation:progpulse .5s ease;}
@keyframes progpulse{0%{box-shadow:0 0 14px rgba(201,168,112,.65);}40%{box-shadow:0 0 26px rgba(232,199,126,1),0 0 42px rgba(201,168,112,.7);}100%{box-shadow:0 0 14px rgba(201,168,112,.65);}}
@media(max-width:480px){.wrap{padding:64px 18px 40px;}.btn{width:100%;max-width:340px;}.cards{gap:10px;}}

/* ===== Experiencia cinematográfica (solo /brillar) ===== */
.cine-prog{margin-bottom:26px;}
/* Carta con flip 3D */
.cine-cardwrap{display:flex;justify-content:center;margin-bottom:14px;}
.cine-card{width:210px;height:300px;perspective:1300px;cursor:pointer;animation:cardbreath 3.2s ease-in-out infinite;}
@keyframes cardbreath{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.cine-tap{font-size:16px;color:var(--gold);font-weight:600;letter-spacing:.02em;margin:0 0 24px;animation:tappulse 1.7s ease-in-out infinite;}
@keyframes tappulse{0%,100%{opacity:.5;transform:translateY(0);}50%{opacity:1;transform:translateY(4px);}}
.qz-lite .cine-card{animation:none;}
.qz-lite .cine-tap{animation:none;opacity:.9;}
.cine-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.4,.15,.2,1);}
.cine-inner.flip{transform:rotateY(180deg);}
.cine-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;border:1px solid var(--border-s);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center;overflow:hidden;}
.cine-back{background:#0a0a16;background-image:linear-gradient(rgba(8,8,24,.32),rgba(8,8,24,.52)),url('/brillar/img/card-back.jpg'),linear-gradient(160deg,#1a1330,#0a0a16);background-size:cover;background-position:center;box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 0 40px rgba(201,168,112,.06);}
.cine-back::before{content:'';position:absolute;inset:0;background-image:radial-gradient(1px 1px at 28% 22%,rgba(201,168,112,.55),transparent),radial-gradient(1px 1px at 72% 58%,rgba(240,237,232,.3),transparent),radial-gradient(1px 1px at 48% 82%,rgba(201,168,112,.4),transparent),radial-gradient(1px 1px at 62% 30%,rgba(240,237,232,.25),transparent);}
.cine-back::after{content:'';position:absolute;inset:12px;border-radius:10px;border:1px solid rgba(201,168,112,.22);}
.cine-front{transform:rotateY(180deg);background:radial-gradient(ellipse at 50% 35%,rgba(201,168,112,.14),#0a0a16 70%);border-color:var(--gold);}
.cine-sello{font-size:60px;color:var(--gold);filter:drop-shadow(0 0 18px var(--gold-glow));z-index:1;animation:float 5s ease-in-out infinite;}
.cine-sello.sm{font-size:40px;}
.cine-sello.big{font-size:76px;}
.cine-hint{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--w30);z-index:1;animation:hintpulse 2.2s ease-in-out infinite;}
@keyframes hintpulse{0%,100%{opacity:.35;}50%{opacity:.85;}}
.cine-cartano{font-family:var(--serif);font-style:italic;font-size:20px;letter-spacing:.1em;color:var(--w60);z-index:1;}
.cine-card:hover .cine-inner:not(.flip){transform:translateY(-6px) rotateY(-6deg);}
/* Pregunta + opciones debajo de la carta */
.cine-below{max-width:540px;margin:0 auto;visibility:hidden;}
.cine-below.show{visibility:visible;animation:cinefadeup .5s ease both;}
@keyframes cinefadeup{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
/* barra de progreso fija abajo — el "premio" (tu lectura) que se va llenando */
.cine-progressbar{position:fixed;left:0;right:0;bottom:0;height:6px;background:rgba(240,237,232,.07);z-index:60;}
.cine-progressbar-fill{height:100%;width:0;background:linear-gradient(90deg,#8a6d3b,#C9A870,#E8C77E);box-shadow:0 0 14px rgba(201,168,112,.65);transition:width .7s cubic-bezier(.22,.61,.36,1);}
.cine-progressbar-label{position:fixed;right:12px;bottom:11px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);opacity:.7;z-index:61;font-family:var(--sans);pointer-events:none;}
.qz-lite .cine-progressbar-fill{transition:width .3s linear;box-shadow:none;}
.cine-below .q-title{margin-bottom:28px;}
/* Umbral del mail: carta velada */
.cine-veil{position:relative;width:190px;height:250px;margin:0 auto 30px;border-radius:16px;overflow:hidden;border:1px solid var(--border-s);box-shadow:0 20px 50px rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;}
.cine-veilimg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(7px) brightness(.6);transform:scale(1.1);}
.cine-veilglass{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,24,.35),rgba(8,8,24,.7));backdrop-filter:blur(2px);}
.cine-veil .cine-sello{position:relative;z-index:2;animation:float 5s ease-in-out infinite;}
/* Revelación: hero del arquetipo */
.cine-hero{position:relative;width:min(320px,80vw);aspect-ratio:3/4;margin:0 auto 18px;border-radius:18px;overflow:hidden;border:1px solid var(--border-s);box-shadow:0 24px 60px rgba(0,0,0,.6);}
.cine-heroimg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);animation:kenburns 14s ease-in-out infinite alternate;transition:transform .2s ease-out;}
@keyframes kenburns{0%{transform:scale(1.05) translate(0,0);}100%{transform:scale(1.14) translate(-2%,-2%);}}
.cine-heroglyph{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:44px;color:var(--gold);filter:drop-shadow(0 2px 14px rgba(0,0,0,.8));z-index:2;}
.cine-burst{position:absolute;inset:0;pointer-events:none;z-index:3;}
/* Transmutación dolor → don */
.cine-morph{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px auto 20px;}
.cine-dolor{font-family:var(--serif);font-style:italic;font-size:clamp(17px,3.2vw,22px);color:var(--w60);}
.cine-arrow{color:var(--gold);font-size:18px;opacity:.7;}
.cine-don{font-family:var(--serif);font-size:clamp(22px,4.6vw,34px);color:var(--gold);font-weight:400;filter:drop-shadow(0 0 16px var(--gold-glow));}
/* Fallback aura por arquetipo (si aún no hay imagen) */
.aura-fb{background:#0b0b1c;}
.aura-permiso{background:radial-gradient(ellipse at 50% 35%,rgba(232,137,60,.5),rgba(201,168,112,.25) 45%,#0b0b1c 80%);}
.aura-juicio{background:radial-gradient(ellipse at 50% 35%,rgba(170,190,220,.45),rgba(90,110,160,.25) 45%,#0b0b1c 80%);}
.aura-control{background:radial-gradient(ellipse at 50% 40%,rgba(150,140,130,.4),rgba(180,90,60,.22) 48%,#0b0b1c 82%);}
.aura-comparacion{background:radial-gradient(ellipse at 50% 35%,rgba(120,180,220,.42),rgba(232,120,90,.24) 46%,#0b0b1c 82%);}
.aura-rumbo{background:radial-gradient(ellipse at 50% 35%,rgba(150,110,220,.45),rgba(80,70,160,.26) 46%,#0b0b1c 82%);}
/* Pulido para celular estándar (todos entran por mobile) */
@media(max-width:480px){
  .cine-card{width:180px;height:256px;}
  .cine-sello{font-size:52px;}
  .cine-sello.sm{font-size:34px;}
  .cine-sello.big{font-size:64px;}
  .cine-below .q-title{margin-bottom:22px;font-size:clamp(20px,5.2vw,26px);}
  .cine-hero{width:min(300px,74vw);margin-bottom:14px;}
  .cine-heroglyph{font-size:38px;bottom:10px;}
  .cine-morph{margin:4px auto 16px;}
  .cine-veil{width:170px;height:224px;margin-bottom:24px;}
  .opt{padding:17px 18px;font-size:15px;}
  .cine-cardwrap{margin-bottom:24px;}
  .cine-prog{margin-bottom:22px;}
}
@media(max-width:360px){
  .cine-card{width:164px;height:232px;}
  .cine-hero{width:82vw;}
}
/* Variante B (lite): sin flips ni ken burns */
.qz-lite .cine-inner{transition:none!important;}
.qz-lite .cine-heroimg{animation:none!important;}
.qz-lite .cine-sello{animation:none!important;filter:none;}

/* ===== Variante B del A/B test: pocas animaciones ===== */
.qz-lite #stars{display:none;}
.qz-lite .aurora{animation:none;opacity:.3;}
.qz-lite .screen{animation:none;}
.qz-lite .btn-gold::after{display:none;}
.qz-lite .card,.qz-lite .opt,.qz-lite .btn{transition:none!important;}
.qz-lite .card:hover,.qz-lite .opt:hover{transform:none;box-shadow:none;}
.qz-lite .res-glyph,.qz-lite .card .glyph{animation:none!important;filter:none;}