/**
 * Estilos para el módulo de cumpleaños
 */

/* Animación para el ícono de cumpleaños */
.navbar-badge {
    animation: pulse-badge 2s infinite;
}

@keyframes pulse-badge {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Hover en items del dropdown */
.dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa;
    cursor: pointer;
}

/* Estilos para el item de cumpleaños de hoy */
.dropdown-item.bg-light {
    background-color: #fff3cd !important;
    border-left: 3px solid #ffc107;
}

/* Estilos para el SweetAlert de cumpleaños */
.swal-cumpleanos {
    border-top: 5px solid #ffc107;
}

/* Scroll personalizado para la lista de cumpleaños */
#lista-cumpleanos::-webkit-scrollbar {
    width: 6px;
}

#lista-cumpleanos::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#lista-cumpleanos::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

#lista-cumpleanos::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Animación de entrada para el dropdown */
.dropdown-menu {
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Icono animado de pastel */
.fa-birthday-cake {
    transition: transform 0.3s ease;
}

.nav-link:hover .fa-birthday-cake {
    transform: rotate(15deg) scale(1.1);
}

/* Badge con efecto de brillo */
.navbar-badge.badge-warning {
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.4);
}

/* Estilos para alertas de cumpleaños */
.alert-warning {
    border-left: 4px solid #ffc107;
}

/* Responsive */
@media (max-width: 768px) {
    .dropdown-menu-lg {
        min-width: 300px !important;
    }
}