/*
Theme Name: PsiquePlan Blog
Theme URI: https://psiqueplan.com.br
Author: PsiquePlan
Author URI: https://psiqueplan.com.br
Description: Tema clássico para o blog do PsiquePlan, com a identidade de psiqueplan.com.br: cabeçalho em pílula flutuante, botões arredondados, azul institucional, verde nas ações e faixas em menta. Traz Inter e o logo da marca, cobre todas as telas do WordPress e foca em leitura longa, autoridade clínica (E-E-A-T), SEO e busca por IA: JSON-LD completo, Open Graph, box de autor com CRP e revisor técnico, índice automático e tempo de leitura.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: psiqueplan-blog
Tags: blog, one-column, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, accessibility-ready
*/

/* ==========================================================================
   1. Tokens de design
   ========================================================================== */

:root {
	/* Cores extraídas de psiqueplan.com.br */
	--pp-bg: #fafafa;
	--pp-surface: #ffffff;
	--pp-surface-2: #f1f4f5;
	--pp-mint: #e7f4f5;
	--pp-mint-deep: #d5ebed;
	--pp-border: #e2e8ea;
	--pp-border-strong: #c3d1d5;

	--pp-text: #252b37;
	--pp-text-2: #5a6775;
	--pp-text-3: #8c99a4;
	--pp-heading: #345889;

	--pp-primary: #26619c;
	--pp-primary-strong: #1d4d7d;
	--pp-primary-light: #5883c5;
	--pp-primary-soft: #e8f1f8;
	--pp-on-primary: #ffffff;

	--pp-green: #77a920;
	--pp-green-strong: #648f1a;
	--pp-green-light: #8ab645;
	--pp-green-soft: #f0f7e2;

	--pp-amber: #f4ac3d;
	--pp-amber-soft: #fefce8;

	--pp-ring: color-mix(in srgb, var(--pp-primary) 34%, transparent);

	--pp-radius: 16px;
	--pp-radius-sm: 10px;
	--pp-radius-lg: 24px;
	--pp-radius-pill: 9999px;

	--pp-shadow: 0 1px 2px rgba(16, 24, 40, .05);
	--pp-shadow-md: 0 4px 16px rgba(16, 24, 40, .07);
	--pp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);

	--pp-content: 724px;
	--pp-wide: 1080px;
	--pp-gutter: 24px;

	/* Inter acompanha o tema; Coolvetica entra se os arquivos forem
	   adicionados em assets/fonts/ (ver inc/fonts.php). */
	--pp-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--pp-font-display: "Coolvetica", var(--pp-font-ui);
	--pp-font-body: var(--pp-font-ui);

	color-scheme: light;
}

/* A marca é light-only: o blog mantém o mesmo visual em qualquer preferência do leitor. */

/* ==========================================================================
   2. Reset e base
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}

body {
	margin: 0;
	background: var(--pp-bg);
	color: var(--pp-text);
	font-family: var(--pp-font-ui);
	font-size: 16px;
	line-height: 1.55;
	font-feature-settings: "cv11";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img, svg, video, iframe, embed, object {
	max-width: 100%;
	height: auto;
	display: block;
}

figure { margin: 0; }

a {
	color: var(--pp-primary);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

a:hover { color: var(--pp-primary-strong); }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--pp-primary);
	outline-offset: 2px;
	border-radius: 4px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--pp-font-ui);
	color: var(--pp-heading);
	letter-spacing: -.015em;
	text-wrap: balance;
	margin: 0;
}

p { margin: 0; }

hr {
	border: 0;
	border-top: 1px solid var(--pp-border);
	margin: 40px 0;
}

::selection {
	background: var(--pp-primary-soft);
	color: var(--pp-text);
}

/* ==========================================================================
   3. Utilitários e acessibilidade
   ========================================================================== */

.pp-container {
	width: 100%;
	max-width: var(--pp-wide);
	margin-inline: auto;
	padding-inline: var(--pp-gutter);
}

.pp-container--narrow { max-width: calc(var(--pp-content) + var(--pp-gutter) * 2); }

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--pp-surface);
	border-radius: var(--pp-radius-sm);
	box-shadow: var(--pp-shadow-md);
	clip-path: none;
	color: var(--pp-primary-strong);
	display: block;
	font-size: 14px;
	font-weight: 650;
	height: auto;
	left: 16px;
	line-height: normal;
	padding: 14px 20px;
	text-decoration: none;
	top: 16px;
	width: auto;
	z-index: 100000;
}

.pp-eyebrow {
	font-size: 11.5px;
	font-weight: 650;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--pp-text-3);
}

/* ==========================================================================
   4. Botões
   ========================================================================== */

.pp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 24px;
	border: 1.5px solid transparent;
	border-radius: var(--pp-radius-pill);
	font-family: inherit;
	font-size: 14.5px;
	font-weight: 650;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.pp-btn--primary {
	background: var(--pp-green);
	color: #fff;
}

.pp-btn--primary:hover {
	background: var(--pp-green-strong);
	color: #fff;
}

.pp-btn--ghost {
	background: var(--pp-surface);
	border-color: var(--pp-primary-light);
	color: var(--pp-heading);
}

.pp-btn--ghost:hover {
	border-color: var(--pp-primary);
	background: var(--pp-primary-soft);
	color: var(--pp-primary-strong);
}

.pp-btn--block { width: 100%; }

/* ==========================================================================
   5. Cabeçalho
   ========================================================================== */

.pp-progress {
	position: fixed;
	inset-block-start: 0;
	inset-inline-start: 0;
	height: 3px;
	width: 100%;
	transform: scaleX(0);
	transform-origin: 0 50%;
	background: var(--pp-primary);
	z-index: 60;
	pointer-events: none;
}

/* A barra de admin do WordPress ocupa o topo de quem está logado:
   sem este recuo, ela cobre a pílula do cabeçalho. */
.admin-bar .pp-header { top: 32px; }

@media screen and (max-width: 782px) {
	.admin-bar .pp-header { top: 46px; }
}

.pp-header {
	position: sticky;
	top: 0;
	z-index: 50;
	padding-block: 16px;
	background: var(--pp-bg);
}

/* A pílula branca flutuante é a assinatura do cabeçalho em psiqueplan.com.br. */
/* A medida de 1080px existe para o conforto de leitura do texto;
   o cabeçalho não tem esse limite e precisa de mais espaço. */
.pp-header > .pp-container { max-width: 1440px; }

.pp-header__inner {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 66px;
	padding: 10px 12px 10px 22px;
	border-radius: var(--pp-radius-pill);
	background: var(--pp-surface);
	box-shadow: var(--pp-shadow-lg);
}

.pp-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: var(--pp-text);
	margin-inline-end: auto;
	/* Sem isto o flex espreme a marca até a largura do logo e a
	   etiqueta vaza por cima do menu. */
	flex: 0 0 auto;
}

.pp-brand--logo img,
.pp-brand__img {
	max-height: 38px;
	width: auto;
	height: auto;
}

/* Etiqueta "Blog" ao lado do logo, no lugar da linha de apoio. */
@media (max-width: 1400px) {
	.pp-brand__pill { display: none; }
}

.pp-brand__pill {
	padding: 4px 11px;
	border-radius: var(--pp-radius-pill);
	background: var(--pp-mint);
	color: var(--pp-primary);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.pp-brand__mark {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--pp-primary);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.02em;
	flex: none;
}

.pp-brand__text { display: flex; flex-direction: column; }

.pp-brand__name {
	font-family: var(--pp-font-display);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.2;
	color: var(--pp-heading);
}

.pp-brand__tagline {
	font-size: 11.5px;
	color: var(--pp-text-3);
	line-height: 1.2;
}

.pp-nav ul {
	display: flex;
	align-items: center;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pp-nav {
	min-width: 0;
	flex: 0 1 auto;
}

.pp-nav a {
	display: block;
	padding: 9px 10px;
	border-radius: var(--pp-radius-pill);
	color: var(--pp-text-2);
	font-size: 14px;
	font-weight: 550;
	text-decoration: none;
	white-space: nowrap;
}

.pp-nav a:hover {
	background: var(--pp-surface-2);
	color: var(--pp-text);
}

.pp-nav .current-menu-item > a,
.pp-nav .current_page_item > a,
.pp-nav .current-menu-ancestor > a {
	color: var(--pp-primary-strong);
	background: var(--pp-primary-soft);
}

/* Submenu */
.pp-nav .sub-menu {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	min-width: 220px;
	flex-direction: column;
	align-items: stretch;
	gap: 2px;
	padding: 8px;
	background: var(--pp-surface);
	border: 1px solid var(--pp-border);
	border-radius: var(--pp-radius);
	box-shadow: var(--pp-shadow-lg);
	z-index: 10;
}

.pp-nav li { position: relative; }
.pp-nav li:hover > .sub-menu,
.pp-nav li:focus-within > .sub-menu { display: flex; }

.pp-header__actions { display: flex; align-items: center; gap: 10px; }

.pp-search-toggle,
.pp-nav-toggle {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--pp-border);
	border-radius: 50%;
	background: var(--pp-surface);
	color: var(--pp-text-2);
	cursor: pointer;
}

.pp-search-toggle:hover,
.pp-nav-toggle:hover {
	border-color: var(--pp-border-strong);
	color: var(--pp-text);
}

.pp-nav-toggle { display: none; }

.pp-header__cta {
	white-space: nowrap;
	padding: 11px 18px;
	font-size: 13.5px;
}

/* Painel de busca */
.pp-searchbar {
	display: none;
	padding-bottom: 16px;
}

.pp-searchbar.is-open { display: block; }

.pp-searchbar__panel {
	padding: 16px 18px;
	border-radius: var(--pp-radius-lg);
	background: var(--pp-surface);
	box-shadow: var(--pp-shadow-lg);
}

@media (max-width: 1280px) {
	.pp-nav-toggle { display: grid; }
	.pp-header__cta { display: none; }

	.pp-nav {
		display: none;
		position: absolute;
		inset-inline: var(--pp-gutter);
		top: calc(100% - 4px);
		padding: 12px;
		border-radius: var(--pp-radius-lg);
		background: var(--pp-surface);
		box-shadow: var(--pp-shadow-lg);
	}

	.pp-nav.is-open { display: block; }

	.pp-nav ul { flex-direction: column; align-items: stretch; gap: 2px; }
	.pp-nav a { padding: 12px 14px; font-size: 15.5px; white-space: normal; }

	.pp-nav .sub-menu {
		display: flex;
		position: static;
		border: 0;
		box-shadow: none;
		padding: 0 0 0 14px;
		min-width: 0;
	}
}

/* Aplicada pelo JS quando o conteúdo do cabeçalho não cabe na linha.
   Sem JS, a media query acima já cobre o menu atual. */
.pp-header.is-compact .pp-nav { display: none; }
.pp-header.is-compact .pp-nav.is-open { display: block; }
.pp-header.is-compact .pp-nav-toggle { display: grid; }
.pp-header.is-compact .pp-brand__pill { display: none; }

.pp-header.is-compact .pp-nav {
	position: absolute;
	inset-inline: var(--pp-gutter);
	top: calc(100% - 4px);
	padding: 12px;
	border-radius: var(--pp-radius-lg);
	background: var(--pp-surface);
	box-shadow: var(--pp-shadow-lg);
}

.pp-header.is-compact .pp-nav ul {
	flex-direction: column;
	align-items: stretch;
	gap: 2px;
}

.pp-header.is-compact .pp-nav a {
	padding: 12px 14px;
	font-size: 15.5px;
	white-space: normal;
}

/* ==========================================================================
   6. Formulário de busca
   ========================================================================== */

.pp-searchform {
	display: flex;
	gap: 8px;
}

.pp-searchform__field {
	flex: 1;
	min-width: 0;
}

.pp-searchform input[type="search"],
.pp-field {
	width: 100%;
	padding: 12px 18px;
	border: 1.5px solid var(--pp-border);
	border-radius: var(--pp-radius-pill);
	background: var(--pp-surface);
	color: var(--pp-text);
	font-family: inherit;
	font-size: 14.5px;
}

.pp-searchform input[type="search"]::placeholder,
.pp-field::placeholder { color: var(--pp-text-3); }

.pp-searchform input[type="search"]:focus,
.pp-field:focus {
	border-color: var(--pp-primary);
	outline: 2px solid var(--pp-ring);
	outline-offset: 1px;
}

/* ==========================================================================
   7. Layout de página
   ========================================================================== */

.pp-main { display: block; }

.pp-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 48px;
	align-items: start;
	padding-block: 48px 72px;
}

.pp-layout--full,
.pp-no-sidebar .pp-layout { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 1040px) {
	.pp-layout { grid-template-columns: minmax(0, 1fr); gap: 56px; }
}

.pp-sidebar {
	position: sticky;
	top: 114px;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

@media (max-width: 1040px) {
	.pp-sidebar { position: static; }
}

/* ==========================================================================
   8. Cabeçalho de arquivo / página
   ========================================================================== */

.pp-page-head {
	padding-block: 40px 8px;
	border-bottom: 1px solid var(--pp-border);
}

.pp-page-head__inner { padding-bottom: 32px; }

.pp-page-head h1 {
	font-family: var(--pp-font-display);
	font-size: clamp(30px, 4.4vw, 44px);
	font-weight: 700;
	line-height: 1.12;
	margin-block: 10px 0;
}

.pp-page-head__desc {
	margin-top: 12px;
	max-width: 62ch;
	color: var(--pp-text-2);
	font-size: 17px;
}

/* Chips de categoria */
.pp-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pp-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 13px;
	border: 1px solid var(--pp-border);
	border-radius: 999px;
	background: var(--pp-surface);
	color: var(--pp-text-2);
	font-size: 13px;
	font-weight: 550;
	text-decoration: none;
	white-space: nowrap;
}

.pp-chip:hover {
	border-color: var(--pp-primary);
	background: var(--pp-primary-soft);
	color: var(--pp-primary-strong);
}

.pp-chip.is-current {
	border-color: transparent;
	background: var(--pp-primary);
	color: var(--pp-on-primary);
}

.pp-chip.is-current:hover { background: var(--pp-primary-strong); color: #fff; }

.pp-chip__count { color: var(--pp-text-3); font-weight: 400; }
.pp-chip.is-current .pp-chip__count { color: rgba(255, 255, 255, .72); }

/* ==========================================================================
   9. Cards de post
   ========================================================================== */

.pp-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	gap: 28px;
}

.pp-card {
	display: flex;
	flex-direction: column;
	background: var(--pp-surface);
	border: 1px solid var(--pp-border);
	border-radius: var(--pp-radius);
	overflow: hidden;
	box-shadow: var(--pp-shadow);
	transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}

.pp-card:hover {
	border-color: var(--pp-border-strong);
	box-shadow: var(--pp-shadow-md);
}

@media (prefers-reduced-motion: no-preference) {
	.pp-card:hover { transform: translateY(-2px); }
}

.pp-card__thumb {
	display: block;
	aspect-ratio: 3 / 2;
	background: var(--pp-surface-2);
	overflow: hidden;
}

.pp-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pp-card__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px;
	flex: 1;
}

.pp-card__cat {
	align-self: flex-start;
	padding: 5px 12px;
	border-radius: var(--pp-radius-pill);
	background: var(--pp-primary-soft);
	font-size: 11.5px;
	font-weight: 650;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--pp-primary);
	text-decoration: none;
}

.pp-card__cat:hover { background: var(--pp-primary); color: #fff; }

.pp-card__title {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.32;
	letter-spacing: -.01em;
}

.pp-card__title a {
	color: inherit;
	text-decoration: none;
}

.pp-card__title a:hover { color: var(--pp-primary-strong); }

.pp-card__excerpt {
	color: var(--pp-text-2);
	font-size: 14.5px;
	line-height: 1.6;
}

.pp-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 6px;
	color: var(--pp-text-3);
	font-size: 12.5px;
}

.pp-card__meta a { color: var(--pp-text-2); text-decoration: none; }
.pp-card__meta a:hover { color: var(--pp-primary-strong); }

.pp-dot { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .55; flex: none; }

/* Card em destaque (hero da home) */
.pp-featured {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 0;
	background: var(--pp-surface);
	border: 1px solid var(--pp-border);
	border-radius: var(--pp-radius-lg);
	overflow: hidden;
	box-shadow: var(--pp-shadow-md);
	margin-bottom: 44px;
}

.pp-featured__thumb {
	background: var(--pp-surface-2);
	min-height: 320px;
}

.pp-featured__thumb img { width: 100%; height: 100%; object-fit: cover; }

.pp-featured__body {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 36px;
	justify-content: center;
}

.pp-featured__title {
	font-family: var(--pp-font-display);
	font-size: clamp(25px, 2.7vw, 33px);
	font-weight: 700;
	line-height: 1.18;
}

.pp-featured__title a { color: inherit; text-decoration: none; }
.pp-featured__title a:hover { color: var(--pp-primary-strong); }

.pp-featured__excerpt {
	color: var(--pp-text-2);
	font-size: 16px;
	line-height: 1.62;
}

.pp-badge {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 13px;
	border-radius: var(--pp-radius-pill);
	background: var(--pp-green-soft);
	color: var(--pp-green-strong);
	font-size: 11.5px;
	font-weight: 650;
	letter-spacing: .05em;
	text-transform: uppercase;
}

@media (max-width: 860px) {
	.pp-featured { grid-template-columns: 1fr; }
	.pp-featured__thumb { min-height: 0; aspect-ratio: 16 / 9; }
	.pp-featured__body { padding: 26px 22px 30px; }
}

/* Lista compacta (sidebar, relacionados) */
.pp-minilist {
	display: flex;
	flex-direction: column;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pp-minilist li {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
}

.pp-minilist__thumb {
	display: block;
	aspect-ratio: 1;
	border-radius: var(--pp-radius-sm);
	overflow: hidden;
	background: var(--pp-surface-2);
}

.pp-minilist__thumb img { width: 100%; height: 100%; object-fit: cover; }

.pp-minilist__title {
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.38;
}

.pp-minilist__title a { color: var(--pp-text); text-decoration: none; }
.pp-minilist__title a:hover { color: var(--pp-primary-strong); }

.pp-minilist__meta {
	margin-top: 4px;
	color: var(--pp-text-3);
	font-size: 12px;
}

/* ==========================================================================
   10. Post individual
   ========================================================================== */

.pp-article { max-width: 100%; }

.pp-article__head { margin-bottom: 28px; }

.pp-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin-bottom: 18px;
	color: var(--pp-text-3);
	font-size: 12.5px;
}

.pp-breadcrumb a { color: var(--pp-text-2); text-decoration: none; }
.pp-breadcrumb a:hover { color: var(--pp-primary-strong); }
.pp-breadcrumb__sep { opacity: .6; }

.pp-article__title {
	font-family: var(--pp-font-display);
	font-size: clamp(31px, 4.4vw, 46px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.015em;
}

.pp-article__lead {
	margin-top: 18px;
	color: var(--pp-text-2);
	font-size: 19px;
	line-height: 1.6;
	max-width: 62ch;
}

.pp-article__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid var(--pp-border);
	color: var(--pp-text-3);
	font-size: 13px;
}

.pp-article__meta a { color: var(--pp-text-2); text-decoration: none; font-weight: 550; }
.pp-article__meta a:hover { color: var(--pp-primary-strong); }

.pp-byline {
	display: flex;
	align-items: center;
	gap: 9px;
}

.pp-byline img { border-radius: 50%; }

.pp-reading-time {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

/* Âmbar da marca: destaque no corpo do texto e selo de revisão. */
.pp-content mark {
	padding: 1px 4px;
	border-radius: 4px;
	background: var(--pp-amber-soft);
	box-shadow: inset 0 -2px 0 var(--pp-amber);
	color: inherit;
}

.pp-updated {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.pp-updated::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--pp-amber);
}

.pp-article__thumb {
	margin: 32px 0 36px;
	border-radius: var(--pp-radius-lg);
	overflow: hidden;
	background: var(--pp-surface-2);
}

.pp-article__caption,
.wp-block-image figcaption,
.wp-caption-text {
	margin-top: 10px;
	color: var(--pp-text-3);
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

/* --- Corpo do texto ------------------------------------------------------ */

.pp-content {
	font-family: var(--pp-font-body);
	font-size: 18px;
	line-height: 1.75;
	color: var(--pp-text);
	max-width: var(--pp-content);
}

/* O espaçamento entre blocos vem de uma regra só; nada abaixo pode
   ter especificidade maior, ou o espaço some. */
.pp-content > * { margin-block: 0; }
.pp-content > * + * { margin-top: 1.35em; }

.pp-content h2,
.pp-content h3,
.pp-content h4 {
	font-family: var(--pp-font-ui);
	line-height: 1.26;
	scroll-margin-top: 114px;
}

.pp-content h2 {
	margin-top: 2.1em;
	font-family: var(--pp-font-display);
	font-size: 27px;
	font-weight: 700;
	letter-spacing: -.01em;
}

.pp-content h3 {
	margin-top: 1.8em;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.01em;
}

.pp-content h4 {
	margin-top: 1.6em;
	font-size: 17.5px;
	font-weight: 650;
	color: var(--pp-text-2);
}

.pp-content a {
	color: var(--pp-primary);
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, var(--pp-primary) 40%, transparent);
}

.pp-content a:hover { text-decoration-color: currentColor; }

.pp-content strong { font-weight: 650; }

.pp-content ul,
.pp-content ol {
	padding-inline-start: 1.3em;
}

.pp-content li + li { margin-top: .5em; }
.pp-content li > ul,
.pp-content li > ol { margin-top: .5em; }

.pp-content ul { list-style: none; padding-inline-start: 1.5em; }

.pp-content ul > li { position: relative; }

.pp-content ul > li::before {
	content: "";
	position: absolute;
	inset-inline-start: -1.1em;
	top: .62em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--pp-green-light);
}

.pp-content blockquote {
	margin: 2em 0;
	padding: 20px 26px;
	border-inline-start: 4px solid var(--pp-green);
	border-radius: var(--pp-radius-sm);
	background: var(--pp-mint);
	color: var(--pp-heading);
	font-size: 19px;
	font-weight: 500;
	line-height: 1.6;
}

.pp-content blockquote cite,
.pp-content blockquote footer {
	display: block;
	margin-top: 12px;
	font-family: var(--pp-font-ui);
	font-size: 13.5px;
	font-style: normal;
	color: var(--pp-text-3);
}

.pp-content figure { margin-block: 2em; }

.pp-content img { border-radius: var(--pp-radius); }

.pp-content code,
.pp-content kbd {
	padding: 2px 6px;
	border-radius: 5px;
	background: var(--pp-surface-2);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: .86em;
}

.pp-content pre {
	padding: 18px 20px;
	border-radius: var(--pp-radius);
	background: #12263c;
	color: #e7ecf3;
	overflow-x: auto;
	font-size: 14px;
	line-height: 1.6;
}

.pp-content pre code { background: none; padding: 0; color: inherit; }

.pp-content table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--pp-font-ui);
	font-size: 15px;
}

.pp-content :is(th, td) {
	padding: 12px 14px;
	border-bottom: 1px solid var(--pp-border);
	text-align: start;
	vertical-align: top;
}

.pp-content th {
	background: var(--pp-surface-2);
	font-weight: 650;
	font-size: 13px;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--pp-text-2);
}

/* Blocos alinhados */
.pp-content .alignwide,
.pp-content .alignfull {
	max-width: none;
	width: min(var(--pp-wide), 100%);
}

.pp-content .alignleft {
	float: inline-start;
	margin: .4em 1.6em 1.2em 0;
	max-width: 42%;
}

.pp-content .alignright {
	float: inline-end;
	margin: .4em 0 1.2em 1.6em;
	max-width: 42%;
}

.pp-content .aligncenter { margin-inline: auto; }

@media (max-width: 640px) {
	.pp-content { font-size: 17px; }
	.pp-content h2 { font-size: 24px; }
	.pp-content h3 { font-size: 19px; }
	.pp-content blockquote { font-size: 17.5px; padding: 16px 20px; }
	.pp-content .alignleft,
	.pp-content .alignright { float: none; max-width: 100%; margin-inline: 0; }
}

/* ==========================================================================
   11. Índice (TOC)
   ========================================================================== */

.pp-toc {
	margin: 0 0 36px;
	padding: 22px 24px;
	background: var(--pp-mint);
	border: 1px solid var(--pp-mint-deep);
	border-radius: var(--pp-radius);
	max-width: var(--pp-content);
}

.pp-toc > summary {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	list-style: none;
	font-family: var(--pp-font-ui);
	font-size: 11.5px;
	font-weight: 650;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--pp-text-3);
}

.pp-toc > summary::-webkit-details-marker { display: none; }

.pp-toc > summary::after {
	content: "";
	width: 7px;
	height: 7px;
	margin-inline-start: auto;
	border-inline-end: 1.6px solid currentColor;
	border-block-end: 1.6px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform .18s ease;
}

.pp-toc[open] > summary::after { transform: rotate(225deg) translateY(-1px); }

.pp-toc__list {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	font-family: var(--pp-font-ui);
	counter-reset: pp-toc;
}

.pp-toc__list li + li { margin-top: 9px; }

.pp-toc__list .pp-toc__sub {
	list-style: none;
	margin: 9px 0 0;
	padding-inline-start: 18px;
}

.pp-toc__list a {
	color: var(--pp-text-2);
	font-size: 14.5px;
	font-weight: 550;
	line-height: 1.45;
	text-decoration: none;
	display: inline-block;
}

.pp-toc__list a:hover {
	color: var(--pp-primary);
	text-decoration: underline;
}

.pp-toc__list > li > a::before {
	counter-increment: pp-toc;
	content: counter(pp-toc) ". ";
	color: var(--pp-text-3);
	font-variant-numeric: tabular-nums;
}

.pp-toc__sub a { font-size: 13.5px; font-weight: 400; }

.pp-toc__list a.is-active {
	color: var(--pp-primary);
	font-weight: 700;
}

/* ==========================================================================
   12. Box de autor
   ========================================================================== */

.pp-author {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 20px;
	margin-top: 48px;
	padding: 26px;
	background: var(--pp-surface);
	border: 1px solid var(--pp-border);
	border-radius: var(--pp-radius);
	box-shadow: var(--pp-shadow);
	max-width: var(--pp-content);
}

.pp-author__avatar img {
	border-radius: 50%;
	width: 72px;
	height: 72px;
}

.pp-author__name {
	font-size: 17.5px;
	font-weight: 650;
	letter-spacing: -.01em;
}

.pp-author__name a { color: inherit; text-decoration: none; }
.pp-author__name a:hover { color: var(--pp-primary-strong); }

.pp-author__credentials {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 7px;
}

.pp-credential {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 12px;
	border-radius: var(--pp-radius-pill);
	background: var(--pp-primary-soft);
	color: var(--pp-primary);
	font-size: 12px;
	font-weight: 650;
	letter-spacing: .01em;
}

.pp-credential--role {
	background: var(--pp-green-soft);
	color: var(--pp-green-strong);
	font-weight: 550;
}

.pp-author__bio {
	margin-top: 12px;
	color: var(--pp-text-2);
	font-size: 14.5px;
	line-height: 1.62;
}

.pp-author__links {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 14px;
	font-size: 13.5px;
	font-weight: 550;
}

/* Variante de perfil: sem cartão, dentro do cabeçalho do arquivo. */
.pp-author--profile {
	margin-top: 18px;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: none;
	max-width: 760px;
}

.pp-author--profile .pp-author__name {
	font-family: var(--pp-font-display);
	font-size: clamp(26px, 3.4vw, 34px);
	line-height: 1.15;
}

.pp-author--profile .pp-author__bio { font-size: 15.5px; }

.pp-author__count {
	margin-top: 14px;
	color: var(--pp-text-3);
	font-size: 13px;
	font-weight: 600;
}

@media (max-width: 560px) {
	.pp-author { grid-template-columns: 1fr; gap: 14px; padding: 22px; }
	.pp-author--profile { padding: 0; }
	.pp-author__avatar img { width: 60px; height: 60px; }
}

/* Página de mídia */
.pp-attachment {
	margin-block: 32px;
	padding: 22px;
	border-radius: var(--pp-radius-lg);
	background: var(--pp-mint);
	text-align: center;
}

.pp-attachment img {
	margin-inline: auto;
	border-radius: var(--pp-radius);
}

.pp-attachment :is(video, audio) { width: 100%; }

/* ==========================================================================
   13. CTA de produto
   ========================================================================== */

.pp-cta {
	position: relative;
	margin-top: 48px;
	padding: 34px 36px;
	border-radius: var(--pp-radius-lg);
	background: var(--pp-primary);
	color: #fff;
	overflow: hidden;
	max-width: var(--pp-content);
}

.pp-cta__eyebrow {
	font-size: 11.5px;
	font-weight: 650;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .72);
}

.pp-cta__title {
	margin-top: 10px;
	color: #fff;
	font-family: var(--pp-font-display);
	font-size: clamp(22px, 2.5vw, 28px);
	font-weight: 700;
	line-height: 1.2;
	max-width: 32ch;
}

.pp-cta__text {
	margin-top: 12px;
	color: rgba(255, 255, 255, .84);
	font-size: 15.5px;
	line-height: 1.6;
	max-width: 54ch;
}

.pp-cta__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin-top: 22px;
}

/* Dentro do bloco azul, a ação é pílula branca com texto azul — como no site. */
.pp-cta .pp-btn {
	background: #fff;
	color: var(--pp-primary);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .14);
}

.pp-cta .pp-btn:hover {
	background: var(--pp-mint);
	color: var(--pp-primary-strong);
}

.pp-cta__note {
	color: rgba(255, 255, 255, .7);
	font-size: 13px;
}

/* Variante da sidebar */
.pp-cta--compact {
	margin-top: 0;
	padding: 24px 22px;
	max-width: none;
}

.pp-cta--compact .pp-cta__title { font-size: 19px; }
.pp-cta--compact .pp-cta__text { font-size: 14px; margin-top: 10px; }
.pp-cta--compact .pp-cta__actions { margin-top: 18px; }

@media (max-width: 560px) {
	.pp-cta { padding: 26px 22px; }
}

/* ==========================================================================
   14. Rodapé do post, relacionados, paginação
   ========================================================================== */

.pp-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 40px;
	max-width: var(--pp-content);
}

.pp-tags__label {
	color: var(--pp-text-3);
	font-size: 12.5px;
	font-weight: 650;
	letter-spacing: .04em;
	text-transform: uppercase;
	margin-inline-end: 4px;
}

.pp-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid var(--pp-border);
	max-width: var(--pp-content);
}

.pp-share__label {
	color: var(--pp-text-3);
	font-size: 13px;
	font-weight: 550;
	margin-inline-end: 2px;
}

.pp-share a {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--pp-border);
	border-radius: 50%;
	background: var(--pp-surface);
	color: var(--pp-text-2);
}

.pp-share a:hover {
	border-color: var(--pp-primary);
	color: var(--pp-primary);
	background: var(--pp-primary-soft);
}

.pp-postnav {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
	margin-top: 44px;
	max-width: var(--pp-content);
}

.pp-postnav__item {
	display: block;
	padding: 18px 20px;
	border: 1px solid var(--pp-border);
	border-radius: var(--pp-radius);
	background: var(--pp-surface);
	text-decoration: none;
	box-shadow: var(--pp-shadow);
}

.pp-postnav__item:hover { border-color: var(--pp-border-strong); }
.pp-postnav__dir { color: var(--pp-text-3); font-size: 12px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.pp-postnav__title { margin-top: 7px; color: var(--pp-text); font-size: 15.5px; font-weight: 600; line-height: 1.4; }
.pp-postnav__item--next { text-align: end; }

.pp-section {
	padding-block: 56px;
	background: var(--pp-mint);
}

.pp-section__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 28px;
}

.pp-section__title { font-family: var(--pp-font-display); font-size: 23px; font-weight: 700; }

.navigation.pagination { margin-top: 48px; }

.nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
}

.nav-links .page-numbers {
	display: grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding-inline: 14px;
	border: 1px solid var(--pp-border);
	border-radius: var(--pp-radius-pill);
	background: var(--pp-surface);
	color: var(--pp-text-2);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.nav-links a.page-numbers:hover {
	border-color: var(--pp-primary);
	color: var(--pp-primary-strong);
}

.nav-links .page-numbers.current {
	background: var(--pp-primary);
	border-color: transparent;
	color: var(--pp-on-primary);
}

.nav-links .page-numbers.dots { border-color: transparent; background: none; }

/* ==========================================================================
   15. Sidebar e widgets
   ========================================================================== */

.pp-widget__title {
	margin-bottom: 14px;
	font-size: 11.5px;
	font-weight: 650;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--pp-text-3);
}

.pp-widget--card {
	padding: 22px;
	background: var(--pp-surface);
	border: 1px solid var(--pp-border);
	border-radius: var(--pp-radius);
	box-shadow: var(--pp-shadow);
}

.pp-widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14.5px;
}

.pp-widget li + li { margin-top: 10px; }

.pp-widget a { color: var(--pp-text-2); text-decoration: none; }
.pp-widget a:hover { color: var(--pp-primary-strong); }

.pp-widget .pp-minilist { font-size: inherit; }

/* Widgets de bloco do core: busca, posts recentes, categorias e arquivo.
   Sem isto, eles destoam do resto da barra lateral. */
.pp-widget .wp-block-heading {
	margin-bottom: 14px;
	font-size: 11.5px;
	font-weight: 650;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--pp-text-3);
}

.pp-widget .wp-block-search__inside-wrapper {
	display: flex;
	gap: 8px;
}

.pp-widget .wp-block-search__input {
	flex: 1;
	min-width: 0;
	padding: 11px 16px;
	border: 1.5px solid var(--pp-border);
	border-radius: var(--pp-radius-pill);
	background: var(--pp-surface);
	color: var(--pp-text);
	font-family: inherit;
	font-size: 14px;
}

.pp-widget .wp-block-search__input:focus {
	border-color: var(--pp-primary);
	outline: 2px solid var(--pp-ring);
	outline-offset: 1px;
}

.pp-widget .wp-block-search__button {
	flex: none;
	padding: 11px 20px;
	border: 0;
	border-radius: var(--pp-radius-pill);
	background: var(--pp-green);
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 650;
	cursor: pointer;
}

.pp-widget .wp-block-search__button:hover { background: var(--pp-green-strong); }

.pp-widget :is(.wp-block-latest-posts, .wp-block-categories, .wp-block-archives) {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pp-widget :is(.wp-block-latest-posts, .wp-block-categories, .wp-block-archives) li + li {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--pp-border);
}

.pp-widget .wp-block-latest-posts a {
	color: var(--pp-heading);
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

.pp-widget .wp-block-latest-posts a:hover { color: var(--pp-primary); }

.pp-widget .wp-block-latest-posts__post-date {
	display: block;
	margin-top: 4px;
	color: var(--pp-text-3);
	font-size: 12px;
}

/* ==========================================================================
   16. Comentários
   ========================================================================== */

.pp-comments {
	margin-top: 56px;
	padding-top: 40px;
	border-top: 1px solid var(--pp-border);
	max-width: var(--pp-content);
}

.pp-comments__title { font-size: 20px; font-weight: 700; margin-bottom: 24px; }

.pp-comments__subtitle {
	margin: 40px 0 18px;
	font-size: 15px;
	font-weight: 700;
	color: var(--pp-heading);
}

.comment-list { list-style: none; margin: 0; padding: 0; }

.comment-list--pings li {
	padding: 12px 0;
	border-bottom: 1px solid var(--pp-border);
	font-size: 14.5px;
}

.comment-list--pings li a { color: var(--pp-primary); text-decoration: none; }
.comment-list--pings li a:hover { text-decoration: underline; }
.comment-list ol.children { list-style: none; margin: 20px 0 0; padding-inline-start: 24px; border-inline-start: 2px solid var(--pp-border); }
.comment-list > li + li { margin-top: 24px; }

.comment-body {
	padding: 18px 20px;
	background: var(--pp-surface);
	border: 1px solid var(--pp-border);
	border-radius: var(--pp-radius);
}

.comment-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 13px; }
.comment-author { display: flex; align-items: center; gap: 9px; font-weight: 600; }
.comment-author img { border-radius: 50%; }
.comment-author .says { display: none; }
.comment-metadata, .comment-metadata a { color: var(--pp-text-3); text-decoration: none; }
.comment-content { font-size: 15px; line-height: 1.65; color: var(--pp-text-2); }
.comment-content > * + * { margin-top: 1em; }
.reply { margin-top: 12px; font-size: 13.5px; font-weight: 600; }
.bypostauthor > .comment-body { border-color: var(--pp-primary); background: var(--pp-primary-soft); }

.comment-respond { margin-top: 36px; }
.comment-reply-title { font-size: 18px; font-weight: 650; margin-bottom: 8px; }
.comment-notes, .comment-form-cookies-consent label { color: var(--pp-text-3); font-size: 13px; }
.comment-form { display: grid; gap: 16px; margin-top: 18px; }
.comment-form label { display: block; margin-bottom: 6px; font-size: 13.5px; font-weight: 600; }
.comment-form :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
	width: 100%;
	padding: 12px 16px;
	border: 1.5px solid var(--pp-border);
	border-radius: var(--pp-radius-sm);
	background: var(--pp-surface);
	color: var(--pp-text);
	font-family: inherit;
	font-size: 15px;
}
.comment-form :is(input, textarea):focus { border-color: var(--pp-primary); outline: 2px solid var(--pp-ring); outline-offset: 1px; }
.comment-form textarea { min-height: 130px; resize: vertical; }
.comment-form-cookies-consent { display: flex; align-items: center; gap: 8px; }
.comment-form-cookies-consent input { width: auto; }
.form-submit { margin: 0; }
.form-submit input[type="submit"] {
	display: inline-flex;
	padding: 13px 26px;
	border: 0;
	border-radius: var(--pp-radius-pill);
	background: var(--pp-green);
	color: #fff;
	font-family: inherit;
	font-size: 14.5px;
	font-weight: 650;
	cursor: pointer;
}
.form-submit input[type="submit"]:hover { background: var(--pp-green-strong); }

.post-password-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px;
	padding: 24px;
	border-radius: var(--pp-radius);
	background: var(--pp-mint);
	font-family: var(--pp-font-ui);
}

.post-password-form p { margin: 0; flex: 1 1 240px; }

.post-password-form label {
	display: block;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--pp-heading);
}

.post-password-form input[type="password"] {
	width: 100%;
	margin-top: 6px;
	padding: 12px 18px;
	border: 1.5px solid var(--pp-mint-deep);
	border-radius: var(--pp-radius-pill);
	background: var(--pp-surface);
	font: inherit;
	font-size: 14.5px;
}

.post-password-form input[type="submit"] {
	padding: 13px 24px;
	border: 0;
	border-radius: var(--pp-radius-pill);
	background: var(--pp-green);
	color: #fff;
	font: inherit;
	font-size: 14.5px;
	font-weight: 650;
	cursor: pointer;
}

.post-password-form input[type="submit"]:hover { background: var(--pp-green-strong); }

/* ==========================================================================
   17. Estados vazios e 404
   ========================================================================== */

.pp-empty {
	padding: 56px 32px;
	text-align: center;
	background: var(--pp-mint);
	border: 0;
	border-radius: var(--pp-radius-lg);
}

.pp-empty__title { font-family: var(--pp-font-display); font-size: 24px; font-weight: 700; }
.pp-empty__text { margin: 10px auto 0; max-width: 46ch; color: var(--pp-text-2); font-size: 15.5px; line-height: 1.6; }
.pp-empty .pp-searchform { max-width: 420px; margin: 24px auto 0; }

/* ==========================================================================
   18. Rodapé
   ========================================================================== */

.pp-footer {
	border-top: 1px solid var(--pp-border);
	background: var(--pp-surface);
}

.pp-footer__top {
	display: grid;
	grid-template-columns: 1.4fr repeat(auto-fit, minmax(160px, 1fr));
	gap: 40px;
	padding-block: 56px;
}

.pp-footer__about {
	color: var(--pp-text-2);
	font-size: 14.5px;
	line-height: 1.62;
	max-width: 42ch;
}

.pp-footer__about .pp-brand { margin-bottom: 14px; }

.pp-footer__claim {
	margin: 0 0 8px;
	font-family: var(--pp-font-display);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--pp-heading);
}

.pp-footer__about p { margin: 0 0 10px; }
.pp-footer__about p:last-child { margin-bottom: 0; }

.pp-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding-block: 22px;
	border-top: 1px solid var(--pp-border);
	color: var(--pp-text-3);
	font-size: 13px;
}

.pp-footer__bottom nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pp-footer__bottom a { color: var(--pp-text-2); text-decoration: none; }
.pp-footer__bottom a:hover { color: var(--pp-primary-strong); }

.pp-disclaimer {
	padding: 18px 22px;
	margin-bottom: 24px;
	border-radius: var(--pp-radius);
	background: var(--pp-mint);
	border: 0;
	color: var(--pp-text-2);
	font-size: 13px;
	line-height: 1.6;
}

@media (max-width: 760px) {
	.pp-footer__top { grid-template-columns: 1fr 1fr; gap: 32px; padding-block: 40px; }
	.pp-footer__about { grid-column: 1 / -1; }
}

/* ==========================================================================
   19. Utilitários de espaçamento
   ========================================================================== */

.pp-page-wrap { padding-block: 64px 80px; }
.pp-chips-row { margin-top: 22px; }
.pp-head-search { max-width: 460px; margin-top: 20px; }
.pp-mt-24 { margin-top: 24px; }
.pp-mt-48 { margin-top: 48px; }
.pp-mb-20 { margin-bottom: 20px; }

/* ==========================================================================
   20. Impressão
   ========================================================================== */

@media print {
	.pp-header, .pp-footer, .pp-sidebar, .pp-cta,
	.pp-share, .pp-postnav, .pp-progress, .pp-comments { display: none !important; }
	.pp-layout { display: block; padding: 0; }
	.pp-content { font-size: 12pt; max-width: none; }
	a { text-decoration: underline; }
}