/* ===== LawChat Blog — identidade visual da marca ===== */
:root{
  --g1:#A7D7A4;--g2:#00BC33;--g3:#009926;
  --d9:#0B0D0F;--d8:#12141A;--d6:#24262E;
  --l0:#F8F9FB;--l1:#F0F2F5;--l2:#E2E5EA;
  --tw:#F0F2F5;--td:#15171C;--tdm:#5F6570;--tm:#9AA0A8;
  --fs:'Inter',sans-serif;  /* tudo em Inter */
  --fi:'Inter',sans-serif;
  --maxw:720px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--l0);color:var(--td);font-family:var(--fi);line-height:1.68;-webkit-font-smoothing:antialiased;font-feature-settings:'cv11','ss01'}

/* ---- Top bar (escura, com logo, igual à marca) ---- */
.bnav{position:sticky;top:0;z-index:50;background:rgba(11,13,15,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.bnav-in{max-width:1080px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bnav-logo{display:flex;align-items:center}
.bnav-logo img{height:26px;display:block}
.bnav-links{display:flex;align-items:center;gap:24px}
.bnav-links a{color:var(--tm);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s}
.bnav-links a:hover{color:#fff}
.bnav-cta{background:linear-gradient(135deg,var(--g2),var(--g3));color:#fff!important;padding:8px 16px;border-radius:100px;font-weight:600!important;font-size:.82rem;box-shadow:0 4px 14px rgba(0,188,51,.3)}
@media(max-width:600px){.bnav-links a:not(.bnav-cta){display:none}}

/* ---- Hub ---- */
.bhub-hd{max-width:var(--maxw);margin:0 auto;padding:56px 24px 26px;text-align:center}
.bhub-hd .slabel{color:var(--g3);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}
.bhub-hd h1{font-family:var(--fs);font-size:clamp(1.7rem,3.6vw,2.15rem);font-weight:600;letter-spacing:-.02em;margin:12px 0 8px;line-height:1.15;color:var(--td)}
.bhub-hd p{color:var(--tdm);font-size:.98rem;max-width:540px;margin:0 auto;line-height:1.6}
.bhub-grid{max-width:1080px;margin:0 auto;padding:24px 24px 70px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--l2);border-radius:16px;padding:22px;text-decoration:none;color:var(--td);transition:transform .3s,box-shadow .3s,border-color .3s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.06);border-color:rgba(0,188,51,.3)}
.bcard .tag{align-self:flex-start;font-size:.64rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--g3);background:rgba(0,188,51,.08);border:1px solid rgba(0,188,51,.2);padding:4px 10px;border-radius:100px;margin-bottom:13px}
.bcard h2{font-family:var(--fs);font-size:1.04rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:7px;color:var(--td)}
.bcard p{color:var(--tdm);font-size:.85rem;line-height:1.55;flex:1}
.bcard .more{color:var(--g3);font-weight:600;font-size:.84rem;margin-top:14px}

/* ---- Artigo ---- */
.bcrumb{max-width:var(--maxw);margin:0 auto;padding:26px 24px 0;font-size:.8rem;color:var(--tdm)}
.bcrumb a{color:var(--tdm);text-decoration:none}
.bcrumb a:hover{color:var(--g3)}
article.post{max-width:var(--maxw);margin:0 auto;padding:14px 24px 56px}
article.post .post-tag{color:var(--g3);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}
article.post h1{font-family:var(--fs);font-size:clamp(1.5rem,3vw,1.95rem);font-weight:600;letter-spacing:-.02em;line-height:1.18;margin:11px 0 12px;color:var(--td)}
article.post .post-meta{color:var(--tdm);font-size:.82rem;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--l2)}
article.post .lead{font-size:1.05rem;color:#33373f;line-height:1.62;margin-bottom:24px}
article.post h2{font-family:var(--fs);font-size:1.28rem;font-weight:600;letter-spacing:-.015em;margin:34px 0 12px;line-height:1.28;color:var(--td)}
article.post h3{font-family:var(--fs);font-size:1.08rem;font-weight:600;margin:24px 0 9px;color:var(--td)}
article.post p{margin-bottom:16px;font-size:.98rem;color:#33373f}
article.post a{color:var(--g3);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
article.post ul,article.post ol{margin:0 0 16px 20px}
article.post li{margin-bottom:8px;font-size:.98rem;color:#33373f}
article.post strong{font-weight:700;color:var(--td)}
article.post blockquote{margin:22px 0;padding:15px 20px;background:rgba(0,188,51,.05);border-left:3px solid var(--g2);border-radius:0 10px 10px 0;font-size:1rem;color:var(--td);line-height:1.6}

/* CTA escuro */
.post-cta{margin:36px 0;padding:28px 26px;border-radius:16px;background:linear-gradient(135deg,#0F1217,#1a1d24 60%,#0F1217);color:var(--tw);text-align:center;position:relative;overflow:hidden}
.post-cta h3{font-family:var(--fs);color:#fff;font-size:1.22rem;font-weight:600;margin-bottom:7px;letter-spacing:-.01em}
.post-cta p{color:var(--tm);margin-bottom:16px;font-size:.92rem}
.post-cta a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--g2),var(--g3));color:#fff;text-decoration:none;padding:13px 26px;border-radius:100px;font-weight:700;box-shadow:0 10px 28px rgba(0,188,51,.4)}

/* FAQ */
.post-faq{margin-top:36px}
.post-faq h2{font-family:var(--fs);margin-bottom:6px}
.post-faq details{border-bottom:1px solid var(--l2);padding:13px 0}
.post-faq summary{cursor:pointer;font-weight:600;color:var(--td);list-style:none;font-size:.98rem}
.post-faq summary::-webkit-details-marker{display:none}
.post-faq summary::after{content:'+';float:right;color:var(--g3);font-weight:700}
.post-faq details[open] summary::after{content:'−'}
.post-faq details p{margin-top:9px;color:var(--tdm);font-size:.94rem;line-height:1.6}

/* relacionados */
.related{max-width:var(--maxw);margin:0 auto;padding:0 24px 64px}
.related h2{font-family:var(--fs);font-size:1.12rem;font-weight:600;margin-bottom:14px;color:var(--td)}
.related a{display:block;padding:13px 17px;border:1px solid var(--l2);border-radius:12px;margin-bottom:9px;text-decoration:none;color:var(--td);font-weight:600;font-size:.92rem;transition:.2s}
.related a:hover{border-color:rgba(0,188,51,.3);color:var(--g3)}

/* ---- Lead form (igual ao de contratar planos, enviando pro webhook) ---- */
.lead-form{margin:36px 0;padding:28px 26px;border-radius:16px;background:linear-gradient(135deg,#0F1217,#1a1d24 60%,#0F1217);color:var(--tw);position:relative;overflow:hidden}
.lead-form h3{font-family:var(--fs);color:#fff;font-size:1.22rem;font-weight:600;margin-bottom:5px;letter-spacing:-.01em}
.lead-form .lf-sub{color:var(--tm);margin-bottom:18px;font-size:.92rem}
.lead-form .lf-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}
@media(max-width:540px){.lead-form .lf-row{grid-template-columns:1fr}}
.lead-form input{width:100%;padding:12px 14px;background:rgba(255,255,255,.05);border:1px solid var(--d6);border-radius:10px;color:#fff;font-size:.92rem;font-family:var(--fi);outline:none;transition:border-color .2s}
.lead-form input::placeholder{color:#6b7280}
.lead-form input:focus{border-color:var(--g2)}
.lead-form button{width:100%;margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--g2),var(--g3));color:#fff;border:none;cursor:pointer;padding:14px 26px;border-radius:100px;font-weight:700;font-size:.96rem;font-family:var(--fi);box-shadow:0 10px 28px rgba(0,188,51,.4);transition:transform .2s,box-shadow .2s}
.lead-form button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,188,51,.5)}
.lead-form button:disabled{opacity:.7;cursor:default;transform:none}
.lead-form .lf-legal{margin-top:11px;font-size:.72rem;color:#6b7280;text-align:center}
.lead-form .lf-ok{display:none;text-align:center;padding:16px 0}
.lead-form .lf-ok .lf-ok-ic{width:50px;height:50px;border-radius:50%;background:rgba(0,188,51,.15);border:1px solid rgba(0,188,51,.4);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--g1);font-size:1.5rem}
.lead-form .lf-ok h3{margin-bottom:5px}
.lead-form.sent .lf-head,.lead-form.sent form{display:none}
.lead-form.sent .lf-ok{display:block}

/* capas (artigo) e miniaturas (hub) */
.post-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin:6px 0 14px;border:1px solid var(--l2)}
.bcard-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:14px;background:var(--l1)}

/* footer */
.bfoot{background:var(--d9);color:var(--tm);padding:36px 24px;text-align:center;font-size:.86rem}
.bfoot a{color:var(--g1);text-decoration:none}