/* Archivo: css/animaciones.css */
/* ==========================================================================
   SISTEMA DE ANIMACIONES (INTERSECTION OBSERVER)
   ========================================================================== */

/* Estados Iniciales (Antes del scroll) */
.animar-slide {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.animar-zoom {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.animar-stagger {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-out;
}

/* Estado final (aplicado por JS) */
.visible {
    opacity: 1 !important;
    transform: translate(0) scale(1) !important;
}