/* localidades.css — índice de municipios (escala 16 → ~100) */

  .indice__buscador { max-inline-size: var(--measure-lede); }
  .indice__comarca { display: grid; gap: var(--space-2xs); }
  .indice__comarca h2 { font-size: var(--text-xl); }
  [data-municipio][hidden] { display: none; }

/* ── Cabecera del índice ────────────────────────────────────────────────── */
.localidades-hero { display: grid; gap: var(--space-l); align-items: center; }
@media (min-width: 56rem) {
  .localidades-hero { grid-template-columns: 3fr 2fr; }
}
/* Declara el contenedor: sin él, la container query de .hero__acciones
   (36rem) no puede evaluarse y los botones se quedan apilados. */
.localidades-hero__texto { container: hero-texto / inline-size; display: grid; gap: var(--space-m); align-content: center; }
.localidades-hero__datos { display: grid; gap: var(--space-s); }
.localidades-hero__datos li {
  display: grid; gap: var(--space-3xs);
  background: var(--color-surface); border-radius: var(--radius-l);
  padding: var(--space-s) var(--space-m);
  border-inline-start: var(--border-accent-bar) solid var(--color-accent);
}
.localidades-hero__cifra { font-size: var(--text-3xl); font-weight: 800; line-height: 1; color: var(--color-primary); font-variant-numeric: tabular-nums; }
.localidades-hero__pie { font-size: var(--text-s); color: var(--color-foreground-light); }

/* ── Buscador y grupos de comarca ───────────────────────────────────────── */
.indice__cabecera { max-inline-size: 480px; }
.indice__buscador .campo__control {
  border: var(--border-control) solid var(--color-primary);
  border-radius: var(--radius-m);
  font-size: var(--text-l);
  min-block-size: 52px;
}
.indice__buscador .campo__etiqueta { font-weight: 700; font-size: var(--text-m); }
.campo__ayuda { font-size: var(--text-s); color: var(--color-foreground-light); }

.indice__comarca {
  display: grid; gap: var(--space-s);
  border-block-start: var(--border-hairline) solid var(--color-border);
  padding-block-start: var(--space-m);
}
.indice__comarca-cabecera { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2xs) var(--space-s); }
.indice__cuenta { font-size: var(--text-s); color: var(--color-foreground-light); }

.indice__sin-resultados {
  display: grid; gap: var(--space-s); justify-items: start;
  background: var(--color-surface);
  border: var(--border-hairline) solid var(--color-border);
  border-radius: var(--radius-l); padding: var(--space-m);
}
.indice__sin-resultados-titulo { font-weight: 700; font-size: var(--text-l); color: var(--color-foreground); }
.indice__nota { font-size: var(--text-s); color: var(--color-foreground-light); max-inline-size: var(--measure-body); }