/* SIGA · barra de módulos común (Inicio, Monitoreo, Boletín, Nowcast, Visor, Repositorio).
   La rellena siga-nav.js en <nav class="siga-nav" data-actual="…">. Usa los tokens de cada página
   (--card o --glass, --ink, --stroke…), así sigue el tema claro/oscuro sin definir colores propios. */
.siga-nav {
  display: flex; gap: 2px; padding: 4px; border-radius: 14px; min-width: 0; min-height: 44px;
  background: var(--card, var(--glass)); box-shadow: 0 0 0 1px var(--stroke);
  overflow-x: auto; scrollbar-width: none; flex: 0 1 auto;
}
.siga-nav::-webkit-scrollbar { display: none; }
.siga-nav a {
  display: flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 10px;
  text-decoration: none; font: 500 13.5px/1.2 var(--font); color: var(--ink-2); white-space: nowrap;
}
.siga-nav a:hover { color: var(--ink); background: var(--accent-soft); }
.siga-nav a[aria-current="page"] { background: var(--ink); color: var(--bg); }
.siga-nav a:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.siga-nav svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* Compacta: solo íconos salvo el módulo actual (barras con muchos controles: boletín) */
.siga-nav.compacta { flex: none; }
.siga-nav.compacta a span { display: none; }
.siga-nav.compacta a { padding: 7px 9px; }
.siga-nav.compacta a[aria-current="page"] span { display: inline; }
/* Mínima: solo íconos, también el actual (visor de mapa) */
.siga-nav.minima { flex: none; }
.siga-nav.minima a span, .siga-nav.minima a[aria-current="page"] span { display: none; }
.siga-nav.minima a { padding: 7px 9px; }
@media (max-width: 1240px) {
  .siga-nav a span { display: none; }
  .siga-nav a { padding: 7px 9px; }
  .siga-nav a[aria-current="page"] span { display: inline; }
}
/* Teléfono: fila propia de ancho completo bajo la marca, con nombres */
@media (max-width: 720px) {
  .siga-nav, .siga-nav.compacta, .siga-nav.minima { order: 9; flex: 1 1 100%; }
  .siga-nav a span, .siga-nav.compacta a span, .siga-nav.minima a span, .siga-nav.minima a[aria-current="page"] span { display: inline; }
  .siga-nav a, .siga-nav.compacta a, .siga-nav.minima a { padding: 7px 10px; }
}
/* En las barras .topbar-in la marca no se estira: la barra de módulos queda centrada */
.topbar-in > .brand { flex: 0 1 auto; }
.topbar-in > .siga-nav { margin-inline: auto; }