/* livefuturo.com: site normal (cabeçalho, rodapé, globo, tema). O modo TV (?tv=1) não recebe data-theme
   e todos os blocos visuais daqui ficam com o atributo hidden na TV. */
:root{--proj:#ffffff;--proj-glow:rgba(255,255,255,.7);--l-t:#ff4d61;--f-t:#14b351;--gold-t:#ffc83d;--focus:#ffc83d;--link:#ffd56b;
  --line-2:rgba(255,255,255,.2);--hover:rgba(255,255,255,.06);--map-stroke:rgba(8,13,26,.85);--topo-bg:rgba(8,13,26,.86)}
html[data-theme]{scroll-padding-top:84px}
html[data-theme="light"]{
  --bg:#f4f6fa;--bg2:#ffffff;--txt:#0d1424;--mut:#4a556c;--line:rgba(13,20,36,.12);--line-2:rgba(13,20,36,.24);
  --card:#ffffff;--cinza-1:#28324a;--cinza-n:#c3cad8;--mapa-vazio:#d5dae3;--hover:rgba(13,20,36,.05);
  --gold:#d79a00;--gold-bg:rgba(255,200,61,.2);--gold-t:#7a4f00;--focus:#1f5fd1;--link:#1f4fb0;
  --live:#0b7a3b;--live-bg:rgba(11,122,59,.1);
  --l-t:#c4102b;--f-t:#00752f;--proj:#0d1424;--proj-glow:rgba(13,20,36,.25);--map-stroke:#ffffff;--topo-bg:rgba(244,246,250,.9)}
html[data-theme="light"] body:not(.tv){background:radial-gradient(1100px 600px at 0% 0%,rgba(224,38,58,.07),transparent 60%),radial-gradient(1100px 600px at 100% 100%,rgba(0,156,59,.08),transparent 60%),var(--bg);color:var(--txt)}
html[data-theme="light"] body:not(.tv) .ex-tip{background:var(--bg2);color:var(--txt);border-color:var(--line-2);box-shadow:0 6px 20px rgba(13,20,36,.15)}
html[data-theme="light"] body:not(.tv) .ex-kpi.f b,html[data-theme="light"] body:not(.tv) .ex-tip .f,html[data-theme="light"] body:not(.tv) .ex-lista .f{color:var(--f-t)}
html[data-theme="light"] body:not(.tv) .ex-tip .l,html[data-theme="light"] body:not(.tv) .ex-lista .l,html[data-theme="light"] body:not(.tv) .ex-kpi.l b{color:var(--l-t)}
html[data-theme="light"] body:not(.tv) .ex-p{stroke:#ffffff}
html[data-theme="light"] body:not(.tv) .ex-p:hover,html[data-theme="light"] body:not(.tv) .ex-p:focus-visible{stroke:var(--txt)}
html[data-theme="light"] body:not(.tv) .ex-leg .sw.hat{background:repeating-linear-gradient(45deg,var(--mapa-vazio) 0 3px,var(--txt) 3px 4px);border-color:var(--txt)}
body:not(.tv) .ex-home{animation:fadeUp .6s ease-out backwards}
body:not(.tv) #exterior-home :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
body:not(.tv) .ex-kpi{border-radius:8px}

#site-topo[hidden],#site-fx[hidden],#site-rodape[hidden],#site-globo[hidden],.st-busca[hidden],.st-b[hidden]{display:none!important}

/* ---------- partículas ---------- */
#site-fx{position:fixed;inset:0;z-index:0;pointer-events:none}

/* ---------- cabeçalho ---------- */
.st{position:sticky;top:0;z-index:40;background:var(--topo-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.st-skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--txt);color:var(--bg);padding:8px 12px;border-radius:6px;font:600 14px var(--body);text-decoration:none}
.st-skip:focus{top:8px;outline:2px solid var(--focus);outline-offset:2px}
.st-in{max-width:1280px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:14px 18px}
.st-marca{display:flex;align-items:center;gap:10px;color:var(--txt);text-decoration:none;flex:none;border-radius:6px}
.st-marca img{width:34px;height:34px;display:block}
.st-marca b{display:block;font:900 23px/1 var(--disp);letter-spacing:.01em}
.st-marca small{display:block;font:600 12px/1.3 var(--body);color:var(--mut)}
.st-abas{display:flex;gap:2px;border:1px solid var(--line-2);border-radius:6px;padding:3px;flex:none}
.st-aba{font:600 14px/1 var(--body);color:var(--mut);padding:8px 14px;border-radius:4px;text-decoration:none;transition:background .2s,color .2s}
.st-aba:hover{color:var(--txt);background:var(--hover)}
.st-aba[aria-current]{background:var(--txt);color:var(--bg)}
.st-live{display:flex;align-items:center;gap:8px;font:500 13px/1.25 var(--body);color:var(--cinza-1);font-variant-numeric:tabular-nums;min-width:0}
.st-live i{width:9px;height:9px;border-radius:50%;background:var(--gold);flex:none}
.st-live.live i{background:var(--live);box-shadow:0 0 0 0 var(--live);animation:stPulso 1.8s ease-out infinite}
.st-live.live span{color:var(--txt);font-weight:600}
.st-live.fim i{background:var(--mut)}
@keyframes stPulso{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}100%{box-shadow:0 0 0 9px rgba(61,220,132,0)}}
.st-acoes{display:flex;gap:6px;margin-left:auto;flex:none}
.st-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:36px;padding:0 11px;font:600 13px var(--body);color:var(--txt);background:var(--card);border:1px solid var(--line-2);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s}
.st-b:hover{background:var(--hover);border-color:var(--txt)}
.st-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.st-b[aria-expanded="true"]{border-color:var(--txt)}
.st-ico{padding:0}
.st-vo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-theme="light"] .i-sol,html:not([data-theme="light"]) .i-lua{display:none}
.st a:focus-visible,.st button:focus-visible,.st input:focus-visible,.sr a:focus-visible,.sg button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.st-busca{max-width:1280px;margin:0 auto;padding:0 24px 12px;display:flex;flex-direction:column;gap:6px}
.st-busca label{font:600 13px var(--body);color:var(--mut)}
.st-bl{display:flex;gap:6px}
.st-bl input{flex:1;min-width:0;height:38px;font:500 15px var(--body);color:var(--txt);background:var(--bg2);border:1px solid var(--line-2);border-radius:6px;padding:0 12px}
.st-ok{background:var(--txt);color:var(--bg);border-color:var(--txt)}
.st-ok:hover{background:var(--txt);opacity:.9}
.st-msg{font-size:13px;color:var(--cinza-1);min-height:1em}
.st-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,16px);z-index:70;max-width:min(92vw,560px);background:var(--txt);color:var(--bg);font:600 14px/1.4 var(--body);padding:10px 16px;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;overflow-wrap:anywhere}
.st-toast.on{opacity:1;transform:translate(-50%,0)}
.st-toast:empty{display:none}

/* ---------- globo (mapa do mundo em tela cheia) ---------- */
.sg{position:fixed;inset:0;z-index:60;background:rgba(4,8,18,.78);display:flex;padding:16px}
.sg-in{background:var(--bg);border:1px solid var(--line-2);border-radius:10px;width:100%;max-width:1440px;margin:auto;max-height:100%;overflow:auto;scrollbar-width:thin;padding:16px 20px;display:flex;flex-direction:column;gap:12px;animation:fadeUp .35s ease-out backwards}
.sg-cab{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sg-cab h2{font:900 28px/1.05 var(--disp)}
.sg #exterior-home{border:0;padding:0;background:none}
.sg #exterior-home>.h-cab{display:none}
body.modal-on{overflow:hidden}

/* ---------- rodapé ---------- */
.sr{position:relative;z-index:1;border-top:1px solid var(--line);margin-top:28px;background:var(--topo-bg)}
.sr-in{max-width:1280px;margin:0 auto;padding:22px 24px 28px;display:flex;flex-direction:column;gap:8px}
.sr-top{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-bottom:6px}
.sr-marca{display:flex;align-items:center;gap:10px;color:var(--txt);text-decoration:none;border-radius:6px}
.sr-marca b{font:900 22px var(--disp)}
.sr-links{display:flex;gap:6px 20px;flex-wrap:wrap}
.sr-links a{color:var(--txt);font:600 14px var(--body);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.sr-links a:hover{text-decoration-color:currentColor}
.sr p{font-size:13px;line-height:1.5;color:var(--mut);max-width:110ch}

/* ---------- responsivo ---------- */
@media(max-width:1180px){.st-bt{display:none}.st-b{padding:0}.st-live{font-size:12px}}
@media(max-width:900px){
  .st-in{flex-wrap:wrap;padding:8px 16px;gap:8px 12px}
  .st-marca{order:1}.st-acoes{order:2}
  .st-abas{order:3}.st-live{order:4;flex:1 1 160px}
  .st-busca{padding:0 16px 10px}
  html[data-theme]{scroll-padding-top:116px}
  .sg-in{padding:12px 14px}
}
@media(max-width:900px){.sg .ex-lado{display:none}}
@media(max-width:420px){
  .st-marca{gap:8px}.st-marca img{width:30px;height:30px}.st-marca b{font-size:19px}.st-marca small{display:none}
  .st-acoes{gap:4px}.st-b{height:34px;min-width:34px}
  .st-aba{padding:7px 11px}
  .sg{padding:6px}.sg-cab h2{font-size:22px}
  .sr-in{padding:18px 16px 24px}
}
@media(prefers-reduced-motion:reduce){
  .st *,.sg *,.sr *,.st-toast{animation:none!important;transition:none!important}
  .sg-in,body:not(.tv) .ex-home{animation:none!important}
}

a.st-b{text-decoration:none}