/* MÓDULO: blog | VERSÃO: 2.1 | DATA: 2026-07-08 | desktop página cheia + grade 3 colunas + scroll infinito + leitor interno /blog/p/{slug} (conteúdo classificados019 migrado p/ /blog-data) | v2.1: cores explícitas (tema escuro do site sobrescrevia --ink) + leitor em cartão claro */

/* ===== legado (lista mobile antiga — mantido p/ shells com JS antigo em cache) ===== */
.blogitem{display:flex;gap:12px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:12px;text-decoration:none;color:var(--ink);transition:transform .12s}
.blogitem .thumb{flex:0 0 92px;width:92px;height:92px;border-radius:11px;background:#eadfc6 center/cover no-repeat}
.blogitem .bi{flex:1;min-width:0;display:flex;flex-direction:column}
.blogitem h5{margin:0 0 3px;font-size:14.5px;line-height:1.25}
.blogitem p{margin:0;font-size:12px;color:#6b5a4a;line-height:1.4}
.blogitem .dd{margin-top:auto;font-size:11px;color:#a3946f;font-weight:600}
.utilbd{background:#fff;color:#1a1a1a;padding:0!important}

/* ===== chips de fonte (compartilhado) ===== */
.src{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;align-self:flex-start;padding:2px 8px;border-radius:999px;color:#fff;margin-bottom:4px}
.src-v{background:linear-gradient(90deg,#0047FF,#2B7CFF)}.src-c{background:linear-gradient(90deg,#9a6400,#EFA017)}

/* ===== grade de cards (v2) ===== */
.bggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:980px){.bggrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:620px){.bggrid{grid-template-columns:1fr;gap:12px}}
.bgcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:#3a342b;cursor:pointer;opacity:0;transform:translateY(14px);animation:bgIn .5s cubic-bezier(.22,.9,.36,1) forwards;transition:transform .18s,box-shadow .18s,border-color .18s}
.bgcard:hover{transform:translateY(-3px);box-shadow:0 16px 36px -14px rgba(90,60,0,.3);border-color:#e3c98a}
@keyframes bgIn{to{opacity:1;transform:none}}
.bgth{width:100%;aspect-ratio:16/9;background:#eadfc6 center/cover no-repeat;display:block}
.bgin{display:flex;flex-direction:column;flex:1;min-width:0;padding:13px 15px 14px}
.bgin h5{margin:6px 0;font-size:15.5px;line-height:1.32;color:#26200f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bgin p{margin:0;font-size:12.5px;color:#6b5a4a;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bgin .dd{margin-top:auto;padding-top:10px;font-size:11px;color:#a3946f;font-weight:600}
.bgmore{text-align:center;padding:22px;color:#EFA017;font-weight:700;font-size:13.5px;min-height:20px}

/* ===== desktop: página cheia ===== */
@media(min-width:1000px){
 #blogmodal .dt{max-width:none;width:100%;margin:0;border-radius:0;min-height:100%}
 #blogmodal .hd{padding:34px 44px 28px}
 #blogmodal .hd h2{font-size:30px;max-width:none;margin:12px 0 6px}
 #blogmodal .hd .emp{font-size:15px}
 #blogmodal .bg-hdin{max-width:1240px;margin:0 auto}
 #blogmodal .hd .close{top:22px;right:34px}
 #blogmodal .bd{max-width:1288px;margin:0 auto;padding:30px 44px 70px}
}

/* ===== leitor de post (cartão claro sobre o fundo escuro do site) ===== */
.bgpost{max-width:860px;margin:0 auto;background:linear-gradient(180deg,#fffdf7,#fbf4e4);border-radius:18px;padding:24px 28px 30px;box-shadow:0 24px 60px -24px rgba(0,0,0,.5)}
@media(max-width:640px){.bgpost{padding:16px 14px 22px;border-radius:14px}}
.bgback{display:inline-block;background:#f1e8d5;color:#5a4200;border-radius:11px;padding:9px 16px;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;margin:0 0 16px}
.bgback:hover{background:#e9dcbc}
.bghero{width:100%;max-height:400px;object-fit:cover;border-radius:16px;display:block;margin:0 0 20px}
.bgart{font-size:15.5px;line-height:1.7;color:#3a342b;overflow-wrap:break-word}
.bgart h2{color:#7a5000;font-size:22px;line-height:1.3;margin:26px 0 10px}
.bgart h3{color:#7a5000;font-size:18px;margin:20px 0 8px}
.bgart p{margin:0 0 14px}
.bgart a{color:#9a6400;font-weight:600}
.bgart ul,.bgart ol{padding-left:22px;margin:0 0 14px}
.bgart li{margin:3px 0}
.bgart table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%;margin:0 0 16px}
.bgart td,.bgart th{border:1px solid #e7dcbf;padding:8px 10px;font-size:13.5px;text-align:left}
.bgart th{background:#fbf3df;color:#7a5000}
.bgart details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:8px 0}
.bgart summary{font-weight:700;cursor:pointer;color:#7a5000}
.bgart img{max-width:100%;height:auto;border-radius:12px}
.bgart blockquote{border-left:4px solid #EFA017;background:#fbf3df;margin:0 0 14px;padding:12px 16px;border-radius:0 10px 10px 0}