/* ===== Páginas de artigos ===== */
.article-page{padding:42px 0 72px}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.article-main{min-width:0}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;color:#8fa0b5;font-size:.88rem;margin-bottom:18px}
.breadcrumbs a:hover{color:var(--brand-500)}
.article-header{margin-bottom:22px}
.article-header h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;margin:.55rem 0 1rem;max-width:900px}
.article-deck{font-size:1.12rem;line-height:1.7;color:#afbdd0;max-width:820px}
.article-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:18px}
.article-hero{margin:24px 0 30px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #1c2430;background:#0f151c}
.article-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-content{font-size:1.04rem;line-height:1.82;color:#c2cede}
.article-content h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.25;margin:2.2rem 0 .8rem;color:var(--text)}
.article-content h3{font-size:1.2rem;margin:1.7rem 0 .55rem;color:#e6edf7}
.article-content p{margin:.75rem 0}
.article-content ul,.article-content ol{padding-left:1.35rem}
.article-content li{margin:.5rem 0}
.article-content strong{color:#ecf4ff}
.article-note{padding:18px 20px;border-left:4px solid var(--brand);background:#101820;border-radius:0 14px 14px 0;margin:24px 0;color:#c7d5e7}
.article-checklist{display:grid;gap:10px;padding:0;list-style:none}
.article-checklist li{position:relative;padding:13px 14px 13px 44px;background:#10161d;border:1px solid #1c2632;border-radius:13px}
.article-checklist li::before{content:"✓";position:absolute;left:15px;top:12px;color:var(--brand-500);font-weight:800}
.article-sidebar{position:sticky;top:92px;display:grid;gap:16px}
.article-sidebar .card{padding:20px}
.article-sidebar h2{font-size:1.12rem;margin:0 0 .65rem}
.article-sidebar p{margin:.4rem 0 1rem}
.article-sidebar .btn{justify-content:center;width:100%;margin-top:.45rem}
.related-list{display:grid;gap:10px}
.related-list a{display:block;padding:12px;border:1px solid #1c2632;border-radius:12px;background:#10161d;color:#c9d4e4}
.related-list a:hover{border-color:var(--brand);color:#fff}
.article-end-cta{margin-top:36px;padding:26px;border-radius:var(--radius-lg);border:1px solid rgba(34,197,94,.35);background:radial-gradient(circle at 90% 0,rgba(34,197,94,.13),transparent 42%),linear-gradient(180deg,#131a22,#0f141a)}
.article-end-cta h2{margin:0 0 .5rem}
.article-end-cta p{margin:.4rem 0 1rem;color:#aebdd0}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.articles-grid .blog-card{height:100%}
.articles-grid .blog-card .btn{margin-top:auto;align-self:flex-start}
@media(max-width:900px){
  .article-shell{grid-template-columns:1fr}
  .article-sidebar{position:static}
  .articles-grid{grid-template-columns:1fr}
}