/* Estilos mejorados para selector de idiomas */
.langs .active {
    opacity: 1 !important;
    border: 2px solid #ffcc00;
    border-radius: 3px;
}

.langs a {
    display: inline-block;
    margin: 0 2px;
    transition: opacity 0.3s ease;
}

.langs a:not(.active) {
    opacity: 0.6;
}

.langs a:hover {
    opacity: 1 !important; 
    transform: scale(1.1);
}

/* Indicador de idioma activo */
.langs .active::after {
    content: " ✓";
    color: #ffcc00;
    font-weight: bold;
    position: absolute;
    margin-left: 2px;
    font-size: 10px;
}