:root{color-scheme:dark;--gold:#d9bd7a;--gold2:#f0d99c;--bg:#090a0d;--panel:#12141a;--muted:#c4bdad}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#1c1a17 0,#090a0d 58%);color:#f8f4e9;font-family:Georgia,'Times New Roman',serif;min-height:100vh}.progress-wrap{height:4px;background:#29251d;position:fixed;z-index:10;top:0;left:0;right:0}#progressBar{height:100%;width:0;background:linear-gradient(90deg,#9c783a,#f6dfa0);transition:width .4s}.screen{display:none;min-height:100vh;padding:30px 18px 55px}.screen.active{display:block;animation:fade .35s ease}.wrap{width:min(100%,650px);margin:0 auto;text-align:center}.logo{display:block;width:170px;max-width:55%;height:auto;max-height:180px;object-fit:contain;margin:10px auto 22px}.small-logo{width:145px}.lead{font-size:20px;line-height:1.55;color:#e5dcc7;margin:18px auto 30px;max-width:590px}.big{font-size:23px;color:var(--gold2);font-weight:bold}.name-input{width:100%;padding:19px 17px;border:1px solid #8b7449;background:#111216;border-radius:9px;color:white;font-size:18px;text-align:center;outline:none;margin-bottom:16px}.name-input:focus{border-color:#f0d99c;box-shadow:0 0 0 3px #d9bd7a20}.cta{display:block;width:100%;border:1px solid #f1d99a;border-radius:9px;padding:19px 15px;background:linear-gradient(180deg,#e8d08d,#b28b48);color:#19140b;font-size:17px;font-weight:bold;letter-spacing:.7px;cursor:pointer;box-shadow:0 7px 24px #0008}.cta:hover{filter:brightness(1.08)}.glowbox,.qcard,.loadwrap,.offer{border:1px solid #80683d;background:linear-gradient(145deg,#191914,#101116);border-radius:14px;padding:26px 22px;box-shadow:0 12px 45px #0008}.small{color:var(--gold2);font-size:20px;margin-bottom:22px}.note{color:#d0c6b0;font-size:16px;line-height:1.5;margin:17px 0}.phrase{font-size:27px;line-height:1.45;color:#f6dfa0;margin:24px 0}.qhead{border:1px solid #4e432d;border-radius:12px;padding:18px 16px;margin:8px 0 18px;background:#101116}.logo-sm{width:86px;height:auto;max-height:78px;object-fit:contain;margin:0 auto 8px}.hello{font-size:20px;color:#f0d99c;margin:7px}.bal-label{font-size:13px;color:#c2b9a6;text-transform:uppercase;letter-spacing:1px}.bal-value{font-size:30px;color:#f5dda0;margin:4px 0 15px}.energy{margin:0 auto 15px;text-align:left}.energy-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#cfc4ad;margin-bottom:7px}.energy-track,.load-track{height:9px;background:#302b22;border-radius:20px;overflow:hidden}.energy-fill,.load-fill{height:100%;width:5%;background:linear-gradient(90deg,#96713a,#f0d99c);transition:width .45s}.strip{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.strip span{font-size:11px;color:#c9b37e;border:1px solid #55462b;border-radius:20px;padding:5px 8px}.tag{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#d9bd7a;margin-bottom:15px}.question{font-size:23px;line-height:1.45;margin-bottom:22px}.answer{width:100%;display:block;text-align:left;padding:16px 17px;margin:10px 0;background:#1b1b1b;color:#f5f0e5;border:1px solid #635333;border-radius:9px;font:16px/1.35 Georgia,serif;cursor:pointer}.answer:hover{background:#302719;border-color:#e0c27a}.answer:active{transform:scale(.99)}.number-answer{width:100%;padding:17px;border:1px solid #8b7449;border-radius:8px;background:#0d0e12;color:white;font-size:18px;margin-bottom:12px}.loadwrap h2{font-size:27px;color:#f0d99c;margin:10px 0 14px}.sub,.load-status{color:#c9c0af;margin:14px 0}.load-pct{font-size:22px;color:#f0d99c;margin:12px}.portal-heading{font-size:22px!important;margin-top:30px!important}.portals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.portal{padding:13px 8px;border:1px solid #6a5735;background:#171710;border-radius:8px;color:#e7d5a3;font-size:13px}.portal.locked{opacity:.4;filter:grayscale(1)}.load-foot{font-size:18px;color:#cdbd92;margin-top:24px}.offer{padding:20px 17px}.offer .logo{width:125px}.offer h1{font-size:30px;line-height:1.25;color:#f3dfaa;margin:15px 0}.offer .sub{line-height:1.5;font-size:16px}.videobox{width:min(100%,400px);margin:20px auto;background:#000;overflow:hidden}.videobox vturb-smartplayer{display:block;width:100%;max-width:400px;margin:auto}.info{font-size:15px;line-height:1.6;text-align:left;padding:18px 0;color:#e5dcc7}.badges{display:grid;gap:8px;margin:12px 0}.badge{border:1px solid #51452d;border-radius:8px;padding:10px;color:#d8c9a8;font-size:14px}.guarantee{font-size:13px;color:#bdb39f;line-height:1.5;margin:18px 0}.guarantee a,.footer a{color:#e5cc88}.warning{padding:15px;border:1px solid #9d493b;color:#f0c5b9;text-align:left;line-height:1.5;margin:20px 0}.wtitle{display:block;color:#ff9d83;font-weight:bold;margin-bottom:5px}.offer h2{font-size:23px;color:#f0d99c;margin:26px 0 14px}.seed-block{margin:16px 0 26px}.seed-card{display:block;padding:0;border:1px solid #bda46a;background:#000;width:100%;cursor:pointer;border-radius:5px;overflow:hidden}.seed-card img{display:block;width:100%;height:auto}.seed-cta{width:100%;margin-top:10px;border:1px solid #e4ca8a;border-radius:8px;padding:17px 10px;background:linear-gradient(#e8d08d,#b28b48);color:#19140b;font-weight:bold;font-size:16px;cursor:pointer}.footer{font-size:12px;color:#918a7c;line-height:1.7;margin:28px 0}.overlay{display:none;position:fixed;inset:0;background:#000d;z-index:20;align-items:center;justify-content:center;padding:18px}.overlay.show{display:flex}.modalcard{width:min(100%,460px);border:1px solid #d5b66c;background:#15140f;border-radius:14px;padding:25px 20px;text-align:center;box-shadow:0 15px 80px #000}.modalcard h2{color:#f0d99c;font-size:25px}.modalcard p{line-height:1.5;color:#ded4bf}.modalcard .cta{margin-top:18px}.modal-close{margin-top:15px;background:none;border:0;color:#a9a08f;text-decoration:underline;cursor:pointer}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:700px){.screen{padding-top:38px}.question{font-size:26px}.qcard{padding:34px}.offer{padding:28px}.lead{font-size:22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Ajustes de fidelidad visual: dorado original, nubes y ventanas adaptables */
:root{--gold:#E9BB3F;--gold2:#f6d979;--accent:#E9BB3F}
body{background-color:#17130b;background-image:radial-gradient(ellipse at 50% 28%,rgba(119,95,48,.20),transparent 45%),radial-gradient(ellipse at 5% 35%,rgba(117,108,88,.18),transparent 28%),radial-gradient(ellipse at 95% 42%,rgba(117,108,88,.16),transparent 30%),radial-gradient(ellipse at 20% 82%,rgba(117,108,88,.14),transparent 25%),linear-gradient(180deg,#252117 0%,#100e0a 68%,#080808 100%);background-attachment:fixed}
.logo{width:205px;max-width:66%;max-height:200px;object-fit:contain}
.small-logo{width:175px}.logo-sm{width:110px;max-height:95px}
.cta,.seed-cta{background:#E9BB3F!important;border-color:#f8dc83!important;color:#1c1608!important;box-shadow:0 6px 22px rgba(233,187,63,.24)}
.answer{background:#E9BB3F;color:#1b1508;border:1px solid #f6d979;box-shadow:0 4px 14px rgba(233,187,63,.12)}
.answer:hover,.answer:focus{background:#f2ca57;color:#171106;border-color:#ffe89c;box-shadow:0 0 0 2px rgba(233,187,63,.24),0 6px 22px rgba(233,187,63,.2)}
#progressBar,.energy-fill,.load-fill{background:linear-gradient(90deg,#D99F16,#E9BB3F,#FFE27A)}
.strip{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:18px;min-height:0}.strip:empty{display:none}.strip img{display:block;width:76px;height:76px;object-fit:cover;border:3px solid #E9BB3F;border-radius:18px;box-shadow:0 0 18px rgba(233,187,63,.42);background:#17140c}@media(min-width:700px){.strip{gap:14px;margin-top:20px}.strip img{width:86px;height:86px;border-radius:20px}}@media(max-width:420px){.strip{gap:8px}.strip img{width:60px;height:60px;border-radius:14px;border-width:2px}}
.overlay{padding:12px;overflow-y:auto;align-items:center}
.modalcard{width:min(100%,430px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:clamp(14px,3vh,24px) clamp(14px,4vw,20px);border-color:#E9BB3F;box-shadow:0 0 18px rgba(233,187,63,.38),0 0 55px rgba(233,187,63,.2),0 15px 50px #000d}
.modalcard h2{font-size:clamp(21px,4vw,27px);line-height:1.15;margin:12px 0}
.modalcard p{font-size:clamp(14px,2.2vh,17px);margin:12px 0}
.achievement-image{display:block;width:auto;max-width:100%;max-height:min(47vh,440px);object-fit:contain;margin:0 auto;border-radius:8px;border:1px solid #E9BB3F;box-shadow:0 0 18px rgba(233,187,63,.25)}
.modal-balance{margin:12px auto;padding:10px;border:1px solid rgba(233,187,63,.65);border-radius:9px;background:#211b0e;display:flex;flex-direction:column;gap:4px;color:#f2d477}.modal-balance strong{font-size:clamp(24px,4vh,34px);color:#E9BB3F}
.modalcard .cta{margin-top:12px;padding:15px 12px;font-size:clamp(14px,2.2vh,17px)}
@media(max-height:760px){.modalcard{padding:12px 16px}.achievement-image{max-height:36vh}.modalcard h2{margin:8px 0}.modalcard p{margin:8px 0}.modalcard .cta{margin-top:8px;padding:12px}}

/* Secciones adicionales de la página final, como en la referencia original */
.winner-section,.portal-section{margin:30px 0 34px;text-align:center}
.offer .winner-section h2,.offer .portal-section h2{font-size:clamp(25px,4vw,38px);line-height:1.2;color:#E9BB3F;margin:30px 0 24px;text-align:center}
.winners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;align-items:start}
.winner-card{min-width:0;text-align:center}
.winner-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:5px solid #E9BB3F;border-radius:23px;box-shadow:0 0 20px rgba(233,187,63,.25);background:#1b170d}
.winner-card h3{font-size:clamp(14px,1.8vw,22px);line-height:1.2;color:#E9BB3F;margin:10px 0 4px;overflow-wrap:anywhere}
.winner-card p{font:12px/1.35 Arial,sans-serif;color:#d2c39f;margin:0}
.portals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.portal-card{min-height:104px;display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;border:5px solid #E9BB3F;border-radius:24px;background:rgba(17,14,8,.78);box-shadow:0 0 18px rgba(233,187,63,.13);color:#fff7e7;font-size:clamp(16px,2.2vw,25px);font-weight:bold;line-height:1.2;text-align:left}
.portal-card img{width:60px;height:60px;flex:0 0 60px;object-fit:cover;border:3px solid #E9BB3F;border-radius:13px}
.portal-card span{overflow-wrap:anywhere}
@media(max-width:700px){.winners-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.winner-card img{border-width:3px;border-radius:15px}.portals-grid{gap:10px}.portal-card{min-height:84px;padding:10px;border-width:3px;border-radius:16px;gap:8px;font-size:15px}.portal-card img{width:44px;height:44px;flex-basis:44px;border-radius:9px}.offer .winner-section h2,.offer .portal-section h2{margin:24px 0 18px}}
