/* Modo noche · negro puro, sin tintes de color; carácter propio: halo de eclipse, rótulos técnicos, fotos que se encienden, tarjetas con foco de luz */
html.cosmos{position:relative;overflow-x:clip;--bg:#000;--panel:#0a0a0a;--panel2:#050505;--ink:#f4f4f1;--muted:#8d8d88;--line:#1e1e1e;--lime:#d9f3ac;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;background:#000;color-scheme:dark}
html.cosmos body{background:transparent;color:var(--ink)}
html.cosmos::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,transparent 55%,#000 100%)}
#cosmos-sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:none}
html.cosmos #cosmos-sky{display:block}
html.cosmos main,html.cosmos header,html.cosmos footer,html.cosmos section,html.cosmos .top,html.cosmos .checkout-main{position:relative;z-index:1}

/* Sin barra de avance */
html.cosmos .progress{display:none!important}

/* Cristal neutro (negro), nunca verdoso */
html.cosmos .top{background:#000000b3!important;border-bottom:1px solid #ffffff12!important;backdrop-filter:blur(20px) saturate(0);-webkit-backdrop-filter:blur(20px) saturate(0)}
html.cosmos .bottom-glass{background:linear-gradient(to top,#000000e6,#00000000)!important;backdrop-filter:blur(14px) saturate(0);-webkit-backdrop-filter:blur(14px) saturate(0)}
html.cosmos .timer-dock{background:#0a0a0ae0!important;border-color:#ffffff2e!important;backdrop-filter:blur(16px) saturate(0);-webkit-backdrop-filter:blur(16px) saturate(0)}
html.cosmos .section,html.cosmos .hero,html.cosmos .business,html.cosmos .impact-section,html.cosmos .closing,html.cosmos .footer-v7,html.cosmos .gallery-section,html.cosmos .investment,html.cosmos .feature-section,html.cosmos .referral-v7{background:transparent!important}

/* Carácter: tipografía más afilada y rótulos técnicos en monoespaciada */
html.cosmos h1,html.cosmos h2{letter-spacing:-.035em;font-weight:500}
html.cosmos .hero h1 em,html.cosmos h2 em,html.cosmos .impact-statement h2 em{color:#fff;font-style:italic;text-shadow:0 0 42px #ffffff2e}
html.cosmos .meta,html.cosmos .impact-kicker,html.cosmos .commission-label,html.cosmos .checkout-head .meta{font-family:var(--mono);font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;color:#a9a9a3}

html.cosmos .impact-stat strong,html.cosmos .reward-equation strong{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 30px #ffffff26}
html.cosmos .lead{color:#b5b5af}

/* Tarjetas: línea fina + foco de luz que sigue al cursor */
html.cosmos .price,html.cosmos .feature-cards article,html.cosmos .package-grid article,html.cosmos .simulator,html.cosmos .step-panel,html.cosmos .contract-card,html.cosmos .offer-clock,html.cosmos .referral-reward,html.cosmos .payment-story,html.cosmos details,html.cosmos .order-summary,html.cosmos .next-step-box,html.cosmos .notify-box,html.cosmos .plan-card{
 background:#070707!important;border:1px solid #ffffff17!important;box-shadow:inset 0 1px 0 #ffffff0d;backdrop-filter:none}
html.cosmos .price:last-child,html.cosmos .price.featured{background:#f4f4f1!important;color:#000;border-color:#f4f4f1!important;box-shadow:0 0 60px #ffffff1a}
html.cosmos .step-panel{background:#070707!important}
html.cosmos .stepper.below{background:#000000f2!important;border-color:#ffffff14!important}

/* Botones: blanco sólido en primario, contorno con brillo lima al pasar */
html.cosmos .button.primary{background:#f4f4f1;color:#000;border-color:#f4f4f1}
html.cosmos .button.primary:hover{box-shadow:0 0 0 1px var(--lime),0 0 28px #d9f3ac55}
html.cosmos .button:not(.primary){background:transparent;color:var(--ink);border-color:#ffffff40}

html.cosmos .journey-route,html.cosmos .journey-map svg path{filter:drop-shadow(0 0 6px #d9f3ac80)}

/* Entrada de secciones: aparecen desde el desenfoque */
html.cosmos .night-in{opacity:0;filter:blur(6px);transform:translateY(14px);transition:opacity .9s ease,filter .9s ease,transform .9s ease}
html.cosmos .night-in.is-in{opacity:1;filter:none;transform:none}

/* Botón sol/luna */
.cosmos-toggle{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid #ffffff26;background:transparent;color:var(--muted,#b4c0b6);cursor:pointer;flex:none;transition:color .2s,border-color .2s,transform .4s}
.cosmos-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cosmos-toggle:hover{color:var(--ink,#fff);border-color:#ffffff66;transform:rotate(-18deg)}
html.cosmos .cosmos-toggle{color:#fff;border-color:#ffffff40}
header.top .cosmos-toggle{margin-left:12px}
@media (max-width:760px){header.top .cosmos-toggle{width:32px;height:32px;margin-left:auto}}

@media (prefers-reduced-motion:reduce){html.cosmos .night-in{opacity:1;filter:none;transform:none;transition:none}html.cosmos .journey-photo img{transition:none}}
body.motion-paused .night-in,body.motion-off .night-in{opacity:1!important;filter:none!important;transform:none!important}

/* Pop-up y diálogos en negro neutro */
html.cosmos #welcome-dialog,html.cosmos dialog{background:radial-gradient(600px circle at 50% -20%,#ffffff12,transparent 60%),#050505!important;border-color:#ffffff24!important;color:var(--ink)}
html.cosmos #welcome-dialog::backdrop,html.cosmos dialog::backdrop{background:#000000e0;backdrop-filter:blur(12px) saturate(0)}
html.cosmos #welcome-dialog .meta{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#a9a9a3}
html.cosmos .relation-card,html.cosmos .plan-emblem,html.cosmos .route-orb{background:#0a0a0a!important;border-color:#ffffff1f!important}

/* R9 · acentos lima también en modo noche */
html.cosmos .closing .contract-cta{background:var(--lime);border-color:var(--lime);color:#000}
html.cosmos .reward-equation>div:last-child strong{color:var(--lime);text-shadow:0 0 34px #d9f3ac33}
html.cosmos .plan-card{box-shadow:0 -24px 70px #000,inset 0 1px 0 #ffffff0d}

/* Construcción de la página (ambos modos): todo empieza en el fondo y aparece por capas */
html.js-asm main,html.js-asm header.top,html.js-asm footer,html.js-asm .collab-footer,html.js-asm .footer-v7{opacity:0;animation:asm-safe 0s .3s forwards}
@keyframes asm-safe{to{opacity:1}}
.asm{opacity:0;transform:scale(.9);filter:blur(16px);will-change:opacity,transform,filter}
.asm.asm-in{opacity:1;transform:none;filter:blur(0);transition:opacity .9s cubic-bezier(.16,.8,.24,1) var(--d,0ms),transform 1s cubic-bezier(.16,.8,.24,1) var(--d,0ms),filter .9s ease-out var(--d,0ms)}
@media (prefers-reduced-motion:reduce){.asm{filter:none!important}html.js-asm main,html.js-asm header.top,html.js-asm footer,html.js-asm .collab-footer,html.js-asm .footer-v7{opacity:1;animation:none}.asm{opacity:1;transform:none;filter:none}}

/* Acento lima en títulos también en modo noche */
html.cosmos .hero h1 em,html.cosmos .section h2 em,html.cosmos .impact-statement h2 em{color:var(--lime);text-shadow:none}

/* Guía de estilo · rótulo superior (kicker) homologado en todo el proyecto: misma tipografía, tamaño y separación con el título, en claro y estrellado */
:root{--kicker-gap:28px;--mono-ui:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
@media (max-width:760px){:root{--kicker-gap:1.25rem}}
.meta,.impact-kicker,html.cosmos .meta,html.cosmos .impact-kicker,#welcome-dialog .meta,html.cosmos #welcome-dialog .meta,.hero .meta,.section-title .meta,.impact-statement .meta{font-family:var(--mono-ui);font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;line-height:1.4}
.meta,html.cosmos .meta,#welcome-dialog .meta,html.cosmos #welcome-dialog .meta,.hero .meta,.section-title .meta,.impact-statement .meta{margin:0 0 var(--kicker-gap)}
.meta,.impact-kicker,html.cosmos .meta,html.cosmos .impact-kicker{font-size:12px!important}
.hero .meta,.section .meta,html.cosmos .hero .meta,html.cosmos .section .meta{color:var(--lime)}
#welcome-dialog .meta,html.cosmos #welcome-dialog .meta{color:#9fbf86}