/* ============================================================
 * ProfeAcademī · Optimización de rendimiento para la APP NATIVA
 * ------------------------------------------------------------
 * Scope: html.pa-native  → solo aplica DENTRO de la app (Capacitor).
 * En el navegador de escritorio NO existe la clase pa-native, así que
 * este archivo no tiene ningún efecto allí (la web queda igual).
 *
 * Objetivo: quitar los efectos que el WebView de Android renderiza lento
 * (sobre todo backdrop-filter, que se recalcula en CADA frame), manteniendo
 * el aspecto general de la interfaz.
 * ============================================================ */

/* ── 1) backdrop-filter: el efecto MÁS caro en WebView ──
 * Lo eliminamos por completo. Los paneles "glass" conservan su fondo
 * translúcido (rgba), así que se siguen viendo como paneles; solo dejan
 * de desenfocar lo que tienen detrás. Esto solo elimina el costo por frame. */
html.pa-native *,
html.pa-native *::before,
html.pa-native *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ── 2) Compensar legibilidad en contenedores muy transparentes ──
 * Sin el desenfoque, los fondos con poca opacidad se ven "lavados".
 * Subimos la opacidad de los contenedores clave para que el texto se lea bien. */
html.pa-native .pa-top-header {
  background: rgba(12, 12, 28, 0.92) !important;   /* antes 0.70 + blur */
}
html.pa-native .pa-macdock {
  background: rgba(30, 30, 52, 0.92) !important;   /* antes 0.22 + blur (casi invisible sin blur) */
}

/* ── 3) Calmar animaciones decorativas continuas ──
 * Las "bolas" del header giran en bucle infinito = GPU ocupada todo el tiempo.
 * Las hacemos más lentas (menos repintados por segundo) sin quitarlas. */
html.pa-native .pa-hball {
  animation-duration: 14s !important;   /* giro más lento y suave */
}