/* Barra de contato + menu, ambos fixos no topo */
.topo-fixo { position: sticky; top: 0; z-index: 500; }

.barra-topo { background: var(--cor-destaque); color: var(--cor-sobre-destaque); font-family: var(--fonte-mono); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.04em; }
.barra-topo__conteudo { display: flex; justify-content: space-between; align-items: center; gap: 16px; height: var(--altura-barra); }
.barra-topo a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: transparent; }
.barra-topo a:hover { text-decoration-color: currentColor; }
.barra-topo__contatos { display: flex; gap: 22px; }

.cabecalho { background: var(--cor-tinta); border-bottom: 1px solid #27313B; }
.cabecalho__container { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: var(--altura-menu); }
.cabecalho__acoes { display: flex; align-items: center; justify-content: flex-end; flex: 1; }

.marca { display: flex; align-items: center; gap: 12px; flex-shrink: 0; line-height: 1; }
.marca__monograma {
    display: grid; place-items: center; width: 40px; height: 40px;
    background: var(--cor-destaque); color: var(--cor-sobre-destaque);
    font-family: var(--fonte-titulo); font-size: 1.7rem; font-weight: 700;
}
.marca__nome { font-family: var(--fonte-titulo); font-size: 1.55rem; font-weight: 700; color: var(--cor-branco); text-transform: uppercase; letter-spacing: 0.04em; }
.marca__imagem { height: 46px; width: auto; }
.marca:has(.marca__imagem) { padding: 4px 0; }