/* ds-cabecalho */
.ds-cabecalho {
  position: relative; z-index: 50;
  background: var(--ds-cor-fundo);
  border-bottom: var(--ds-borda-largura) solid var(--ds-cor-borda);
}
.ds-cabecalho--fixo { position: sticky; top: 0; }
.ds-cabecalho__barra { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-espaco-4); min-height: 4.5rem; padding-block: var(--ds-espaco-2); }
.ds-cabecalho__marca { display: inline-flex; flex: none; }
.ds-cabecalho__marca img { width: var(--ds-logo-largura); max-width: 50vw; height: auto; }

.ds-cabecalho__alternar {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0;
  border: var(--ds-borda-largura) solid var(--ds-cor-borda); border-radius: var(--ds-raio-md);
  background: transparent; color: var(--ds-cor-titulo); cursor: pointer;
}
.ds-cabecalho__icone-fechar, .ds-cabecalho--aberto .ds-cabecalho__icone-abrir { display: none; }
.ds-cabecalho--aberto .ds-cabecalho__icone-fechar { display: block; }

.ds-cabecalho__lista { list-style: none; margin: 0; padding: 0; }
.ds-cabecalho__lista a {
  display: block; padding: var(--ds-espaco-3) 0;
  color: var(--ds-cor-titulo); text-decoration: none;
}
.ds-cabecalho__lista a:hover, .ds-cabecalho__lista a[aria-current="page"] { color: var(--ds-cor-texto-destaque); text-decoration: underline; text-underline-offset: 0.35em; text-decoration-thickness: var(--ds-borda-largura-forte); text-decoration-color: var(--ds-cor-acento); }

/* Celular: gaveta. Sem JS (sem data-ds-pronto) o menu aparece aberto, nunca some. */
@media (max-width: 899px) {
  .ds-cabecalho__nav {
    position: absolute; left: 0; right: 0; top: 100%;
    padding: var(--ds-espaco-4) var(--ds-pagina-x-mobile) var(--ds-espaco-6);
    background: var(--ds-cor-fundo);
    border-bottom: var(--ds-borda-largura) solid var(--ds-cor-borda);
    box-shadow: var(--ds-sombra-md);
    max-height: calc(100vh - 4.5rem); overflow-y: auto;
  }
  .ds-cabecalho__lista li + li { border-top: var(--ds-borda-largura) solid var(--ds-cor-borda); }
  .ds-cabecalho__acao { width: 100%; margin-top: var(--ds-espaco-4); }
  .ds-cabecalho[data-ds-pronto]:not(.ds-cabecalho--aberto) .ds-cabecalho__nav { display: none; }
  .ds-cabecalho:not([data-ds-pronto]) .ds-cabecalho__alternar { display: none; }
  .ds-cabecalho:not([data-ds-pronto]) .ds-cabecalho__nav { position: static; box-shadow: none; padding-inline: 0; }
}
@media (min-width: 900px) {
  .ds-cabecalho__alternar { display: none; }
  .ds-cabecalho__nav { display: flex; align-items: center; gap: var(--ds-espaco-8); }
  .ds-cabecalho__lista { display: flex; gap: var(--ds-espaco-6); }
}