/* ========================================================================= VISTAPRO TV · tvbasic-lite.css · Modo ligero (rendimiento) · v2 ------------------------------------------------------------------------- NO toca tvbasic.css. Solo actúa cuando tvperf.js pone una clase en : · html.lite -> quita MOVIMIENTO + BLUR EN VIVO (recomendado). · html.lite-max -> lo de .lite y ademas aplana sombras y filtros. CLAVE v2: ahora cubre tambien ::before y ::after, donde tvbasic.css tiene varios blur (glow de cajas y paneles) que antes sobrevivian. Cargar SIEMPRE despues de tvbasic.css. ========================================================================= */ /* ---------- LITE: sin movimiento ---------- */ html.lite *, html.lite *::before, html.lite *::after { transition: none !important; transition-duration: 0s !important; transition-delay: 0s !important; animation: none !important; animation-duration: 0s !important; animation-delay: 0s !important; will-change: auto !important; } /* ---------- LITE: sin desenfoque en vivo (lo mas caro en GPU debil) ---------- backdrop-filter y filter (que incluye los blur decorativos), TAMBIEN en pseudo-elementos. Se conservan sombras y degradados. */ html.lite *, html.lite *::before, html.lite *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; filter: none !important; } /* ---------- LITE-MAX: aplanado total para equipos muy justos ---------- */ html.lite-max *, html.lite-max *::before, html.lite-max *::after { box-shadow: none !important; text-shadow: none !important; mix-blend-mode: normal !important; } /* Quita el transform residual de las capas grandes (compositing extra). */ html.lite-max .topbar, html.lite-max .zap, html.lite-max .list, html.lite-max .modal, html.lite-max .modal-card { transform: none !important; } /* ---------- Aviso en pantalla al cambiar de modo (lo pinta tvperf.js) ---------- */ #vp-perf-toast { position: fixed; top: 40px; left: 50%; transform: translateX(-50%); z-index: 99999; padding: 14px 26px; border-radius: 999px; background: rgba(4, 10, 24, 0.92); border: 2px solid rgba(255, 255, 255, 0.28); color: #fff; font-family: "Roboto", "Noto Sans", Arial, sans-serif; font-size: 26px; font-weight: 900; letter-spacing: 0.2px; opacity: 0; pointer-events: none; }