.v20-sitemap-hero {
  padding-block: var(--section-y);
  border-bottom: var(--bw-frame);
  background: var(--lt-marigold);
}

.v20-sitemap-hero .v20-badge { background: var(--lt-crema); }
.v20-sitemap-hero .v20-wrap > p:last-child { max-width: 64ch; margin: var(--sp-5) 0 0; font-size: var(--fs-body-lg); }
.v20-sitemap-links { padding-block: var(--section-y); background: var(--lt-crema); }
.v20-sitemap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--sp-5); align-items: start; }

.v20-sitemap-group {
	align-self: stretch;
  padding: var(--sp-5);
  border: var(--bw-frame);
  border-radius: var(--r-card);
  background: var(--lt-blanco);
  box-shadow: var(--shadow-card);
}

.v20-sitemap-group h2 { margin: 0; }
.v20-sitemap-group ul { display: grid; gap: var(--sp-3); margin: var(--sp-5) 0 0; padding: 0; list-style: none; }
.v20-sitemap-group a { display: block; min-height: 44px; padding-block: .2rem; color: var(--lt-rosa-deep); font-weight: 600; text-decoration-thickness: 1px; }
.v20-sitemap-group a:hover { color: var(--lt-rosa-deep); }
.v20-sitemap-group--articles { grid-column: 1 / -1; }
.v20-sitemap-group--articles ul { columns: 1; display: block; }
.v20-sitemap-group--articles li { break-inside: avoid; margin-bottom: var(--sp-3); }

@media (min-width: 640px) {
  .v20-sitemap-group--articles ul { columns: 2; column-gap: var(--sp-7); }
}

@media (min-width: 1024px) {
  .v20-sitemap-group--articles ul { columns: 3; }
}