/**
 * ==========================================================================
 * eMAG - Modelo de Acessibilidade em Governo Eletrônico
 * CSS de Multimídia e Animações — bridge-child
 * 
 * Fase 3
 * Referência: WCAG 2.3.3 (Animation from Interactions)
 * ==========================================================================
 */

/* ==========================================================================
   RESPEITO A REDUÇÃO DE MOVIMENTO
   Desabilita animações, transições suaves e efeitos bruscos se o usuário
   configurou o sistema operacional para reduzir movimentos.
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    /* Desabilitar animações globais */
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    /* Ocultar elementos de preloader do tema */
    .preloader,
    .qode-page-loading-effect {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* Para carrosséis pausados (classe adicionada no JS) */
    .emag-carousel-paused .q_slider,
    .emag-carousel-paused .carousel-inner {
        animation: none !important;
        transition: none !important;
    }
}