:root{--bg:#04060d;--ink:#ecf1fff0;--ink-soft:#bac7e2b8;--ink-mute:#96a5c480;--line:#ffffff17;--panel:#0407108c;--accent:#ffecd6;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--gutter:clamp(20px, 3.4vw, 54px);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.5;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}#scene{z-index:0;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.scroll-space{pointer-events:none;width:100%;position:relative}.loader{z-index:40;background:var(--bg);transition:opacity .9s var(--ease), visibility .9s;place-items:center;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader__inner{place-items:center;gap:28px;display:grid}.loader__ring{border:1px solid #ffffff24;border-top-color:var(--accent);border-radius:50%;width:46px;height:46px;animation:1.15s linear infinite spin}.loader__text{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.ui{z-index:10;pointer-events:none;opacity:0;transition:opacity 1.2s var(--ease);position:fixed;inset:0}.ui.is-ready{opacity:1}.ui:before{content:"";pointer-events:none;background:linear-gradient(102deg,#02040acc 0%,#02040a6b 26%,#0000 52%),linear-gradient(#02040a99 0%,#0000 18%),linear-gradient(#0000 76%,#02040a9e 100%),linear-gradient(260deg,#02040a8c 0%,#0000 22%);position:absolute;inset:0}.topbar{padding:calc(var(--gutter) * .72) var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:12px;font-size:12px;display:flex}.brand__mark{background:var(--accent);width:9px;height:9px;box-shadow:0 0 18px 2px color-mix(in srgb, var(--accent) 65%, transparent);border-radius:50%;transition:background .6s linear,box-shadow .6s linear}.topbar__right{align-items:center;gap:22px;display:flex}.audio{pointer-events:auto;gap:6px;display:flex}.audio__btn{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);color:var(--ink-mute);font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);background:#04071066;border-radius:2px;padding:6px 10px;font-size:9.5px}.audio__btn:hover{color:var(--ink);border-color:#fff3}.audio__btn[aria-pressed=true]{color:var(--bg);background:var(--accent);border-color:var(--accent)}.audio__btn:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.counter{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-mute);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:12px;display:flex}.counter__current{color:var(--ink);font-size:15px}.panel{left:var(--gutter);bottom:calc(var(--gutter) * 1.5);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px)saturate(1.1);border-radius:3px;width:min(46ch,40vw);padding:26px 28px 28px;position:absolute}.panel__epoch{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px;transition:color .6s linear}.panel__title{font-family:var(--serif);letter-spacing:-.015em;margin-bottom:10px;font-size:clamp(30px,3.3vw,50px);font-weight:400;line-height:1.04}.panel__tagline{color:var(--ink-soft);margin-bottom:18px;font-size:14px;font-style:italic}.panel__summary{color:var(--ink-soft);text-wrap:pretty;font-size:14.5px;line-height:1.62}.panel__facts{border-top:1px solid var(--line);gap:1px;margin-top:22px;padding-top:16px;list-style:none;display:grid}.panel__facts li{justify-content:space-between;align-items:baseline;gap:18px;padding:5px 0;font-size:12px;display:flex}.panel__facts .fact__key{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}.panel__facts .fact__value{font-family:var(--mono);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.metrics{right:var(--gutter);top:calc(var(--gutter) * .72 + 46px);text-align:right;gap:22px;max-width:34vw;display:grid;position:absolute}.metric{gap:6px;display:grid}.metric__label{letter-spacing:.17em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.metric__value{font-family:var(--mono);letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(15px,1.5vw,21px);transition:color .6s linear}.metric:first-child .metric__value{color:var(--accent)}.timeline{right:var(--gutter);bottom:calc(var(--gutter) * 1.5);pointer-events:auto;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:absolute}.timeline__item{cursor:pointer;color:var(--ink-mute);font-family:var(--sans);letter-spacing:.11em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:2px 0;font-size:10px;display:flex}.timeline__label{opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease), color .35s;white-space:nowrap;transform:translate(6px)}.timeline__dot{width:22px;height:1px;transition:width .4s var(--ease), background .4s var(--ease);background:#ffffff3d}.timeline__item:hover .timeline__label,.timeline__item.is-active .timeline__label{opacity:1;transform:none}.timeline__item:hover .timeline__dot{background:var(--ink-soft);width:34px}.timeline__item.is-active .timeline__dot{background:var(--accent);width:42px}.timeline__item.is-active{color:var(--ink)}.timeline__item:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.hint{left:50%;bottom:calc(var(--gutter) * .9);transition:opacity .6s var(--ease);justify-items:center;gap:10px;display:grid;position:absolute;transform:translate(-50%)}.hint.is-hidden{opacity:0}.hint__text{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.hint__line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:42px;animation:drop 2.1s var(--ease) infinite;transform-origin:top}@keyframes drop{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(42px)}}.progress{background:#ffffff0f;height:2px;position:absolute;bottom:0;left:0;right:0}.progress__fill{background:var(--accent);width:0;height:100%;box-shadow:0 0 16px color-mix(in srgb, var(--accent) 70%, transparent);transition:background .6s linear}.noscript{text-align:center;background:var(--bg);color:var(--ink);z-index:100;place-items:center;padding:40px;display:grid;position:fixed;inset:0}body.is-gl-lost:after{content:"Se perdió el contexto WebGL. Recarga la página.";color:var(--ink);letter-spacing:.05em;z-index:60;background:#04060df0;place-items:center;font-size:14px;display:grid;position:fixed;inset:0}@media (width<=1080px){.panel{width:min(52ch,56vw)}.metrics{gap:16px}.timeline{display:none}}@media (width<=760px){.panel{left:var(--gutter);right:var(--gutter);width:auto;padding:20px 20px 22px;bottom:112px}.panel__summary{max-height:30vh;font-size:13.5px;overflow:hidden}.panel__facts{display:none}.metrics{top:72px;bottom:auto;left:var(--gutter);right:var(--gutter);text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;max-width:none}.metric__label{letter-spacing:.12em;font-size:8.5px}.metric__value{font-size:12.5px}.hint{bottom:62px}.hint__line{height:26px}}@media (prefers-reduced-motion:reduce){.hint__line,.loader__ring{animation:none}}