:root{--azul:#061b3e;--azul-claro:#0b4a9a;--linha:#2373c4;--amarelo:#ffc400;--laranja:#ff5a1f;--branco:#fff;--texto:#d7e4f6;--vermelho:#d71920}
*{box-sizing:border-box}[hidden]{display:none!important}
html,body{width:100%;min-height:0;margin:0;overflow:hidden;background:transparent;font-family:"Segoe UI Variable Text","Segoe UI",Roboto,Arial,sans-serif}
.ar2-body{padding:0}
.ar2-widget{width:100%;aspect-ratio:3/2;min-height:520px;overflow:hidden;border:1px solid #1c5c9f;border-radius:10px;background:var(--azul);color:#fff;box-shadow:0 8px 24px rgba(2,14,37,.22)}
.ar2-arena{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(8px,1.2vw,16px);width:100%;height:100%;padding:clamp(15px,2.2vw,30px);overflow:hidden;background:radial-gradient(circle at 16% 22%,rgba(12,90,187,.34),transparent 26%),radial-gradient(circle at 84% 22%,rgba(136,24,43,.25),transparent 26%),linear-gradient(145deg,#071b41 0%,#061f4d 46%,#071a3b 100%)}
.ar2-arena:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(24,98,204,.09) 25%,transparent 25%) 0 0/120px 120px,repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 15px);pointer-events:none}
.ar2-arena>*{position:relative;z-index:1}
.ar2-cabecalho{text-align:center}
.ar2-cabecalho h1{margin:0;color:#fff;font-size:clamp(34px,5vw,62px);font-weight:950;line-height:.95;letter-spacing:-.035em;text-shadow:0 3px 8px rgba(0,0,0,.28)}
.ar2-cabecalho h1 b{color:var(--laranja)}
.ar2-cabecalho h1:after{content:"";display:block;width:clamp(58px,10vw,118px);height:clamp(4px,.6vw,8px);margin:clamp(8px,1vw,12px) auto;border-radius:99px;background:var(--amarelo)}
.ar2-subtitulo{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,25px);color:#a9c2e5;font-size:clamp(12px,1.65vw,22px)}
.ar2-subtitulo strong{padding:.38em 1.15em;border-radius:7px;background:#0861c9;color:#fff;font-size:.9em;font-weight:950}
.ar2-subtitulo span{padding-left:clamp(12px,2vw,24px);border-left:1px solid #7b9bc6}
.ar2-status{justify-self:center;display:flex;width:min(58%,690px);min-height:clamp(72px,10vw,118px);align-items:center;justify-content:center;gap:clamp(14px,2vw,26px);padding:clamp(10px,1.3vw,18px) clamp(18px,2vw,28px);border:3px solid var(--amarelo);border-radius:clamp(10px,1.2vw,16px);background:rgba(2,18,48,.88);box-shadow:0 5px 16px rgba(0,0,0,.24);text-align:left}
.ar2-relogio{position:relative;display:block;flex:0 0 clamp(44px,6vw,74px);width:clamp(44px,6vw,74px);height:clamp(44px,6vw,74px);border:clamp(5px,.55vw,7px) solid var(--amarelo);border-radius:50%}
.ar2-relogio:before{content:"";position:absolute;left:48%;top:21%;width:clamp(3px,.4vw,5px);height:29%;border-radius:5px;background:var(--amarelo)}
.ar2-relogio:after{content:"";position:absolute;left:49%;top:48%;width:27%;height:clamp(3px,.4vw,5px);border-radius:5px;background:var(--amarelo);transform:rotate(38deg);transform-origin:left center}
.ar2-status>div{min-width:0;padding-left:clamp(14px,2vw,24px);border-left:1px solid #6891c4}
.ar2-status #ar2-status{display:block;font-size:clamp(13px,1.9vw,26px);font-weight:950;line-height:1;text-transform:uppercase}
.ar2-widget[data-estado="aguardando"] .ar2-status #ar2-status:before,.ar2-widget[data-estado="apurando"] .ar2-status #ar2-status:before{content:"";display:inline-block;width:.55em;height:.55em;margin-right:.45em;border-radius:50%;background:var(--vermelho);box-shadow:0 0 0 0 rgba(215,25,32,.7);vertical-align:.05em;animation:ar2-pulso 1.15s infinite}
@keyframes ar2-pulso{0%{opacity:1;box-shadow:0 0 0 0 rgba(215,25,32,.7)}55%{opacity:.55;box-shadow:0 0 0 10px rgba(215,25,32,0)}100%{opacity:1;box-shadow:0 0 0 0 rgba(215,25,32,0)}}
.ar2-contagem{display:flex;align-items:baseline;gap:clamp(3px,.45vw,6px);margin-top:clamp(5px,.7vw,9px);font-variant-numeric:tabular-nums;white-space:nowrap}
.ar2-contagem b{font-size:clamp(25px,4vw,52px);font-weight:950;line-height:.9;letter-spacing:-.04em}.ar2-contagem small{margin-right:.18em;font-size:clamp(10px,1.25vw,17px);font-weight:900}
.ar2-disputa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.7vw,20px);min-height:0}
.ar2-candidato{display:grid;align-items:center;min-width:0;min-height:0;padding:clamp(12px,1.5vw,20px);border:2px solid rgba(38,123,208,.75);border-radius:clamp(9px,1.2vw,15px);background:linear-gradient(145deg,rgba(5,29,71,.94),rgba(3,20,51,.83));box-shadow:inset 0 0 30px rgba(24,94,190,.08)}
.ar2-flavio{grid-template-columns:minmax(100px,42%) minmax(0,1fr);gap:clamp(10px,1.6vw,22px);text-align:left}
.ar2-lula{grid-template-columns:minmax(0,1fr) minmax(100px,42%);gap:clamp(10px,1.6vw,22px);text-align:left}
.ar2-retrato{justify-self:center;width:min(100%,230px);aspect-ratio:1/1;overflow:hidden;border:clamp(3px,.45vw,6px) solid #55a8ff;border-radius:50%;background:#dce5ef;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.ar2-lula .ar2-retrato{border-color:#e34757}
.ar2-retrato img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.ar2-dados{min-width:0}
.ar2-identidade{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(5px,.7vw,9px)}
.ar2-identidade h2{max-width:100%;margin:0;overflow:hidden;font-size:clamp(17px,2.15vw,30px);font-weight:950;line-height:1;letter-spacing:-.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.ar2-partido{display:inline-flex;align-items:center;gap:.25em;padding:.28em .62em;border-radius:7px;background:#0870de;color:#fff;font-size:clamp(13px,1.65vw,23px);font-weight:900}.ar2-lula .ar2-partido{background:#d92f3b}.ar2-partido b{font-size:1.08em}
.ar2-resultado{display:flex;flex-direction:column;align-items:flex-start;margin-top:clamp(8px,1vw,14px);white-space:nowrap}
.ar2-rotulo-resultado{font-size:clamp(9px,1vw,14px);font-weight:950;text-transform:uppercase}.ar2-rotulo-resultado:empty{display:none}.ar2-eleito .ar2-rotulo-resultado{display:block;margin-bottom:5px;padding:.28em .7em;border-radius:99px;background:var(--amarelo);color:#071d49}
.ar2-percentual{color:#fff;font-size:clamp(37px,5.2vw,70px);font-weight:950;line-height:.9;letter-spacing:-.055em;text-shadow:0 2px 7px rgba(0,0,0,.25)}
.ar2-votos{margin-top:clamp(5px,.75vw,9px);color:#d8e3f2;font-size:clamp(14px,1.9vw,26px);font-weight:700}.ar2-votos b{font-weight:950}
.ar2-progresso{width:100%;height:clamp(11px,1.5vw,20px);margin-top:clamp(10px,1.2vw,16px);overflow:hidden;border:2px solid rgba(182,204,231,.46);border-radius:99px;background:rgba(157,181,212,.2)}
.ar2-progresso span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffc400,#ffdf58);transition:width .7s ease}
.ar2-lula .ar2-progresso span{background:linear-gradient(90deg,#da3344,#f06a75)}
.ar2-primeiro-turno{display:block;margin-top:clamp(10px,1.2vw,16px);padding-top:clamp(8px,1vw,13px);border-top:1px solid rgba(127,166,213,.65);color:#d0dbea;font-size:clamp(10px,1.25vw,17px);line-height:1.1;white-space:nowrap}.ar2-primeiro-turno b{color:#fff;font-weight:950}
.ar2-eleito{border-color:var(--amarelo);box-shadow:0 0 0 2px rgba(255,196,0,.12),inset 0 0 35px rgba(255,196,0,.06)}.ar2-eleito .ar2-retrato{border-color:var(--amarelo)}
.ar2-apuracao{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
.ar2-resumo-item{display:flex;min-width:0;min-height:clamp(66px,8.5vw,108px);flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(10px,1.3vw,17px);border:2px solid rgba(38,123,208,.72);border-radius:clamp(8px,1vw,13px);background:rgba(4,30,72,.88)}
.ar2-resumo-item span{color:#fff;font-size:clamp(10px,1.15vw,16px);font-weight:900;text-transform:uppercase}.ar2-resumo-item strong{margin-top:.18em;color:#fff;font-size:clamp(24px,3.2vw,43px);font-weight:950;line-height:1;white-space:nowrap}.ar2-resumo-secoes strong{color:var(--amarelo)}
.ar2-rodape{text-align:center}.ar2-rodape small{color:#91acd0;font-size:clamp(9px,1.05vw,14px);font-weight:650}
@media(max-width:720px){
  .ar2-widget{aspect-ratio:auto;min-height:0}
  .ar2-arena{display:grid;height:auto;min-height:900px;grid-template-rows:auto auto auto auto auto;gap:12px;padding:17px 12px}
  .ar2-cabecalho h1{font-size:36px}.ar2-subtitulo{font-size:13px}.ar2-subtitulo strong{padding:.35em .9em}
  .ar2-status{width:100%;min-height:84px;padding:10px 14px;gap:13px}.ar2-relogio{flex-basis:48px;width:48px;height:48px;border-width:5px}.ar2-status>div{padding-left:13px}.ar2-status #ar2-status{font-size:13px}.ar2-contagem b{font-size:30px}.ar2-contagem small{font-size:10px}
  .ar2-disputa{grid-template-columns:1fr;gap:10px}
  .ar2-candidato{min-height:230px;padding:14px}
  .ar2-flavio{grid-template-columns:120px minmax(0,1fr);gap:14px}.ar2-lula{grid-template-columns:minmax(0,1fr) 120px;gap:14px}
  .ar2-retrato{width:116px}.ar2-identidade h2{font-size:19px}.ar2-partido{font-size:14px}.ar2-percentual{font-size:43px}.ar2-votos{font-size:16px}.ar2-primeiro-turno{font-size:11px}.ar2-progresso{height:13px}
  .ar2-apuracao{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ar2-resumo-item{min-height:78px;padding:11px}.ar2-resumo-item span{font-size:10px}.ar2-resumo-item strong{font-size:27px}.ar2-rodape small{font-size:9px}
}
@media(max-width:430px){
  .ar2-arena{min-height:850px;padding:14px 9px}.ar2-cabecalho h1{font-size:31px}.ar2-subtitulo{gap:8px;font-size:11px}.ar2-subtitulo span{padding-left:8px}
  .ar2-status{min-height:78px}.ar2-relogio{flex-basis:42px;width:42px;height:42px}.ar2-status #ar2-status{font-size:11px}.ar2-contagem b{font-size:25px}.ar2-contagem small{font-size:8px}
  .ar2-candidato{min-height:205px;padding:11px}.ar2-flavio{grid-template-columns:91px minmax(0,1fr);gap:10px}.ar2-lula{grid-template-columns:minmax(0,1fr) 91px;gap:10px}.ar2-retrato{width:88px}.ar2-identidade h2{font-size:15px}.ar2-partido{font-size:11px}.ar2-percentual{font-size:35px}.ar2-votos{font-size:13px}.ar2-primeiro-turno{font-size:9px}.ar2-progresso{height:11px}
  .ar2-resumo-item{min-height:70px;padding:9px}.ar2-resumo-item span{font-size:8px}.ar2-resumo-item strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.ar2-widget[data-estado] .ar2-status #ar2-status:before{animation:none}.ar2-progresso span{transition:none}}