/* Blog (/blog) — Bezerra & Barros Advogados. Regras escopadas: body.blog (páginas do blog),
   .artigo (artigo; usado também no editor) e .bl-* (peças do blog). Sem estilos inline (CSP). */
:root{--bl-navy:#00425F;--bl-deep:#012F44;--bl-gold:#A38F54;--bl-ink:#1A2B33;--bl-muted:#5C7180;--bl-line:#00425f1f;--bl-bg:#F6F7F8}

body.blog{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#fff;color:var(--bl-ink);font:16px/1.6 Inter,Arial,sans-serif}
body.blog a{color:var(--bl-navy)}
body.blog *,body.blog *::before,body.blog *::after{box-sizing:border-box}
.bl-pular{position:absolute;left:-9999px;top:0;background:var(--bl-navy);color:#fff;padding:8px 14px;z-index:10}
.bl-pular:focus{left:12px;top:12px}
.bl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.bl-topo{border-bottom:1px solid var(--bl-line);background:#fff}
.bl-topo-in{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.bl-marca img{display:block;width:150px;height:auto}
.bl-menu{display:flex;gap:6px;flex-wrap:wrap}
.bl-menu a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--bl-muted);font-weight:500;font-size:15px}
.bl-menu a:hover{color:var(--bl-navy);background:#00425f0d}
.bl-menu a[aria-current=page]{color:var(--bl-navy);background:#00425f14}

.bl-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:40px 24px 64px}
.bl-cab{margin:0 0 34px;display:flow-root}
.bl-eyebrow{margin:0;font-size:13px;letter-spacing:.2em;color:var(--bl-gold);font-weight:600;text-transform:uppercase}
.bl-eyebrow a,body.blog .bl-eyebrow a{color:var(--bl-gold);text-decoration:none}
.bl-cab h1{font:500 46px/1.1 'Cormorant Garamond',Georgia,serif;color:var(--bl-navy);margin:8px 0 10px}
.bl-sub{color:var(--bl-muted);margin:0 0 22px;font-size:17px;max-width:680px}
.bl-busca{display:flex;gap:8px;float:right;margin:0 0 12px 16px}
.bl-busca input{width:170px;min-width:0;font:inherit;color:var(--bl-ink);border:1px solid #9baeb8;border-radius:999px;padding:10px 16px;background:#fff}
.bl-busca button,.bl-btn{border:0;border-radius:999px;padding:10px 20px;background:var(--bl-navy);color:#fff;font:500 15px Inter,Arial,sans-serif;cursor:pointer;text-decoration:none;display:inline-block}
.bl-busca button:hover,.bl-btn:hover{background:var(--bl-deep)}
/* Busca com a mesma altura dos botões de categoria (.bl-cats a: 14px, padding 6px, borda 1px) */
.bl-busca input,.bl-busca button{box-sizing:border-box;font-size:14px;line-height:1.6;padding:6px 14px}
.bl-busca button{border:1px solid var(--bl-navy)}
.bl-busca button:hover{border-color:var(--bl-deep)}
body.blog .bl-btn{color:#fff}
.bl-cats{display:flex;gap:8px;flex-wrap:wrap}
.bl-cats a{padding:6px 14px;border-radius:999px;border:1px solid var(--bl-line);text-decoration:none;font-size:14px;font-weight:500;background:#fff}
.bl-cats a:hover{border-color:var(--bl-navy)}
.bl-cats a[aria-current=page]{background:var(--bl-navy);border-color:var(--bl-navy);color:#fff}
.bl-vazio,.bl-contagem{color:var(--bl-muted)}

.bl-grade{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 0 30px}
.bl-cartao{display:flex;flex-direction:column;border:1px solid var(--bl-line);border-radius:18px;overflow:hidden;background:#fff;transition:box-shadow .15s}
.bl-cartao:hover{box-shadow:0 18px 40px -30px #00283c99}
.bl-cartao-img{display:block;aspect-ratio:16/9;background:var(--bl-bg);overflow:hidden}
.bl-cartao-img img{display:block;width:100%;height:100%;object-fit:cover}
.bl-sem-img{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bl-navy),var(--bl-deep));text-decoration:none}
.bl-sem-img span{font:500 34px 'Cormorant Garamond',Georgia,serif;color:var(--bl-gold)}
.bl-cartao-txt{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.bl-cat{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;text-decoration:none}
body.blog .bl-cat{color:var(--bl-gold)}
.bl-cartao h2,.bl-cartao h3{margin:0;font:500 25px/1.2 'Cormorant Garamond',Georgia,serif}
.bl-cartao h2 a,.bl-cartao h3 a{text-decoration:none;color:var(--bl-navy)}
.bl-cartao h2 a:hover,.bl-cartao h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.bl-resumo{margin:0;color:var(--bl-ink);font-size:15px}
.bl-meta{margin:auto 0 0;font-size:13px;color:var(--bl-muted)}
.bl-destaque{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin:0 0 34px}
.bl-destaque .bl-cartao-img{aspect-ratio:auto;min-height:300px}
.bl-destaque .bl-cartao-txt{padding:30px 32px;justify-content:center}
.bl-destaque h2{font-size:36px}
.bl-destaque .bl-resumo{font-size:17px}
.bl-paginas{display:flex;justify-content:center;align-items:center;gap:22px;font-size:15px;color:var(--bl-muted);margin:10px 0 0}

.bl-trilha{font-size:14px;color:var(--bl-muted);max-width:720px;margin:0 auto 18px}
.bl-trilha a{text-decoration:none}
.bl-compartilhar{max-width:720px;margin:30px auto 0;padding-top:18px;border-top:1px solid var(--bl-line);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.bl-compartilhar p{margin:0;font-weight:600;color:var(--bl-navy);font-size:15px}
.bl-compartilhar ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.bl-compartilhar a,.bl-compartilhar button{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid #9baeb8;background:#fff;text-decoration:none;font:500 14px Inter,Arial,sans-serif;color:var(--bl-navy);cursor:pointer}
.bl-compartilhar a:hover,.bl-compartilhar button:hover{border-color:var(--bl-navy)}
.bl-relacionados{margin:54px 0 0;padding-top:30px;border-top:1px solid var(--bl-line)}
.bl-relacionados h2{font:500 32px/1.2 'Cormorant Garamond',Georgia,serif;color:var(--bl-navy);margin:0 0 20px}

.bl-rodape{border-top:1px solid var(--bl-line);background:var(--bl-bg)}
.bl-rodape-in{max-width:1120px;margin:0 auto;padding:22px 24px;font-size:13px;color:var(--bl-muted)}
.bl-rodape-in p{margin:4px 0}
.bl-rodape a{color:var(--bl-muted)}

/* Artigo (blog e editor) */
.artigo{max-width:720px;margin:0 auto}
.artigo-cat{margin:0;font-size:13px;letter-spacing:.2em;color:var(--bl-gold);font-weight:600;text-transform:uppercase}
.artigo-cat a,body.blog .artigo-cat a{color:var(--bl-gold);text-decoration:none}
.artigo h1{font:500 44px/1.12 'Cormorant Garamond',Georgia,serif;color:var(--bl-navy);margin:8px 0 12px}
.artigo-resumo{font-size:19px;line-height:1.55;color:var(--bl-ink);margin:0 0 12px}
.artigo-meta{font-size:14px;color:var(--bl-muted);margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid var(--bl-line)}
.artigo-capa{margin:0 0 26px}
.artigo-capa img,.artigo-corpo img{display:block;width:100%;height:auto;border-radius:12px}
.artigo-capa figcaption,.artigo-corpo figcaption{font-size:13px;color:var(--bl-muted);margin-top:6px;text-align:center}
.artigo-indice{background:var(--bl-bg);border:1px solid var(--bl-line);border-radius:14px;padding:14px 20px;margin:0 0 26px}
.artigo-indice p{margin:0 0 6px;font-weight:600;color:var(--bl-navy)}
.artigo-indice ol{margin:0;padding-left:20px}
.artigo-indice li{margin:3px 0}
.artigo-corpo{font-size:17px;line-height:1.75;color:var(--bl-ink);font-weight:400}
.artigo-corpo p{margin:0 0 18px}
.artigo-corpo h2{font:500 30px/1.2 'Cormorant Garamond',Georgia,serif;color:var(--bl-navy);margin:34px 0 12px;scroll-margin-top:20px}
.artigo-corpo h3{font:600 19px/1.35 Inter,Arial,sans-serif;color:var(--bl-navy);margin:26px 0 10px}
.artigo-corpo h4{font:600 17px/1.4 Inter,Arial,sans-serif;color:var(--bl-ink);margin:22px 0 8px}
.artigo-corpo ul,.artigo-corpo ol{margin:0 0 18px;padding-left:24px}
.artigo-corpo li{margin:4px 0}
.artigo-corpo a{color:var(--bl-navy);text-underline-offset:3px}
.artigo-corpo blockquote{margin:18px 0;padding:10px 18px;border-left:3px solid var(--bl-gold);background:#faf8f2}
.artigo-corpo hr{border:0;border-top:1px solid var(--bl-line);margin:30px 0}
.artigo-corpo table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px;display:block;overflow-x:auto}
.artigo-corpo th,.artigo-corpo td{border:1px solid var(--bl-line);padding:8px 10px;text-align:left;vertical-align:top}
.artigo-corpo th{background:var(--bl-bg)}
.artigo-corpo pre{background:var(--bl-bg);border-radius:10px;padding:12px;overflow:auto;font-size:14px}
.artigo-corpo figure{margin:24px 0}
.artigo-corpo .video{position:relative;aspect-ratio:16/9;margin:24px 0;border-radius:12px;overflow:hidden;background:#000}
.artigo-corpo .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.artigo-anexos{margin:30px 0 0;padding:16px 20px;border:1px solid var(--bl-line);border-radius:14px;background:var(--bl-bg)}
.artigo-anexos p{margin:0 0 6px;font-weight:600;color:var(--bl-navy)}
.artigo-anexos ul{margin:0;padding-left:20px}
.artigo-anexos li{margin:4px 0}
.artigo-anexos span{font-size:13px;color:var(--bl-muted)}
.artigo-aviso{margin:34px 0 0;padding-top:16px;border-top:1px solid var(--bl-line);font-size:13px;color:var(--bl-muted)}

@media (max-width:900px){
  .bl-destaque{grid-template-columns:1fr}
  .bl-destaque .bl-cartao-img{aspect-ratio:16/9;min-height:0}
  .bl-destaque .bl-cartao-txt{padding:20px}
  .bl-destaque h2{font-size:30px}
}
@media (max-width:600px){
  .bl-main{padding:28px 16px 48px}
  .bl-topo-in{padding:12px 16px}
  .bl-marca img{width:120px}
  .bl-cab h1{font-size:36px}
  .bl-grade{grid-template-columns:1fr}
  .artigo h1{font-size:34px}
  .artigo-corpo{font-size:16px}
}

/* Faixa da prévia (editor) */
.bl-faixa-previa{background:#fff3d8;color:#7a5a12;text-align:center;font-size:14px;padding:8px 16px}
body.blog .bl-faixa-previa a{color:#7a5a12;font-weight:600}

/* Convite e pedido de atendimento (035) */
.bl-convite{max-width:720px;margin:30px auto 0;padding:22px 24px;border:1px solid var(--bl-line);border-left:4px solid var(--bl-gold);border-radius:14px;background:var(--bl-bg);display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.bl-convite p{margin:0;flex:1 1 300px;font:500 21px/1.35 'Cormorant Garamond',Georgia,serif;color:var(--bl-navy)}
.bl-convite .bl-btn{flex:none}
body.blog .bl-convite a.bl-btn,.bl-convite a.bl-btn{color:#fff}
.bl-btn-inativo{opacity:.6;cursor:default}
.bl-janela{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);border:0;border-radius:16px;padding:22px 24px 24px;box-shadow:0 24px 70px #00263a59;color:var(--bl-ink);font:16px/1.6 Inter,Arial,sans-serif}
.bl-janela::backdrop{background:#00263a99}
.bl-janela-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bl-janela-cab h2{margin:0;font:500 28px/1.2 'Cormorant Garamond',Georgia,serif;color:var(--bl-navy)}
.bl-janela-fechar{border:0;background:none;font-size:28px;line-height:1;color:var(--bl-muted);cursor:pointer;padding:4px 8px;border-radius:8px}
.bl-janela-fechar:hover{background:var(--bl-bg);color:var(--bl-navy)}
.bl-janela-ref{margin:4px 0 14px;color:var(--bl-muted);font-size:14px}
.bl-janela-ok p{font-size:17px;margin:6px 0 18px}
.bl-form{display:flex;flex-direction:column;gap:12px;max-width:560px}
.bl-campo{display:flex;flex-direction:column;gap:4px}
.bl-campo label{font-weight:500;font-size:14px;color:var(--bl-ink)}
.bl-opcional{font-weight:400;color:var(--bl-muted)}
.bl-campo input:not([type=checkbox]),.bl-campo textarea{font:inherit;font-size:16px;color:var(--bl-ink);border:1px solid #9baeb8;border-radius:10px;padding:9px 12px;background:#fff;width:100%}
.bl-campo textarea{resize:vertical;min-height:96px}
.bl-campo input:focus,.bl-campo textarea:focus{outline:2px solid var(--bl-navy);outline-offset:1px;border-color:var(--bl-navy)}
.bl-campo [aria-invalid=true]{border-color:#a33025}
.bl-campo-check{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:10px}
.bl-campo-check input{margin:4px 0 0;width:18px;height:18px;flex:none;accent-color:var(--bl-navy)}
.bl-campo-check label{flex:1 1 0;font-weight:400;font-size:14px;line-height:1.5}
.bl-campo-check .bl-erro{flex-basis:100%}
.bl-erro{color:#a33025;font-size:13px}
.bl-erro[hidden],.bl-form-msg[hidden],.bl-form[hidden],.bl-janela-ok[hidden]{display:none}
.bl-form-msg{margin:0;padding:10px 14px;border-radius:10px;background:#fdf0ee;color:#a33025;font-size:14px}
.bl-form-ok{padding:14px 18px;border-radius:12px;background:#eef6f0;color:#1d5c34;max-width:560px}
.bl-form-acoes{margin-top:4px}
.bl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:600px){ .bl-convite{padding:18px} .bl-convite p{font-size:19px} .bl-janela{padding:18px} }

/* Botão de atendimento no meio do texto (link para #bl-convite sozinho no parágrafo) */
.artigo-corpo p.bl-cta{text-align:center;margin:30px 0}
body.blog .artigo-corpo p.bl-cta a.bl-btn,.artigo .artigo-corpo p.bl-cta a.bl-btn{color:#fff;text-decoration:none;padding:12px 26px;font-size:16px}
.artigo-corpo p.bl-cta a.bl-btn strong,.artigo-corpo p.bl-cta a.bl-btn em{font-weight:inherit;font-style:normal}
#bl-convite{scroll-margin-top:24px}