/* Blog v4: artigo e listagens. Neutro (Guias) por padrão; Premium e MCMV pelas classes de silo no <body>. */
.a4,.a4-silo{--a-bg:#fff;--a-soft:#F3F4F6;--a-ink:#1C1F24;--a-ink2:#5D626A;--a-line:#E4E4E0;--a-eb:#5D626A;--a-acc:#1C1F24;--a-acc-ink:#fff;--a-disp:'Manrope',system-ui,sans-serif;--a-w:800;--a-ls:-.025em;--a-r:14px;--a-rb:10px;--a-body:'Manrope',system-ui,sans-serif;
	color:var(--a-ink);font-family:var(--a-body)}
.a4{background:var(--a-bg)}
body.silo-ap .a4,body.silo-ap .a4-sec,body.silo-ap .a4-silo{--a-soft:#F4F0E8;--a-ink:#0B132B;--a-ink2:#4A5468;--a-line:#E4DED2;--a-eb:#A8875A;--a-acc:#0B132B;--a-acc-ink:#EBDDC2;--a-disp:'Cormorant Garamond',Georgia,serif;--a-w:600;--a-ls:-.005em;--a-r:0px;--a-rb:2px}
body.silo-cp .a4,body.silo-cp .a4-sec,body.silo-cp .a4-silo{--a-soft:#EEF6F4;--a-ink:#12302F;--a-ink2:#3F5654;--a-line:#D5E6E2;--a-eb:#1F5C61;--a-acc:#1F5C61;--a-acc-ink:#fff;--a-disp:'Nunito',system-ui,sans-serif;--a-w:900;--a-ls:-.015em;--a-r:24px;--a-rb:999px;--a-body:'Nunito',system-ui,sans-serif}
.a4 a,.a4-sec a{text-decoration:none;color:inherit}
.a4 img{display:block;max-width:100%}
.a4-w{max-width:1200px;margin:0 auto;padding-inline:40px}
.a4-estreito{max-width:960px}
.a4 .eb,.a4-sec .eb,.a4-silo .eb{display:block;font-family:'Manrope',system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--a-eb)}
.a4-h1{margin:0;font-family:var(--a-disp);font-weight:var(--a-w);font-size:clamp(34px,4.4vw,56px);line-height:1.1;letter-spacing:var(--a-ls);text-wrap:balance}
.a4-h2{margin:6px 0 0;font-family:var(--a-disp);font-weight:var(--a-w);font-size:clamp(26px,2.8vw,38px);line-height:1.15;letter-spacing:var(--a-ls)}
.a4-lead{margin:0;font-size:20px;line-height:1.6;color:var(--a-ink2)}

/* cabeçalho do artigo */
.a4-cab{background:var(--a-soft);padding-block:48px 56px}
.a4-cab .a4-w{display:grid;gap:18px}
.a4-crumb{font-size:13.5px;color:var(--a-ink2)}
.a4-crumb a:hover{text-decoration:underline}
.a4-chip{justify-self:start;font-family:'Manrope',sans-serif;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:var(--a-rb);background:var(--a-acc);color:var(--a-acc-ink)!important}
.a4-meta{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--a-ink2)}
.a4-meta img{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.a4-meta b{color:var(--a-ink)}
.a4-capa{margin:0;background:linear-gradient(var(--a-soft) 50%,var(--a-bg) 50%)}
.a4-capa img{width:100%;height:auto;aspect-ratio:2/1;max-height:560px;object-fit:cover;border-radius:var(--a-r)} /* proporção fixa: sem salto de layout enquanto a capa carrega */

/* corpo */
.a4-corpo{padding-block:48px 72px;display:grid;gap:40px}
.a4-texto{font-size:19px;line-height:1.8;color:#2B2F35}
body.silo-ap .a4-texto{color:#1E2740}
body.silo-cp .a4-texto{color:#1E3A39;font-size:18.5px}
.a4-texto>*{margin:0 0 20px}
.a4-texto h2{font-family:var(--a-disp);font-weight:var(--a-w);font-size:clamp(26px,2.6vw,34px);line-height:1.2;letter-spacing:var(--a-ls);color:var(--a-ink);margin:44px 0 14px}
.a4-texto h3{font-size:21px;font-weight:800;color:var(--a-ink);margin:32px 0 10px}
.a4-texto ul,.a4-texto ol{padding-left:24px}
.a4-texto li{margin-bottom:8px}
.a4-texto blockquote{margin:28px 0;padding:6px 0 6px 24px;border-left:3px solid var(--a-eb);font-family:var(--a-disp);font-weight:var(--a-w);font-size:clamp(22px,2.2vw,28px);line-height:1.35;color:var(--a-ink)}
.a4-texto a{text-decoration:underline;text-underline-offset:3px}
.a4-texto .a4-nota{background:var(--a-soft);border-radius:var(--a-r);padding:18px 22px;font-size:16px;line-height:1.6}
.a4-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--a-ink2)}
.a4-tags span{border:1px solid var(--a-line);border-radius:var(--a-rb);padding:5px 12px}

/* autor */
.a4-autor{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;align-items:start;border-top:2px solid var(--a-ink);padding-top:28px}
.a4-autor img{width:120px;height:120px;object-fit:cover;object-position:50% 20%;border-radius:50%}
body.silo-ap .a4-autor img{border-radius:0}
body.silo-cp .a4-autor img{border:4px solid #F2A541}
.a4-autor>div{display:grid;gap:6px}
.a4-autor b{font-family:var(--a-disp);font-weight:var(--a-w);font-size:28px;line-height:1.1}
.a4-autor .cred{font-size:14px;color:var(--a-ink2)}
.a4-autor p{margin:6px 0 4px;color:var(--a-ink2);line-height:1.65}
.a4-row{display:flex;flex-wrap:wrap;gap:10px}
.a4-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--a-rb);font-family:'Manrope',sans-serif;font-weight:700;font-size:14.5px;border:1.5px solid transparent;white-space:nowrap}
.a4-btn.p{background:var(--a-acc);color:var(--a-acc-ink)!important}
body.silo-cp .a4-btn.p{background:#F2A541;color:#12302F!important}
.a4-btn.o{border-color:var(--a-ink);color:var(--a-ink)!important}

/* seções e listagens */
.a4-sec{padding-block:72px;background:#fff}
.a4-soft{background:var(--a-soft)}
body.silo-ap .a4-soft{background:#F4F0E8}
body.silo-cp .a4-soft{background:#EEF6F4}
.a4-sec .a4-w{display:grid;gap:32px}
.a4-btw{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
.a4-link{font-weight:800;font-size:15px;text-decoration:underline!important;text-underline-offset:5px}
.a4-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.a4-card{display:grid;align-content:start;background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r);overflow:hidden;transition:transform .25s,box-shadow .25s}
.a4-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(28,31,36,.45)}
.a4-card .ph{display:block;aspect-ratio:16/10;background:var(--a-soft);overflow:hidden}
.a4-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.a4-card:hover .ph img{transform:scale(1.04)}
.a4-card .bd{display:grid;gap:10px;padding:22px 22px 24px}
.a4-card b{font-family:var(--a-disp);font-weight:var(--a-w);font-size:22px;line-height:1.25;letter-spacing:var(--a-ls)}
body.silo-ap .a4-card b{font-size:26px;line-height:1.15}
.a4-card .ex{color:var(--a-ink2);font-size:15px;line-height:1.55}
.a4-card small{font-size:13px;color:var(--a-ink2)}
.a4-cab-arq{padding-block:56px 40px}
.a4-filtros{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.a4-filtros a{border:1px solid var(--a-line);background:#fff;padding:9px 16px;border-radius:var(--a-rb);font-family:'Manrope',sans-serif;font-size:14px;font-weight:700}
.a4-filtros a[aria-current]{background:var(--a-acc);color:var(--a-acc-ink);border-color:var(--a-acc)}
.a4-vazio{font-size:18px;color:var(--a-ink2)}
.a4 .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.a4 .page-numbers{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--a-line);border-radius:var(--a-rb);padding:0 12px;font-weight:700}
.a4 .page-numbers.current{background:var(--a-acc);color:var(--a-acc-ink);border-color:var(--a-acc)}

@media (max-width:980px){.a4-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
	.a4-w{padding-inline:20px}
	.a4-cab{padding-block:32px 40px}
	.a4-g3{grid-template-columns:1fr}
	.a4-autor{grid-template-columns:1fr;gap:16px}
	.a4-autor img{width:96px;height:96px}
	.a4-texto{font-size:17.5px}
	.a4-sec{padding-block:48px}
}

/* ===== Cartões-postais de bairros (inc/postais.php) ===== */
.a4-texto .pc,.a4-texto .pc-indice{width:min(1120px,calc(100vw - 40px));margin-left:calc(50% - min(560px,50vw - 20px))}
.pc-indice{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px;margin-bottom:24px}
.a4-texto .pc-mini{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--a-line);border-radius:6px;text-decoration:none;color:var(--a-ink);font-family:'Manrope',sans-serif;font-size:14.5px;font-weight:700;line-height:1.25;transition:transform .2s,box-shadow .2s}
.pc-mini:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(28,31,36,.08)}
.pc-mini b{flex:none;display:grid;place-items:center;width:36px;height:42px;background:var(--pc1);color:#fff;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:18px;outline:3px dotted var(--pc1);outline-offset:1px;box-shadow:inset 0 0 0 3px var(--pc1),inset 0 0 0 4px rgba(255,255,255,.7)}
.pc-ipe{--pc1:#E9B23A;--pc2:#B8691A}.pc-roxo{--pc1:#8A5A9E;--pc2:#4E2E63}.pc-cerrado{--pc1:#4E8A5F;--pc2:#24513A}
.pc-ceu{--pc1:#3C86A8;--pc2:#1D4C6B}.pc-terra{--pc1:#C8643B;--pc2:#7E3519}.pc-noite{--pc1:#34476B;--pc2:#141C2E}
.a4-texto .pc{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;margin-top:80px;margin-bottom:80px}
.pc-face{position:relative;margin:0;aspect-ratio:3/2;border:12px solid #fff;background:linear-gradient(160deg,var(--pc1),var(--pc2));box-shadow:0 22px 44px rgba(28,31,36,.18),0 2px 6px rgba(28,31,36,.08);transform:rotate(-1.2deg);overflow:hidden;z-index:0}
.pc-b .pc-face{order:2;transform:rotate(1.2deg)}
.pc-raios{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 120%,rgba(255,255,255,.11) 0 5deg,transparent 5deg 10deg)}
.pc-face.tem-foto .pc-raios{display:none}
.pc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc-face.tem-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,16,.62),rgba(10,12,16,0) 62%)}
.pc-txt{position:absolute;left:7%;right:7%;bottom:11%;display:grid;z-index:2;color:#fff}
.pc-saud{font-family:'Mrs Saint Delafield',cursive;font-size:clamp(34px,4.2vw,52px);line-height:.9;transform:rotate(-4deg);transform-origin:left;margin:0 0 2px 4px}
.pc-nome{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(34px,4.4vw,58px);line-height:1;letter-spacing:-.01em;text-shadow:0 3px 0 rgba(0,0,0,.16)}
.pc-cid{margin-top:12px;font-family:'Manrope',sans-serif;font-size:11.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;opacity:.88}
.pc-selo{position:absolute;top:16px;right:16px;z-index:2;display:grid;place-items:center;align-content:center;width:62px;height:74px;background:#FBF7EE;outline:4px dotted #FBF7EE;outline-offset:-1px;box-shadow:inset 0 0 0 4px #FBF7EE,inset 0 0 0 5.5px var(--pc2);transform:rotate(3deg)}
.pc-selo b{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:28px;line-height:1;color:var(--pc2)}
.pc-selo small{font-family:'Manrope',sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.2em;color:var(--pc2)}
.pc-carimbo{position:absolute;top:30px;right:62px;z-index:2;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;border:2px solid rgba(255,255,255,.72);transform:rotate(-14deg)}
.pc-carimbo span{font-family:'Manrope',sans-serif;font-size:8.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85);text-align:center;max-width:60px}
.pc-carimbo::after{content:"";position:absolute;right:82%;top:28px;width:96px;height:26px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.62) 0 2px,transparent 2px 8px)}
.pc-cred{position:absolute;right:10px;bottom:6px;z-index:2;font-family:'Manrope',sans-serif;font-size:11px;color:rgba(255,255,255,.85);text-shadow:0 1px 2px rgba(0,0,0,.5)}
.pc-verso{position:relative;z-index:1;margin-left:-28px;padding:34px 38px 30px;background:#fff;border:1px solid var(--a-line);box-shadow:0 14px 34px rgba(28,31,36,.07);border-top:0}
.pc-verso::before{content:"";position:absolute;left:-1px;right:-1px;top:0;height:6px;background:repeating-linear-gradient(135deg,#C8643B 0 12px,#fff 12px 22px,#2E6F8E 22px 34px,#fff 34px 44px)}
.pc-b .pc-verso{margin-left:0;margin-right:-28px}
.a4-texto .pc-h{margin:4px 0 0;font-family:'Manrope',sans-serif;font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--a-ink)}
.pc-h span{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;color:#B8691A;margin-right:4px}
.a4-texto .pc-fatos{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px;padding:0}
.a4-texto .pc-fatos li{margin:0;padding:6px 12px;background:var(--a-soft);border-radius:999px;font-family:'Manrope',sans-serif;font-size:13.5px;font-weight:700;line-height:1.3;color:var(--a-ink)}
.a4-texto .pc-corpo p{margin:0 0 12px;font-size:17px;line-height:1.7}
.a4-texto .pc-links{margin:16px 0 0;padding-top:14px;border-top:1px dashed var(--a-line);font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;color:var(--a-ink2)}
.a4-texto .pc-links a{margin-left:10px;color:var(--a-ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.pc-indice{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
	.pc-indice{grid-template-columns:1fr 1fr;gap:8px}
	.a4-texto .pc-mini{font-size:13.5px;padding:10px}
	.a4-texto .pc{grid-template-columns:1fr;margin-top:56px;margin-bottom:56px}
	.pc-b .pc-face{order:0}
	.pc-face,.pc-b .pc-face{border-width:8px;transform:rotate(-.8deg)}
	.pc-b .pc-face{transform:rotate(.8deg)}
	.pc-verso,.pc-b .pc-verso{margin:-22px 10px 0;padding:28px 20px 22px}
	.pc-selo{width:50px;height:60px;top:12px;right:12px}.pc-selo b{font-size:22px}
	.pc-carimbo{width:66px;height:66px;top:22px;right:46px}.pc-carimbo span{font-size:7px;max-width:48px}
	.pc-carimbo::after{width:60px;top:20px;height:20px}
	.a4-texto .pc-h{font-size:22px}
	.a4-texto .pc-corpo p{font-size:16.5px}
}