/**
 * Estilos para el módulo de aniversarios laborales
 */

/* Animación para el ícono de aniversarios */
#badge-aniversarios {
    animation: pulse-badge-aniversarios 2s infinite;
}

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

/* Hover en items del dropdown de aniversarios */
#lista-aniversarios .dropdown-item:hover {
    background-color: #e7f4f9;
    cursor: pointer;
}

/* Estilos para el item de aniversario de hoy */
#lista-aniversarios .dropdown-item.bg-light {
    background-color: #d1ecf1 !important;
    border-left: 3px solid #17a2b8;
}

/* Estilos para el SweetAlert de aniversarios */
.swal-aniversarios {
    border-top: 5px solid #17a2b8;
}

/* Scroll personalizado para la lista de aniversarios */
#lista-aniversarios::-webkit-scrollbar {
    width: 6px;
}

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

#lista-aniversarios::-webkit-scrollbar-thumb {
    background: #17a2b8;
    border-radius: 3px;
}

#lista-aniversarios::-webkit-scrollbar-thumb:hover {
    background: #138496;
}

/* Icono animado de medalla */
.fa-medal {
    transition: transform 0.3s ease;
}

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

/* Badge con efecto de brillo para aniversarios */
.navbar-badge.badge-info {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    box-shadow: 0 2px 4px rgba(23, 162, 184, 0.4);
}

/* Estilos para alertas de aniversarios */
.alert-info {
    border-left: 4px solid #17a2b8;
}

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

/* Animación de brillo para el badge cuando hay nuevos aniversarios */
@keyframes shine {
    0% {
        box-shadow: 0 2px 4px rgba(23, 162, 184, 0.4);
    }
    50% {
        box-shadow: 0 2px 8px rgba(23, 162, 184, 0.8);
    }
    100% {
        box-shadow: 0 2px 4px rgba(23, 162, 184, 0.4);
    }
}

#badge-aniversarios:not(:empty) {
    animation: shine 2s infinite;
}