/*
Theme Name: Puro Games
Description: Tema próprio do Puro Games. Leve, responsivo, sem jQuery e sem Font Awesome.
Version: 1.1.0
Update URI: false
Requires PHP: 7.4
Author: Puro Games
Text Domain: purogames
*/

:root {
	--azul: #0f6fd6;
	--azul-esc: #0a55a8;
	--azul-claro: #eaf2fd;
	--tinta: #0f1419;
	--texto: #2b3138;
	--suave: #5d6673;
	--linha: #e3e7ec;
	--fundo: #f4f6f9;
	--raio: 12px;
	--fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--topo: 56px;
}
@media (min-width: 1024px) { :root { --topo: 64px; } }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--topo) + 16px); }
body { margin: 0; background: #fff; color: var(--texto); font: 400 16px/1.55 var(--fonte); -webkit-font-smoothing: antialiased; }
body.pg-travado { overflow: hidden; }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; border: 0; }
a { color: var(--azul); text-decoration: none; }
a:hover { color: var(--azul-esc); }
h1, h2, h3, h4 { color: var(--tinta); line-height: 1.2; margin: 0; font-weight: 800; letter-spacing: -.012em; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; }
button { font: inherit; cursor: pointer; }
:focus-visible { outline: 3px solid #7fb2f0; outline-offset: 2px; }
.pg-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pg-pular { position: absolute; left: 8px; top: -60px; z-index: 200; background: var(--tinta); color: #fff; padding: 10px 14px; border-radius: 8px; }
.pg-pular:focus { top: 8px; color: #fff; }
.pg-ic { width: 20px; height: 20px; flex: 0 0 auto; display: inline-block; vertical-align: middle; }
.pg-ic--txt { width: 14px; height: 14px; margin: -2px 3px 0 0; }

.pg-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 768px) { .pg-wrap { padding: 0 24px; } }
.pg-main { min-height: 60vh; padding-bottom: 48px; }

/* ---------- Topo ---------- */
.pg-topo { position: sticky; top: 0; z-index: 50; background: var(--azul); color: #fff; transition: box-shadow .2s; }
.pg-topo.is-rolado { box-shadow: 0 2px 14px rgba(8, 30, 70, .22); }
.pg-topo__in { max-width: 1200px; margin: 0 auto; height: var(--topo); padding: 0 8px; display: flex; align-items: center; gap: 4px; }
@media (min-width: 768px) { .pg-topo__in { padding: 0 16px; } }
.pg-topo__bt { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: #fff; }
.pg-topo__bt:hover { background: rgba(255, 255, 255, .14); }
.pg-topo__bt .pg-ic { width: 24px; height: 24px; }
.pg-logo { display: inline-flex; align-items: center; padding: 6px 4px; }
.pg-logo img { display: block; width: 158px; height: auto; }
@media (min-width: 1024px) { .pg-logo img { width: 190px; } }
.pg-nav { display: none; margin-left: auto; }
.pg-nav__lista { list-style: none; display: flex; gap: 2px; }
.pg-nav__lista a { display: block; padding: 10px 14px; border-radius: 10px; color: #fff; font-weight: 700; font-size: 15px; }
.pg-nav__lista a:hover, .pg-nav__lista .current-menu-item > a, .pg-nav__lista .current-menu-parent > a { background: rgba(255, 255, 255, .16); color: #fff; }
.pg-nav .menu-item-home { display: none; }
.pg-topo__busca { margin-left: auto; }
@media (min-width: 1024px) {
	.pg-topo__menu { display: none; }
	.pg-nav { display: block; }
	.pg-topo__busca { margin-left: 8px; }
}
.pg-buscabox { background: #fff; border-bottom: 1px solid var(--linha); padding: 12px 16px; box-shadow: 0 8px 20px rgba(8, 30, 70, .08); }
.pg-buscabox .pg-busca { max-width: 720px; margin: 0 auto; }

.pg-busca { display: flex; background: #fff; border: 2px solid var(--linha); border-radius: 12px; overflow: hidden; }
.pg-busca:focus-within { border-color: var(--azul); }
.pg-busca input { flex: 1; min-width: 0; border: 0; padding: 12px 14px; font: inherit; font-size: 16px; color: var(--tinta); background: transparent; outline: 0; }
.pg-busca button { border: 0; background: var(--azul); color: #fff; padding: 0 16px; display: inline-flex; align-items: center; }
.pg-busca button:hover { background: var(--azul-esc); }

/* Faixa "Em alta" */
.pg-hubs { background: #fff; border-bottom: 1px solid var(--linha); }
.pg-hubs__in { max-width: 1200px; margin: 0 auto; padding: 10px 16px; display: flex; gap: 8px; align-items: center; overflow-x: auto; scrollbar-width: none; }
.pg-hubs__in::-webkit-scrollbar { display: none; }
@media (min-width: 768px) { .pg-hubs__in { padding: 10px 24px; } }
.pg-hubs__rot { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--suave); white-space: nowrap; margin-right: 4px; }
.pg-hubs__rot .pg-ic { width: 16px; height: 16px; color: #e8590c; }
.pg-hubs a { flex: 0 0 auto; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--linha); background: #fff; color: var(--c, var(--tinta)); font-size: 14px; font-weight: 700; white-space: nowrap; }
.pg-hubs a:hover { border-color: var(--c, var(--azul)); background: var(--fundo); }

/* Gaveta */
.pg-gaveta { position: fixed; inset: 0; z-index: 100; }
.pg-gaveta__fundo { position: absolute; inset: 0; background: rgba(10, 20, 35, .5); opacity: 0; transition: opacity .2s; }
.pg-gaveta__painel { position: absolute; left: 0; top: 0; bottom: 0; width: min(86vw, 340px); background: #fff; overflow-y: auto; padding: 8px 16px 32px; transform: translateX(-100%); transition: transform .22s ease-out; }
.pg-gaveta.is-on .pg-gaveta__fundo { opacity: 1; }
.pg-gaveta.is-on .pg-gaveta__painel { transform: none; }
.pg-gaveta__topo { display: flex; align-items: center; justify-content: space-between; height: 48px; margin-bottom: 8px; }
.pg-gaveta__tit { font-weight: 800; font-size: 18px; color: var(--tinta); }
.pg-gaveta .pg-topo__bt { color: var(--tinta); }
.pg-gaveta .pg-topo__bt:hover { background: var(--fundo); }
.pg-gaveta__rot { margin: 20px 0 4px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--suave); }
.pg-gaveta__lista { list-style: none; }
.pg-gaveta__lista a { display: block; padding: 11px 4px; border-bottom: 1px solid var(--linha); color: var(--tinta); font-weight: 700; font-size: 17px; }
.pg-gaveta__lista--peq a { font-weight: 500; font-size: 15px; color: var(--texto); }

/* ---------- Peças comuns ---------- */
.pg-chapeu { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--c, var(--azul)); margin-bottom: 6px; }
a.pg-chapeu:hover { text-decoration: underline; color: var(--c, var(--azul)); }
.pg-meta { font-size: 13px; color: var(--suave); line-height: 1.4; }
.pg-meta__sep { margin: 0 4px; color: #aab2bd; }
.pg-bloco { margin-top: 40px; }
.pg-bloco__tit { display: flex; align-items: center; gap: 8px; font-size: 20px; padding-bottom: 10px; margin-bottom: 18px; border-bottom: 2px solid var(--tinta); }
.pg-bloco__tit .pg-ic { color: #e8590c; }
.pg-vermais { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; font-size: 14px; }
.pg-vermais .pg-ic { width: 16px; height: 16px; transition: transform .15s; }
.pg-vermais:hover .pg-ic { transform: translateX(3px); }

.pg-trilha { font-size: 13px; color: var(--suave); display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.pg-trilha a { color: var(--suave); }
.pg-trilha a:hover { color: var(--azul); }
.pg-trilha span { color: #aab2bd; }

/* ---------- Cartões ---------- */
.pg-cartao { position: relative; min-width: 0; }
.pg-cartao__img { display: block; position: relative; overflow: hidden; border-radius: 10px; background: var(--fundo); aspect-ratio: 16 / 9; }
.pg-cartao__img img, .pg-cartao__img .pg-semimg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.pg-semimg { display: block; background: linear-gradient(135deg, #0f6fd6, #3b8ff0); }
.pg-cartao:hover .pg-cartao__img img { transform: scale(1.03); }
.pg-cartao__tit { font-size: 17px; line-height: 1.3; font-weight: 800; }
.pg-cartao__tit a { color: var(--tinta); }
.pg-cartao__tit a:hover { color: var(--azul); }
.pg-cartao__resumo { margin-top: 6px; font-size: 15px; color: var(--suave); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pg-cartao .pg-meta { margin-top: 8px; }

.pg-cartao--card { display: flex; flex-direction: column; gap: 12px; }
.pg-cartao--lead { display: flex; flex-direction: column; gap: 14px; }
.pg-cartao--lead .pg-cartao__img { border-radius: var(--raio); }
.pg-cartao--lead .pg-cartao__tit { font-size: 26px; line-height: 1.15; letter-spacing: -.02em; }
@media (min-width: 768px) { .pg-cartao--lead .pg-cartao__tit { font-size: 34px; } .pg-cartao--lead .pg-cartao__resumo { font-size: 17px; } }

.pg-cartao--linha { display: grid; grid-template-columns: 120px 1fr; gap: 14px; align-items: start; }
.pg-cartao--linha .pg-cartao__img { border-radius: 8px; }
.pg-cartao--linha .pg-cartao__tit { font-size: 16px; }
.pg-cartao--linha .pg-cartao__resumo { display: none; }
.pg-cartao--linha .pg-chapeu { margin-bottom: 3px; font-size: 11px; }
.pg-cartao--linha .pg-meta { margin-top: 6px; }
@media (min-width: 768px) {
	.pg-lista .pg-cartao--linha { grid-template-columns: 240px 1fr; gap: 20px; }
	.pg-lista .pg-cartao--linha .pg-cartao__tit { font-size: 20px; }
	.pg-lista .pg-cartao--linha .pg-cartao__resumo { display: -webkit-box; -webkit-line-clamp: 2; }
}

/* Grades: no celular, o 1º cartão é grande e os demais viram linha */
.pg-grade { display: grid; grid-template-columns: 1fr; gap: 18px; }
@media (max-width: 639px) {
	.pg-grade > .pg-cartao--card:not(:first-child) { display: grid; grid-template-columns: 120px 1fr; gap: 14px; align-items: start; }
	.pg-grade > .pg-cartao--card:not(:first-child) .pg-cartao__img { border-radius: 8px; }
	.pg-grade > .pg-cartao--card:not(:first-child) .pg-cartao__tit { font-size: 16px; }
	.pg-grade > .pg-cartao--card:not(:first-child) .pg-cartao__resumo { display: none; }
	.pg-grade > .pg-cartao--card:not(:first-child) .pg-chapeu { font-size: 11px; margin-bottom: 3px; }
	.pg-grade > .pg-cartao--card:first-child .pg-cartao__tit { font-size: 20px; }
}
@media (min-width: 640px) { .pg-grade { grid-template-columns: repeat(2, 1fr); gap: 28px 24px; } }
@media (min-width: 1024px) { .pg-grade { grid-template-columns: repeat(4, 1fr); } .pg-grade--3 { grid-template-columns: repeat(3, 1fr); } }

/* ---------- Home ---------- */
.pg-abre { display: grid; gap: 22px; padding-top: 20px; }
.pg-abre__lado { display: grid; gap: 16px; align-content: start; }
.pg-abre__lado .pg-cartao__tit { font-size: 16px; }
@media (min-width: 1024px) {
	.pg-abre { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 36px; padding-top: 28px; }
	.pg-abre__lado { gap: 20px; padding-left: 36px; border-left: 1px solid var(--linha); }
	.pg-abre__lado .pg-cartao--linha { grid-template-columns: 150px 1fr; }
	.pg-abre__lado .pg-cartao__tit { font-size: 17px; }
}
.pg-grade2 { display: grid; gap: 0; }
@media (min-width: 1024px) { .pg-grade2 { grid-template-columns: minmax(0, 1fr) 340px; gap: 48px; } }
.pg-lista { display: grid; gap: 20px; }
.pg-lista .pg-cartao + .pg-cartao { padding-top: 20px; border-top: 1px solid var(--linha); }
.pg-secao__cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; border-bottom: 2px solid var(--tinta); margin-bottom: 18px; }
.pg-secao__cab .pg-bloco__tit { border: 0; margin: 0; }
.pg-secao__cab .pg-bloco__tit::before { content: ""; width: 6px; height: 20px; border-radius: 3px; background: var(--c, var(--azul)); }
.pg-secao__cab .pg-vermais { padding-bottom: 12px; color: var(--c, var(--azul)); }

/* Mais lidas e autores */
.pg-lateral .pg-bloco:first-child { margin-top: 40px; }
.pg-maislidas ol { list-style: none; counter-reset: ml; }
.pg-maislidas li { counter-increment: ml; display: grid; grid-template-columns: 36px 1fr; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--linha); }
.pg-maislidas li:first-child { padding-top: 0; }
.pg-maislidas li::before { content: counter(ml); font-size: 28px; font-weight: 800; line-height: 1; color: var(--azul); opacity: .9; }
.pg-maislidas a { color: var(--tinta); font-weight: 700; font-size: 15px; line-height: 1.35; }
.pg-maislidas a:hover { color: var(--azul); }

/* ---------- Autores em destaque (simples, branco) ---------- */
.pg-autores ol { list-style: none; display: grid; gap: 10px; }
.pg-autor { display: grid; grid-template-columns: 26px 44px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--linha); border-radius: var(--raio); background: #fff; }
.pg-autor img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.pg-autor__pos { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; color: #fff; background: #9aa3ae; }
.pg-autor--1 .pg-autor__pos { background: #d4a106; }
.pg-autor--3 .pg-autor__pos { background: #b87333; }
.pg-autor__txt { display: grid; min-width: 0; }
.pg-autor__txt a { color: var(--tinta); font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-autor__txt a:hover { color: var(--azul); }
.pg-autor__txt small { color: var(--azul); font-size: 13px; font-weight: 800; }

/* Lateral acompanha a rolagem até o fim da sua faixa (na home, até a seção Códigos) */
@media (min-width: 1024px) {
	.pg-lateral__fixo { position: sticky; top: calc(var(--topo) + 16px); }
	.pg-lateral--home .pg-lateral__fixo .pg-bloco:first-child { margin-top: 40px; }
	.pg-lateral--home .pg-lateral__fixo .pg-autores { margin-top: 28px; }
}

/* ---------- Matéria ---------- */
.pg-materia-wrap { display: grid; gap: 0; padding-top: 20px; }
@media (min-width: 1100px) {
	.pg-materia-wrap { grid-template-columns: minmax(0, 740px) 300px; justify-content: space-between; gap: 56px; padding-top: 28px; }
	.pg-lateral--materia .pg-bloco:first-child { margin-top: 0; }
	.pg-so-celular { display: none; }
}
@media (max-width: 1099px) { .pg-lateral--materia { display: none; } }
.pg-materia { min-width: 0; }
.pg-materia__tit { font-size: 28px; line-height: 1.15; letter-spacing: -.022em; margin: 4px 0 16px; }
@media (min-width: 768px) { .pg-materia__tit { font-size: 40px; } }
.pg-materia__meta { display: flex; align-items: center; gap: 12px; }
.pg-materia__av, .pg-materia__meta img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.pg-materia__por { font-size: 14px; font-weight: 700; color: var(--tinta); }
.pg-materia__por a { color: var(--tinta); }
.pg-materia__por a:hover { color: var(--azul); }

.pg-share { display: flex; gap: 8px; margin: 18px 0 4px; }
.pg-share__b { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--linha); background: #fff; color: var(--tinta); font-size: 14px; font-weight: 700; white-space: nowrap; }
.pg-share__b span { display: none; }
.pg-share__b:hover { border-color: currentColor; }
.pg-share__wa { color: #128c4a; }
.pg-share__fb { color: #1664d9; }
.pg-share__x { color: var(--tinta); }
.pg-share__cp { color: var(--suave); }
.pg-share__cp.is-ok { color: #12833a; border-color: #12833a; }
@media (min-width: 560px) { .pg-share__b span { display: inline; } .pg-share__b { flex: 0 0 auto; } }

.pg-resumo { margin: 22px 0 4px; padding: 16px 18px 17px; background: #f7f9fc; border: 1px solid var(--linha); border-left: 4px solid var(--azul); border-radius: 4px var(--raio) var(--raio) 4px; }
.pg-resumo__rot { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--azul); margin-bottom: 6px; }
.pg-resumo__rot .pg-ic { width: 16px; height: 16px; }
.pg-resumo__txt { font-size: 16px; line-height: 1.6; color: var(--texto); }
@media (max-width: 639px) { .pg-resumo { padding: 14px 14px 15px; } .pg-resumo__txt { font-size: 15px; line-height: 1.55; } }
.pg-resumo__txt strong, .pg-resumo__txt b { color: var(--tinta); font-weight: 700; }

/* Texto da matéria */
.pg-texto { margin-top: 24px; font-size: 18px; line-height: 1.72; color: var(--texto); overflow-wrap: break-word; }
.pg-texto > * { margin-top: 0; margin-bottom: 1.15em; }
.pg-texto p { margin: 0 0 1.15em; }
.pg-texto h2 { font-size: 24px; line-height: 1.25; margin: 1.9em 0 .7em; }
.pg-texto > h2 { padding-left: 14px; border-left: 4px solid var(--azul); }
.pg-texto h3 { font-size: 20px; line-height: 1.3; margin: 1.6em 0 .6em; }
.pg-texto h4 { font-size: 18px; margin: 1.4em 0 .5em; }
.pg-texto h2 strong, .pg-texto h3 strong, .pg-texto h4 strong { font-weight: inherit; }
@media (min-width: 768px) { .pg-texto { font-size: 19px; } .pg-texto h2 { font-size: 28px; } .pg-texto h3 { font-size: 22px; } }
.pg-texto a { color: var(--azul); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pg-texto a:hover { color: var(--azul-esc); text-decoration-thickness: 2px; }
.pg-texto strong, .pg-texto b { color: var(--tinta); font-weight: 700; }
.pg-texto ul, .pg-texto ol { padding-left: 1.35em; margin: 0 0 1.2em; }
.pg-texto li { margin: .35em 0; padding-left: .2em; }
.pg-texto li::marker { color: var(--azul); font-weight: 700; }
.pg-texto figure { margin: 1.6em 0; }
.pg-texto img { border-radius: 10px; }
.pg-texto figcaption, .pg-texto .wp-element-caption { margin-top: 8px; font-size: 14px; line-height: 1.4; color: var(--suave); text-align: center; }
.pg-texto .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.pg-texto .alignleft { float: left; margin: .3em 1.2em .8em 0; }
.pg-texto .alignright { float: right; margin: .3em 0 .8em 1.2em; }
.pg-texto .wp-block-image.is-resized img, .pg-texto .wp-block-image img[width] { height: auto; }
.pg-texto .wp-block-gallery { margin: 1.6em 0; }
.pg-texto .wp-block-gallery.has-nested-images figure.wp-block-image img { border-radius: 10px; }
.pg-texto blockquote, .pg-texto .wp-block-quote, .pg-texto .wp-block-pullquote { margin: 1.6em 0; padding: 4px 0 4px 18px; border-left: 4px solid var(--azul); font-size: 1.05em; color: var(--tinta); }
.pg-texto blockquote p:last-child { margin-bottom: 0; }
.pg-texto code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .88em; background: #eef2f7; padding: .12em .35em; border-radius: 5px; }
.pg-texto pre, .pg-texto .wp-block-code { background: #0f1419; color: #e6edf3; padding: 16px; border-radius: 10px; overflow-x: auto; font-size: 15px; line-height: 1.5; }
.pg-texto pre code, .pg-texto .wp-block-code code { background: none; padding: 0; color: inherit; }
.pg-texto hr { border: 0; border-top: 1px solid var(--linha); margin: 2em 0; }
.pg-texto iframe { width: 100%; border: 0; border-radius: 10px; }
.pg-texto .wp-block-embed { margin: 1.6em 0; }
.pg-texto .wp-block-embed__wrapper { position: relative; }
.pg-texto .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe { aspect-ratio: 16 / 9; height: auto; }
.pg-texto .has-medium-font-size { font-size: 1.15em; }
.pg-texto .pg-destaque { margin: 1.4em 0 1.6em; }
.pg-texto .pg-destaque img { width: 100%; border-radius: var(--raio); }

/* Tabelas */
.pg-texto .wp-block-table, .pg-tabela { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1.6em 0; }
.pg-texto table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.45; }
.pg-texto th, .pg-texto td { border: 1px solid var(--linha); padding: 10px 12px; text-align: left; vertical-align: top; }
.pg-texto thead th, .pg-texto thead td, .pg-texto tr:first-child th { background: var(--fundo); color: var(--tinta); font-weight: 700; }
.pg-texto .wp-block-table.has-fixed-layout table, .pg-texto table.has-fixed-layout { table-layout: auto; }

/* "Leia também" gravado dentro dos posts (plugin Links Relacionados) */
.pg-texto .posts-relacionados { margin: 1.6em 0; padding: 14px 18px; background: var(--fundo); border-left: 4px solid var(--azul); border-radius: 0 10px 10px 0; font-size: 16px; line-height: 1.4; }
.pg-texto .posts-relacionados::before { content: "Leia também"; display: block; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--suave); margin-bottom: 6px; }
.pg-texto .post-relacionado { padding: 6px 0; }
.pg-texto .post-relacionado + .post-relacionado { border-top: 1px solid var(--linha); }
.pg-texto .post-relacionado a { text-decoration: none; font-weight: 700; color: var(--tinta); display: inline-flex; gap: 8px; align-items: baseline; }
.pg-texto .post-relacionado a:hover { color: var(--azul); }
.pg-texto .post-relacionado .fa { color: var(--azul); flex: 0 0 auto; }

/* Ícones do Font Awesome usados dentro dos posts (sem carregar a fonte de 300 KB) */
.fa, .fas, .fab, .far { display: inline-block; width: 1em; height: 1em; vertical-align: -.125em; background-color: currentColor; -webkit-mask: var(--fa) center / contain no-repeat; mask: var(--fa) center / contain no-repeat; font-style: normal; }
.fa-link { --fa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M10 14a4.5 4.5 0 0 0 6.4 0l3.2-3.2a4.5 4.5 0 0 0-6.4-6.4L12 5.6M14 10a4.5 4.5 0 0 0-6.4 0l-3.2 3.2a4.5 4.5 0 0 0 6.4 6.4l1.2-1.2'/%3E%3C/svg%3E"); }
.fa-copy { --fa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='13' rx='2'/%3E%3Cpath d='M16 8V5a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E"); }
.fa-check { --fa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5 5L20 6.5'/%3E%3C/svg%3E"); }
.fa-music { --fa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 3v12.5a3.5 3.5 0 1 1-2-3.2V7.3L9 9.1v8.4A3.5 3.5 0 1 1 7 14.3V5.4L20 3Z'/%3E%3C/svg%3E"); }
.fa-search { --fa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M10.5 18a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Zm5.3-2.2L21 21'/%3E%3C/svg%3E"); }

/* Rodapé da matéria */
.pg-tags { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; }
.pg-tags a { display: block; padding: 6px 12px; border-radius: 999px; background: var(--fundo); color: var(--texto); font-size: 14px; font-weight: 600; }
.pg-tags a::before { content: "#"; color: var(--azul); margin-right: 2px; }
.pg-tags a:hover { background: var(--azul-claro); color: var(--azul-esc); }
.pg-materia__pe { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--linha); }
.pg-materia__pe-tit { font-weight: 800; color: var(--tinta); }
.pg-materia__pe .pg-share { margin-top: 10px; }
.pg-autorbox { display: flex; gap: 16px; align-items: flex-start; margin-top: 28px; padding: 20px; background: var(--fundo); border-radius: var(--raio); }
.pg-autorbox img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.pg-autorbox__rot { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--suave); }
.pg-autorbox__nome { font-size: 20px; font-weight: 800; color: var(--tinta); margin: 2px 0 6px; }
.pg-autorbox__nome a { color: var(--tinta); }
.pg-autorbox__nome span { font-size: 13px; font-weight: 600; color: var(--suave); margin-left: 6px; }
.pg-autorbox__bio { font-size: 15px; line-height: 1.55; margin-bottom: 8px; }

/* ---------- Listas (editoria, busca, autor) ---------- */
.pg-lista-cab { padding: 24px 0 8px; margin-bottom: 24px; border-bottom: 1px solid var(--linha); }
.pg-lista-cab__rot { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--c, var(--azul)); }
.pg-lista-cab__tit { font-size: 30px; letter-spacing: -.02em; margin: 4px 0 8px; }
@media (min-width: 768px) { .pg-lista-cab__tit { font-size: 40px; } }
.pg-lista-cab__pag { font-size: .5em; font-weight: 600; color: var(--suave); letter-spacing: 0; }
.pg-lista-cab__desc { color: var(--suave); max-width: 760px; font-size: 16px; }
.pg-lista-cab__desc p { margin: 0; }
.pg-lista-cab .pg-busca { margin-top: 16px; max-width: 640px; }
.pg-subcats { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 8px; }
.pg-subcats a { display: block; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--linha); color: var(--tinta); font-size: 14px; font-weight: 700; }
.pg-subcats a:hover { border-color: var(--azul); color: var(--azul); }
.pg-perfil { padding: 4px 0 6px; }
.pg-perfil__topo { display: flex; gap: 18px; align-items: center; }
.pg-perfil__foto, .pg-perfil__topo img { width: 112px; height: 112px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; box-shadow: 0 0 0 4px #fff, 0 0 0 5px var(--linha); }
.pg-perfil__id { min-width: 0; }
.pg-perfil__nome { font-size: 34px; letter-spacing: -.02em; line-height: 1.1; }
.pg-perfil__cargo { margin-top: 4px; font-size: 15px; font-weight: 600; color: var(--suave); }
.pg-perfil__redes { list-style: none; display: flex; gap: 6px; margin-top: 10px; }
.pg-perfil__redes a { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--linha); color: var(--tinta); }
.pg-perfil__redes a:hover { border-color: var(--azul); color: var(--azul); }
.pg-perfil__redes .pg-ic { width: 18px; height: 18px; }
.pg-perfil__bio { margin-top: 18px; max-width: 760px; font-size: 17px; line-height: 1.6; color: var(--texto); }
.pg-perfil__nums { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 18px; max-width: 640px; }
.pg-perfil__nums li { padding: 12px 14px; border: 1px solid var(--linha); border-radius: var(--raio); background: #fff; }
.pg-perfil__nums strong { display: block; font-size: 22px; font-weight: 800; color: var(--tinta); line-height: 1.1; font-variant-numeric: tabular-nums; }
.pg-perfil__nums span { display: block; margin-top: 3px; font-size: 12px; color: var(--suave); line-height: 1.3; }
.pg-perfil__temas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.pg-perfil__temas span { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--suave); margin-right: 2px; }
.pg-perfil__temas a { padding: 5px 12px; border-radius: 999px; border: 1px solid var(--linha); font-size: 14px; font-weight: 700; color: var(--c, var(--tinta)); }
.pg-perfil__temas a:hover { border-color: var(--c, var(--azul)); }
@media (max-width: 639px) {
	.pg-perfil__topo { gap: 14px; }
	.pg-perfil__foto, .pg-perfil__topo img { width: 84px; height: 84px; }
	.pg-perfil__nome { font-size: 26px; }
	.pg-perfil__bio { font-size: 16px; }
	.pg-perfil__nums { gap: 8px; }
	.pg-perfil__nums li { padding: 10px; }
	.pg-perfil__nums strong { font-size: 18px; }
}
.pg-bloco--colado { margin-top: 8px; }
.pg-bloco__tit--sec { margin-top: 36px; }
.pg-meta__leit { color: var(--azul); font-weight: 700; }
.pg-lista-cab__rot a { color: inherit; }
.pg-lista-cab__rot a:hover { text-decoration: underline; }
.pg-grade--lista .pg-cartao__tit { font-size: 18px; }
.pg-vazio { padding: 32px 0; font-size: 17px; }
.pg-vazio p + p { margin-top: 6px; color: var(--suave); }

.pg-paginas { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 40px 0 8px; }
.pg-paginas .page-numbers { min-width: 44px; height: 44px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--linha); color: var(--tinta); font-weight: 700; }
.pg-paginas a.page-numbers:hover { border-color: var(--azul); color: var(--azul); }
.pg-paginas .current { background: var(--azul); border-color: var(--azul); color: #fff; }
.pg-paginas .dots { border: 0; min-width: 20px; }
.pg-paginas--post { justify-content: flex-start; margin: 24px 0; }

/* 404 */
.pg-404 { text-align: center; padding: 40px 0 8px; max-width: 640px; margin: 0 auto; }
.pg-404__num { font-size: 88px; font-weight: 900; line-height: 1; color: var(--azul); letter-spacing: -.04em; }
.pg-404 > p:not(.pg-404__num) { color: var(--suave); margin-bottom: 18px; }
.pg-404 .pg-subcats { justify-content: center; }

/* Páginas institucionais */
.pg-pagina { max-width: 760px; margin: 0 auto; padding-top: 24px; }

/* ---------- Rodapé ---------- */
.pg-rodape { background: #0b1728; color: #c3cdda; margin-top: 56px; }
.pg-rodape__in { max-width: 1200px; margin: 0 auto; padding: 40px 16px 24px; display: grid; gap: 28px; grid-template-columns: 1fr 1fr; }
.pg-rodape__marca { grid-column: 1 / -1; }
.pg-rodape__marca p { margin: 10px 0 16px; font-size: 15px; max-width: 420px; }
@media (min-width: 900px) { .pg-rodape__in { grid-template-columns: 1.6fr 1fr 1fr 1fr; padding: 48px 24px 28px; } .pg-rodape__marca { grid-column: auto; } }
.pg-rodape__tit { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: #fff; margin-bottom: 10px; }
.pg-rodape__lista { list-style: none; }
.pg-rodape__lista a { display: block; padding: 5px 0; color: #c3cdda; font-size: 15px; }
.pg-rodape__lista a:hover { color: #fff; }
.pg-rodape .menu-item-home { display: none; }
.pg-redes { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.pg-redes a { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 10px; background: rgba(255, 255, 255, .08); color: #fff; }
.pg-redes a:hover { background: var(--azul); color: #fff; }
.pg-rodape__base { max-width: 1200px; margin: 0 auto; padding: 16px; border-top: 1px solid rgba(255, 255, 255, .1); display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; font-size: 13px; color: #8d9aab; }
@media (min-width: 768px) { .pg-rodape__base { padding: 18px 24px; } }
.pg-rodape__base a { color: #c3cdda; }

/* Aviso de cookies: flutua embaixo, não empurra a página */
.pg-cookie { position: fixed; z-index: 90; left: 12px; right: 12px; bottom: 12px; max-width: 560px; margin: 0 auto; display: flex; align-items: center; gap: 14px; padding: 12px 12px 12px 16px; background: #0f1419; color: #e6edf3; border-radius: var(--raio); box-shadow: 0 10px 30px rgba(0, 0, 0, .25); font-size: 14px; line-height: 1.4; }
.pg-cookie[hidden] { display: none; }
.pg-cookie p { flex: 1; }
.pg-cookie a { color: #9cc7ff; text-decoration: underline; }
.pg-cookie button { border: 0; background: var(--azul); color: #fff; font-weight: 700; padding: 10px 18px; border-radius: 9px; }
.pg-cookie button:hover { background: var(--azul-esc); }

/* ---------- Telas pequenas (até 380 px: iPhone SE, Androids compactos) ---------- */
@media (max-width: 380px) {
	.pg-wrap { padding: 0 14px; }
	.pg-topo__in { padding: 0 4px; gap: 0; }
	.pg-logo img { width: 142px; }
	.pg-hubs__in { padding: 8px 14px; gap: 6px; }
	.pg-hubs a { padding: 5px 10px; font-size: 13px; }
	.pg-cartao--linha, .pg-grade > .pg-cartao--card:not(:first-child) { grid-template-columns: 96px 1fr !important; gap: 12px !important; }
	.pg-cartao--linha .pg-cartao__tit, .pg-grade > .pg-cartao--card:not(:first-child) .pg-cartao__tit { font-size: 15px !important; }
	.pg-cartao--lead .pg-cartao__tit { font-size: 23px; }
	.pg-materia__tit { font-size: 25px; }
	.pg-texto { font-size: 17px; }
	.pg-texto h2 { font-size: 22px; }
	.pg-share { gap: 6px; }
	.pg-share__b { height: 40px; padding: 0 8px; }
	.pg-lista-cab__tit { font-size: 26px; }
	.pg-autorbox { padding: 16px; gap: 12px; }
	.pg-autorbox img { width: 56px; height: 56px; }
	.pg-perfil__nums li { padding: 9px 8px; }
	.pg-perfil__nums strong { font-size: 17px; }
	.pg-rodape__in { gap: 22px 16px; }
	.pg-cookie { font-size: 13px; gap: 10px; }
	.pg-cookie button { padding: 9px 14px; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }
@media print { .pg-topo, .pg-hubs, .pg-rodape, .pg-share, .pg-lateral, .pg-relacionados, .pg-cookie, .pg-so-celular { display: none !important; } }