/* Estilos exclusivos das páginas internas (Como Posso Ajudar, Nossa Raiz).
   Reaproveita .hero-topbar, .main-nav, .brand etc. de home.css — aqui só o
   wrapper do topo é ajustado, sem o hero de fundo/CTA usado no index. */

.page-topbar {
  padding: var(--space-6) 0 var(--space-8);
  background: var(--color-primary-dark);
  border-bottom: 1px solid var(--color-border);
}

.page-topbar .hero-topbar {
  margin-bottom: 0;
}

@media (max-width: 640px) {
  .page-topbar {
    padding: var(--space-5) 0 var(--space-6);
  }
}