:root {
    --topo-fundo: #07070f;
    --topo-texto: #ffffff;
    --topo-secundario: rgba(255, 255, 255, 0.45);
    --topo-linha: rgba(255, 255, 255, 0.06);
    --topo-verde: #137c40;
    --topo-verde-hover: #106b37;
    --topo-foco: #93b4ff;
    --topo-largura: 1320px;
    --topo-fonte: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Helvetica, sans-serif;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    background: var(--topo-fundo);
    color: var(--topo-texto);
    font-family: var(--topo-fonte);
    -webkit-font-smoothing: antialiased;
}

::selection { background: var(--topo-foco); color: var(--topo-fundo); }

#topoMain { border-bottom: 1px solid var(--topo-linha); }

.topoConteudo {
    max-width: var(--topo-largura);
    min-height: 88px;
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.topoLogo { display: flex; align-items: center; gap: 13px; flex-shrink: 0; }
.topoSimbolo { width: 58px; height: 58px; background: url('../IMGS/logo-grabora.svg') center / contain no-repeat; }
.topoMarca { display: flex; flex-direction: column; gap: 3px; line-height: 1; }
.topoNome { font-size: 24px; font-weight: 900; letter-spacing: -0.5px; }
.topoComplemento { font-size: 9.5px; font-weight: 700; letter-spacing: 3.5px; color: var(--topo-secundario); }

.topoWhatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 12px 20px;
    border-radius: 24px;
    background: var(--topo-verde);
    color: var(--topo-texto);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
}

.topoWhatsapp:focus-visible { outline: 2px solid var(--topo-foco); outline-offset: 4px; }
.topoWhatsapp:active { background: var(--topo-verde-hover); }
.topoWhatsappIcone { width: 18px; height: 18px; flex-shrink: 0; background: url('../IMGS/whatsapp.svg') center / contain no-repeat; }