.hpv-main--mapa-do-site,
.hpv-main--mapa-do-site .wp-block-post-content { margin: 0; padding: 0; }
.hpv-main--mapa-do-site .wp-block-post-content > * { margin-block: 0; }
body:has(.hpv-main--mapa-do-site) .hpv-rodape { padding-bottom: 6.5rem; }

.hpv-hero--mapa-do-site { min-height: clamp(430px, 46svh, 560px); }
.hpv-hero--mapa-do-site .hpv-wave--hero { color: var(--wp--preset--color--areia-50); }

.hpv-sitemap-section { padding-block: clamp(3rem, 5vw, 4rem); }

.hpv-sitemap__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

.hpv-sitemap-card {
	break-inside: avoid;
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
	padding: 1.5rem;
	border-radius: 1.5rem;
	background: var(--wp--preset--color--branco);
	box-shadow: 0 4px 16px color-mix(in srgb, var(--wp--preset--color--grupo-mar-950) 8%, transparent);
	transition: box-shadow 220ms ease;
}
.hpv-sitemap-card:hover { box-shadow: 0 10px 28px color-mix(in srgb, var(--wp--preset--color--grupo-mar-950) 16%, transparent); }

.hpv-sitemap-card__title {
	margin: 0;
	color: var(--wp--preset--color--tinta-900);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.35;
}

.hpv-sitemap-card__list {
	margin: 0.75rem 0 0;
	padding: 0;
	list-style: none;
}
.hpv-sitemap-card__item + .hpv-sitemap-card__item { margin-top: 0.375rem; }

.hpv-sitemap-card__link {
	color: var(--wp--preset--color--tinta-700);
	font-size: 0.875rem;
	line-height: 1.65;
	font-weight: 400;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--grupo-mar-300);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
	transition: color 150ms ease, text-decoration-color 150ms ease;
}
.hpv-sitemap-card__link:hover {
	color: var(--wp--preset--color--grupo-mar-800);
	text-decoration-color: var(--wp--preset--color--grupo-mar-700);
}
.hpv-sitemap-card__link--primary { font-weight: 700; color: var(--wp--preset--color--tinta-900); }

.hpv-sitemap-map.hpv-unit-map { padding-top: 0; }

@media (max-width: 899px) {
	.hpv-sitemap__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.hpv-sitemap__grid { grid-template-columns: 1fr; gap: 1rem; }
	.hpv-sitemap-card { padding: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
	html.hpv-js .hpv-main--mapa-do-site .hpv-unit-cascade__item,
	html.hpv-js .hpv-main--mapa-do-site .hpv-unit-cascade__item.is-in { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 1023px) {
	html.hpv-js .hpv-main--mapa-do-site .hpv-unit-cascade__item,
	html.hpv-js .hpv-main--mapa-do-site .hpv-unit-cascade__item.is-in { opacity: 1; transform: none; transition: none; }
}