@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#000;--fg:#f4f4f2;--muted:#8a8a86;--muted-2:#7c7c78;--line:#2c2c2a;--acento:#ffd166;--panel:min(400px, 78vw);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.is-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efe9df;--fg:#141414;--muted:#5f5a52;--muted-2:#6a655c;--line:#c9c1b2}html,body,.placa,#subnav,#debug{transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{scroll-behavior:smooth;font-family:Space Grotesk Variable,system-ui,sans-serif}html.js:not(.is-ready) .capa{visibility:hidden}.capa{position:fixed;inset:0}#capitulos section{display:block}#capitulos section:first-child{height:200vh;height:200lvh}#hero{pointer-events:none;place-items:center;display:grid}#hero .intro{text-align:center;pointer-events:auto;padding:2rem}h1{letter-spacing:-.04em;align-items:baseline;margin:0;font-size:clamp(3rem,12vw,9rem);font-weight:600;line-height:1;display:inline-flex}#titulo .char{will-change:transform, opacity;display:inline-block}#punto{background:var(--acento);transform-origin:50%;border-radius:50%;width:.22em;height:.22em;margin-left:.08em;display:inline-block}#lema{color:var(--muted);margin:1.25rem 0 0;font-size:clamp(1rem,2.2vw,1.4rem)}#nota{color:var(--muted-2);margin:2.5rem 0 0;font-size:.85rem}#bajar{color:var(--fg);border-bottom:1px solid var(--line);margin-top:1.5rem;font-size:.85rem;text-decoration:none;display:inline-block}#bajar:focus-visible{outline:2px solid var(--acento);outline-offset:4px}#motor{pointer-events:none;opacity:0;contain:strict;transition:opacity .42s ease-in-out;position:fixed;inset:0}#motor .motor-lienzo{width:100%;height:100%;display:block}html.motor-on #motor{opacity:1}html.motor-on #stage{opacity:0}#stage{transition:opacity .42s ease-in-out}@media (prefers-reduced-motion:reduce){#motor,#stage{transition:none}}#stage{pointer-events:none;perspective:137lvh;position:fixed;inset:0;overflow:hidden}#stage .world{transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}#panel{width:var(--panel);height:var(--panel);transform-style:preserve-3d;will-change:transform, opacity;position:relative}.placa{border:1px solid var(--line);background-color:color-mix(in srgb, var(--bg) 92%, var(--fg));transform-style:preserve-3d;backface-visibility:hidden;border-radius:24px;position:absolute;inset:0}.placa-1{border-radius:50%;inset:8%}.placa-2{background-image:radial-gradient(var(--line) 1px, transparent 1.5px);background-size:16px 16px}.placa-3{border-style:dashed;inset:18%}.placa-4{border-radius:12px;inset:30%}.placa-5{background-color:var(--acento);border-color:var(--acento);border-radius:50%;inset:44%}.galeria-puntos{gap:.6rem;display:flex;position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%)}.galeria-punto{background:var(--acento);border-radius:50%;width:.55rem;height:.55rem;display:block}#rotulo{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:.75rem;font-size:.85rem;display:flex;inset:auto auto 1.25rem 1.25rem}#capitulo-progreso{color:var(--fg)}#subnav{background:color-mix(in srgb, var(--fg) 8%, var(--bg));opacity:0;pointer-events:none;border-radius:999px;align-items:center;width:min(20rem,100vw - 2.5rem);height:2.5rem;padding:0 1rem;transition:opacity .25s,transform .25s;display:grid;position:fixed;bottom:1.25rem;right:1.25rem;transform:translateY(.5rem)}#subnav.is-visible{opacity:1;pointer-events:auto;transform:none}#subnav .barra{cursor:pointer;background-image:repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px calc(100% / 32));height:1rem;position:relative}#subnav .cursor{background:var(--acento);cursor:grab;border-radius:2px;width:4px;height:100%;position:absolute;top:0;left:0}#subnav.is-grabbed .cursor{cursor:grabbing;transform-origin:50%}#subnav .cursor:focus-visible{outline:2px solid var(--fg);outline-offset:3px}#debug{z-index:10;color:var(--fg);background:color-mix(in srgb, var(--bg) 80%, transparent);border:1px solid var(--line);border-radius:8px;padding:.5rem .75rem;font:12px/1.4 ui-monospace,monospace;position:fixed;top:.75rem;left:.75rem}#debug pre{margin:0 0 .5rem}@media (max-width:899px){#rotulo{inset:auto auto 4.5rem 1.25rem}#subnav{width:calc(100vw - 2.5rem)}}@media (prefers-reduced-motion:reduce){body{scroll-behavior:auto}#titulo .char,#panel{will-change:auto}#subnav,html,body,.placa,#debug{transition:none}}.motor-rotulos{position:absolute;inset:0}.solo-lectores{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.motor-guias{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.motor-guias polyline{fill:none;stroke:var(--line);stroke-width:1px}.motor-guias circle{fill:var(--acento)}.motor-rotulo{opacity:0;letter-spacing:normal;font-kerning:normal;will-change:transform, opacity;max-width:12rem;font-size:.78rem;line-height:1.3;position:absolute;top:0;left:0}.motor-rotulo.lado-der{text-align:right}.motor-rotulo b{color:var(--fg);font-weight:600;display:block}.motor-rotulo span{color:var(--muted-2);display:block}@media (max-width:899px){.motor-rotulo{max-width:60vw;font-size:.72rem}.motor-rotulo span{display:none}.motor-rotulos.compacto .motor-rotulo.lado-der{text-align:left}}