/* View Resultados — abertura, menu de âncora, gráficos, modalidades, abas e sorteados
   (ViewResultados.jsx, GraficoBarras.jsx, AbasNiveis.jsx). */

.portal .resultados__titulo{margin-bottom:var(--esp-4)}
.portal .resultados__abertura{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--esp-10);align-items:center}
.portal .resultados__textos{display:flex;flex-direction:column;gap:var(--esp-4);min-width:0}
.portal .resultados__lead{max-width:none}
.portal .resultados__retrato{justify-self:end;width:100%;max-width:220px;aspect-ratio:1/1;border-radius:var(--raio-pilula);overflow:hidden;border:var(--borda-grossa) solid var(--traco-forte);background:var(--superficie-alt)}
.portal .resultados__retrato img{width:100%;height:100%;object-fit:cover;object-position:45% 30%;display:block}
.portal .resultados__retrato .resultados__foto{object-position:center}

.portal .resultados__corpo{margin-top:var(--esp-8);border-top:var(--borda-media) solid var(--traco-forte);padding-top:var(--esp-10);display:grid;grid-template-columns:minmax(200px,248px) minmax(0,1fr);gap:var(--esp-10);align-items:start}
.portal .resultados__secoes{display:flex;flex-direction:column;gap:var(--esp-16);min-width:0}
.portal .resultados__secao{scroll-margin-top:calc(var(--altura-submenu) + var(--esp-6))}
.portal .resultados__h2{margin-bottom:var(--esp-5)}
.portal .resultados__h2--curto{margin-bottom:var(--esp-2)}
.portal .resultados__paragrafos{display:flex;flex-direction:column;gap:var(--esp-4);margin-bottom:var(--esp-8)}
.portal .resultados__paragrafos--fim{margin:var(--esp-8) 0 0}
.portal .resultados__ponte{margin:var(--esp-10) 0 var(--esp-8)}
.portal .resultados__intro{margin-bottom:var(--esp-8);max-width:var(--largura-texto)}
.portal .resultados__sub{margin-bottom:var(--esp-6)}
.portal .resultados__intro-curta{margin-bottom:var(--esp-5);max-width:var(--largura-texto)}

/* Menu de âncora fixo durante a rolagem */
.portal .menu-ancora{position:sticky;top:calc(var(--altura-submenu) + var(--esp-6));border:var(--borda-media) solid var(--traco-forte);border-radius:var(--raio-3);padding:var(--esp-5) var(--esp-4);background:var(--superficie-base);box-shadow:var(--sombra-bloco-curta)}
body.admin-bar.portal .menu-ancora{top:calc(var(--altura-submenu) + var(--esp-6) + var(--wp-admin--admin-bar--height,32px))}
.portal .menu-ancora__rotulo{display:block;margin-bottom:var(--esp-4)}
.portal .menu-ancora__lista{display:flex;flex-direction:column;gap:var(--esp-1)}
.portal .menu-ancora__item{display:flex;align-items:center;gap:var(--esp-3);text-decoration:none;min-height:var(--alvo-toque);padding:0 var(--esp-3);border-radius:var(--raio-1);background:transparent;color:var(--cor-preto-ebano);font:var(--peso-extrabold) var(--texto-sm)/1.2 var(--fonte-titulo);transition:background var(--dur-rapida) var(--ease-padrao)}
.portal .menu-ancora__item[aria-current="true"]{background:var(--cor-amarelo-sol)}
.portal .menu-ancora__numero{letter-spacing:.06em;color:var(--texto-secundario)}
.portal .menu-ancora__item[aria-current="true"] .menu-ancora__numero{color:var(--cor-preto-ebano)}

/* Gráficos */
.portal .graficos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--esp-10) var(--esp-12)}
.portal .grafico{display:flex;flex-direction:column;gap:var(--esp-4);border:var(--borda-fina) solid var(--traco-forte);border-radius:var(--raio-2);padding:var(--esp-5)}
.portal .grafico__titulo{font:var(--tipo-titulo-3);margin-bottom:var(--esp-2);padding-bottom:var(--esp-4);border-bottom:var(--borda-fina) solid var(--traco-forte)}
.portal .grafico__linhas{display:flex;flex-direction:column;gap:var(--esp-4)}
.portal .grafico__linha{display:flex;flex-direction:column;gap:var(--esp-2)}
.portal .grafico__linha-cabeca{display:flex;justify-content:space-between;gap:var(--esp-3);align-items:baseline}
.portal .grafico__rotulo{font:var(--peso-bold) var(--texto-sm)/1.3 var(--fonte-texto)}
.portal .grafico__numero{font:var(--peso-black) var(--texto-lg)/1 var(--fonte-titulo);flex:none}
.portal .grafico__trilho{display:block;height:18px;background:var(--veu-preto-04);border:var(--borda-fina) solid var(--traco-sutil)}
.portal .grafico__barra{display:block;height:100%;width:var(--w);background:var(--cor,var(--cor-azul-atlantico));border-right:var(--borda-fina) solid var(--traco-forte)}
.portal .grafico__colunas{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:var(--esp-3);align-items:end;min-height:200px}
.portal .grafico__coluna{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--esp-2);height:100%}
.portal .grafico__valor{font:var(--peso-black) var(--texto-xl)/1 var(--fonte-titulo);letter-spacing:var(--tracking-titulo)}
.portal .grafico__barra-v{display:block;height:var(--h);background:var(--cor,var(--cor-azul-atlantico));border:var(--borda-fina) solid var(--traco-forte)}
.portal .grafico__rotulo-v{font:var(--tipo-rotulo);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-secundario);line-height:1.4}
.portal .grafico__faixa{display:flex;height:40px;border:var(--borda-media) solid var(--traco-forte);overflow:hidden}
.portal .grafico__fatia{flex:var(--f);background:var(--cor,var(--cor-cinza-harpia));border-right:var(--borda-fina) solid var(--cor-preto-ebano)}
.portal .grafico__fatia:last-child{border-right:0}
.portal .grafico__legenda{display:flex;flex-wrap:wrap;gap:var(--esp-2) var(--esp-5)}
.portal .grafico__legenda li{display:flex;align-items:center;gap:var(--esp-2)}
.portal .grafico__legenda-nome{font:var(--tipo-apoio)}
.portal .grafico__marca{width:12px;height:12px;flex:none;background:var(--cor,var(--cor-cinza-harpia));border:var(--borda-fina) solid var(--traco-forte)}
.portal .nivel-destaque{--cor:var(--nivel-destaque-fundo)}
.portal .nivel-inspiradora{--cor:var(--nivel-inspiradora-fundo)}
.portal .nivel-honrosa{--cor:var(--nivel-mencao-fundo)}

/* Modalidades */
.portal .modalidades{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--esp-5)}
.portal .modalidade{display:flex;flex-direction:column;gap:var(--esp-3);border:var(--borda-media) solid var(--traco-forte);border-radius:var(--raio-2);padding:var(--esp-5);box-shadow:var(--sombra-bloco-curta)}
.portal .modalidade__barra{display:block;height:8px;width:48px;background:var(--cor)}

/* Abas de nível */
.portal .abas__lista{display:flex;gap:var(--esp-1);overflow-x:auto;border-bottom:var(--borda-media) solid var(--traco-forte)}
.portal .abas__aba{display:inline-flex;align-items:center;gap:var(--esp-2);white-space:nowrap;text-decoration:none;min-height:var(--alvo-toque);padding:0 var(--esp-4);background:transparent;color:var(--texto-primario);font:var(--peso-extrabold) var(--texto-sm)/1 var(--fonte-titulo);text-transform:uppercase;letter-spacing:.02em;border-radius:var(--raio-1) var(--raio-1) 0 0;transition:background var(--dur-rapida) var(--ease-padrao)}
.portal .abas__aba[aria-selected="true"]{background:var(--cor-preto-ebano);color:var(--cor-branco-paz)}
.portal .abas__aba:focus-visible{box-shadow:inset var(--foco-anel)}
.portal .abas__marca{width:10px;height:10px;border-radius:var(--raio-pilula);background:var(--cor)}
.portal .abas__total{letter-spacing:.06em;opacity:.8}
.portal .abas__painel{position:relative;padding-top:var(--esp-6);min-height:120px}
.portal .abas__painel>.grade-cartoes{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1099.98px) and (min-width:900px),(max-width:759.98px){.portal .abas__painel>.grade-cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559.98px){.portal .abas__painel>.grade-cartoes{grid-template-columns:1fr}}
.portal .abas__painel:focus-visible{box-shadow:none}
.portal .abas__painel.carregando>.grade-cartoes{opacity:.35}
/* Spinner enquanto a aba carrega (anel girando; sem animação com movimento reduzido). */
@keyframes portalGiro{to{transform:rotate(360deg)}}
.portal .abas__carregando{position:absolute;left:50%;top:var(--esp-12);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--esp-3);z-index:1}
.portal .abas__carregando[hidden]{display:none}
.portal .abas__giro{width:40px;height:40px;border-radius:var(--raio-pilula);border:4px solid var(--veu-preto-14);border-top-color:var(--cor-preto-ebano);animation:portalGiro .8s linear infinite}

/* Sorteados */
.portal .sorteados__busca{display:flex;width:100%;margin-bottom:var(--esp-4)}
.portal .sorteados{border-top:var(--borda-media) solid var(--traco-forte)}
.portal .sorteados>li{border-bottom:var(--borda-fina) solid var(--traco-sutil)}
.portal .sorteados>li[hidden]{display:none}
.portal .sorteados__item{display:grid;grid-template-columns:36px minmax(0,1fr) auto 16px;gap:var(--esp-3);align-items:center;padding:var(--esp-3) var(--esp-2);margin:0 calc(-1 * var(--esp-2));text-decoration:none;color:var(--texto-primario);border-radius:var(--raio-1);transition:background var(--dur-rapida) var(--ease-padrao)}
.portal .sorteados__item:hover{background:var(--superficie-alt)}
.portal .sorteados__item .icone{justify-self:end}
.portal .sorteados__texto{min-width:0}
.portal .sorteados__texto>span{display:block}
.portal .sorteados__titulo{font:var(--peso-bold) var(--texto-base)/1.3 var(--fonte-texto)}
.portal .sorteados__local{text-align:right}
.portal .sorteados__vazio[hidden]{display:none}

@media (max-width:899.98px){
  .portal .resultados__abertura{grid-template-columns:1fr}
  .portal .resultados__retrato{justify-self:start;max-width:180px}
  .portal .resultados__corpo{grid-template-columns:1fr}
  .portal .menu-ancora{display:none}
}

/* Responsividade (27/10/2026). */
@media (max-width:1023.98px){
  .portal .resultados__secao{scroll-margin-top:calc(var(--altura-topo,64px) + var(--esp-4))}
}
@media (max-width:599.98px){
  .portal .sorteados__item{grid-template-columns:28px minmax(0,1fr) 16px;row-gap:var(--esp-1)}
  .portal .sorteados__local{grid-column:2;grid-row:2;text-align:left}
  .portal .sorteados__item .icone{grid-column:3;grid-row:1}
  .portal .abas__aba{padding:0 var(--esp-3)}
  .portal .grafico{padding:var(--esp-4)}
}