/* ============================================
   EFECTOS.CSS - Archivo Principal
   Importa todos los módulos de efectos
   ============================================ */

/* Importar módulos de efectos */
@import url('efectos/efecto-color-dinamico.css');
@import url('efectos/efecto-movimiento.css');
@import url('efectos/efecto-vibrar.css');
@import url('efectos/efecto-sombra.css');
@import url('efectos/efecto-zoom.css');

/* PARA USUARIOS QUE PREFIEREN MENOS ANIMACIÓN */
@media (prefers-reduced-motion: reduce) {

    [class*="div-color-dinamico"],
    [class*="efecto-"] {
        transition: none !important;
        animation: none !important;
    }
}