/* 🟥 SPRINT 2 — ANTI-FLASH ConsentGate v3 (externalizado desde index.html).
 *
 * Cargar SIEMPRE en <head> ANTES del bundle CSS del frontend. Garantiza que
 * [data-testid="consent-gate"] sea INVISIBLE en el primer paint del browser
 * sin importar el timing del JS bundle. El modal solo se vuelve visible cuando
 * React le añade la clase `.dxa-verified` tras el useLayoutEffect de
 * verificación. Esto cubre TODOS los browsers (Android WebView, iOS Safari,
 * etc.) sin race condition.
 *
 * NO ELIMINAR sin coordinar con /app/frontend/src/components/system/ConsentGate.jsx
 */
[data-testid="consent-gate"]:not(.dxa-verified),
.consent-gate-root:not(.dxa-verified) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    animation: none !important;
    transition: none !important;
}
html.dxa-consent-pre-accepted [data-testid="consent-gate"],
html.dxa-consent-pre-accepted .consent-gate-root {
    display: none !important;
    visibility: hidden !important;
}
