/* ==================
   ANIMACIONES
   ================== */

/* Animación de pulso para el avatar */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.05);
    }
}

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

/* Aplicar animación a elementos visibles */
.animate-in {
    animation: fadeInUp 0.6s ease-out forwards;
}