/* blog.css — GERADO pelo _blog-fonte/site.mjs (não editar aqui). Usa os tokens do estilo.css. */
.blog-main{max-width:1100px;margin:0 auto;padding:24px var(--secao-h) 64px}
.artigo{max-width:720px;margin:0 auto}
.migalhas{font-size:14px;color:var(--cinza-suave);margin:8px 0 24px}
.migalhas a{color:var(--azul)}
.migalhas a:hover{text-decoration:underline}
.art-topo{margin-bottom:24px}
.art-cat,.cartao-cat,.blog-kicker{display:inline-block;font:600 12px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--azul);border:1px solid rgba(0,110,180,.3);border-radius:9999px;padding:4px 12px}
.art-topo h1{font:800 36px/1.18 Sora,sans-serif;color:var(--grafite);margin:16px 0 12px;letter-spacing:-.01em}
.art-meta{font-size:14px;color:var(--cinza-suave);line-height:1.5}
.art-meta strong{color:var(--grafite);font-weight:600}
.art-corpo{font-size:18px;line-height:1.7;color:var(--cinza-texto)}
.art-corpo>p,.art-corpo>ul,.art-corpo>ol,.faq-item p{margin:0 0 16px}
.art-corpo h2{font:700 26px/1.25 Sora,sans-serif;color:var(--grafite);margin:40px 0 16px;scroll-margin-top:88px}
.art-corpo h3{font:700 18px/1.35 Sora,sans-serif;color:var(--grafite);margin:24px 0 8px}
.art-corpo strong{color:var(--grafite);font-weight:600}
.art-corpo a{color:var(--azul);text-decoration:underline;text-underline-offset:3px}
.art-corpo ul,.art-corpo ol{padding-left:24px}
.art-corpo li{margin:0 0 8px}
.art-corpo li::marker{color:var(--turquesa)}
.destaque{border-left:4px solid var(--turquesa);background:var(--bg-suave);border-radius:0 6px 6px 0;padding:16px 24px;margin:24px 0}
.destaque p{margin:0;color:var(--grafite)}
.sumario{border:1px solid rgba(0,110,180,.16);border-radius:6px;padding:16px 24px;margin:24px 0 32px;background:var(--branco)}
.sumario-tit{font:600 14px Sora,sans-serif;color:var(--grafite);margin:0 0 8px}
.sumario ol{margin:0;padding-left:20px;font-size:16px;line-height:1.5}
.sumario li{margin:4px 0}
.sumario a{color:var(--azul);text-decoration:none}
.sumario a:hover{text-decoration:underline}
.cta-meio{border:1px solid rgba(0,110,180,.18);background:var(--bg-suave);border-radius:8px;padding:24px;margin:32px 0}
.cta-meio p{margin:0 0 16px;font-size:16px;line-height:1.6}
.cta-meio .cta-meio-tit{font:700 18px/1.35 Sora,sans-serif;color:var(--grafite);margin-bottom:8px}
.cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--azul),var(--turquesa));color:#fff!important;text-decoration:none!important;font:600 16px Inter,sans-serif;padding:12px 24px;border-radius:9999px;min-height:48px;transition:transform .2s,box-shadow .2s}
.cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,110,180,.25)}
.cta-btn .ico-whatsapp{fill:currentColor}
.faq{border-top:1px solid rgba(0,110,180,.14);margin-top:40px;padding-top:8px}
.faq-item{border-bottom:1px solid rgba(0,110,180,.10);padding:8px 0}
.faq-item h3{margin:16px 0 8px}
.art-autor{display:flex;gap:16px;align-items:flex-start;border:1px solid rgba(0,110,180,.16);border-radius:8px;padding:24px;margin:40px 0 24px}
.art-autor img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}
.art-autor p{margin:0;font-size:14px;line-height:1.55;color:var(--cinza-texto)}
.art-autor .art-autor-nome{font:700 18px Sora,sans-serif;color:var(--grafite);margin-bottom:4px}
.art-autor .art-autor-cred{color:var(--azul);font-weight:600;margin-bottom:8px}
.art-autor a{color:var(--azul);text-decoration:underline}
.cta-fim{background:linear-gradient(120deg,var(--azul),var(--turquesa));color:#fff;border-radius:8px;padding:40px 24px;margin:24px 0;text-align:center}
.cta-fim h2{font:800 26px/1.25 Sora,sans-serif;margin:0 0 12px;color:#fff}
.cta-fim p{font-size:16px;line-height:1.6;max-width:560px;margin:0 auto 24px;opacity:.95}
.cta-fim-botoes{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}
.cta-btn-claro{background:#fff;color:var(--azul)!important}
.cta-btn-claro .ico-whatsapp{fill:var(--azul)}
.cta-link{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.art-aviso{font-size:14px;color:var(--cinza-suave);line-height:1.6;margin:16px 0 0}
.relacionados{max-width:1100px;margin:64px auto 0}
.relacionados>h2,.cat-topo h2{font:800 26px Sora,sans-serif;color:var(--grafite);margin:0 0 16px}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.cartao{display:flex;flex-direction:column;gap:8px;border:1px solid rgba(0,110,180,.16);border-radius:8px;padding:0 0 24px;background:var(--branco);overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}
.cartao>*:not(img){margin-left:24px;margin-right:24px}
.cartao img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;margin-bottom:8px}
.cartao:not(:has(img)){padding-top:24px}
.cartao:hover{box-shadow:var(--sombra);transform:translateY(-2px);border-color:rgba(0,110,180,.3)}
.cartao-cat{align-self:flex-start}
.cartao-tit{font:700 18px/1.35 Sora,sans-serif;color:var(--grafite);margin-top:4px}
.cartao-res{font-size:16px;line-height:1.55;color:var(--cinza-texto)}
.cartao-min{font-size:14px;color:var(--cinza-suave);margin-top:auto}
.ver-todos{margin:24px 0 0}
.ver-todos a{color:var(--azul);font-weight:600}
.blog-hero{max-width:760px;padding:40px 0 24px}
.blog-hero h1{font:800 48px/1.1 Sora,sans-serif;color:var(--grafite);margin:16px 0;letter-spacing:-.015em}
.blog-sub{font-size:18px;line-height:1.65;color:var(--cinza-texto);margin:0 0 16px}
.blog-assina{font-size:14px;color:var(--azul);font-weight:600;margin:0 0 24px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--azul);color:var(--azul);border-radius:9999px;padding:8px 16px;font-weight:600;font-size:14px;transition:background .2s,color .2s}
.chip:hover{background:var(--azul);color:#fff}
.cat-bloco{margin:48px 0;scroll-margin-top:88px}
.cat-topo{margin-bottom:24px;max-width:720px}
.cat-topo p{font-size:16px;line-height:1.6;color:var(--cinza-texto);margin:0}
.cta-fim-indice{margin-top:64px}
.nav-links a.nav-ativo{color:var(--azul)}
@media (max-width:768px){
  .blog-main{padding:16px var(--secao-h) 48px}
  .art-topo h1{font-size:26px}
  .blog-hero{padding:24px 0 8px}
  .blog-hero h1{font-size:36px}
  .art-corpo{font-size:18px}
  .art-corpo h2{font-size:22px;margin-top:32px}
  .cta-fim{padding:32px 16px}
  .cta-fim h2,.relacionados>h2,.cat-topo h2{font-size:22px}
  .art-autor{padding:16px}
  .grade{grid-template-columns:1fr;gap:16px}
}