/* Hero das páginas internas: mais baixo que o da home, para o conteúdo subir. */
.page-hero {
  background: var(--hero-bg);
  color: var(--on-dark-muted);
  padding: clamp(2.5rem, 2rem + 3vw, 4rem) 0;
}
.page-hero h1 { color: var(--on-dark); max-width: 22ch; }
.page-hero p { color: var(--on-dark-muted); max-width: 60ch; margin-bottom: 0; }
.page-hero .eyebrow { color: var(--brand-cyan); }
.page-hero .btn-group { margin-top: 1.75rem; }

.breadcrumb {
  display: flex; flex-wrap: wrap; align-items: center; gap: .4rem;
  list-style: none;
  font-size: .85rem;
  margin-bottom: 1.25rem;
  color: var(--on-dark-muted);
}
.breadcrumb a { color: var(--on-dark-muted); }
.breadcrumb a:hover { color: var(--on-dark); }
.breadcrumb li + li::before { content: "/"; margin-right: .4rem; opacity: .55; }
.breadcrumb [aria-current="page"] { color: var(--on-dark); font-weight: 600; }