/* ═══════════════════════════════════════════════════════
   TRANQUILIZAMENTE — Design System
   Extraído de Pagina de Vendas.html + adições de blog
═══════════════════════════════════════════════════════ */

:root{
  --bg: #f4efe6;
  --bg-2: #ebe4d6;
  --paper: #faf6ee;
  --ink: #1a1d1c;
  --ink-soft: #4a4f4d;
  --ink-muted: #7a7f7d;
  --forest: #2a3a32;
  --forest-2: #1d2922;
  --terracotta: #c97455;
  --terracotta-deep: #a85a3f;
  --line: rgba(26,29,28,0.12);
  --line-soft: rgba(26,29,28,0.06);
  --serif: 'Fraunces', Georgia, serif;
  --sans: 'Inter', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  font-size:16px;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ───────── LAYOUT ───────── */
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.wrap-narrow{max-width:780px;margin:0 auto;padding:0 32px}

/* ───────── TYPE ───────── */
.eyebrow{
  font-family:var(--mono);
  font-size:11px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:0.18em;
  color:var(--terracotta);
}
.eyebrow-mute{ color:var(--ink-muted); }

h1,h2,h3,h4{ font-family:var(--serif); font-weight:400; line-height:1.08; letter-spacing:-0.01em; color:var(--ink); }
h1{ font-size:clamp(40px, 5.6vw, 76px); font-weight:300; }
h2{ font-size:clamp(32px, 4.2vw, 56px); font-weight:300; }
h3{ font-size:clamp(22px, 2.4vw, 32px); }
h1 em, h2 em, h3 em{ font-style:italic; color:var(--terracotta); font-weight:400; }
h1 .ital, h2 .ital{ font-style:italic; font-weight:300; }

p{ font-size:17px; color:var(--ink-soft); line-height:1.65; }
p.lead{ font-size:20px; line-height:1.55; color:var(--ink); font-weight:400; }
.fineprint{font-size:13px;color:var(--ink-muted);}

/* ───────── BUTTONS ───────── */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--sans); font-weight:500; font-size:15px;
  padding:18px 32px; border-radius:999px;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  letter-spacing:0.01em;
}
.btn-primary{ background:var(--ink); color:var(--paper); }
.btn-primary:hover{ background:var(--forest-2); transform:translateY(-1px); box-shadow:0 12px 28px rgba(26,29,28,0.18); }
.btn-terracotta{ background:var(--terracotta); color:#fff; }
.btn-terracotta:hover{ background:var(--terracotta-deep); transform:translateY(-1px); box-shadow:0 12px 28px rgba(201,116,85,0.32); }
.btn-ghost{ background:transparent; color:var(--ink); border:1px solid var(--line); }
.btn-ghost:hover{ background:rgba(0,0,0,0.04); }
.btn .arrow{ transition:transform .25s ease; }
.btn:hover .arrow{ transform:translateX(4px); }

/* ───────── NAV ───────── */
.nav{
  position:sticky; top:0; z-index:50;
  background:rgba(244,239,230,0.85);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.nav-row{ display:flex; align-items:center; justify-content:space-between; padding:18px 32px; max-width:1180px; margin:0 auto; }
.brand{ display:flex; align-items:baseline; gap:8px; }
.brand-mark{ font-family:var(--serif); font-style:italic; font-weight:400; font-size:22px; color:var(--ink); letter-spacing:-0.02em; }
.brand-mark b{ color:var(--terracotta); font-style:normal; font-weight:500; }
.brand-tag{ font-family:var(--mono); font-size:10px; text-transform:uppercase; letter-spacing:0.16em; color:var(--ink-muted); }
.nav-cta{ font-size:13px; padding:10px 20px; }

/* ───────── SECTION SHELL ───────── */
section{ padding:120px 0; position:relative; }
.section-head{ margin-bottom:72px; }
.section-head .eyebrow{ display:inline-block; margin-bottom:20px; }
.section-head h2{ max-width:780px; }
.section-head p.lead{ margin-top:24px; max-width:680px; }

/* ───────── STAT CARD (reutilizável) ───────── */
.stat-card{
  background:var(--forest); color:var(--paper);
  padding:48px 40px; border-radius:24px;
  position:sticky; top:120px;
}
.stat-card .eyebrow{ color:rgba(250,246,238,0.6); margin-bottom:24px; }
.stat-card .stat-num{
  font-family:var(--serif); font-size:96px; font-weight:300;
  line-height:0.9; color:var(--terracotta);
  margin-bottom:24px; font-style:italic;
}
.stat-card .stat-text{
  font-family:var(--serif); font-size:24px; font-weight:300;
  line-height:1.3; color:var(--paper); margin-bottom:24px;
}
.stat-card .stat-source{
  font-family:var(--mono); font-size:11px; color:rgba(250,246,238,0.5);
  text-transform:uppercase; letter-spacing:0.14em;
  padding-top:24px; border-top:1px solid rgba(250,246,238,0.15);
}

/* ───────── FAQ ───────── */
.faq-list{ display:flex; flex-direction:column; }
.faq-item{ border-bottom:1px solid var(--line); padding:0; }
.faq-item:first-child{ border-top:1px solid var(--line); }
.faq-q{
  width:100%; padding:28px 0;
  display:flex; justify-content:space-between; align-items:center; gap:24px;
  font-family:var(--serif); font-size:21px; font-weight:300;
  color:var(--ink); text-align:left; transition: color .2s;
}
.faq-q:hover{ color:var(--terracotta); }
.faq-q .icon{
  width:32px; height:32px; border-radius:50%;
  border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; font-size:14px; color:var(--ink-soft);
  transition: transform .3s ease, background .3s ease;
}
.faq-item.open .faq-q .icon{ transform:rotate(45deg); background:var(--terracotta); color:#fff; border-color:var(--terracotta); }
.faq-a{ display:none; padding:0 0 32px; max-width:90%; }
.faq-a p{ font-size:15px; line-height:1.65; color:var(--ink-soft); }
.faq-item.open .faq-a{ display:block; animation: fadeIn .3s ease; }

/* ───────── EXPERT CREDENTIALS ───────── */
.expert-credentials{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  margin-top:40px; padding-top:40px; border-top:1px solid var(--line);
}
.expert-credentials div .num{ font-family:var(--serif); font-size:36px; font-weight:300; color:var(--terracotta); line-height:1; font-style:italic; }
.expert-credentials div .lbl{ font-family:var(--mono); font-size:11px; color:var(--ink-muted); text-transform:uppercase; letter-spacing:0.1em; margin-top:8px; }

/* ───────── FINAL CTA (dark section) ───────── */
.s-final{ background:var(--forest); color:var(--paper); padding:140px 0; text-align:center; }
.s-final .eyebrow{ color:var(--terracotta); }
.s-final h2{ color:var(--paper); margin:24px auto 32px; max-width:780px; }
.s-final h2 em{ color:var(--terracotta); }
.s-final p.lead{ color:rgba(250,246,238,0.8); max-width:600px; margin:0 auto 48px; }
.s-final .btn{ background:var(--terracotta); color:#fff; padding:22px 48px; font-size:14px; text-transform:uppercase; letter-spacing:0.1em; }
.s-final .btn:hover{ background:var(--terracotta-deep); }

/* ───────── FOOTER ───────── */
footer{
  background:var(--forest-2);
  color:rgba(250,246,238,0.6);
  padding:56px 0;
  font-size:13px;
}
.footer-row{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; }
footer a{ color:rgba(250,246,238,0.7); }
footer a:hover{ color:var(--terracotta); }
footer .brand-mark{ color:var(--paper); }
footer .brand-mark b{ color:var(--terracotta); }

@keyframes pulse{ 0%,100%{opacity:1} 50%{opacity:0.4} }
@keyframes fadeIn{ from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }

/* ───────── RESPONSIVE BASE ───────── */
@media (max-width: 900px){
  body{ font-size:15px; }
  section{ padding:80px 0; }
  .wrap, .wrap-narrow{ padding:0 24px; }
  .nav-row{ padding:14px 24px; }
  .nav .nav-cta{ display:none; }
}

@media (max-width: 540px){
  .expert-credentials{ gap:16px; }
  .expert-credentials div .num{ font-size:28px; }
}


/* ══════════════════════════════════════════════════════
   BLOG — Adições específicas
══════════════════════════════════════════════════════ */

/* ── Nav links ── */
.nav-links{ display:flex; gap:32px; align-items:center; }
.nav-links a{
  font-family:var(--mono); font-size:11px; text-transform:uppercase;
  letter-spacing:0.14em; color:var(--ink-muted); transition:color .2s;
}
.nav-links a:hover{ color:var(--ink); }
.nav-links a.active{ color:var(--ink); }

/* ── Blog hero ── */
.blog-hero{ padding:80px 0 72px; background:var(--paper); border-bottom:1px solid var(--line); }
.blog-hero h1{ max-width:820px; margin-bottom:28px; }
.blog-hero p.lead{ max-width:640px; margin-bottom:48px; }
.blog-hero-cta{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-bottom:48px; }
.blog-hero-meta{
  display:flex; gap:32px; padding-top:32px;
  border-top:1px solid var(--line); flex-wrap:wrap;
}
.blog-hero-meta div{ display:flex; flex-direction:column; gap:4px; }
.blog-hero-meta .num{ font-family:var(--serif); font-size:28px; font-weight:300; color:var(--ink); letter-spacing:-0.02em; }
.blog-hero-meta .lbl{ font-family:var(--mono); font-size:11px; color:var(--ink-muted); text-transform:uppercase; letter-spacing:0.12em; }

/* ── Category filter bar ── */
.cat-bar{
  padding:24px 0; background:var(--bg); border-bottom:1px solid var(--line);
  position:sticky; top:61px; z-index:40;
}
.cat-bar-inner{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.cat-pill{
  font-family:var(--mono); font-size:11px; text-transform:uppercase;
  letter-spacing:0.12em; padding:8px 16px; border-radius:999px;
  border:1px solid var(--line); color:var(--ink-muted);
  transition:background .2s, color .2s, border-color .2s;
  background:transparent; cursor:pointer;
}
.cat-pill:hover{ color:var(--ink); border-color:var(--ink-muted); }
.cat-pill.active{ background:var(--ink); color:var(--paper); border-color:var(--ink); }

/* ── Featured article wrapper ── */
.featured-wrap{ padding:80px 0 0; background:var(--bg); }

/* ── Article grid ── */
.articles-wrap{ padding:48px 0 80px; background:var(--bg); }
.article-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }

/* ── Cards ── */
.card{
  background:var(--paper); border-radius:20px; overflow:hidden;
  border:1px solid var(--line-soft);
  transition:transform .3s ease, box-shadow .3s ease;
  display:flex; flex-direction:column;
}
.card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(26,29,28,0.08); }
.card-img{ aspect-ratio:16/10; background:var(--bg-2); overflow:hidden; }
.card-img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.card:hover .card-img img{ transform:scale(1.04); }
.card-body{ padding:28px 28px 32px; flex:1; display:flex; flex-direction:column; }
.card-cat{
  font-family:var(--mono); font-size:10px; text-transform:uppercase;
  letter-spacing:0.16em; color:var(--terracotta); margin-bottom:12px;
}
.card-title{
  font-family:var(--serif); font-size:22px; font-weight:300; line-height:1.25;
  color:var(--ink); margin-bottom:12px; letter-spacing:-0.01em;
}
.card-title a{ color:inherit; }
.card-title a:hover{ color:var(--terracotta); }
.card-excerpt{ font-size:15px; color:var(--ink-soft); line-height:1.6; flex:1; }
.card-meta{
  display:flex; align-items:center; gap:16px; margin-top:20px; padding-top:20px;
  border-top:1px solid var(--line-soft);
}
.card-author-img{
  width:32px; height:32px; border-radius:50%; background:var(--forest);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--serif); font-style:italic; font-size:15px;
  color:var(--paper); flex-shrink:0;
}
.card-author-name{
  font-family:var(--mono); font-size:11px; text-transform:uppercase;
  letter-spacing:0.1em; color:var(--ink-muted);
}
.card-date{ font-family:var(--mono); font-size:11px; color:var(--ink-muted); margin-left:auto; }

/* ── Featured card (horizontal) ── */
.card--featured{ flex-direction:row; border-radius:24px; }
.card--featured .card-img{ aspect-ratio:unset; width:420px; flex-shrink:0; }
.card--featured .card-img img{ width:100%; height:100%; }
.card--featured .card-body{ padding:48px 44px; justify-content:center; }
.card--featured .card-title{ font-size:clamp(24px, 2.8vw, 36px); margin-bottom:16px; }
.card--featured .card-excerpt{ font-size:17px; margin-bottom:28px; }

/* ── Newsletter strip ── */
.newsletter-strip{ background:var(--forest); color:var(--paper); padding:80px 0; }
.newsletter-strip .eyebrow{ color:rgba(201,116,85,0.9); margin-bottom:20px; display:block; }
.newsletter-strip h2{ color:var(--paper); max-width:600px; margin-bottom:16px; }
.newsletter-strip p{ color:rgba(250,246,238,0.75); max-width:520px; margin-bottom:32px; }
.newsletter-form{ display:flex; gap:12px; max-width:480px; flex-wrap:wrap; }
.newsletter-input{
  flex:1; min-width:200px; padding:16px 20px; border-radius:999px;
  border:1px solid rgba(250,246,238,0.2); background:rgba(250,246,238,0.08);
  color:var(--paper); font-family:var(--sans); font-size:15px; outline:none;
}
.newsletter-input::placeholder{ color:rgba(250,246,238,0.45); }
.newsletter-input:focus{ border-color:rgba(250,246,238,0.5); background:rgba(250,246,238,0.12); }

/* ── Author strip ── */
.author-strip{ background:var(--bg-2); padding:80px 0; }
.author-strip-inner{
  display:grid; grid-template-columns:auto 1fr auto; gap:48px; align-items:center;
}
.author-strip-img{ width:96px; height:96px; border-radius:50%; overflow:hidden; flex-shrink:0; }
.author-strip-img img{ width:100%; height:100%; object-fit:cover; }
.author-strip-text .eyebrow{ margin-bottom:8px; display:block; }
.author-strip-text h3{
  font-family:var(--serif); font-size:28px; font-weight:300; margin-bottom:8px; color:var(--ink);
}
.author-strip-text p{ font-size:15px; color:var(--ink-soft); }

/* ══ PÁGINA DE ARTIGO ══════════════════════════════════ */

/* ── Article hero ── */
.article-hero{ background:var(--paper); padding:64px 0 0; }
.article-hero-inner{ max-width:780px; margin:0 auto; padding:0 32px; }
.article-hero .back-link{
  font-family:var(--mono); font-size:11px; text-transform:uppercase;
  letter-spacing:0.14em; color:var(--ink-muted);
  display:inline-flex; align-items:center; gap:8px; margin-bottom:40px;
}
.article-hero .back-link:hover{ color:var(--terracotta); }
.article-cat{
  font-family:var(--mono); font-size:11px; text-transform:uppercase;
  letter-spacing:0.16em; color:var(--terracotta); margin-bottom:16px; display:block;
}
.article-hero h1{ font-size:clamp(32px, 4.8vw, 60px); margin-bottom:24px; }
.article-hero p.lead{ font-size:21px; line-height:1.55; margin-bottom:40px; max-width:680px; }
.article-byline{
  display:flex; align-items:center; gap:16px;
  padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}
.article-byline-img{
  width:44px; height:44px; border-radius:50%; overflow:hidden;
  background:var(--forest); display:flex; align-items:center; justify-content:center;
  font-family:var(--serif); font-style:italic; font-size:20px; color:var(--paper); flex-shrink:0;
}
.article-byline-info strong{ font-size:14px; color:var(--ink); display:block; font-weight:600; }
.article-byline-info span{
  font-family:var(--mono); font-size:11px; color:var(--ink-muted);
  text-transform:uppercase; letter-spacing:0.1em;
}
.article-byline-date{
  font-family:var(--mono); font-size:11px; color:var(--ink-muted);
  margin-left:auto; text-transform:uppercase; letter-spacing:0.1em;
  display:flex; align-items:center; gap:8px;
}

/* ── Cover image ── */
.article-cover{ aspect-ratio:21/9; overflow:hidden; background:var(--bg-2); }
.article-cover img{ width:100%; height:100%; object-fit:cover; filter:saturate(0.95); }

/* ── Article layout (body + sidebar) ── */
.article-layout{
  display:grid; grid-template-columns:1fr 300px; gap:64px;
  max-width:1180px; margin:0 auto; padding:0 32px;
}
.article-sidebar{ padding-top:64px; }
.sidebar-sticky{ position:sticky; top:100px; }
.sidebar-section{ margin-bottom:40px; }
.sidebar-section h4{
  font-family:var(--mono); font-size:11px; text-transform:uppercase;
  letter-spacing:0.16em; color:var(--ink-muted); margin-bottom:16px;
}
.sidebar-toc{ list-style:none; display:flex; flex-direction:column; gap:4px; padding:0; }
.sidebar-toc a{
  font-size:14px; color:var(--ink-soft); line-height:1.4; display:block;
  padding:8px 0; border-bottom:1px solid var(--line-soft); transition:color .2s;
}
.sidebar-toc a:hover{ color:var(--terracotta); }
.sidebar-card{
  background:var(--paper); border:1px solid var(--line-soft);
  border-radius:16px; padding:24px;
}
.sidebar-card .eyebrow{ margin-bottom:12px; display:block; }
.sidebar-card h4{
  font-family:var(--serif); font-size:18px; font-weight:300;
  margin-bottom:10px; color:var(--ink); letter-spacing:-0.01em;
  text-transform:none;
}
.sidebar-card p{ font-size:13px; color:var(--ink-soft); margin-bottom:16px; line-height:1.6; }

/* ── Article body ── */
.article-body{ max-width:780px; margin:0 auto; padding:64px 32px 80px; }
.article-body h2{ font-size:clamp(24px, 3vw, 36px); margin:56px 0 20px; }
.article-body h3{ font-size:clamp(20px, 2.4vw, 28px); margin:40px 0 16px; }
.article-body p{ font-size:18px; line-height:1.75; color:var(--ink-soft); margin-bottom:24px; }
.article-body p:first-child{ font-size:20px; color:var(--ink); }
.article-body ul,
.article-body ol{
  padding-left:0; margin-bottom:28px; list-style:none;
  display:flex; flex-direction:column; gap:12px;
}
.article-body li{ display:flex; gap:14px; font-size:17px; color:var(--ink-soft); line-height:1.6; }
.article-body ul li::before{ content:'→'; color:var(--terracotta); font-weight:600; flex-shrink:0; margin-top:3px; }
.article-body ol{ counter-reset:li; }
.article-body ol li::before{
  content:counter(li,decimal-leading-zero); counter-increment:li;
  font-family:var(--mono); font-size:11px; color:var(--terracotta);
  flex-shrink:0; margin-top:5px; min-width:32px;
}
.article-body strong{ color:var(--ink); font-weight:600; }
.article-body a{ color:var(--terracotta); border-bottom:1px solid rgba(201,116,85,0.3); transition:border-color .2s; }
.article-body a:hover{ border-color:var(--terracotta); }

/* Article table */
.article-body .article-table-wrap{ margin:40px 0; overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:12px; border:1px solid var(--line); }
.article-body table{ width:100%; border-collapse:collapse; font-size:14px; background:var(--paper); }
.article-body table thead{ background:var(--forest); color:var(--paper); }
.article-body table th{
  font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:0.1em;
  font-weight:500; padding:14px 16px; text-align:left; color:rgba(250,246,238,0.9);
}
.article-body table td{ padding:16px; border-top:1px solid var(--line-soft); color:var(--ink-soft); line-height:1.55; vertical-align:top; }
.article-body table tbody tr:nth-child(even){ background:rgba(26,29,28,0.02); }
.article-body table td:first-child{ font-family:var(--serif); font-size:16px; color:var(--ink); font-weight:400; }

/* References */
.article-references{ margin-top:64px; padding-top:32px; border-top:1px solid var(--line); }
.article-references h3{ font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:0.16em; color:var(--ink-muted); margin:0 0 20px; font-weight:500; }
.article-references ol{ counter-reset:ref; padding:0; margin:0; }
.article-references li{ font-size:14px; color:var(--ink-soft); line-height:1.5; }
.article-references li::before{
  content:'[' counter(ref) ']'; counter-increment:ref;
  font-family:var(--mono); font-size:11px; color:var(--terracotta);
  margin-top:2px; min-width:32px;
}

/* Pull quote */
.article-pull{
  font-family:var(--serif); font-size:clamp(22px, 2.8vw, 32px); font-weight:300;
  font-style:italic; line-height:1.4; color:var(--ink);
  padding:48px 0; margin:48px 0;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}

/* Callout box (borda terracota) */
.article-callout{
  margin:40px 0; padding:24px 28px; background:var(--paper);
  border-left:3px solid var(--terracotta); border-radius:0 8px 8px 0;
  font-family:var(--serif); font-size:19px; font-style:italic; color:var(--ink);
  font-weight:300; line-height:1.5;
}

/* Tip box (fundo verde) */
.article-tip{ margin:40px 0; padding:28px 32px; background:rgba(42,58,50,0.06); border-radius:14px; }
.article-tip .tip-label{
  font-family:var(--mono); font-size:11px; text-transform:uppercase;
  letter-spacing:0.16em; color:var(--forest); margin-bottom:12px; display:block;
}
.article-tip p{ font-size:16px; color:var(--ink); margin:0; line-height:1.65; }

/* ── Related articles ── */
.related{ background:var(--bg-2); padding:80px 0; }
.related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }

/* ── Responsive blog ── */
@media (max-width:900px){
  .nav-links{ display:none; }
  .article-layout{ grid-template-columns:1fr; }
  .article-sidebar{ padding-top:0; order:2; }
  .sidebar-sticky{ position:static; }
  .card--featured{ flex-direction:column; }
  .card--featured .card-img{ width:100%; aspect-ratio:16/9; }
  .card--featured .card-body{ padding:32px 28px; }
  .article-grid{ grid-template-columns:repeat(2,1fr); gap:24px; }
  .related-grid{ grid-template-columns:repeat(2,1fr); }
  .author-strip-inner{ grid-template-columns:auto 1fr; }
  .author-strip-inner .btn{ grid-column:1/-1; }
  .newsletter-form{ flex-direction:column; }
  .newsletter-input{ width:100%; }
  .s-final{ padding:80px 0; }
}
@media (max-width:540px){
  .article-grid{ grid-template-columns:1fr; }
  .related-grid{ grid-template-columns:1fr; }
  .cat-bar-inner{ overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch; gap:6px; }
  .cat-pill{ flex-shrink:0; }
  .article-hero-inner{ padding:0 16px; }
  .article-body{ padding:36px 16px 56px; }
  .article-layout{ padding:0 16px; }
  .blog-hero-cta{ flex-direction:column; align-items:stretch; }
  .blog-hero-cta .btn{ width:100%; }

  /* ── Seções e layout ── */
  section{ padding:56px 0; }
  .wrap, .wrap-narrow{ padding:0 16px; }
  .nav-row{ padding:12px 16px; }
  .section-head{ margin-bottom:40px; }

  /* ── Blog hero ── */
  .blog-hero{ padding:48px 0 36px; }
  .blog-hero-meta{ gap:20px; }
  .blog-hero-meta .num{ font-size:22px; }

  /* ── Wrappers de conteúdo ── */
  .featured-wrap{ padding:40px 0 0; }
  .articles-wrap{ padding:24px 0 48px; }

  /* ── Cards ── */
  .card-body{ padding:20px 20px 24px; }
  .card-title{ font-size:19px; }

  /* ── Newsletter ── */
  .newsletter-strip{ padding:56px 0; }
  .newsletter-strip h2 br{ display:none; }

  /* ── Autor ── */
  .author-strip{ padding:56px 0; }
  .expert-credentials{ gap:12px; }
  .expert-credentials div .num{ font-size:24px; }

  /* ── Stat card ── */
  .stat-card{ padding:28px 24px; }
  .stat-card .stat-num{ font-size:64px; }

  /* ── FAQ ── */
  .faq-q{ font-size:17px; padding:20px 0; }

  /* ── Final CTA ── */
  .s-final{ padding:64px 0; }

  /* ── Artigo hero ── */
  .article-hero{ padding:36px 0 0; }
  .article-cover{ aspect-ratio:16/9; }
  .article-byline{ flex-wrap:wrap; gap:12px; }
  .article-byline-date{ margin-left:0; }
  .article-pull{ font-size:20px; padding:32px 0; margin:32px 0; }
}