/* CNH Blindada · Blog (tema claro aprovado: Sora + Roboto sobre #f2f2f2) */
:root{
  --bg:#f2f2f2;--paper:#ffffff;--ink:#1c2228;--ink-2:#4a555f;--muted:#7b8791;
  --line:#e3e6e9;--red:#C62F24;--red-dark:#A8271E;--teal:#0E2A31;--teal-2:#123842;
  --wa:#1FAB55;
}
*{margin:0;padding:0;box-sizing:border-box}
body.light{font-family:'Roboto',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3,.sora{font-family:'Sora',sans-serif}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}

.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand img{height:34px}
.brand b{font-family:'Sora',sans-serif;font-size:14px;letter-spacing:.02em}
.topnav{display:flex;align-items:center;gap:22px}
.topnav a{color:var(--ink-2);text-decoration:none;font-size:14px}
.topnav a:hover{color:var(--ink)}
.btn-wa{display:inline-flex;align-items:center;gap:8px;background:var(--wa);color:#fff;font-weight:700;font-size:13.5px;border-radius:9px;padding:9px 16px;text-decoration:none;transition:transform .2s}
.btn-wa:hover{transform:translateY(-1px)}

/* índice do blog */
.blog-hero{padding:56px 0 34px}
.blog-hero h1{font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15}
.blog-hero p{color:var(--ink-2);max-width:640px;margin-top:12px;font-size:17px}
.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:64px}
.pcard{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:9px}
.pcard:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(28,34,40,.08)}
.pcard .tag{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.pcard b{font-family:'Sora',sans-serif;font-size:19px;line-height:1.35}
.pcard p{color:var(--ink-2);font-size:14.5px}
.pcard .go{margin-top:auto;padding-top:8px;color:var(--red);font-weight:700;font-size:14px}

/* artigo */
.art{max-width:780px;margin:0 auto;padding:52px 22px 30px}
.art .tag{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.art h1{font-size:clamp(27px,3.8vw,40px);font-weight:800;line-height:1.2;margin:10px 0 14px}
.art .byline{color:var(--muted);font-size:13.5px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:28px}
.art p{margin-bottom:18px;font-size:17px;color:#2a343d}
.art h2{font-size:clamp(21px,2.6vw,27px);font-weight:700;margin:34px 0 14px;line-height:1.3}
.art h3{font-size:18.5px;font-weight:700;margin:24px 0 10px}
.art ul,.art ol{margin:0 0 18px 22px}
.art li{margin-bottom:10px;font-size:17px;color:#2a343d}
.art a{color:var(--red-dark);text-decoration:underline;text-underline-offset:3px}
.art strong{color:var(--ink)}
.destaque{background:var(--paper);border-left:4px solid var(--red);border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0;font-size:16.5px;color:#2a343d}

/* CTA do artigo */
.cta-box{background:linear-gradient(150deg,var(--teal-2),var(--teal));border-radius:16px;padding:34px 30px;margin:38px 0;color:#eef4f6;text-align:center}
.cta-box .t{font-family:'Sora',sans-serif;font-size:clamp(20px,2.6vw,26px);font-weight:700;line-height:1.3;margin-bottom:8px}
.cta-box p{color:#b9c8cd;font-size:15px;max-width:520px;margin:0 auto 20px}
.cta-box .btn-wa{font-size:16px;padding:15px 28px;border-radius:11px}

/* FAQ */
.faq-b{margin:10px 0 8px}
.faq-b .q{font-family:'Sora',sans-serif;font-weight:700;font-size:17px;margin:20px 0 6px}
.faq-b p{font-size:16px;margin-bottom:8px}

/* assinatura */
.autor{display:flex;gap:16px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;margin:36px 0 8px}
.autor img{width:54px;height:54px;border-radius:12px;object-fit:contain;background:#0b0d10;padding:6px}
.autor .n{font-family:'Sora',sans-serif;font-weight:700;font-size:15.5px}
.autor p{color:var(--ink-2);font-size:14px;margin-top:4px;line-height:1.6}
.disclaimer{color:var(--muted);font-size:13px;font-style:italic;margin:14px 0 40px}

/* relacionados */
.rel{max-width:780px;margin:0 auto;padding:0 22px 60px}
.rel b.h{font-family:'Sora',sans-serif;font-size:18px;display:block;margin-bottom:14px}

footer.lfoot{background:var(--paper);border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:13px;line-height:1.8}
footer.lfoot a{color:var(--ink-2)}

@media (max-width:760px){
  .post-grid{grid-template-columns:1fr}
  .topnav a:not(.btn-wa){display:none}
}
