/* Cena solar do rodapé. Escopo isolado para não afetar os demais blocos. */
.energia-cena{--ec-accent:#ffce59;--ec-blue:#69d6ff;max-width:1320px;margin:0 auto;padding:72px 30px 52px;scroll-margin-top:110px;}
.energia-cabecalho{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px;}
.energia-eyebrow{color:var(--ec-accent);font:700 11px/1.5 var(--fonte-titulo);letter-spacing:3px;}
.energia-cabecalho h2{max-width:750px;font:700 clamp(23px,2.7vw,36px)/1.3 var(--fonte-titulo);letter-spacing:-.8px;margin:12px 0;}
.energia-cabecalho p{color:#9eb4cc;font-size:17px;}
.energia-controles{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;max-width:200px;}
.energia-controles button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0d2136;border:1px solid #35516a;border-radius:10px;color:#d7e8f6;padding:11px 14px;font:600 14px/1.25 var(--fonte-corpo);cursor:pointer;transition:background .2s,border-color .2s;}
.energia-controles button:hover{background:#18324b;border-color:#69d6ff;}.energia-controles button span{font-size:19px;line-height:1;}
.energia-controles button[data-energy-pause]{font-size:13px;color:#9eb4cc;background:transparent;}
.energia-cena :focus-visible{outline:2px solid var(--ec-accent);outline-offset:5px;}
.energia-palco{position:relative;isolation:isolate;background:#071424;border:1px solid #274258;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #0003;}
.energia-palco::before,.energia-palco::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transition:opacity 3s ease;}
.energia-palco::before{background:radial-gradient(ellipse 600px 420px at 14% 8%,#ffcf5933,transparent 70%),radial-gradient(ellipse 700px 560px at 80% 18%,#137cb529,transparent 70%),linear-gradient(145deg,#183547,#081a2b 60%);opacity:1;}
.energia-palco::after{background:radial-gradient(ellipse 400px 350px at 15% 8%,#739bda2e,transparent 70%),radial-gradient(ellipse 700px 400px at 90% 30%,#3443a126,transparent 80%),linear-gradient(145deg,#050d23,#102644 80%);opacity:0;}
.energia-cena[data-phase="night"] .energia-palco::before{opacity:0;}.energia-cena[data-phase="night"] .energia-palco::after{opacity:1;}
.energia-estado{display:flex;align-items:center;gap:9px;padding:19px 25px 0;color:#ecd49f;font-size:14px;position:relative;z-index:1;}
.energia-indicador{width:7px;height:7px;border-radius:50%;background:#ffce59;box-shadow:0 0 12px #ffce5955;flex:none;transition:background 1s;}
.energia-cena[data-phase="night"] .energia-estado{color:#b6d5ef;}.energia-cena[data-phase="night"] .energia-indicador{background:var(--ec-blue);}
.energia-auto{margin-left:auto;color:#7796af;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;}
.energia-viewport{overflow:hidden;min-width:0;}
.energia-svg{display:block;width:100%;height:auto;overflow:hidden;font-family:var(--fonte-corpo);}
.ec-mobile{display:none;}
.ec-petit{font:9px Arial,sans-serif;fill:#8cafc7;letter-spacing:.5px;}
.ec-chiffre{font:700 21px monospace;fill:#ffda72;letter-spacing:-1px;}.ec-lecture{font:12px monospace;fill:#b0e8f7;}
.ec-led{fill:#29b989;transition:fill 1.2s;}.energia-cena[data-phase="night"] .ec-led{fill:#8297a6;}
.ec-legendes{font:600 14px var(--fonte-corpo);letter-spacing:1px;fill:#d8e9f5;}.ec-num{fill:#ffce59;font-weight:700;}
.ec-trait-nota{fill:none;stroke:#7e9bb1;stroke-width:1.3;marker-end:url(#ec-seta-nota);opacity:.7;}
.ec-sol,.ec-lua{transform-origin:160px 147px;transition:opacity 1.2s ease,transform 1.8s cubic-bezier(.3,0,.2,1);}
.ec-sol{opacity:1;transform:translateY(0) scale(1);transition-delay:1.2s;}.ec-lua{opacity:0;transform:translateY(24px) scale(.8);}
.energia-cena[data-phase="night"] .ec-sol{opacity:0;transform:translateY(18px) scale(.75);transition-delay:0s;}
.energia-cena[data-phase="night"] .ec-lua{opacity:1;transform:translateY(0) scale(1);transition-delay:1.2s;}
.ec-raios-sol{transform-origin:160px 147px;animation:ec-raios 55s linear infinite;}
.ec-estrelas{opacity:0;transition:opacity 3s ease;}.energia-cena[data-phase="night"] .ec-estrelas{opacity:1;}
.ec-cadente{opacity:0;animation:ec-cadente 19s ease-out infinite;animation-delay:4s;}
.ec-casa{filter:brightness(1);transition:filter 3s ease;}.energia-cena[data-phase="night"] .ec-casa{filter:brightness(.77);}
.ec-luz-solar,.ec-courant-solaire{opacity:1;transition:opacity 1.8s ease;}.ec-courant-reseau{opacity:0;transition:opacity 2s ease;}
.energia-cena[data-phase="night"] .ec-luz-solar,.energia-cena[data-phase="night"] .ec-courant-solaire{opacity:0;}
.energia-cena[data-phase="night"] .ec-courant-reseau{opacity:1;}
.ec-courant-export{opacity:0;transition:opacity 1.8s ease;}.energia-cena[data-exporting="true"] .ec-courant-export{opacity:1;}
.ec-photon{fill:#fff4b2;stroke:#ffd166;stroke-width:2;filter:drop-shadow(0 0 5px #ffd166);animation:ec-photon 2.3s linear infinite;offset-rotate:0deg;}
.ec-fleche-mouvante{stroke-dasharray:6 4;animation:ec-fluxo 2s linear infinite;}
.ec-seta-viajante{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;animation:ec-photon 3s linear infinite;offset-rotate:auto;}
.ec-fluxo{stroke-dasharray:8 15;animation:ec-fluxo 1.4s linear infinite;}.ec-luz-solar .ec-fluxo{stroke-dasharray:5 26;animation-duration:2s;}
.ec-lumieres{opacity:0;transition:opacity 2.5s ease-in-out;}.energia-cena[data-lights="on"] .ec-lumieres{opacity:1;}
.energia-cena[data-phase="day"][data-lights="on"] .ec-lumieres{transition-delay:1.2s;}
.energia-leituras{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #284354;background:#071624b3;padding:22px 28px;gap:24px;}
.energia-leituras>div{min-width:0;}.energia-leituras>div:not(:nth-child(3n+1)){border-left:1px solid #254052;padding-left:26px;}
.energia-leituras .energia-valor-export{color:#85e8bf;}
.energia-leituras span{display:block;font-size:13px;color:#9ab2c9;line-height:1.3;margin-bottom:5px;}
.energia-leituras strong{font:500 26px/1.3 var(--fonte-titulo);letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#f2dfa9;}
.energia-leituras small{font:500 14px var(--fonte-corpo);color:#9ab2c9;}.energia-leituras .energia-origem{font-size:19px;color:#dcecf7;}
.energia-explicacoes{padding:26px 28px;background:linear-gradient(135deg,#07172ae8,#10243be8);border-top:1px solid #2c475e;}
.energia-explicacoes-titulo{font:700 16px/1.4 var(--fonte-titulo);margin:0 0 22px;}
.energia-etapas{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;margin:0;padding:0;}
.energia-etapas li{display:flex;align-items:flex-start;gap:13px;padding-top:15px;border-top:1px solid #234057;transition:border-color 2s;}
.energia-etapa-numero{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid #345268;border-radius:50%;font:700 10px var(--fonte-titulo);color:#93a9c7;transition:color 2s,border-color 2s;}
.energia-etapas h3{font:700 14px/1.4 var(--fonte-titulo);margin:4px 0 8px;color:#eaf4ff;}
.energia-etapas p{font-size:16px;line-height:1.5;color:#9bb1c8;margin:0;}
.energia-etapas li.is-active{border-color:#bb9b4c;}.energia-etapas li.is-active .energia-etapa-numero{border-color:#bb9b4c;color:#ffce59;}
.energia-cena[data-phase="night"] .energia-etapas li.is-active{border-color:#447b9b;}.energia-cena[data-phase="night"] .energia-etapas li.is-active .energia-etapa-numero{border-color:#447b9b;color:#69d6ff;}
.energia-nota{font-size:13px;line-height:1.5;color:#7892aa;margin-top:27px;max-width:880px;}
.energia-legenda-fluxos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:14px 28px;border-top:1px solid #2c475e;font-size:13px;color:#b6cada;background:#08162699;}.energia-legenda-fluxos span{display:flex;align-items:center;gap:8px;}.energia-legenda-fluxos i{display:inline-block;width:18px;height:3px;border-radius:3px;}.energia-legenda-fluxos strong{margin-left:auto;font-weight:600;font-size:13px;color:#d6eaf6;}
.energia-cor-solar{background:#ffce59;}.energia-cor-export{background:#6aefb8;}.energia-cor-rede{background:#69d6ff;}
.energia-creditos{display:flex;gap:17px;padding:22px;margin-top:26px;border:1px solid #487366;border-radius:14px;background:linear-gradient(135deg,#18463650,#0e2c3240);}
.energia-creditos-selo{font:500 28px/1 var(--fonte-titulo);color:#87edbf;}.energia-creditos h3{font:700 14px/1.6 var(--fonte-titulo);color:#c6f3de;margin:0 0 9px;}.energia-creditos p{font-size:15px;line-height:1.6;color:#abc8c5;}.energia-creditos p+p{margin-top:9px;}.energia-creditos a{color:#c5efd9;text-decoration:underline;text-underline-offset:3px;}
.energia-cena.is-paused *{animation-play-state:paused!important;}
@keyframes ec-raios{to{transform:rotate(360deg);}}
@keyframes ec-fluxo{to{stroke-dashoffset:-92;}}
@keyframes ec-photon{from{offset-distance:0%;}to{offset-distance:100%;}}
@keyframes ec-cadente{0%,83%,100%{opacity:0;transform:translate(0,0);}85%{opacity:.8;}91%{opacity:0;transform:translate(-180px,65px);}}
@media(max-width:960px){.energia-cabecalho{align-items:flex-start;}.energia-cabecalho h2{font-size:26px;}.energia-etapas{grid-template-columns:repeat(2,minmax(0,1fr));}.energia-auto{display:none;}}
@media(max-width:700px){
  .energia-cena{padding:40px 12px 26px;}.energia-cabecalho{display:block;padding:0 5px;}.energia-cabecalho h2{font-size:23px;letter-spacing:-.5px;}.energia-controles{max-width:none;flex-wrap:nowrap;margin-top:20px;}.energia-controles button{width:auto;flex:1;min-width:0;}
  .energia-palco{border-radius:17px;}.energia-estado{padding:17px 16px 0;font-size:14px;min-height:53px;align-items:flex-start;}.energia-indicador{margin-top:7px;}
  .ec-desktop{display:none;}.ec-mobile{display:inline;}.ec-celestial{transform:translate(-40px,-50px);}.ec-casa,.ec-solo{transform:translate(-198px,15px);}.ec-inversor{transform:translate(-685px,320px);}.ec-poste{transform:translate(-500px,320px);}.ec-legendes{font-size:23px;letter-spacing:.5px;}.ec-petit{font-size:11px;}.ec-mobile>.ec-petit{font-size:17px;}
  .energia-legenda-fluxos{padding:16px;gap:10px 16px;font-size:12px;}.energia-legenda-fluxos strong{margin-left:0;}
  .energia-leituras{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding:20px 16px;}.energia-leituras>div:not(:nth-child(3n+1)){border:0;padding-left:0;}.energia-leituras>div:nth-child(even){border-left:1px solid #294559;padding-left:14px;}.energia-leituras strong{font-size:20px;white-space:nowrap;}.energia-leituras span{font-size:13px;min-height:34px;}.energia-leituras small{font-size:12px;}
  .energia-explicacoes{padding:23px 16px;}.energia-explicacoes-titulo{font-size:15px;}.energia-etapas{grid-template-columns:1fr;gap:18px;}.energia-etapas li{gap:12px;}.energia-etapas h3{font-size:13px;}.energia-etapas p{font-size:16px;}.energia-creditos{padding:17px;gap:10px;}.energia-creditos h3{font-size:13px;}.energia-creditos-selo{font-size:21px;}.energia-nota{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){.ec-raios-sol,.ec-cadente{animation:none;}.ec-sol,.ec-lua{transform:none!important;}.ec-fluxo,.ec-photon,.ec-seta-viajante{animation-duration:4s;}.energia-cena{scroll-behavior:auto;}}
