/* Un idioma por dirección: selector ES / EN (son enlaces a la misma página en el otro idioma) y aviso de idioma. */

.lang-toggle a {
  display: inline-flex; align-items: center;
  background: transparent; color: var(--dark-text-muted);
  font-size: 0.75rem; font-weight: 700; padding: 6px 12px;
  letter-spacing: 0.04em; text-decoration: none;
}
.lang-toggle a:hover { color: var(--dark-text); }
.lang-toggle a[aria-current="true"] { background: var(--gold); color: #fff; }

/* Aviso arriba de todo cuando el navegador está en otro idioma que la página (lo arma main.js). */
.aviso-idioma {
  background: var(--dark-soft); color: var(--dark-text);
  border-bottom: 1px solid var(--dark-line);
  font-size: 0.85rem; padding: 8px 0; text-align: center;
}
.aviso-idioma .container { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; }
.aviso-idioma a { color: var(--gold-light); font-weight: 700; text-decoration: underline; }
.aviso-idioma-cerrar {
  background: transparent; border: none; color: var(--dark-text-muted);
  font-size: 1.25rem; line-height: 1; cursor: pointer; padding: 0 6px;
}
.aviso-idioma-cerrar:hover { color: var(--dark-text); }