/* =========================================================
   Modo ligero (html.lite): celulares y equipos modestos.
   Mismo look, pero sin lo que más cuesta dibujar:
   desenfoques de fondo, sombras con filtro que se repintan
   en cada cuadro y el fondo fijo. Donde un efecto aporta,
   se imita con algo barato (degradados estáticos).
   ========================================================= */

/* Fondo: que se desplace con la página en vez de repintarse completo al deslizar */
.lite body { background-attachment: scroll; }

/* Sin "vidrio" (backdrop-filter): fondos un poco más sólidos para que se vean igual */
.lite *, .lite *::before, .lite *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.lite .top { background: rgba(2, 2, 3, .94); }
.lite .rv, .lite .rv-score, .lite .chart-badge { background: linear-gradient(160deg, rgba(31, 32, 38, .92), rgba(5, 5, 6, .9)); }
.lite .top nav.menu { background: linear-gradient(180deg, rgba(60, 62, 72, .95), rgba(17, 17, 20, .95)) !important; }
.lite .orbit-caption { background: rgba(2, 2, 3, .94); }

/* Gráfica del inicio: el resplandor con filtro se cambia por un halo estático detrás */
.lite .chart-svg:not(.chart-ref), .lite .chart-svg .trend, .lite .chart-svg .trend-head, .lite .chart-svg .trend-spark { filter: none; }
.lite .dream-chart::before {
  content: ""; position: absolute; inset: -12% -8% -4%; z-index: -1; pointer-events: none;
  background: radial-gradient(60% 55% at 70% 55%, rgba(217, 220, 225, .55), rgba(139, 61, 255, .2) 55%, transparent 75%);
}
.lite .chart-svg .trend { stroke-width: 7; }
.lite .chart-ref { filter: none; opacity: .18; }
.lite .chart-ref rect { animation: barGrow 1.1s cubic-bezier(.2, .8, .2, 1) both; }   /* el reflejo ya no "respira" */

/* Textos con degradado: sin sombra por filtro (se recalculaba con el brillo que se mueve) */
.lite em, .lite .svc-big, .lite .orbit-title, .lite .svc-ico { filter: none; }
.lite .rv-stars svg { filter: none; }

/* Carrusel del inicio: las tarjetas de atrás se desvanecen sin desenfoque */
.lite .svc-carousel .svc-card { filter: none; transition: transform .7s cubic-bezier(.2, .8, .2, 1), opacity .7s; }
.lite .orbit-panel.back { filter: none; }

/* Entrada: la salida sin desenfoque de pantalla completa */
.lite #intro.out .in-stage { animation-name: stageOutLite; }
@keyframes stageOutLite { to { transform: scale(1.12); opacity: 0; } }

/* Secciones fuera de pantalla: sus animaciones se congelan (perf.js pone .off) */
.off, .off *, .off *::before, .off *::after { animation-play-state: paused !important; }

/* (Sin content-visibility: hacía que los saltos del menú cayeran en otro lado
   porque la página cambiaba de alto mientras viajaba.) */