/* ============================================================
   Kimberly Ramos Advocacia — Páginas de Blog (artigo)
   Usa as variáveis e botões de /assets/css/style.css
   ============================================================ */
.article-topbar{
  position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:14px clamp(20px,5vw,56px);
  background:rgba(36,5,7,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,162,75,.18);
}
.article-topbar a.brand img{height:42px;display:block}
.article-topbar .at-actions{display:flex;align-items:center;gap:18px}
.article-topbar .at-back{color:rgba(255,255,255,.78);font-size:.82rem;letter-spacing:.04em;transition:color .3s}
.article-topbar .at-back:hover{color:var(--gold-soft)}

/* Capa */
.cover{
  position:relative;min-height:62vh;display:flex;align-items:flex-end;color:#fff;
  padding:0 clamp(20px,5vw,56px) clamp(40px,6vw,70px);
  background-color:var(--wine-800);
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.cover::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(36,5,7,.55) 0%,rgba(36,5,7,.35) 35%,rgba(36,5,7,.92) 100%)}
.cover__inner{position:relative;z-index:1;max-width:860px;margin:0 auto;width:100%;padding-top:120px}
.cover__tag{display:inline-flex;align-items:center;gap:12px;font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:18px}
.cover__tag::before{content:"";width:30px;height:1px;background:var(--gold)}
.cover h1{font-family:var(--ff-serif);font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.1;max-width:18ch}
.cover__meta{margin-top:20px;font-size:.9rem;color:rgba(255,255,255,.7);display:flex;gap:18px;flex-wrap:wrap}
.cover__meta b{color:var(--gold-soft);font-weight:600}

/* Corpo do artigo */
.article{max-width:760px;margin:0 auto;padding:clamp(44px,6vw,72px) clamp(20px,5vw,24px) 40px}
.article .lead{font-size:1.25rem;line-height:1.6;color:var(--ink);font-weight:500;margin-bottom:30px}
.article p{font-size:1.05rem;line-height:1.8;color:#33404F;margin-bottom:22px}
.article h2{font-family:var(--ff-serif);font-size:1.6rem;margin:42px 0 16px;line-height:1.2}
.article ul.points{list-style:none;margin:8px 0 28px;display:grid;gap:14px}
.article ul.points li{position:relative;padding-left:34px;font-size:1.02rem;line-height:1.6;color:#33404F}
.article ul.points li::before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;
  background:rgba(201,162,75,.18);border:1px solid var(--gold)}
.article ul.points li::after{content:"";position:absolute;left:6px;top:11px;width:6px;height:9px;border:2px solid var(--gold-deep);border-top:0;border-left:0;transform:rotate(40deg)}
.callout{background:var(--cream);border-left:3px solid var(--gold);padding:22px 26px;margin:30px 0;border-radius:0 10px 10px 0}
.callout p{margin:0;font-size:1rem;color:#3A4757;font-style:italic}

/* CTA */
.article-cta{max-width:860px;margin:10px auto 0;padding:0 clamp(20px,5vw,24px)}
.article-cta__box{
  background:radial-gradient(120% 130% at 0% 0%,var(--wine-700),var(--wine-900) 70%);color:#fff;
  border-radius:16px;padding:clamp(32px,5vw,48px);text-align:center;border:1px solid rgba(201,162,75,.2)
}
.article-cta__box h3{font-family:var(--ff-serif);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:12px}
.article-cta__box p{color:rgba(255,255,255,.74);max-width:520px;margin:0 auto 26px}
.article-cta__box .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* aviso legal + footer */
.disclaimer{max-width:760px;margin:36px auto 0;padding:0 clamp(20px,5vw,24px);font-size:.82rem;color:var(--muted);line-height:1.6}
.article-foot{margin-top:50px;background:var(--wine-900);color:rgba(255,255,255,.6);padding:30px clamp(20px,5vw,56px);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem}
.article-foot a:hover{color:var(--gold-soft)}

@media(max-width:560px){
  .cover{min-height:56vh}
  .article-topbar .at-back{display:none}
}