/* Cabeçalho das páginas sem hero */
body.no-hero header{background:#fff;border-bottom:1px solid var(--line)}
body.no-hero header .brand{color:var(--forest)}
body.no-hero header .brand span{color:var(--green)}
body.no-hero header .menu a{color:var(--ink)}
body.no-hero header .menu a:hover,body.no-hero header .menu a.active{border-color:var(--green);color:var(--green)}
body.no-hero header .burger{color:var(--forest)}
body.no-hero #main{padding-top:74px}

/* Botões */
.post-body a.btn,.callout a.btn,.widget a.btn,.sidebar a.btn{color:#fff;text-decoration:none}
.post-body a.btn-primary:hover,.callout a.btn-primary:hover,.post-body a.btn-ghost,.callout a.btn-ghost{color:#fff}
.widget a.btn-primary,.sidebar a.btn-primary{background:var(--green);color:#fff}
.widget a.btn-primary:hover,.sidebar a.btn-primary:hover{background:var(--green-dk);color:#fff}

/* Hero dos artigos */
.hero.hero-sm{min-height:clamp(340px,46vh,440px)}
.hero.hero-sm .hero-content{justify-content:center;align-items:center;text-align:center;padding-top:74px}
.hero.hero-sm .label{color:rgba(255,255,255,.95)}
.hero.hero-sm h1{margin:0;max-width:none;font-size:clamp(2.1rem,4.6vw,3.2rem)}

/* Cards e listagens */




.post-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
#posts{padding-top:clamp(34px,4.5vw,52px);padding-bottom:clamp(28px,4vw,44px)}

/* Estrutura do artigo */
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px;align-items:start}
main section.post-section{padding-block:clamp(40px,4.5vw,64px)}
.post-meta{font-size:.85rem;color:var(--muted);letter-spacing:.02em}
.post-meta span{opacity:.65}

/* Navegação estrutural */
.breadcrumb{font-size:.85rem;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.breadcrumb a{text-decoration:underline;text-underline-offset:3px}

/* Conteúdo do artigo */
.post-body p{margin-bottom:16px;font-size:1.06rem;color:#2b322d}
.post-body h2{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,2.8vw,2rem);color:var(--forest);margin:18px 0 14px;letter-spacing:-.01em;scroll-margin-top:84px}
.post-body h2:first-child{margin-top:0}
.post-body h3{font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--green-dk);margin:24px 0 8px}
.post-body a{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.post-body figure{width:100%;max-width:650px;margin:24px auto}
.post-body figure img{display:block;width:100%;height:auto;box-sizing:border-box;border:1px solid var(--line)}
.post-body figcaption{font-size:.85rem;color:var(--muted);margin-top:8px;text-align:center}
.lead{font-size:1.2rem;border-left:2px solid var(--green);padding-left:22px;color:var(--ink);margin-bottom:24px}

/* Lista de dicas */
.tips{list-style:none;margin:8px 0 20px;border-top:1px solid var(--line)}
.tips li{padding:16px 0 16px 34px;border-bottom:1px solid var(--line);position:relative}
.tips li::before{content:"";position:absolute;left:2px;top:22px;width:13px;height:8px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg)}
.tips b{display:block;font-family:var(--display);font-weight:600;font-size:1.08rem;color:var(--forest);margin-bottom:4px}
.tips span{color:var(--muted);font-size:.98rem}

/* Blocos de destaque e seus CTAs */
.callout{background:var(--bg-soft);border-left:3px solid var(--green);padding:18px 22px;margin:14px 0;font-size:1rem}
.callout strong{color:var(--forest)}
.callout > a.btn{display:flex;width:fit-content;max-width:100%;box-sizing:border-box;margin:14px auto 0;justify-content:center;text-align:center}
.callout > a.btn .arr{flex-shrink:0}

/* Barra lateral e widgets */
.sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:28px}
.widget{border:1px solid var(--line)}
.widget h3{font-family:var(--display);font-weight:600;font-size:1.05rem;color:var(--forest);padding:16px 20px;border-bottom:1px solid var(--line);background:var(--bg-soft)}
.widget ul{list-style:none}
.widget li{border-bottom:1px solid var(--line-soft)}
.widget li:last-child{border-bottom:none}
.widget a{display:block;padding:13px 20px;font-size:.94rem;color:var(--ink)}
.widget a:hover{color:var(--green);background:#fafcfa}
.widget.cta{padding:24px 20px;text-align:center}
.widget.cta p{font-size:.95rem;color:var(--muted);margin-bottom:14px}

/* Responsividade: até 920px */
@media(max-width:920px){
  .article-grid{grid-template-columns:1fr;gap:26px}
  .toc{position:static;border-left:none;padding-left:0;border-bottom:1px solid var(--line);padding-bottom:16px}
  .toc-links{display:flex;flex-wrap:wrap;gap:8px 18px}
  .toc a{padding:0;border:none}
  .cards4,.grid3,.post-grid,.blog-grid{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:repeat(4,1fr)}
}

/* Responsividade: até 900px */
@media(max-width:900px){
  .post-layout{grid-template-columns:1fr;gap:36px}
  .sidebar{position:static}
}

/* Responsividade: até 680px */
@media(max-width:680px){
  .menu{position:fixed;inset:74px 0 auto 0;flex-direction:column;background:#fff;gap:0;padding:8px 0;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .3s ease}
  .menu.open{transform:none}
  .menu li{padding:0 6vw}
  .menu a,header .menu a{display:block;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink)}
  .burger{display:block}
  .cards4,.grid3,.post-grid,.blog-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .stat+.stat{border-left:none;border-top:1px solid var(--line)}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .hero-bar{flex-direction:column;align-items:flex-start;gap:24px}
}