.municipios-home {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.88fr);
  min-height: 400px;
  border-bottom: 3px solid var(--ink);
  background: var(--deep);
  color: white;
}

.municipios-home-copy {
  align-self: center;
  max-width: 760px;
  padding: clamp(34px, 6vw, 88px);
}

.municipios-home h2,
.municipios-hero h1 {
  margin: 12px 0 18px;
  font-family: var(--font-display);
  letter-spacing: 0;
  line-height: 1.05;
  text-wrap: balance;
}

.municipios-home h2 { max-width: 13ch; font-size: clamp(2rem, 3.5vw, 3.45rem); }
.municipios-home-copy > p:not(.kicker) { max-width: 58ch; line-height: 1.6; }
.municipios-home .junior-home-meta { color: white; }
.municipios-home .junior-home-link { background: var(--lime); color: var(--ink); }
.municipios-home .junior-home-link:hover { background: var(--orange); }
.municipios-home .junior-home-download { color: white; }

.municipios-home-art,
.municipios-hero-art {
  display: grid;
  place-items: center;
  overflow: hidden;
  min-height: 400px;
  background: var(--lime);
}

.municipios-home-art img,
.municipios-hero-art img { display: block; width: min(100%, 760px); height: auto; }

.municipios-page .municipios-hero { background: var(--deep); color: white; }
.municipios-page .municipios-hero h1 { max-width: 14ch; font-size: clamp(2.5rem, 4.3vw, 4.5rem); }
.municipios-page .municipios-hero .junior-jump { background: var(--lime); color: var(--ink); }
.municipios-page .municipios-hero .junior-hero-links > a:not(.junior-jump) { color: white; }
.municipios-page .junior-download { background: var(--ink); }
.municipios-page .junior-download button,
.municipios-page .junior-download-ready { background: var(--lime); }
.municipios-page .junior-day-heading .kicker,
.municipios-page .junior-event-type { color: var(--deep); }
.municipios-page .junior-outro { background: var(--lime); }

.municipios-page .junior-tools { align-items: end; }
.municipios-city-filter { display: grid; gap: 5px; min-width: min(100%, 220px); font-size: .73rem; font-weight: 800; }
.municipios-city-filter select { width: 100%; height: 42px; padding: 8px 12px; border: 1px solid var(--ink); border-radius: 3px; background: white; color: var(--ink); font: .9rem var(--font-body); }
.municipios-page .junior-event { grid-template-columns: 115px minmax(0, 1fr) minmax(180px, .35fr); }
.municipios-page .junior-event-place strong { display: block; margin-bottom: 2px; font-size: .87rem; }
.municipios-page .junior-event-audience { display: inline-block; margin-left: 8px; padding: 2px 6px; background: var(--lime); color: var(--ink); font-size: .65rem; font-weight: 900; }
.municipios-page .junior-day-filters button[aria-pressed="true"] { background: var(--deep); border-color: var(--deep); }

@media (max-width: 860px) {
  .municipios-home { grid-template-columns: 1fr; }
  .municipios-home-copy { padding: 42px 24px; }
  .municipios-home-art { min-height: 280px; max-height: 360px; }
  .municipios-hero-art { min-height: 280px; max-height: 340px; }
}

@media (max-width: 620px) {
  .municipios-home-copy { text-align: center; }
  .municipios-home h2,
  .municipios-home-copy > p:not(.kicker),
  .municipios-hero h1 { margin-right: auto; margin-left: auto; }
  .municipios-home .junior-home-meta { justify-content: center; }
  .municipios-city-filter { width: 100%; }
  .municipios-page .junior-day-filters { display: flex; }
  .municipios-page .junior-day-filters button { flex: 1 1 30%; }
  .municipios-page .junior-event { grid-template-columns: 95px minmax(0, 1fr); }
  .municipios-page .junior-event-place { grid-column: 2; }
}