/* Voto Aberto · camada de acabamento "profissional", carregada por último em todas as páginas.
   Referências: algarismos tabulares e hierarquia contida em placares eleitorais (Data Journalism Handbook, "Big Board" do NYT; prática do FT e do Datawrapper);
   text-wrap balance/pretty (CSS Text 4); WCAG 2.2 para foco visível. Só tipografia, ritmo e detalhes, sem mudar layout nem cores de dado. */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
::selection{background:#F6E7A8;color:#121212}

/* títulos equilibrados, parágrafos sem viúva */
h1,h2,h3,.res-h,#resH{text-wrap:balance}
p,li,.lede,.res-dek,summary{text-wrap:pretty}
h1{letter-spacing:-.025em}h2{letter-spacing:-.015em}

/* números: algarismos tabulares em tudo o que é dado (alinhamento de placar) */
table,td,th,.v,.bar,.res-bar,.res-cols,.cols,.num,.n,.kpi,.big,.sb,.grid b,.tag,[class*="pct"],[class*="count"],time{font-variant-numeric:tabular-nums lining-nums}

/* tabelas editoriais: fio fino, cabeçalho discreto, números à direita */
table{border-collapse:collapse;width:100%}
table caption{text-align:left;font-weight:700;font-size:.95em;padding:0 0 8px;caption-side:top}
th{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5C5C5C;border-bottom:1.5px solid #121212;padding:8px 10px;text-align:left;white-space:nowrap}
td{border-bottom:1px solid #E3E3E3;padding:9px 10px;vertical-align:top}
main table td:not(:first-child),main table th:not(:first-child){text-align:right}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:#FAFAF8}

/* links: sublinhado fino, afastado do texto */
main a:not(.cta):not(.btn):not(.wa-cta):not([class*="chip"]):not([role="button"]){text-underline-offset:.18em;text-decoration-thickness:1px}
main a:not(.cta):not(.btn):hover{text-decoration-thickness:2px}

/* foco visível e consistente (WCAG 2.4.7 / 2.4.11) */
:focus-visible{outline:3px solid #121212;outline-offset:2px;border-radius:4px}

/* menu horizontal: some a barra de rolagem e o corte vira um degradê, em vez de palavra cortada */
nav.top,#nav{scrollbar-width:none}
@media(max-width:1100px){nav.top,#nav{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}}
nav.top::-webkit-scrollbar,#nav::-webkit-scrollbar{display:none}

/* FAQ e blocos sanfonados: aparência de documento, não de formulário */
details{border-top:1px solid #E3E3E3;padding:12px 0}
details:last-of-type{border-bottom:1px solid #E3E3E3}
details summary{cursor:pointer;font-weight:600;list-style-position:outside}
details[open] summary{margin-bottom:6px}

/* notas de fonte: menores e cinza, como linha de crédito */
.src,.fonte,small.src{font-size:12.5px;line-height:1.5;color:#5C5C5C}

/* imagens e mídia */
img{height:auto}
figure{margin:24px 0}figcaption{font-size:12.5px;color:#5C5C5C;margin-top:6px}

@media print{nav.top,#nav,.hbar,.wa-row,.cta,.va-foot{display:none!important}body{color:#000}}
@media(min-width:1101px){#nav>*,nav.top>*{padding-left:10px;padding-right:10px}}
/* logo maior no cabeçalho (pedido do Pedro, 27/10) */
.hbar{height:64px!important}
.hbar .logo,.hbar .brandline a{font-size:24px!important;gap:11px!important;letter-spacing:-.025em!important}
.hbar .va-mark,.hbar .logo .va-mark,.hbar .brandline .va-mark{--s:34px!important;width:34px!important;height:34px!important}
.hbar .logo svg,.hbar .brandline svg{width:34px!important;height:34px!important}
@media(max-width:700px){.hbar{height:56px!important}.hbar .logo,.hbar .brandline a{font-size:21px!important}.hbar .va-mark,.hbar .logo svg,.hbar .brandline svg{--s:30px!important;width:30px!important;height:30px!important}}
/* cabeçalho idêntico em todas as páginas: a busca não "samba" ao trocar de aba ou de página */
.hbar>.hsearch{margin-left:auto!important;margin-right:0!important;width:156px;justify-content:center;box-sizing:border-box}
.hbar .live,.hbar .proto{width:176px!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden;text-overflow:ellipsis}
.hbar .logo,.hbar .brandline a{font-family:"Inter Tight",Inter,sans-serif!important;font-weight:800!important}
.hbar .brandline{margin:0!important;font:inherit!important}
html{scrollbar-gutter:stable}
@media(max-width:700px){.hbar>.hsearch{width:auto}}
.hbar .live,.hbar .proto{margin-left:0!important}
.hbar .brandline a span:not(.va-mark){font:inherit!important;letter-spacing:inherit!important}
/* logo v2 (marca, 27/10): nome em Inter Tight 700 com kerning; vale para cabeçalho e rodapé */
.hbar .logo,.hbar .brandline a,.va-foot .nm{font-weight:700!important;font-kerning:normal;font-feature-settings:"kern" 1}
.va-foot .nm{font-family:"Inter Tight",Inter,sans-serif!important}