/* =============================================================================
   blog.css — Específico das páginas de post do Blog
============================================================================= */

.post-hero-spacer { height: 88px; } /* compensa o header fixo (solid) */

.post-article { max-width: 760px; margin-inline: auto; }

.post-article__badge {
  display: inline-block;
  background: var(--color-petroleo);
  color: var(--color-branco);
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.3rem 0.7rem;
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-sm);
}

.post-article__meta {
  font-size: var(--fs-small);
  color: var(--color-dourado-dark);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: var(--space-md);
}

.post-article__cover {
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: var(--space-lg);
  aspect-ratio: 16/9;
}
.post-article__cover img { width: 100%; height: 100%; object-fit: cover; }

.post-article__body p {
  margin-bottom: var(--space-md);
  line-height: 1.85;
  font-size: 1.05rem;
}

.post-article__cta {
  margin-top: var(--space-xl);
  padding: var(--space-lg);
  text-align: center;
  background: var(--color-cinza-claro);
  border-radius: var(--radius-md);
}

.related-posts { margin-top: var(--space-2xl); }