/* =====================================================================
   ik-static.css — ajustes del sitio raíz en HTML estático (sin React).
   Se carga después de site4.css / site5.css.
   ===================================================================== */

/* El JS alterna paneles, errores y vistas con el atributo hidden. */
[hidden] { display: none !important; }

/* Selector de idioma: ahora son enlaces reales (antes <button>). */
.lang-toggle a {
  display: inline-flex; align-items: center;
  height: 28px; padding: 0 12px; border-radius: 999px;
  font-size: 12.5px; letter-spacing: .04em; font-weight: 500; line-height: 1;
  color: var(--ink-soft); text-decoration: none;
  transition: background .2s, color .2s;
}
.lang-toggle a.is-active { background: var(--ink); color: var(--bg); }
@media (max-width: 480px) {
  .lang-toggle a { padding: 0 10px; font-size: 12px; }
}