/* ==========================================================================
   Vantis Partners — Estilos do artigo (blog)
   Depende de vantis.css (tokens, header, footer, buttons, wa-float)
   ========================================================================== */

/* ---------- Article masthead (branded cover) ---------- */
.art-masthead{background:linear-gradient(155deg,#0B1F3A 0%,#14284A 62%,#0e2140 100%);color:#fff;padding:150px 0 64px;position:relative;overflow:hidden}
.art-masthead::before{content:"";position:absolute;right:-8%;top:20%;width:520px;height:520px;background:radial-gradient(circle,rgba(91,100,112,.20),transparent 62%);pointer-events:none}
.art-masthead .wrap{position:relative;z-index:2;max-width:820px}
.breadcrumb{font-size:12.5px;letter-spacing:.5px;color:rgba(237,239,244,.6);margin-bottom:22px}
.breadcrumb a{color:rgba(237,239,244,.8)}
.breadcrumb a:hover{color:#fff}
.art-cat{display:inline-block;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:2px;padding:6px 13px;margin-bottom:22px}
.art-masthead h1{font-size:clamp(32px,4.6vw,50px);color:#fff;line-height:1.14;margin-bottom:20px}
.art-dek{font-size:clamp(17px,2.1vw,21px);color:rgba(237,239,244,.85);font-weight:300;max-width:60ch;font-family:var(--serif);font-style:italic}
.art-meta{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:30px;font-size:13.5px;letter-spacing:.4px;color:rgba(237,239,244,.72)}
.art-meta .sep{opacity:.4}

/* ---------- Article body ---------- */
.article{max-width:720px;margin:0 auto;padding:64px 28px 40px}
.article > *{margin-bottom:24px}
.article p{font-size:18px;line-height:1.75;color:#2c333f}
.article h2{font-size:clamp(25px,3vw,32px);color:var(--navy);margin:52px 0 8px;line-height:1.2}
.article h3{font-size:22px;color:var(--navy);margin:34px 0 4px}
.article ul,.article ol{padding-left:22px}
.article li{font-size:18px;line-height:1.7;color:#2c333f;margin-bottom:10px}
.article strong{font-weight:500;color:var(--navy)}
.article a.inline{color:var(--navy);border-bottom:1px solid rgba(11,31,58,.35)}
.article a.inline:hover{border-bottom-color:var(--navy)}

/* Table of contents */
.toc{background:var(--cream);border:1px solid var(--line-dark);border-radius:6px;padding:26px 30px;margin:8px 0 40px}
.toc .toc-t{font-family:var(--sans);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--grey);margin-bottom:14px}
.toc ol{list-style:none;padding:0;counter-reset:toc}
.toc li{counter-increment:toc;margin-bottom:9px;font-size:15.5px}
.toc li::before{content:counter(toc,decimal-leading-zero);font-family:var(--serif);color:var(--grey);margin-right:12px}
.toc a{color:var(--navy)}
.toc a:hover{text-decoration:underline}

/* Lead paragraph */
.article .lede{font-size:21px;line-height:1.65;color:var(--navy);font-weight:400}

/* Pull quote */
.pullquote{font-family:var(--serif);font-size:clamp(23px,3vw,28px);line-height:1.35;color:var(--navy);border-left:3px solid var(--navy);padding:6px 0 6px 26px;margin:44px 0;font-style:italic}

/* Callout / disclaimer box */
.callout{background:var(--mist);border:1px solid #dfe3ec;border-left:3px solid var(--grey);border-radius:4px;padding:22px 26px;margin:36px 0}
.callout p{font-size:15.5px;line-height:1.65;color:var(--ink);margin:0}
.callout .c-t{font-family:var(--sans);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--grey);margin-bottom:8px}

/* Key-takeaways box */
.takeaways{background:var(--navy);color:#fff;border-radius:6px;padding:34px 34px;margin:44px 0}
.takeaways .k-t{font-family:var(--sans);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(237,239,244,.65);margin-bottom:16px}
.takeaways ul{list-style:none;padding:0}
.takeaways li{color:rgba(237,239,244,.92);font-size:16px;line-height:1.55;padding:11px 0 11px 26px;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}
.takeaways li:last-child{border-bottom:0}
.takeaways li::before{content:"—";position:absolute;left:0;color:rgba(237,239,244,.5)}

/* CTA block */
.art-cta{background:linear-gradient(160deg,#0B1F3A,#14284A);color:#fff;border-radius:8px;padding:46px 42px;margin:56px auto;max-width:720px;text-align:center}
.art-cta h3{font-size:27px;color:#fff;margin-bottom:12px}
.art-cta p{color:rgba(237,239,244,.82);font-size:16.5px;max-width:48ch;margin:0 auto 26px}

/* Author / footer of article */
.art-author{max-width:720px;margin:0 auto;padding:0 28px}
.art-author-inner{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);padding:30px 0;margin:20px 0 0}
.art-author .ini{width:58px;height:58px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:22px;flex-shrink:0}
.art-author .n{font-family:var(--serif);font-size:20px;color:var(--navy)}
.art-author .r{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--grey);margin-top:2px}
.art-author .b{font-size:14.5px;color:var(--ink);margin-top:8px;line-height:1.55}

/* Related posts */
.related{max-width:1120px;margin:60px auto 0;padding:0 28px}
.related h2{font-size:26px;color:var(--navy);margin-bottom:26px}

/* Share row */
.share{max-width:720px;margin:36px auto 0;padding:0 28px;display:flex;gap:14px;align-items:center;font-size:13px;letter-spacing:.5px;color:var(--grey)}
.share a{border:1px solid var(--line-dark);border-radius:2px;padding:8px 15px;color:var(--navy);transition:.2s}
.share a:hover{border-color:var(--navy)}

@media(max-width:880px){
  .art-masthead{padding:120px 0 52px}
  .article{padding:44px 22px 30px}
  .article p,.article li{font-size:17px}
}