/* ============================================================
   PATRIMÔNIO PRESERVADO — Blog
   ============================================================ */

/* ---------- Listagem ---------- */
.pp-blog {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: var(--pp-e8);
	align-items: start;
}
.pp-blog__aviso { margin: 0 0 var(--pp-e6); font-size: var(--pp-fs-corpo); color: var(--pp-texto-apoio); }

.pp-grade-posts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--pp-e7) var(--pp-e6);
}

.pp-cartao-post { display: flex; flex-direction: column; }
.pp-cartao-post__imagem { display: block; overflow: hidden; border-radius: var(--pp-raio); aspect-ratio: 16 / 10; background: var(--pp-creme); }
.pp-cartao-post__imagem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform var(--pp-t-lento) var(--pp-curva);
}
.pp-cartao-post:hover .pp-cartao-post__imagem img { transform: scale(1.03); }
.pp-cartao-post__texto { padding-top: var(--pp-e5); }
.pp-cartao-post__texto .pp-sobrelinha { margin-bottom: var(--pp-e2); }
.pp-cartao-post__titulo {
	margin: 0 0 var(--pp-e3);
	font-family: var(--pp-fonte-titulo);
	font-size: 22px;
	line-height: 1.28;
	font-weight: var(--pp-peso-titulo);
	letter-spacing: var(--pp-tracking-titulo);
}
.pp-cartao-post__titulo a { color: var(--pp-texto); text-decoration: none; }
.pp-cartao-post__titulo a:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pp-cartao-post__resumo { margin: 0 0 var(--pp-e3); font-size: var(--pp-fs-corpo-p); line-height: var(--pp-lh-corpo-p); color: var(--pp-texto-apoio); }
.pp-cartao-post__meta { margin: 0; font-size: var(--pp-fs-legenda); color: var(--pp-texto-apoio); }

/* O primeiro da lista, largo: imagem à esquerda, texto à direita. */
.pp-cartao-post--destaque {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: var(--pp-e6);
	align-items: center;
	padding-bottom: var(--pp-e7);
	border-bottom: 1px solid var(--pp-borda);
}
.pp-cartao-post--destaque .pp-cartao-post__texto { padding-top: 0; }
.pp-cartao-post--destaque .pp-cartao-post__titulo { font-size: var(--pp-fs-h3); line-height: var(--pp-lh-h3); }

/* ---------- Paginação ---------- */
.pp-paginacao { margin-top: var(--pp-e8); }
.pp-paginacao ul { display: flex; flex-wrap: wrap; gap: var(--pp-e2); margin: 0; padding: 0; list-style: none; }
.pp-paginacao a,
.pp-paginacao span {
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: var(--pp-texto);
	text-decoration: none;
	border: 1px solid var(--pp-borda);
	border-radius: var(--pp-raio);
}
.pp-paginacao a:hover { border-color: var(--pp-azul-600); }
.pp-paginacao .current { background: var(--pp-azul-600); border-color: var(--pp-azul-600); color: var(--pp-branco); font-weight: 600; }
.pp-paginacao .dots { border: 0; }

/* ---------- Barra lateral ---------- */
.pp-barra-blog {
	position: sticky;
	top: 110px;
	display: flex;
	flex-direction: column;
	gap: var(--pp-e6);
}
.pp-busca label { display: block; margin-bottom: var(--pp-e2); font-size: var(--pp-fs-apoio); font-weight: 600; color: var(--pp-texto); }
.pp-busca__linha { display: flex; gap: var(--pp-e2); }
.pp-busca input[type="search"] {
	flex: 1;
	min-width: 0;
	min-height: 44px;
	padding: 10px 12px;
	font-family: var(--pp-fonte-texto);
	font-size: 15px;
	color: var(--pp-texto);
	background: var(--pp-branco);
	border: 1px solid var(--pp-cinza-300);
	border-radius: var(--pp-raio);
}
.pp-busca input[type="search"]:focus { outline: 2px solid var(--pp-azul-600); outline-offset: 1px; }
.pp-busca button {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--pp-branco);
	background: var(--pp-azul-600);
	border: 1px solid var(--pp-azul-600);
	border-radius: var(--pp-raio);
	cursor: pointer;
}
.pp-barra-blog__bloco h2 {
	margin: 0 0 var(--pp-e3);
	padding-bottom: 10px;
	font-family: var(--pp-fonte-titulo);
	font-size: 18px;
	color: var(--pp-texto);
	border-bottom: 2px solid var(--pp-filete);
}
.pp-barra-blog__bloco ul { margin: 0; padding: 0; list-style: none; }
.pp-barra-blog__bloco li { margin: 0; border-bottom: 1px solid var(--pp-cinza-200); }
.pp-barra-blog__bloco a { display: block; padding: 10px 0; font-size: 15px; line-height: 1.45; color: var(--pp-link); text-decoration: none; }
.pp-barra-blog__bloco a:hover { color: var(--pp-azul-600); text-decoration: underline; }
.pp-barra-blog__bloco a span { color: var(--pp-texto-apoio); }
.pp-barra-blog__chamada { padding: var(--pp-e5); background: var(--pp-azul-800); border-radius: var(--pp-raio); }
.pp-barra-blog__chamada p { margin: 0 0 var(--pp-e4); font-size: var(--pp-fs-corpo-p); color: var(--pp-azul-200); }
.pp-barra-blog__chamada .pp-sobrelinha { margin-bottom: var(--pp-e2); }

/* ---------- Post ---------- */
/* Título de post é longo: no tamanho de título de página ele ia a 4 linhas. */
.single-post .pp-hero-pagina__titulo { font-size: var(--pp-fs-h2); line-height: var(--pp-lh-h2); max-width: 30ch; }
.pp-post { padding-block: var(--pp-e8) var(--pp-e9); }
.pp-post__coluna { max-width: var(--pp-container-estreito); margin-inline: auto; padding-inline: var(--pp-gutter); }
.pp-post__meta { margin: 0 0 var(--pp-e5); font-size: var(--pp-fs-apoio); color: var(--pp-texto-apoio); }
.pp-post__imagem { margin: 0 0 var(--pp-e7); }
.pp-post__imagem img { width: 100%; height: auto; border-radius: var(--pp-raio); display: block; }

.pp-post__conteudo > * { max-width: 100%; }
.pp-post__conteudo p,
.pp-post__conteudo li { font-family: var(--pp-fonte-texto); font-size: var(--pp-fs-corpo); line-height: var(--pp-lh-corpo); color: var(--pp-texto-apoio); }
.pp-post__conteudo p { margin: 0 0 var(--pp-e5); }
.pp-post__conteudo ul,
.pp-post__conteudo ol { margin: 0 0 var(--pp-e5); padding-left: var(--pp-e5); }
.pp-post__conteudo li { margin-bottom: var(--pp-e2); }
.pp-post__conteudo h2 {
	margin: var(--pp-e8) 0 var(--pp-e4);
	font-family: var(--pp-fonte-titulo);
	font-size: var(--pp-fs-h3);
	line-height: var(--pp-lh-h3);
	color: var(--pp-texto);
	scroll-margin-top: 110px;
}
.pp-post__conteudo h3 {
	margin: var(--pp-e7) 0 var(--pp-e3);
	font-family: var(--pp-fonte-titulo);
	font-size: var(--pp-fs-h4);
	line-height: var(--pp-lh-h4);
	color: var(--pp-texto);
	scroll-margin-top: 110px;
}
.pp-post__conteudo a { color: var(--pp-link); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.pp-post__conteudo a:hover { color: var(--pp-azul-600); }
.pp-post__conteudo blockquote {
	margin: var(--pp-e6) 0;
	padding: var(--pp-e2) 0 var(--pp-e2) var(--pp-e5);
	border-left: 3px solid var(--pp-filete);
	font-family: var(--pp-fonte-titulo);
	font-size: var(--pp-fs-corpo-g);
	color: var(--pp-texto);
}
.pp-post__conteudo img { max-width: 100%; height: auto; border-radius: var(--pp-raio); }
.pp-post__conteudo figure { margin: var(--pp-e6) 0; }
.pp-post__conteudo figcaption { font-size: var(--pp-fs-legenda); color: var(--pp-texto-apoio); margin-top: var(--pp-e2); }

/* Sumário automático do plugin: vira um quadro discreto, não uma caixa cinza. */
.pp-post__conteudo #toc_container,
.pp-post__conteudo .no_bullets {
	width: 100% !important;
	display: block !important;
	float: none !important;
	margin: 0 0 var(--pp-e7) !important;
	padding: var(--pp-e5) !important;
	background: var(--pp-creme-claro) !important;
	border: 1px solid var(--pp-borda) !important;
	border-top: 2px solid var(--pp-filete) !important;
	border-radius: 0 0 var(--pp-raio) var(--pp-raio) !important;
	box-sizing: border-box;
}
.pp-post__conteudo .toc_title {
	margin: 0 0 var(--pp-e3) !important;
	text-align: left !important;
	font-size: var(--pp-fs-legenda) !important;
	font-weight: 600 !important;
	letter-spacing: var(--pp-tracking-caps);
	text-transform: uppercase;
	color: var(--pp-ouro-800) !important;
}
.pp-post__conteudo .toc_list { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.pp-post__conteudo .toc_list li { margin: 0 !important; font-size: var(--pp-fs-apoio) !important; }
.pp-post__conteudo .toc_list a { display: block; padding: 6px 0; text-decoration: none; }
.pp-post__conteudo .toc_number { color: var(--pp-ouro-800); margin-right: 6px; }

/* Caixa do autor */
.pp-autor {
	display: grid;
	grid-template-columns: 96px 1fr;
	gap: var(--pp-e5);
	align-items: center;
	margin-top: var(--pp-e8);
	padding: var(--pp-e5) 0;
	border-top: 1px solid var(--pp-borda);
	border-bottom: 1px solid var(--pp-borda);
}
.pp-autor img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; object-position: center 18%; }
.pp-autor .pp-sobrelinha { margin-bottom: 4px; }
.pp-autor__nome { margin: 0 0 4px; font-family: var(--pp-fonte-titulo); font-size: 20px; color: var(--pp-texto); }
.pp-autor__nome span { font-family: var(--pp-fonte-texto); font-size: var(--pp-fs-apoio); color: var(--pp-texto-apoio); }
.pp-autor__bio { margin: 0; font-size: var(--pp-fs-corpo-p); line-height: var(--pp-lh-corpo-p); color: var(--pp-texto-apoio); }

/* Chamada no fim do post */
.pp-post__chamada { margin-top: var(--pp-e7); padding: var(--pp-e7); background: var(--pp-azul-800); border-radius: var(--pp-raio); }
.pp-post__chamada h2 { margin: 0 0 var(--pp-e3); font-family: var(--pp-fonte-titulo); font-size: var(--pp-fs-h3); line-height: var(--pp-lh-h3); color: var(--pp-branco); }
.pp-post__chamada p { margin: 0 0 var(--pp-e5); font-size: var(--pp-fs-corpo); color: var(--pp-azul-200); }
.pp-post__chamada .pp-sobrelinha { margin-bottom: var(--pp-e2); }

/* ---------- Telas menores ---------- */
@media (max-width: 1023px) {
	.pp-blog { grid-template-columns: 1fr; }
	.pp-barra-blog { position: static; }
	.pp-cartao-post--destaque { grid-template-columns: 1fr; }
}
@media (max-width: 699px) {
	.pp-grade-posts { grid-template-columns: 1fr; }
	.pp-post__chamada { padding: var(--pp-e5); }
	.pp-autor { grid-template-columns: 64px 1fr; }
	.pp-autor img { width: 64px; height: 64px; }
}