@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}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.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:#1f1e1d;--fg:#f4f4f2;--muted:#93938f;--muted-2:#888884;--line:#3a3936;--acento:#ffd166;--panel:min(400px, 78vw);--mono:"JetBrains Mono Variable", ui-monospace, monospace;--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,html.js:not(.is-ready) #cabecera{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{--intro-arriba:2rem;--lema-arriba:3.5rem;text-align:center;padding:var(--intro-arriba) 2.5rem 3rem;pointer-events:auto;position:relative}#velo{z-index:0;pointer-events:none;background:radial-gradient(ellipse 78% 62% at 50% 42%, color-mix(in srgb, var(--bg) 92%, transparent) 0%, color-mix(in srgb, var(--bg) 74%, transparent) 52%, transparent 78%);position:absolute;inset:-2rem -1rem}#logo{z-index:10;transform-origin:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}#fondo-intro{--logo-ancho:clamp(170px, 42vmin, 320px);--anillo:1.45;left:50%;top:calc(var(--intro-arriba) + var(--logo-ancho) * 523 / 439 / 2);width:calc(var(--logo-ancho) * var(--anillo));height:calc(var(--logo-ancho) * var(--anillo));z-index:1;pointer-events:none;color:var(--muted);position:absolute;overflow:visible;translate:-50% -50%}#fondo-intro svg{width:100%;height:100%;display:block;overflow:visible}#fondo-intro .anillo,#fondo-intro .giro{transform-box:view-box;transform-origin:0 0}#fondo-intro line{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round}#fondo-intro .barrido{fill:none;stroke:url(#fondo-grad);stroke-linecap:round}@media (min-aspect-ratio:1) and (max-height:700px){#hero .intro{--intro-arriba:4rem;padding-bottom:1rem}#fondo-intro{--anillo:1.4}#hero .intro{--lema-arriba:1.75rem}}#lema,#nota,#bajar{z-index:1;position:relative}#lema{margin:var(--lema-arriba) auto 0;letter-spacing:-.01em;max-width:28ch;color:var(--fg);text-wrap:balance;font-size:clamp(1.25rem,2.6vw,1.75rem);font-weight:500;line-height:1.25}#nota{max-width:46ch;color:var(--muted);margin:1rem auto 0;font-size:1rem;line-height:1.5}#bajar{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--line);margin-top:2rem;padding-bottom:.2rem;font-size:.8rem;text-decoration:none;display:inline-block}#bajar:hover,#bajar:focus-visible{border-bottom-color:var(--acento)}#bajar:focus-visible{outline:2px solid var(--acento);outline-offset:4px}#bajar .flecha{margin-left:.35em;animation:1.6s ease-in-out infinite vaiven;display:inline-block}@keyframes vaiven{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}#hero .intro.se-fue{visibility:hidden}@media (prefers-reduced-motion:reduce){#bajar .flecha{animation:none}}@media (max-width:899px){#hero .intro{padding:var(--intro-arriba) 1.5rem 3rem}}#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}#galeria-tarjetas{pointer-events:none}.tarjeta{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;width:min(26rem,34vw);display:flex;position:absolute;top:0;bottom:0;right:3vw}.tarjeta>*{opacity:0}.tarjeta.viva{pointer-events:auto}.tarjeta[data-slot="0"]{--acento:#5c9dff}.tarjeta[data-slot="1"]{--acento:#c39bff}.tarjeta[data-slot="2"]{--acento:#4fd6a8}.tarjeta[data-slot="3"]{--acento:#ff8a5b}.tarjeta[data-slot="4"]{--acento:#ff7a85}.tarjeta .captura{border:1px solid var(--line);object-fit:cover;object-position:top left;border-radius:6px;width:100%;height:auto;max-height:34vh;margin:0 0 1rem;display:block}.tarjeta h2{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.9rem,3.6vw,3rem);font-weight:700;line-height:1.02}.tarjeta .que{color:var(--fg);margin:0 0 1rem;font-size:1.15rem;line-height:1.45}.pila{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.tarjeta .pila{color:var(--acento);margin:0 0 1rem}.tarjeta .detalle{color:var(--muted);margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.tarjeta .acceso{margin:0 0 .5rem;font-size:.95rem}.tarjeta .acceso a{color:var(--fg);border-bottom:1px solid var(--acento);text-decoration:none}.tarjeta .acceso a:hover{border-bottom-width:2px}.tarjeta .acceso code{font-family:var(--mono);color:var(--muted);font-size:.85em}.tarjeta .aviso{color:var(--muted-2);margin:0;font-size:.8rem;line-height:1.4}@media (min-aspect-ratio:1) and (max-height:700px){.tarjeta{width:min(24rem,32vw)}.tarjeta h2{margin-bottom:.5rem;font-size:2rem}.tarjeta .que{margin-bottom:.6rem;font-size:1rem}.tarjeta .pila{margin-bottom:.6rem}.tarjeta .detalle{display:none}.tarjeta .captura{margin-bottom:.6rem}}@media (max-aspect-ratio:1){.tarjeta{background:0 0;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);place-content:stretch;width:88vw;padding:0;display:grid;inset:3.25rem auto 4.5rem 6vw}.tarjeta h2{grid-row:1}.tarjeta .pila{grid-row:2}.tarjeta .captura{grid-row:4}.tarjeta .que{grid-row:5}.tarjeta .acceso{grid-row:6}.tarjeta .detalle,.tarjeta .aviso{display:none}.tarjeta h2{padding-right:7.5rem}.tarjeta .pila{padding-right:5rem}.tarjeta h2{margin-bottom:.35rem;font-size:1.5rem}.tarjeta .pila{margin-bottom:0}.tarjeta .captura{max-height:6rem;margin:0 0 .6rem}.tarjeta .que{margin-bottom:.6rem;font-size:min(.95rem,3.9vw);line-height:1.45}.tarjeta .acceso{margin-bottom:0;font-size:min(.95rem,3.9vw)}}#rotulo{pointer-events:none;flex-direction:column;align-items:flex-start;gap:.4rem;display:flex;inset:4.5rem auto auto 2rem}#capitulo-nombre{letter-spacing:-.02em;color:var(--fg);font-size:clamp(2rem,4vw,3.25rem);font-weight:700;line-height:1}#capitulo-contador{align-items:center;gap:.5rem;display:flex}#capitulo-progreso{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--acento);font-size:.85rem;transition:color .4s}#capitulo-arco{order:-1;width:22px;height:22px;display:block;rotate:-90deg}#capitulo-arco circle{fill:none;stroke:var(--acento);stroke-width:2px;transition:stroke .4s}#capitulo-progreso:empty+#capitulo-arco{visibility:hidden}#cabecera{z-index:4;pointer-events:none;background:linear-gradient(to bottom, var(--bg), transparent);justify-content:space-between;align-items:center;height:3.5rem;padding:0 2rem;transition:background .25s ease-in-out;display:flex;position:fixed;inset:0 0 auto}#cabecera a{pointer-events:auto;color:var(--fg);text-decoration:none}#cabecera .cabecera-logo{height:28px;display:block}#cabecera .cabecera-logo svg{width:auto;height:28px;display:block}#cabecera .mono-a{fill:color-mix(in srgb, var(--fg) 58%, var(--bg))}#cabecera .mono-b{fill:color-mix(in srgb, var(--fg) 40%, var(--bg))}#cabecera .mono-c{fill:var(--fg)}#cabecera nav{gap:1.5rem;display:flex}#cabecera nav a{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #0000;padding:.35rem 0;font-size:.75rem}#cabecera nav a:hover,#cabecera nav a:focus-visible{border-bottom-color:var(--acento)}#cabecera a:focus-visible{outline:2px solid var(--acento);outline-offset:4px}#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;z-index:1;border-radius:2px;width:4px;height:100%;transition:background-color .4s;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}#subnav .parada{place-items:center;width:1rem;height:1rem;text-decoration:none;display:grid;position:absolute;top:50%;translate:-50% -50%}#subnav .parada:before{content:"";background:var(--acento);opacity:.6;border-radius:50%;width:6px;height:6px;transition:background-color .4s}#subnav .parada:hover:before,#subnav .parada:focus-visible:before{opacity:1}#subnav .parada:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:50%}#debug{z-index:10;font:12px/1.4 var(--mono);color:var(--fg);background:color-mix(in srgb, var(--bg) 80%, transparent);border:1px solid var(--line);border-radius:8px;padding:.5rem .75rem;position:fixed;top:.75rem;right:.75rem}#debug pre{margin:0 0 .5rem}@media (max-width:899px){#rotulo{text-align:right;align-items:flex-end;inset:3.25rem 1rem auto auto}#capitulo-nombre{font-size:1.5rem}#capitulo-progreso{font-size:.75rem}#capitulo-contador{flex-direction:row-reverse}#capitulo-arco{width:18px;height:18px}#subnav{width:calc(100vw - 2.5rem)}#cabecera{height:2.75rem;padding:0 1rem}#cabecera .cabecera-logo,#cabecera .cabecera-logo svg{height:24px}#cabecera nav{gap:1rem}}@media (prefers-reduced-motion:reduce){body{scroll-behavior:auto}#panel{will-change:auto}#subnav,html,body,.placa,#debug,#cabecera,#subnav .cursor,#subnav .parada:before,#capitulo-progreso,#capitulo-arco circle{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:13rem;line-height:1.3;position:absolute;top:0;left:0}.motor-rotulo.lado-der{text-align:right}.motor-rotulo b{color:var(--fg);font-size:.9rem;font-weight:600;display:block}.motor-rotulo span{color:var(--muted-2);font-size:.8rem;display:block}@media (max-width:899px){.motor-rotulo{max-width:60vw}.motor-rotulo b{font-size:.72rem}.motor-rotulo span{display:none}.motor-rotulos.compacto .motor-rotulo.lado-der{text-align:left}}#pie{z-index:3;min-height:100vh;background:var(--bg);min-height:100lvh;color:var(--fg);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-content:space-between;gap:4rem clamp(2rem,6vw,6rem);padding:clamp(4rem,12vh,8rem) clamp(1.5rem,6vw,6rem) 2.5rem;display:grid;position:relative}#pie .pie-cabecera{grid-column:1}#pie .pie-lado{grid-column:2;align-content:start;gap:3rem;display:grid}#pie .pie-final{grid-column:1/-1}#pie h2{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.95}#pie .que{max-width:34ch;margin:0;font-size:1.15rem;line-height:1.45}#pie h3{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem;font-size:.75rem;font-weight:500}#pie ul{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}#pie a{color:var(--fg);border-bottom:1px solid var(--line);padding-bottom:.1rem;text-decoration:none}#pie a:hover,#pie a:focus-visible{border-bottom-color:var(--acento)}#pie a:focus-visible{outline:2px solid var(--acento);outline-offset:4px}#pie .pie-lista a{font-size:1.05rem;font-weight:500}#pie .pie-proyectos li{flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;display:flex}#pie .pie-proyectos .pila{color:var(--muted)}#pie .pie-final{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin:0;font-size:.75rem}#pie .pie-final a{color:var(--muted)}@media (max-width:899px){#pie{grid-template-columns:minmax(0,1fr);row-gap:3rem;padding-top:5rem}#pie .pie-cabecera,#pie .pie-lado,#pie .pie-final{grid-column:1}}