/* 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: 600; letter-spacing: 0.02em; }
.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: 3px solid var(--cor-azul-escuro); }
.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.35rem; font-weight: 800; color: var(--cor-branco); letter-spacing: -0.01em; }
/* Logo "flutuando" sobre o azul: versão com fundo transparente e textos em branco (logo-header-flutuante.png). */
.marca__imagem { height: 54px; width: auto; }