:root{--profundidad:#0a090f;--acero:#0f0d16;--acero-alto:#141220;--carta:#0f0d16;--violeta:#8b5cf6;--magenta:#d946a0;--verde:#25d366;--verde-tinta:#062817;--cromo:#d8d3f2;--maquina:#b9b2cc;--maquina-sombra:#3b3260;--laton:#8b5cf6;--laton-luz:#a78bfa;--azul:var(--laton);--azul-fondo:var(--laton);--azul-vivo:var(--laton-luz);--cal:#f6f4fc;--cal-hueso:#d8d2ea;--tinta:#062817;--niebla:#ada6c2;--niebla-baja:#9a93b2;--mudo:#9e97b5;--vidrio:#ffffff0d;--vidrio-alto:#ffffff17;--filete:1px solid #ffffff14;--filete-claro:1px solid #ffffff1c;--filete-violeta:1px solid #8b5cf680;--display:"Space Grotesk", system-ui, sans-serif;--display-titular:"Josefin Sans", var(--display);--texto:"Montserrat", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", monospace;--t-titulo:clamp(44px, 6.4vw, 88px);--t-seccion:clamp(32px, 3.8vw, 52px);--t-guia:16px;--t-base:15px;--t-menor:14px;--t-etiqueta:12.5px;--e1:.5rem;--e2:1rem;--e3:1.5rem;--e4:2.5rem;--e5:4rem;--e6:5.5rem;--ancho:1280px;--ancho-lectura:620px;--radio:16px;--radio-carta:22px;--radio-grande:26px;--pildora:999px;--transicion:.2s cubic-bezier(.2, 0, .1, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--profundidad);color:var(--cal);font-family:var(--texto);font-size:var(--t-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}body:before{content:"";z-index:-2;background:radial-gradient(1200px 820px at 84% 6%,#d946a04d,#0000 62%),radial-gradient(1000px 760px at 10% 88%,#8b5cf638,#0000 65%),linear-gradient(118deg,#110d24 0%,#1e1244 42%,#331a56 78%,#471d5f 100%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:500;line-height:1.1}h1,h2{font-family:var(--display-titular);letter-spacing:.01em;font-weight:300}p{text-wrap:pretty;margin:0}a{color:#c9bef5;text-decoration:none}a:hover{color:#e4ddfb}img,svg{max-width:100%;display:block}.contenedor{width:min(100% - 2.5rem, var(--ancho));margin-inline:auto}.seccion{padding-block:var(--e6);z-index:10;scroll-margin-top:5rem;position:relative}.apagado{color:var(--niebla)}.mudo{color:var(--mudo)}.gradiente{background:linear-gradient(#fff 30%,#ddd7ee 62%,#948daf 100%);color:#0000;background-clip:text}.atenuado{color:var(--mudo)}.rotulo{font-family:var(--display);font-size:var(--t-etiqueta);letter-spacing:.06em;text-transform:uppercase;color:var(--niebla);align-items:center;gap:8px;margin:0 0 18px;font-weight:500;display:inline-flex}.rotulo:before{content:"";background:linear-gradient(135deg, var(--violeta), var(--magenta));border-radius:50%;width:6px;height:6px}.guia{font-size:var(--t-guia);color:var(--niebla);max-width:var(--ancho-lectura);line-height:1.6}.vidrio{border-radius:var(--radio-carta);border:var(--filete);background:linear-gradient(160deg, #ffffff0d, #ffffff05), var(--acero)}.boton{font-family:var(--display);letter-spacing:0;border-radius:var(--pildora);cursor:pointer;transition:background var(--transicion), color var(--transicion), border-color var(--transicion);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.boton-lleno{background:var(--verde);color:var(--verde-tinta)}.boton-lleno:hover{color:var(--verde-tinta);background:#3ae07a}.boton-borde{color:var(--cal);backdrop-filter:blur(10px);background:#ffffff0a;border-color:#ffffff24}.boton-borde:hover{color:var(--cal);background:#ffffff17;border-color:#fff3}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--laton-luz);outline-offset:3px}@keyframes orbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes auroraDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.08)}}@keyframes elsaRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation:none!important}}