@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700.woff2)format("woff2")}:root{--blue:#4185f4;--off:#f5f5f5;--neutral-sky:#8a8a8a;--off-quiet:#8c8d90;--off-soft:#b9babd;--u:min(100vw, 100dvh);--t-micro:clamp(11px, calc(var(--u) * .0135), 15px);--t-cuerpo:clamp(12px, calc(var(--u) * .017), 18px);--t-nombre:clamp(13px, calc(var(--u) * .019), 20px);--t-fecha:clamp(16px, calc(var(--u) * .024), 32px);--t-titular:clamp(20px, calc(var(--u) * .032), 44px);--t-cifra:clamp(32px, calc(var(--u) * .072), 100px);--pad:clamp(18px, calc(var(--u) * .036), 64px);--rx:50%;--ry:46%}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100dvh;color:var(--off);background:#0a0b0d;margin:0;padding:0;font-family:Poppins,Futura,Avenir Next,system-ui,sans-serif;overflow:hidden}#sky{touch-action:none;background:radial-gradient(72% 62% at 58% 48%,#1c2029 0%,#101216 56%,#0a0b0d 100%);width:100vw;height:100dvh;position:relative;overflow:hidden}#lines{z-index:1;pointer-events:none;position:absolute;inset:0}.star,.eighth{z-index:3;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.star .glyph{filter:saturate(.62)brightness(.95);width:1em;height:1em;transition:filter .45s,transform .45s;display:block;overflow:visible}.star.on .glyph{filter:saturate(1.5)brightness(1.55);transform:scale(1.2)}.star:after{content:"";opacity:.13;pointer-events:none;background:radial-gradient(circle,currentColor 0%,#0000 62%);border-radius:50%;width:1.6em;height:1.6em;transition:opacity .45s;position:absolute}.star.on:after{opacity:.5}.star:focus-visible,.eighth:focus-visible{outline:2px solid var(--off);outline-offset:3px;border-radius:7px}.star .nombre{font-size:var(--t-nombre);letter-spacing:.15em;text-transform:uppercase;opacity:.9;white-space:nowrap;margin-top:6px;font-weight:700}.star[data-estado=fresh] .nombre{animation:2s ease-in-out infinite latido}@keyframes latido{0%,to{opacity:.9}50%{opacity:.55}}.star .marca{font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);white-space:nowrap;position:absolute;top:-1.6em}.eighth .anillo{border:1.5px dashed #4185f4cc;border-radius:50%;width:30px;height:30px;animation:3.6s ease-in-out infinite pulso}@keyframes pulso{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}#leyenda{z-index:4;font-size:var(--t-micro);color:var(--off-soft);left:var(--pad);right:var(--pad);bottom:calc(var(--pad) * 4.2);grid-template-columns:repeat(auto-fit,minmax(min(210px,46%),1fr));justify-items:start;gap:4px 18px;margin:0;padding:0;line-height:1.5;list-style:none;display:none;position:absolute}#sky:not([data-hidratado=true]) #leyenda{display:grid}#leyenda li{align-items:baseline;gap:8px;display:flex}#leyenda .punto{background:currentColor;border-radius:50%;flex:none;width:.52em;height:.52em;transform:translateY(-.1em)}#leyenda .texto{color:var(--off-soft)}#sky:not([data-hidratado=true]) #core{display:none}#tip{z-index:6;backdrop-filter:blur(10px);width:max-content;max-width:min(86vw,30ch);font-size:var(--t-cuerpo);letter-spacing:.04em;opacity:0;pointer-events:none;background:#1e1e1ed1;border:1px solid #f5f5f51a;border-radius:18px;padding:10px 16px;line-height:1.4;transition:opacity .28s;position:absolute;transform:translate(-50%);box-shadow:0 8px 28px #00000073}#tip.show{opacity:1}#lens{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle,#4185f41f 0%,#0000 68%);border-radius:50%;width:200px;height:200px;transition:opacity .35s;position:absolute;transform:translate(-50%,-50%)}#lens.on{opacity:1}#core{z-index:2;text-align:center;pointer-events:none;width:min(max(calc(var(--u) * .44), calc(var(--t-cifra) * 5)), 90vw);transition:transform 1.4s,opacity 1.4s;position:absolute;transform:translate(-50%,-50%)}#core.hushed{opacity:.75;transform:translate(-50%,-50%)scale(.76)}#numero{font-size:var(--t-cifra);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-shadow:0 0 40px #000;min-width:7ch;font-weight:700;line-height:1;display:inline-block}#numero em{color:var(--blue);font-style:normal}#unidad{font-size:var(--t-cuerpo);letter-spacing:.14em;text-transform:uppercase;color:var(--off-soft);text-wrap:balance;margin-top:10px}#equivalencia{min-height:1.4em;font-size:var(--t-micro);color:var(--off-quiet);text-shadow:0 0 20px #000;margin-top:12px;transition:opacity .5s}#equivalencia.out{opacity:0}#titular{z-index:5;top:var(--pad);left:var(--pad);font-size:var(--t-titular);letter-spacing:-.012em;max-width:17ch;line-height:1.42;position:absolute}#titular h1{font:inherit;margin:0}#titular em{color:var(--blue);font-style:normal}#titular .en{font-size:var(--t-cuerpo);color:var(--off-quiet);margin:12px 0 0;line-height:1.45}#logo{z-index:5;left:var(--pad);bottom:var(--pad);width:clamp(112px, calc(var(--u) * .16), 240px);opacity:1;height:auto;position:absolute}#fecha{z-index:5;right:var(--pad);bottom:var(--pad);font-size:var(--t-fecha);letter-spacing:.06em;color:var(--off-quiet);text-align:right;font-weight:400;position:absolute}#fecha .proxima{font-size:var(--t-micro);letter-spacing:.1em;color:var(--off-quiet);text-transform:uppercase;margin-top:6px;font-weight:400;display:block}@media (width<=699px){#leyenda{gap:4px 12px}#leyenda .sector{display:none}#titular{max-width:none;right:var(--pad)}}@media (height<=520px) and (orientation:landscape){:root{--t-titular:17px;--pad:14px;--rx:66%}#titular{max-width:min(26ch,44vw)}#titular .en{font-size:var(--t-micro);margin-top:6px}#leyenda{width:min(44vw,300px);right:auto;bottom:calc(var(--pad) * 2 + 20px);grid-template-columns:1fr;gap:2px 0}#leyenda .sector{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.star .glyph{filter:saturate(1.4)brightness(1.4)}#sky[data-hidratado=true] #leyenda{display:grid}#core.hushed{opacity:1;transform:translate(-50%,-50%)}}@media (height<=520px) and (orientation:landscape){#sky[data-hidratado=true] #leyenda{display:none}}