/* auth-styles.css - Estilos para elementos de autenticación */

/* Animación de bienvenida */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes handWave {
    0%, 100% { transform: rotate(0deg); }
    10%, 30% { transform: rotate(14deg); }
    20% { transform: rotate(-8deg); }
    40% { transform: rotate(-4deg); }
    50% { transform: rotate(10deg); }
}

.welcome-message {
    animation: fadeInDown 0.6s ease;
}

.welcome-message i {
    display: inline-block;
    animation: handWave 2s ease-in-out infinite;
}

/* Mensaje de carrito personalizado */
.cart-welcome {
    animation: fadeInDown 0.5s ease;
}

.cart-welcome i {
    color: #FF6B35;
    font-size: 1.1rem;
}

/* Mostrar dropdown del menú de usuario */
.user-dropdown.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}