/* ==========================================================================
   Nebulosa · modo liviano (html.lite)
   La página muestra lo mismo, pero sin animaciones, fondos animados, vidrio esmerilado ni órbita continua.
   Se carga la última: cada regla de esta hoja pisa a las demás a propósito.
   ========================================================================== */
html.lite *, html.lite *::before, html.lite *::after { animation: none !important; transition-duration: .01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
html.lite { scroll-behavior: auto; --glass: rgba(9, 19, 33, .92); }
html.lite[data-theme="light"] { --glass: rgba(251, 253, 254, .94); }
html.lite .cosmos .c2, html.lite .cosmos .c3, html.lite .cosmos .shoot, html.lite body::before, html.lite .nb-sky, html.lite .nb-disc-gas, html.lite .nb-halo, html.lite .final-glow, html.lite .hero-ring::before, html.lite .pre-stars { display: none !important; }
html.lite .topbar, html.lite dialog::backdrop { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html.lite .preloader { display: none !important; }
html.lite.pre-shown, html.lite.pre-shown body { overflow: auto; }
/* Sin revelado escalonado: todo se ve de entrada */
html.lite.js .screen:not(.in-view) > .wrap > *, html.lite.js .screen:not(.in-view) > .footer { opacity: 1 !important; transform: none !important; }
html.lite .fx-out { opacity: 0 !important; }
html.lite .nb-tether, html.lite .nb-corering, html.lite .live::before { animation: none !important; }
html.lite .rail-dot.is-active .dot::after { display: none; }
@media (prefers-reduced-motion: reduce) { .perf-nudge { transition: none; } }

/* Aviso de «tu equipo va justo» */
.perf-nudge { position: fixed; z-index: 120; right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); width: min(380px, calc(100% - 32px)); display: grid; gap: 10px; padding: 14px 16px; border-radius: 18px; border: 1px solid var(--line-2); background: var(--card); color: var(--text); box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .85); animation: fx-in .28s var(--ease) both; }
.perf-nudge p { margin: 0; font-size: 13px; line-height: 1.5; }
.perf-nudge p i { color: var(--accent); margin-right: 6px; }
.perf-nudge b { color: var(--strong); }
.perf-nudge div { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 1179px) { .perf-nudge { bottom: calc(max(8px, env(safe-area-inset-bottom)) + 76px); } }

/* El botón del modo liviano se ve encendido cuando está activo */
[data-perf-toggle][aria-pressed="true"] { color: var(--live); border-color: color-mix(in srgb, var(--mint) 55%, transparent); background: color-mix(in srgb, var(--mint) 12%, var(--glass)); }