/* ═══════════════════════════════════════════════════════════
   BLOG — Amazônia Objetiva
   Complementa style.css. Header sempre sólido; sem hero.
   ═══════════════════════════════════════════════════════════ */

/* Header fixo sem hero: reserva o espaço no topo */
.page-blog { padding-top: var(--header-h); }
.page-blog .header { background: rgba(255,255,255,.97); backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid var(--linha); box-shadow: 0 1px 20px rgba(0,0,0,.05); }

/* ── LISTAGEM ── */
.bloglist { padding: clamp(48px, 7vw, 90px) 0 clamp(80px, 11vw, 130px); }
.bloglist .section-head { max-width: 640px; margin-bottom: clamp(40px, 5vw, 60px); }
.bloglist .section-head h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 900; color: var(--verde-escuro); letter-spacing: -.02em; margin-bottom: 18px; }

.bloglist__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
}
.post-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 32px 30px;
  background: var(--areia);
  border: 1px solid var(--linha);
  border-radius: var(--radius);
  transition: transform var(--t), border-color var(--t), box-shadow var(--t);
}
.post-card:hover { transform: translateY(-3px); border-color: var(--linha-forte); box-shadow: 0 12px 30px rgba(0,0,0,.06); }
.post-card__cat {
  font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--verde);
}
.post-card h2 { font-size: 1.3rem; font-weight: 800; line-height: 1.25; color: var(--verde-escuro); letter-spacing: -.01em; }
.post-card p { font-size: .94rem; color: var(--tinta-fraca); margin: 0; flex: 1; }
.post-card__meta { font-size: .8rem; color: var(--tinta-fraca); font-weight: 500; }

/* ── POST ── */
.post { padding: clamp(28px, 4vw, 44px) 0 clamp(70px, 10vw, 110px); }
.post__wrap { max-width: 760px; }

.post__breadcrumb { font-size: .82rem; color: var(--tinta-fraca); margin-bottom: 28px; display: flex; gap: 8px; align-items: center; }
.post__breadcrumb a { color: var(--verde); }
.post__breadcrumb a:hover { text-decoration: underline; }
.post__breadcrumb span { color: var(--linha-forte); }

.post__head { padding-bottom: 30px; margin-bottom: 36px; border-bottom: 1px solid var(--linha); }
.post__head h1 {
  font-size: clamp(1.9rem, 4.4vw, 3rem); font-weight: 900; line-height: 1.1;
  color: var(--verde-escuro); letter-spacing: -.022em; margin: 14px 0 18px;
}
.post__meta { font-size: .85rem; color: var(--tinta-fraca); font-weight: 500; margin: 0; }
.post__lead { font-size: 1.2rem; line-height: 1.5; color: var(--tinta); margin-top: 22px; font-weight: 400; }

/* corpo do artigo */
.post__body { font-size: 1.075rem; line-height: 1.75; color: #333; }
.post__body h2 {
  font-size: clamp(1.4rem, 2.6vw, 1.7rem); font-weight: 800; color: var(--verde-escuro);
  letter-spacing: -.01em; line-height: 1.25; margin: 48px 0 16px; scroll-margin-top: calc(var(--header-h) + 20px);
}
.post__body h3 { font-size: 1.18rem; font-weight: 700; color: var(--verde-escuro); margin: 34px 0 12px; }
.post__body p { margin: 0 0 20px; }
.post__body ul, .post__body ol { margin: 0 0 22px; padding-left: 26px; }
.post__body li { margin-bottom: 9px; }
.post__body ul li::marker { color: var(--verde); }
.post__body ol li::marker { color: var(--verde); font-weight: 700; }
.post__body a { color: var(--verde); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.post__body a:hover { color: var(--verde-escuro); }
.post__body strong { color: var(--tinta); font-weight: 700; }
.post__body code { background: var(--areia-forte); padding: 2px 6px; border-radius: 4px; font-size: .9em; }
.post__body hr { border: none; border-top: 1px solid var(--linha); margin: 40px 0; }
.post__body blockquote {
  margin: 28px 0; padding: 18px 26px; border-left: 3px solid var(--verde);
  background: var(--areia); border-radius: 0 var(--radius) var(--radius) 0;
  color: var(--tinta-media); font-size: 1.02rem;
}
.post__body blockquote p:last-child { margin: 0; }

/* CTA no fim do post */
.post__cta {
  margin: 52px 0 0; padding: 38px 40px; border-radius: var(--radius);
  background: var(--verde-escuro); color: var(--branco);
}
.post__cta h3 { color: var(--branco); font-size: 1.35rem; font-weight: 800; margin-bottom: 12px; line-height: 1.3; }
.post__cta p { color: var(--claro-medio); margin-bottom: 22px; }
.post__cta .btn--primary { background: var(--branco); color: var(--verde-escuro); border-color: var(--branco); }
.post__cta .btn--primary:hover { background: transparent; color: var(--branco); border-color: var(--branco); }

.post__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 34px 0 0; }
.post__tags li {
  font-size: .76rem; color: var(--tinta-fraca); background: var(--areia);
  border: 1px solid var(--linha); border-radius: 100px; padding: 5px 14px;
}

@media (max-width: 768px) {
  .post__cta { padding: 30px 26px; }
  .bloglist__grid { grid-template-columns: 1fr; }
  /* menu mobile aberto (mesmo do site) já vem de style.css */
}