/* =============================================================================
   Android (celular, tablet y la app SIAMPAQ, que es un WebView): sin desenfoques.

   El desenfoque de fondo (backdrop-filter) se recalcula en cada cuadro al
   desplazar o animar, y en Android es lo que más traba la pantalla: lo usaban
   todas las tarjetas, las barras, los menús, los modales (hasta 40px) y sus
   fondos. Aquí las superficies translúcidas pasan a sólidas con el mismo tono,
   los fondos detrás de un modal se oscurecen un poco más (ya no desenfocan) y
   el cambio de paso del asistente es más corto.

   La clase html.es-android la pone layouts/head-css antes de pintar. Este
   archivo va después de app.css; los selectores con html.es-android ganan por
   especificidad.
   ============================================================================= */

html.es-android *,
html.es-android *::before,
html.es-android *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Superficies: el mismo tono que se veía sobre el fondo, pero sólido. */
html.es-android {
    --sq-glass: none;
    --sq-surface: #fcfcfd;
    --sq-surface-raised: #ffffff;
    --sq-chrome-side: #f5f6f8;
    --sq-chrome-top: #f9f9fb;
}
html.dark.es-android {
    --sq-surface: #26272b;
    --sq-surface-raised: #2c2d32;
    --sq-chrome-side: #1f2024;
    --sq-chrome-top: #1c1d20;
}

/* Barras fijas del asistente: sin desenfoque, lo que pasa por debajo no debe verse. */
html.es-android .sq-wz-top,
html.es-android .sq-wz .sq-wizard-actions,
html.es-android .sq-modal-apoyo .sq-ax .modal-footer.sq-modal-wizard-footer {
    background: var(--sq-surface-solid) !important;
}

/* Avisos: casi opacos y sin el halo de color (lleva filter: blur). */
html.es-android .iziToast.sq-toast { background: rgba(248, 248, 250, 0.98) !important; }
html.dark.es-android .iziToast.sq-toast { background: rgba(44, 44, 48, 0.98) !important; }
html.es-android .iziToast.sq-toast::before { display: none !important; }

/* Fondos detrás de modales, paneles y visores: un poco más oscuros. */
html.es-android .siampaq-modal-backdrop,
html.es-android #siampaq-backdrop { background: rgba(20, 22, 28, 0.6); }
html.dark.es-android .siampaq-modal-backdrop,
html.dark.es-android #siampaq-backdrop { background: rgba(0, 0, 0, 0.7); }
html.es-android .swal2-container.swal2-backdrop-show,
html.es-android #siampaq-offcanvas-backdrop,
html.es-android .siampaq-offcanvas-backdrop,
html.es-android .air-datepicker-overlay { background: rgba(20, 22, 28, 0.55) !important; }
html.es-android .sq-viewer-scrim { background: rgba(20, 22, 28, 0.65); }

/* Cambio de paso del asistente (ADP): de 0.5 s a 0.2 s. */
html.es-android .fade-adp-show,
html.es-android .fade-adp-hide { animation-duration: .2s !important; }

/* Reglas con !important y más específicas que la general (estilo.css pone el
   desenfoque con id en la barra y el menú; el fondo de paneles usa un id). */
html.es-android #page-topbar,
html.es-android .sq-topbar,
html.es-android [id],
html.es-android #siampaq-offcanvas-backdrop {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}