/* Estilos exclusivos das páginas de cidade — aditivo a css/style.css (da home),
   nunca sobrescreve seletor existente. Ver templates/city-page.php. */

.breadcrumb-nav { padding: 108px 0 0; }
.breadcrumb-list { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-block: 0; padding: 0; list-style: none; color: var(--muted); font-size: .82rem; }
.breadcrumb-list li { display: flex; align-items: center; gap: 6px; }
.breadcrumb-list li:not(:last-child)::after { content: "/"; color: var(--line-strong); }
.breadcrumb-list a { color: var(--muted); transition: color 160ms var(--ease); }
.breadcrumb-list a:hover { color: var(--primary); }
.breadcrumb-list span[aria-current] { color: var(--navy); font-weight: 500; }

.hero--city { padding-top: 56px; }

.local-context-section { padding: 96px 0 112px; }
.local-context-body { max-width: 780px; }
.local-context-body p { color: #536176; font-size: 1.05rem; font-weight: 300; line-height: 1.72; }

@media (max-width: 860px) {
  .breadcrumb-nav { padding-top: 96px; }
  .breadcrumb-list { justify-content: center; }
}