:root,:root[data-tema="oscuro"]{--papel:#1c1b18;--papel-2:#25231f;--ficha:#292620;--tinta:#f2f0e5;--tinta-70:#cbc7be;--tinta-50:#aaa49a;--linea:#464039;--c1:#eb7438!important;--c2:#f2f0e5!important;--textura:transparent;--textura-2:transparent}body{background:#1c1b18}body::before{display:none}.nav{background:#1c1b18ee!important;backdrop-filter:blur(12px)}.hero{padding-top:110px;padding-bottom:65px}.titulo{font-size:clamp(2.6rem,5.3vw,5.2rem)!important;font-weight:400!important;line-height:1.07!important}.hero-intro{max-width:900px}.hero .filmstrip-wrap{display:none}.hero .jugar{background:#292620}.btn-solid{color:var(--papel)!important}.retro-journey{position:relative;isolation:isolate;padding:0!important;margin:0!important;background:#1c1b18;overflow:clip}.retro-sticky{position:sticky;top:0;height:100svh;min-height:560px;z-index:1;pointer-events:none;margin-bottom:-100svh}.retro-computer{position:absolute;width:76vw;max-width:1200px;aspect-ratio:3/2;left:70%;top:54%;transform:translate(-50%,-50%)}.retro-computer>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.retro-screen{position:absolute;left:30.01%;top:10.84%;width:40.1%;height:40.43%;overflow:hidden;background:#120f0c;border-radius:5%;box-shadow:inset 0 0 20px #000,0 0 30px #eb743815;pointer-events:auto;transition:opacity .4s,filter .4s}.retro-screen>img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:opacity .25s}.retro-glass{position:absolute;inset:0;background:radial-gradient(ellipse at top left,#ffba8c0d,transparent 65%);box-shadow:inset 0 0 20px #0008;pointer-events:none}.retro-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0002 0px,#0002 1px,transparent 1px,transparent 3px);pointer-events:none}.retro-counter{position:absolute;right:8%;bottom:7%;display:flex;gap:25px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#bcb5a9;letter-spacing:1px}.retro-counter span:first-child{color:#eb7438}.retro-stories{position:relative;z-index:2;width:35%;margin-left:6%;pointer-events:none}.retro-story{min-height:115svh;display:flex;flex-direction:column;justify-content:center;padding:110px 0;opacity:.3;transition:opacity .4s;pointer-events:auto}.retro-story.is-current{opacity:1}.retro-label{font:14px 'IBM Plex Mono',monospace;color:#eb7438;letter-spacing:1px}.retro-story h2{font-family:'Public Sans',sans-serif;font-size:clamp(2.1rem,3.5vw,3.6rem);line-height:1.07;font-weight:500;letter-spacing:-.04em;margin:25px 0}.retro-story h2 em{display:inline-block;font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:.72em;color:#d4cec3;margin-top:12px}.retro-story>p{font-size:16px;color:#cbc7be;line-height:1.8;margin-bottom:25px}.retro-story .ficha-specs{border-color:#464039;font-size:14px}.retro-link{display:inline-flex;align-self:flex-start;margin-top:30px;padding:11px 20px;border:1px solid #b97950;border-radius:30px;color:#f2f0e5;text-decoration:none;font-size:14px}.retro-link:hover{background:#eb7438;color:#1c1b18}.retro-screen:focus-visible,.retro-link:focus-visible{outline:2px solid #eb7438;outline-offset:5px}#proyectos{display:none}section:not(.retro-journey){position:relative;z-index:3;background:var(--papel)}.sec-head h2{font-weight:400}.hero .lead{max-width:750px}.paleta-btn{display:none}@media(max-width:800px){.hero{padding-top:80px}.retro-stories{width:84%;margin-left:8%}.retro-story{min-height:125svh;justify-content:flex-start;padding-top:100px;padding-bottom:70svh;opacity:.1}.retro-story h2{font-size:2rem;margin:14px 0}.retro-story>p{font-size:14px;line-height:1.6;margin-bottom:12px}.retro-story .ficha-specs{display:none}.retro-link{margin-top:15px}.retro-computer{width:120vw;left:50%;top:72%;max-width:none}.retro-counter{right:auto;left:8%;bottom:3%;font-size:11px;gap:15px}.retro-sticky{z-index:3}.retro-screen{pointer-events:auto}.retro-story{pointer-events:auto}.retro-stories{z-index:4}.retro-story.is-current{opacity:1}.retro-story:not(.is-current){visibility:hidden}.retro-label{font-size:12px}}@media(prefers-reduced-motion:reduce){.retro-story,.retro-screen{transition:none}} 
.retro-intro-story{min-height:105svh;display:flex;flex-direction:column;justify-content:center;padding:110px 0;transition:opacity .4s}.retro-intro-story h2{font:500 clamp(2.1rem,3.5vw,3.6rem)/1.1 'Public Sans',sans-serif;letter-spacing:-.04em;margin:25px 0}.retro-intro-story h2 em{font-family:'Fraunces',Georgia,serif;color:#d4cec3;font-weight:400}.retro-intro-story p{font-size:16px;line-height:1.8;color:#cbc7be}.retro-scroll-cue{margin-top:28px;color:#eb7438;font:12px 'IBM Plex Mono',monospace;letter-spacing:1px}.retro-outcome{margin:10px 0 5px;display:grid;gap:15px;border-top:1px solid #464039;padding-top:22px}.retro-outcome>div{border-left:2px solid #675b4c;padding-left:14px}.retro-outcome>div:last-child{border-color:#eb7438}.retro-outcome span{font:12px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#bab2a6}.retro-outcome>div:last-child span{color:#eb7438}.retro-outcome p{font-size:14px;line-height:1.6;margin-top:5px;color:#e0d9cd}.retro-whatsapp{align-self:flex-start;font-size:14px;line-height:1.5;background:#eb7438;color:#1c1b18;padding:12px 18px;border-radius:28px;margin-top:16px;text-decoration:none;font-weight:600}.retro-whatsapp:hover{background:#f49b64}.retro-whatsapp:focus-visible{outline:2px solid #eb7438;outline-offset:5px}.retro-story{min-height:135svh}.retro-screen{background:#100e0b}.retro-screen>.retro-pan-image{height:100%;width:100%;object-fit:cover;transform:scale(1.22);transition:opacity .3s;will-change:object-position;filter:saturate(.88)}.retro-power-line{position:absolute;left:9%;right:9%;top:50%;height:2px;background:#ffd3b8;box-shadow:0 0 13px 4px #eb7438;z-index:6;transform:scaleX(0);opacity:0;pointer-events:none}.retro-sweep{position:absolute;inset:0;background:linear-gradient(transparent 35%,#ffa57147 48%,#ffa571b0 50%,#ffa57119 53%,transparent 66%);transform:translateY(-120%);pointer-events:none;z-index:7}.retro-sweep.sweeping{animation:retroSweep .5s ease-out}@keyframes retroSweep{to{transform:translateY(120%)}}.retro-ending{position:absolute;inset:0;background:#17130f;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#eb7438;opacity:0;visibility:hidden;transition:opacity .5s;pointer-events:none;padding:8%;font-family:'IBM Plex Mono',monospace;text-shadow:0 0 8px #eb743866}.retro-ending>span:first-child{font-size:clamp(9px,1vw,14px);letter-spacing:2px}.retro-ending strong{font:600 clamp(22px,3vw,48px) 'Public Sans',sans-serif;letter-spacing:-2px;margin:8% 0;color:#f2f0e5}.retro-ending strong span{color:#eb7438}.retro-ending p{font-size:clamp(12px,1.3vw,20px);line-height:1.6}.retro-terminal-cursor{margin-top:7%;animation:retroBlink 1s steps(1) infinite}@keyframes retroBlink{50%{opacity:0}}.retro-end{min-height:115svh}@media(max-width:800px){.retro-intro-story{justify-content:flex-start;padding-top:90px;padding-bottom:70svh;min-height:125svh}.retro-intro-story h2{font-size:2rem}.retro-intro-story p{font-size:14px}.retro-story{min-height:150svh;padding-top:80px;padding-bottom:80svh}.retro-story>p{font-size:14px}.retro-outcome{gap:9px;padding-top:10px;margin:0}.retro-outcome p{font-size:13px;line-height:1.45}.retro-outcome span{font-size:11px}.retro-story h2{font-size:1.8rem}.retro-link{margin-top:14px;padding:8px 14px;font-size:13px}.retro-whatsapp{font-size:13px;padding:10px 14px}.retro-computer{top:78%;width:112vw}.retro-end{min-height:130svh}.retro-intro-story{pointer-events:auto}.retro-ending strong{font-size:28px}.retro-ending p{font-size:13px}}@media(prefers-reduced-motion:reduce){.retro-sweep{display:none}.retro-terminal-cursor{animation:none}.retro-ending,.retro-intro-story{transition:none}.retro-screen>.retro-pan-image{transform:none}}
/* Legibilidad y recorrido adaptable */
.retro-story>p,.retro-intro-story p{font-size:1.06rem;line-height:1.75}.retro-outcome p{font-size:1rem;line-height:1.65}.retro-outcome span{font-size:.8rem}.retro-outcome{gap:20px}.retro-story{min-height:145svh}.retro-stories{width:37%;margin-left:5%}.retro-story h2{font-size:clamp(2rem,3.2vw,3.3rem)}
@media(min-width:801px) and (max-width:1100px){.retro-stories{width:43%;margin-left:4%}.retro-computer{width:78vw;left:76%;top:56%}.retro-story>p,.retro-intro-story p{font-size:1rem}.retro-outcome p{font-size:.95rem}.retro-story h2{font-size:2.2rem}.retro-counter{right:4%;gap:12px}.retro-story{padding-top:100px;padding-bottom:100px;min-height:155svh}}
@media(max-width:800px){
 .retro-journey{overflow:clip}.retro-sticky{height:100svh;min-height:0;margin-bottom:-100svh;z-index:1}.retro-stories{width:auto;margin:0 7%;z-index:2;pointer-events:none}.retro-story,.retro-intro-story{min-height:0;height:auto;justify-content:flex-start;padding:90px 0 0;opacity:1!important;visibility:visible!important;pointer-events:none}.retro-story>* ,.retro-intro-story>*{pointer-events:auto}.retro-story>p,.retro-intro-story p{font-size:1rem;line-height:1.7;margin-bottom:18px}.retro-outcome p{font-size:.95rem;line-height:1.6}.retro-outcome span{font-size:.78rem}.retro-outcome{gap:15px;padding-top:18px;margin:4px 0}.retro-story h2,.retro-intro-story h2{font-size:clamp(1.9rem,6.5vw,2.6rem);line-height:1.12;margin:18px 0}.retro-story::after,.retro-intro-story::after{content:'';display:block;height:82svh;min-height:480px;pointer-events:none}.retro-computer{width:116vw;left:50%;top:auto;bottom:5%;transform:translate(-50%,0);max-width:760px}.retro-counter{bottom:2%;font-size:11px;left:7%;gap:14px}.retro-screen{pointer-events:auto}.retro-whatsapp{font-size:.9rem;padding:12px 18px;margin-top:18px}.retro-link{font-size:.9rem;padding:10px 16px;margin-top:18px}.retro-label{font-size:.78rem;line-height:1.6}.retro-ending strong{font-size:clamp(24px,6vw,38px)}.retro-ending p{font-size:clamp(13px,3.1vw,18px)}.retro-intro-story{padding-top:90px}.retro-end{min-height:0}.hero{grid-template-columns:1fr!important}.hero .jugar{width:100%;min-width:0}.retro-story::before,.retro-intro-story::before{content:'';position:absolute;left:-9%;right:-9%;height:calc(100% - 72svh);background:linear-gradient(#1c1b18 85%,transparent);z-index:-1;pointer-events:none}.retro-story,.retro-intro-story{position:relative}.retro-outcome>div{padding-left:15px}
}
@media(max-width:420px){html{font-size:16px}.retro-stories{margin:0 6%}.retro-story>p,.retro-intro-story p{font-size:1.0625rem}.retro-outcome p{font-size:1rem}.retro-outcome span{font-size:.8125rem}.retro-label{font-size:.8125rem}.retro-story::after,.retro-intro-story::after{height:88svh;min-height:450px}.retro-computer{width:122vw;bottom:9%}.retro-counter{bottom:5%;font-size:10px;gap:10px}.retro-story h2{font-size:2rem}}
@media(max-height:550px) and (min-width:801px){.retro-sticky{min-height:0}.retro-computer{width:62vw;max-width:720px;left:72%;top:55%}.retro-story{min-height:200svh}.retro-counter{bottom:4%}}
@media(max-height:550px) and (max-width:800px) and (orientation:landscape){.retro-stories{width:45%;margin-left:5%}.retro-computer{width:69vw;left:77%;bottom:4%}.retro-counter{left:auto;right:3%}.retro-story::after,.retro-intro-story::after{height:35svh;min-height:160px}.retro-story::before,.retro-intro-story::before{height:100%;left:-12%;right:-5%;background:#1c1b18}.retro-story{padding-top:70px}.retro-story>p,.retro-outcome p{font-size:.95rem}}

nav{background:#1c1b18ee!important;border-color:#464039!important}.brand span{color:#eb7438!important}.brand::before{content:"";display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background:linear-gradient(#f2f0e5,#f2f0e5) 0 0/10px 10px no-repeat,linear-gradient(#eb7438,#eb7438) 14px 0/10px 10px no-repeat,linear-gradient(#f2f0e5,#f2f0e5) 0 14px/10px 10px no-repeat,linear-gradient(#f2f0e5,#f2f0e5) 14px 14px/10px 10px no-repeat}
:root[data-tema="claro"]{--papel:#f2f0e5;--papel-2:#e6e0d4;--ficha:#faf7ef;--tinta:#1c1b18;--tinta-70:#4e473e;--tinta-50:#72695e;--linea:#cec5b6} :root[data-tema="claro"] body{background:#f2f0e5}:root[data-tema="claro"] nav,:root[data-tema="claro"] .hero .jugar{background:#f2f0e5ee!important}:root[data-tema="claro"] .brand{color:#1c1b18}:root[data-tema="claro"] .brand::before{filter:drop-shadow(0 0 1px #1c1b18)}.retro-journey{color:#f2f0e5} .retro-link:hover{color:#1c1b18} .retro-whatsapp{color:#1c1b18}

/* Estados de botones con contraste consistente en ambos temas. */
.btn-solid{background:var(--tinta);border-color:var(--tinta);color:var(--papel)!important}.btn-solid:hover,.btn-solid:focus-visible{background:#eb7438;border-color:#eb7438;color:#1c1b18!important}.btn-line{background:transparent;color:var(--tinta);border-color:var(--tinta)}.btn-line:hover,.btn-line:focus-visible{background:var(--tinta);color:var(--papel)}.chip{background:var(--ficha);color:var(--tinta);border-color:var(--linea)}.chip.on{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}.tema-toggle{background:var(--papel-2);color:var(--tinta);border-color:var(--linea)}.car-btn{background:var(--ficha);color:var(--tinta)}.car-btn:hover{background:var(--tinta);color:var(--papel)}.retro-journey .retro-link{color:#f2f0e5;background:#1c1b18}.retro-journey .retro-link:hover{color:#1c1b18;background:#eb7438}.retro-journey .retro-whatsapp{background:#eb7438;color:#1c1b18}