/* Menu das Eleições 2026 do Córtex (21/10/2026): um só componente para todas as páginas de eleição.
   Mesmos nomes e ordem do Conexão: Destaques · Quem são os candidatos · Pesquisas · Apuração · Quem foi eleito.
   Fica preso logo abaixo do cabeçalho do site (.sc-cab, 64 px). Quem usa: eleicoes/app.html e o Radar
   (prototipos/central-de-pesquisas/index.html). O script menu-eleicoes.js monta o HTML e põe a classe
   com-menu-eleicoes no <html>; com ela, --cab-h passa a somar o menu, e as ferramentas (que usam --cab-h para o topo
   e para a altura da tela cheia) começam abaixo dele sem precisar saber que ele existe. */
:root{--me-h:48px}
html.com-menu-eleicoes{--cab-h:calc(var(--sc-cab-h) + var(--me-h))}

.me-menu{position:fixed;left:0;right:0;top:var(--sc-cab-h);z-index:99;height:var(--me-h);background:#fff;border-bottom:1px solid var(--sc-linha);font-family:var(--sc-sans);-webkit-font-smoothing:antialiased}
.me-menu *{box-sizing:border-box}
.me-in{max-width:var(--sc-largura);height:100%;margin:0 auto;padding:0 var(--sc-margem)}
.me-lista{position:relative;display:flex;gap:28px;height:100%;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.me-lista::-webkit-scrollbar{display:none}
.me-lista li{flex:none;display:flex}
.me-lista a{display:flex;align-items:center;height:100%;padding:3px 0 0;border-bottom:3px solid transparent;color:var(--sc-tinta-2);text-decoration:none;font-size:14px;font-weight:700;line-height:1;white-space:nowrap}
.me-lista a:hover{color:var(--sc-petroleo)}
.me-lista a:focus-visible{outline:2px solid var(--sc-petroleo);outline-offset:-2px}
.me-lista a[aria-current]{color:var(--sc-petroleo);border-bottom-color:var(--sc-ambar)}
/* no celular os cinco itens não cabem: a fila rola de lado por dentro (a página não), com um esmaecido na ponta */
@media (max-width:900px){
  .me-lista{gap:22px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:28px}
  .me-lista.me-no-fim{-webkit-mask-image:none;mask-image:none}
}
/* dentro de um iframe (Radar inserido em outro site) o menu não aparece, como a moldura */
.cc-emb .me-menu{display:none}

/* Atalho "Projeção do Halley": no topo da apuração e no hub */
.me-halley{display:flex;align-items:center;gap:12px;max-width:var(--sc-largura);margin:0 auto;padding:12px var(--sc-margem);font-family:var(--sc-sans);font-size:15px;line-height:1.4;color:var(--sc-tinta)}
.me-halley a{display:inline-flex;align-items:center;gap:8px;color:var(--sc-petroleo);font-weight:700;text-decoration:none}
.me-halley a:hover span{text-decoration:underline;text-underline-offset:3px}
.me-halley-selo{flex:none;background:var(--sc-petroleo);color:#fff;font-size:11px;font-weight:700;letter-spacing:var(--rotulo-espaco);text-transform:uppercase;padding:4px 8px 3px;border-radius:2px}
.me-halley-nota{color:var(--sc-tinta-2)}
.me-faixa-halley{background:var(--sc-creme);border-bottom:1px solid #e6e1d8}
@media (max-width:600px){ .me-halley{flex-wrap:wrap;gap:6px 10px;font-size:14px} .me-halley-nota{flex-basis:100%} }