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

.hpv-main--post .hpv-unit-crumbs { width: min(100% - clamp(32px, 8vw, 128px), 1280px); margin: 1.25rem auto 0; }

.hpv-main--post .hpv-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.75rem; margin: 1rem 0 0; color: var(--wp--preset--color--grupo-mar-100); font-size: 0.875rem; font-weight: 700; }
.hpv-main--post .hpv-hero__meta-badge { padding: 0.25rem 0.75rem; border-radius: 999px; background: color-mix(in srgb, var(--wp--preset--color--branco) 15%, transparent); }

.hpv-main--post .hpv-post { width: min(100%, 768px); max-width: 768px; margin-inline: auto; padding: 4rem 24px; }
.hpv-main--post .hpv-post__corpo { margin: 0; }
.hpv-main--post .hpv-post__corpo p { margin: 1.25rem 0 0; color: var(--wp--preset--color--tinta-700); font-size: 1.125rem; line-height: 1.625; }
.hpv-main--post .hpv-post__corpo h2 { margin: 2.5rem 0 0; color: var(--wp--preset--color--tinta-900); font-size: 1.5rem; font-weight: 600; line-height: 1.35; scroll-margin-top: 6rem; }

.hpv-post-toc { margin: 0 0 2.5rem; padding: 1.5rem; border-radius: 1.5rem; background: var(--wp--preset--color--areia-100); }
.hpv-post-toc__label,
.hpv-post-tags__label { margin: 0; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase; }
.hpv-post-toc__label { color: var(--wp--preset--color--grupo-mar-700); }
.hpv-post-toc ol { margin: 0.75rem 0 0; padding: 0; list-style: none; }
.hpv-post-toc li + li { margin-top: 0.5rem; }
.hpv-post-toc a { color: var(--wp--preset--color--grupo-mar-800); font-weight: 700; text-decoration: underline; text-decoration-color: var(--wp--preset--color--grupo-mar-300); text-decoration-thickness: 2px; text-underline-offset: 4px; transition: text-decoration-color 150ms ease; }
.hpv-post-toc a:hover { color: var(--wp--preset--color--grupo-mar-800); text-decoration-color: var(--wp--preset--color--grupo-mar-700); }

.hpv-post-cta { position: relative; overflow: hidden; margin-top: 2.5rem; padding: 1.75rem; border-radius: 1.5rem; background-color: var(--wp--preset--color--grupo-mar-800); color: var(--wp--preset--color--branco); text-align: center; }
.hpv-main--post .hpv-post__corpo .hpv-post-cta__title { margin: 0; color: var(--wp--preset--color--branco); font-size: 1.25rem; font-weight: 600; line-height: 1.35; }
.hpv-main--post .hpv-post__corpo .hpv-post-cta__text { max-width: 28rem; margin: 0.5rem auto 0; color: var(--wp--preset--color--grupo-mar-100); font-size: 0.875rem; line-height: 1.6; }
.hpv-post-cta .hpv-button { margin-top: 1.25rem; background: var(--wp--preset--color--branco); color: var(--wp--preset--color--grupo-mar-800); transition: background-color 150ms ease, transform 150ms ease; }
.hpv-post-cta .hpv-button:hover { background: var(--wp--preset--color--grupo-mar-100); color: var(--wp--preset--color--grupo-mar-800); }
.hpv-post-cta .hpv-button:active { transform: scale(0.98); }

.hpv-post-tags { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--wp--preset--color--areia-200); }
.hpv-post-tags__label { color: var(--wp--preset--color--tinta-500); }
.hpv-post-tags__list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; }
a.hpv-blog-badge { text-decoration: none; }
a.hpv-blog-badge:hover { color: var(--wp--preset--color--grupo-mar-800); }
.hpv-blog-badge--areia { background: var(--wp--preset--color--areia-100); color: var(--wp--preset--color--tinta-700); }
a.hpv-blog-badge--areia:hover { color: var(--wp--preset--color--tinta-700); }

.hpv-main--post .hpv-listing--post-related .hpv-listing__title { font-size: 1.5rem; font-weight: 600; }
.hpv-listing--post-related .hpv-card { transition: box-shadow 180ms ease; }
.hpv-listing--post-related .hpv-card:hover { box-shadow: 0 4px 12px color-mix(in srgb, var(--wp--preset--color--grupo-mar-700) 12%, transparent), 0 20px 44px color-mix(in srgb, var(--wp--preset--color--grupo-mar-700) 16%, transparent); }

.hpv-main--post .hpv-home-cta { padding: 3rem clamp(16px, 4vw, 64px) 4rem; }
.hpv-main--post .hpv-home-cta__panel { width: min(100%, 1184px); margin-inline: auto; }

@media (min-width: 640px) {
	.hpv-post-cta { padding: 2.25rem; }
	.hpv-main--post .hpv-post__corpo .hpv-post-cta__title { font-size: 1.5rem; }
}
@media (max-width: 1023px) {
	.hpv-main--post .hpv-post { padding-block: 3rem; }
}
@media (max-width: 639px) {
	.hpv-main--post .hpv-post { padding-inline: 16px; }
}
@media (min-width: 2080px) {
	.hpv-main--post .hpv-unit-crumbs,
	.hpv-main--post .hpv-home-cta__panel { width: min(100% - 8vw, 1280px); }
}
@media (prefers-reduced-motion: reduce) {
	.hpv-post-toc a,
	.hpv-post-cta .hpv-button,
	.hpv-listing--post-related .hpv-card,
	.hpv-listing--post-related .hpv-card__image img { transition: none; }
	.hpv-post-cta .hpv-button:active { transform: none; }
	html.hpv-js .hpv-main--post .hpv-unit-cascade__item,
	html.hpv-js .hpv-main--post .hpv-unit-cascade__item.is-in { opacity: 1; transform: none; transition: none; }
}
