/* === ANIMATIONS CSS === */
/* Este archivo contiene las animaciones implementadas con CSS en lugar de JavaScript */

/* Animación de entrada con fade */
@keyframes fadeInUp {
    from {
        transform: translateY(30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Animación de pulso para el fondo del héroe */
@keyframes pulse {
    0% {
        transform: scale(0.8);
        opacity: 0.3;
    }
    100% {
        transform: scale(1.2);
        opacity: 0.6;
    }
}

/* Mostrar elementos sin animaciones de fade-in */
.fade-in {
    opacity: 1 !important;
    transform: translateY(0) !important;
    animation: none !important;
    transition: none !important;
}