/* Topo comum às páginas: faixa cinza escuro fixa, logo à esquerda, menu à direita */
.topo {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; gap: 24px;
  background: rgba(26, 26, 30, .94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid #26252a;
  padding: 14px max(22px, calc((100% - 1180px) / 2 + 22px));
}
.topo-logo img { height: 44px; width: auto; display: block; }
.topo-nav { margin-left: auto; display: flex; align-items: center; gap: 30px; }
.topo-nav a {
  color: #a8a194; text-decoration: none; font-size: 12px; letter-spacing: .2em; text-transform: uppercase;
  padding: 6px 0; border-bottom: 1px solid transparent; transition: color .15s, border-color .15s;
}
.topo-nav a:hover { color: #ece7dc; }
.topo-nav a[aria-current="page"] { color: #d6b871; border-bottom-color: #d6b871; }
.topo-nav .topo-cta { color: #0c0c0e; background: #d6b871; padding: 10px 16px; border: 0; }
.topo-nav .topo-cta:hover { color: #0c0c0e; background: #e2c886; }
.topo-menu {
  display: none; margin-left: auto; background: transparent; border: 1px solid #34322f; color: #ece7dc;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase; padding: 8px 12px; cursor: pointer;
}
@media (max-width: 900px) {
  .topo { flex-wrap: wrap; }
  .topo-logo img { height: 36px; }
  .topo-menu { display: block; }
  .topo-nav { display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 0; margin: 6px 0 4px; }
  .topo.aberto .topo-nav { display: flex; }
  .topo-nav a { padding: 14px 0; border-bottom: 1px solid #26252a; }
  .topo-nav a[aria-current="page"] { border-bottom-color: #26252a; }
  .topo-nav .topo-cta { margin-top: 14px; text-align: center; }
}