/* Estilos para el selector de idioma */
.language-selector .btn {
  display: flex;
  align-items: center;
  background-color: rgba(var(--primary-rgb), 0.1);
  border: 1px solid rgba(var(--primary-rgb), 0.2);
  color: var(--text);
  border-radius: 8px;
  padding: 0.4rem 0.8rem;
  transition: all 0.3s ease;
}

.language-selector .btn:hover {
  background-color: rgba(var(--primary-rgb), 0.2);
  border-color: rgba(var(--primary-rgb), 0.3);
}

.language-selector .dropdown-menu {
  min-width: 160px;
  background: var(--card-bg);
  border: 1px solid rgba(var(--primary-rgb), 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 0.5rem;
  margin-top: 0.5rem;
}

.language-selector .dropdown-item {
  display: flex;
  align-items: center;
  color: var(--text);
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  transition: all 0.2s ease;
}

.language-selector .dropdown-item:hover {
  background-color: rgba(var(--primary-rgb), 0.1);
}

.language-selector .dropdown-item.active {
  background-color: rgba(var(--primary-rgb), 0.2);
  color: var(--primary);
}

/* Estilos para las banderas */
.language-selector img {
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Estilos para dispositivos móviles */
@media (max-width: 768px) {
  .language-selector .btn {
    padding: 0.3rem 0.6rem;
  }
  
  .language-selector .dropdown-menu {
    position: fixed;
    top: auto;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 300px;
  }
}