.quick-solar-layout--compact{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;gap:24px;align-items:start}.solar-experience-shell{position:sticky;top:92px;display:grid;gap:14px;padding:18px;border:1px solid rgba(65,221,255,.25);border-radius:24px;background:linear-gradient(145deg,rgba(6,32,46,.98),rgba(3,20,30,.98));box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}.sx-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.sx-head h3{margin:3px 0 0;font-size:1.25rem}.sx-pause{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:#dff7ff;padding:8px 11px;font-weight:750;cursor:pointer}.sx-pause:focus-visible,.sx-state-tabs button:focus-visible{outline:3px solid #ffcf55;outline-offset:2px}.sx-story{display:flex;gap:10px;align-items:center;min-height:52px;padding:10px 12px;border-radius:14px;background:linear-gradient(90deg,rgba(49,215,244,.12),rgba(79,231,171,.06))}.sx-story span{flex:0 0 auto;color:#54def8;font-size:.72rem;font-weight:900}.sx-story strong{font-size:.84rem;line-height:1.4}.sx-scene{position:relative;border-radius:22px;overflow:hidden}.sx-scene svg{display:block;width:100%;height:auto}.sx-sun circle{fill:#ffd451;filter:url(#sxGlow)}.sx-rays{stroke:#ffd451;stroke-width:5;stroke-linecap:round}.sx-panel-ground-shadow{fill:#00121d;opacity:.62}.sx-panel-support path,.sx-panel-support rect{fill:url(#sxPanelSupport);stroke:#b9edfb;stroke-width:2}.sx-panel-support path:last-child{fill:none;stroke-width:5;stroke-linecap:round}.sx-panel-frame{fill:url(#sxPanelFrame);stroke:#baf6ff;stroke-width:2}.sx-panel-glass{fill:url(#sxPanelGlass);stroke:#d5faff;stroke-width:1.5}.sx-panel-cell{fill:#0a3b76;stroke:#9eeeff;stroke-width:2.6;stroke-linejoin:round;opacity:.82;transform-box:fill-box;transform-origin:center;animation:sxPanelIn .42s both;animation-delay:calc(var(--i)*28ms);transition:fill .35s ease,opacity .35s ease}.sx-panel-cell.is-powered{fill:#1878c4;opacity:1}.sx-panel-highlight{fill:url(#sxPanelShine);pointer-events:none;opacity:.72}.sx-panel-lip{fill:#2786c4;stroke:#83def3;stroke-width:1.5}.sx-inverter rect,.sx-battery>rect{fill:#eaf8fb;stroke:#56dff5;stroke-width:3}.sx-inverter circle{fill:#0b2737;stroke:#24cce9;stroke-width:3}.sx-inverter path{fill:none;stroke:#ffe06d;stroke-width:3}.sx-inverter text,.sx-building text,.sx-grid text{fill:#bfe9f4;font-size:11px;font-weight:900;text-anchor:middle}.sx-home{fill:#e7f2f4;stroke:#44d8ee;stroke-width:3}.sx-business{display:none;fill:#dceff3;stroke:#44d8ee;stroke-width:3}.sx-roof{fill:none;stroke:#22b9d9;stroke-width:13;stroke-linejoin:round}.sx-door{fill:#0a4864}.sx-windows rect{fill:#ffd86b;filter:url(#sxGlow)}.sx-battery{display:none}.has-battery .sx-battery{display:block}.sx-battery-fill{fill:#4fe7ab;transition:width .6s ease}.sx-battery path{fill:#09283a}.sx-grid{display:none;fill:none;stroke:#8aaab7;stroke-width:4}.has-grid .sx-grid{display:block}.sx-meter{display:none}.has-grid .sx-meter{display:block}.sx-meter rect{fill:#d8eef3;stroke:#7fa7b6;stroke-width:2}.sx-meter circle,.sx-meter path{fill:none;stroke:#0e536c;stroke-width:2}.sx-grid-off{display:none;stroke:#ff7373;stroke-width:8}.sx-night{display:none}.sx-night circle:first-child{fill:#d9edff;filter:url(#sxGlow)}.sx-flow{stroke:#47e6ff;stroke-width:5;stroke-linecap:round;stroke-dasharray:10 14;animation:sxFlow 1.1s linear infinite}.sx-flow-battery{display:none;stroke:#4fe7ab}.has-battery .sx-flow-battery{display:block}.sx-flow-grid,.sx-flow-grid-in,.sx-flow-grid-house{display:none;stroke:#ff7373}.sx-scene[data-flow="night"] .sx-night,.sx-scene[data-flow="outage"] .sx-night{display:block}.sx-scene[data-flow="night"] .sx-sun,.sx-scene[data-flow="outage"] .sx-sun{display:none}.sx-scene[data-flow="night"] .sx-flow-solar,.sx-scene[data-flow="night"] .sx-flow-panels,.sx-scene[data-flow="outage"] .sx-flow-solar,.sx-scene[data-flow="outage"] .sx-flow-panels{display:none}.sx-scene[data-flow="night"] .sx-flow-battery,.sx-scene[data-flow="outage"] .sx-flow-battery{animation-direction:reverse}.sx-scene[data-flow="outage"] .sx-grid{opacity:.3}.sx-scene[data-flow="outage"] .sx-grid-off{display:block}.sx-scene[data-flow="outage"] .sx-flow-grid,.sx-scene[data-flow="outage"] .sx-flow-grid-in{display:none}.sx-scene[data-flow="excess"] .sx-flow-grid{stroke:#4fe7ab;stroke-width:7}.sx-scene[data-flow="zero-injection"] .sx-flow-grid{display:none}.sx-scene[data-flow="zero-injection"] .sx-grid-off{display:block}.sx-flow-legend{position:absolute;left:12px;bottom:10px;display:flex;gap:10px;padding:6px 9px;border-radius:999px;background:rgba(2,17,25,.82);font-size:.67rem}.sx-flow-legend span{display:flex;align-items:center;gap:5px}.sx-dot{width:7px;height:7px;border-radius:50%;background:#47e6ff}.sx-dot.battery{background:#4fe7ab}.sx-dot.grid{background:#ff7373}.sx-state-tabs{display:flex;gap:5px}.sx-state-tabs button{flex:1;min-height:34px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.035);color:#c4dce5;font-size:.7rem;cursor:pointer}.sx-state-tabs button.is-active{border-color:#42dbf4;background:rgba(49,215,244,.14);color:#fff}.sx-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.sx-metrics article{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 8px;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035)}.sx-metrics span{grid-column:1/-1;color:#a9cbd8;font-size:.7rem}.sx-metrics strong{font-size:1.32rem}.sx-metrics small{color:#b9d2dc;font-size:.67rem;text-align:right}.sx-bar{grid-column:1/-1;height:5px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.sx-bar i{display:block;height:100%;width:5%;border-radius:inherit;background:linear-gradient(90deg,#18b5dc,#4fe7ab);transition:width .6s ease}.sx-growth-card{border-color:rgba(79,231,171,.25)!important}.sx-savings{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-radius:14px;background:rgba(3,22,32,.72)}.sx-savings>div:not(.sx-bill-track){display:grid;gap:2px}.sx-savings span{color:#a9cbd8;font-size:.68rem}.sx-savings strong{font-size:.98rem}.sx-savings .is-saving strong{color:#57eca9}.sx-bill-track{position:relative;grid-column:1/-1;height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.sx-bill-track i{position:absolute;inset:0 auto 0 0;border-radius:inherit;transition:width .6s ease}.sx-bill-track [data-sx-bill-current]{background:rgba(255,112,112,.35)}.sx-bill-track [data-sx-bill-remaining]{background:#4fe7ab}.sx-savings>small{grid-column:1/-1;color:#93b5c2;font-size:.63rem;line-height:1.35}.sx-recommendation{display:grid;gap:3px;padding:12px 14px;border:1px solid rgba(255,211,82,.25);border-radius:14px;background:rgba(255,211,82,.055)}.sx-recommendation span,.sx-recommendation small{color:#aecbd5;font-size:.68rem}.sx-recommendation strong{color:#ffe181}.sx-accessible-summary{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-paused *,.is-offscreen *{animation-play-state:paused!important}.is-paused .sx-bar i,.is-paused .sx-battery-fill,.is-paused .sx-bill-track i{transition:none}.solar-experience-shell[data-customer="business"] .sx-home,.solar-experience-shell[data-customer="commercial"] .sx-home,.solar-experience-shell[data-customer="industrial"] .sx-home{display:none}.solar-experience-shell[data-customer="business"] .sx-business,.solar-experience-shell[data-customer="commercial"] .sx-business,.solar-experience-shell[data-customer="industrial"] .sx-business{display:block}
@keyframes sxFlow{to{stroke-dashoffset:-24}}@keyframes sxPanelIn{from{opacity:0;transform:translateY(8px) scale(.7)}to{opacity:1;transform:none}}
@media(max-width:1000px){.quick-solar-layout--compact{grid-template-columns:1fr!important}.solar-experience-shell{position:relative;top:auto;order:2}.quick-solar-form{order:1}}
@media(max-width:620px){.solar-experience-shell{padding:13px;border-radius:18px}.sx-head{align-items:flex-start}.sx-pause{font-size:.68rem;padding:7px 9px}.sx-scene svg{min-height:235px;object-fit:cover}.sx-state-tabs{flex-wrap:wrap}.sx-metrics{grid-template-columns:1fr 1fr}.sx-savings{grid-template-columns:1fr}.sx-savings>small,.sx-bill-track{grid-column:1}.sx-flow-legend{display:none}}
.solar-experience-shell.is-paused *{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}

/* V3.15.6.1: edificio comercial, medidor y red con separacion visual. */
.sx-business{fill:initial;stroke:initial}
.sx-business-body{fill:#dceff3;stroke:#44d8ee;stroke-width:3}
.sx-business-top{fill:#159bc2;stroke:#74e9fa;stroke-width:3}
.sx-business-sign{fill:#073048;stroke:#58e2f5;stroke-width:2}
.sx-business-sign-text{fill:#fff!important;font-size:12px!important;letter-spacing:1.5px}
.sx-business-awning{fill:#ffcf55;stroke:#fff0a6;stroke-width:2}
.sx-business-awning-lines{fill:none;stroke:#0b82aa;stroke-width:3}
.sx-business-door{fill:#0a4864}
.sx-business-windows rect{fill:#83e5f3;stroke:#1484a8;stroke-width:2}
.sx-meter rect{fill:#f0fbfd;stroke:#69d8eb;stroke-width:2}
.sx-meter circle{fill:#dff7fc;stroke:#0e536c;stroke-width:2}
.sx-meter path{fill:none;stroke:#0e536c;stroke-width:2}
.sx-meter .sx-meter-wire{stroke:#ff7373;stroke-width:3;stroke-linecap:round}
.sx-meter text{fill:#a8ceda;font-size:7px;font-weight:900;text-anchor:middle}
.sx-grid-cap{fill:#b7d4dd;stroke:#ecfbff;stroke-width:2}
.sx-grid text{stroke:none;fill:#a8ceda;font-size:14px}
.sx-inverter text{font-size:12px;fill:#09283a}
.sx-building text{font-size:19px}
.sx-meter text{font-size:8px}
.sx-battery text{stroke:none;fill:#a8ceda;font-size:11px;font-weight:900;text-anchor:middle}
.sx-panels text{stroke:none;fill:#a8ceda;font-size:23px;font-weight:900;text-anchor:middle}
.sx-flow-solar{stroke:#ffd451}
.sx-flow-legend{top:auto;bottom:10px;left:60%;right:auto;transform:translateX(-50%)}
.solar-experience-shell:not(.has-battery) .sx-flow-legend{left:85%}
.solar-experience-shell:not(.has-grid) .sx-flow-legend{left:21%}
.solar-experience-shell:not(.has-battery).has-grid .sx-scene[data-flow="day"] .sx-flow-grid{display:block;stroke:#4fe7ab;stroke-width:7}
.solar-experience-shell:not(.has-battery).has-grid .sx-scene[data-flow="day"] .sx-flow-grid-in{display:none}
.solar-experience-shell:not(.has-battery) .sx-scene[data-flow="day"] .sx-meter-wire{stroke:#4fe7ab}
.sx-flow-solar,.sx-flow-panels{stroke-linejoin:round}
.sx-battery-charge{display:none;transform-box:fill-box;transform-origin:center bottom}
.has-battery .sx-scene[data-flow="day"] .sx-battery-charge{display:block;animation:sxCharge 6s linear infinite}
.has-battery .sx-scene[data-flow="night"] .sx-battery-charge{display:block;animation:sxDischarge 12s linear infinite}
.has-battery .sx-scene[data-flow="day"] .sx-battery-fill,.has-battery .sx-scene[data-flow="night"] .sx-battery-fill{fill:#c3dde7;transition:none}
.has-battery .sx-scene[data-flow="night"] .sx-flow-battery{animation-name:sxFlow,sxBatPhase;animation-duration:1.1s,12s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite;animation-direction:reverse,normal}
.has-battery.has-grid .sx-scene[data-flow="night"] .sx-flow-grid-house{animation-name:sxFlowAc,sxGridPhase;animation-duration:2s,12s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
@keyframes sxDischarge{0%{transform:scaleY(1);fill:#4fe7ab}50.5%{fill:#4fe7ab}50.6%{fill:#ff7373}70%{transform:scaleY(.03);fill:#ff7373}100%{transform:scaleY(.03);fill:#ff7373}}
.sx-scene[data-flow="outage"] .sx-sun{display:block;animation:sxDayPhase 13s step-end infinite}
.sx-scene[data-flow="outage"] .sx-night{display:block;animation:sxNightPhase 13s step-end infinite}
.sx-scene[data-flow="outage"] .sx-flow-solar,.sx-scene[data-flow="outage"] .sx-flow-panels{display:block;animation-name:sxFlow,sxDayPhase;animation-duration:1.1s,13s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.has-battery .sx-scene[data-flow="outage"] .sx-battery-fill{fill:#c3dde7;transition:none}
.has-battery .sx-scene[data-flow="outage"] .sx-battery-charge{display:block;animation:sxCycle 13s linear infinite}
.has-battery .sx-scene[data-flow="outage"] .sx-flow-battery{animation-name:sxBatFlowCycle,sxBatCutOut;animation-duration:13s,13s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite;animation-direction:normal,normal}
.has-battery .sx-scene[data-flow="outage"] .sx-flow-home{animation-name:sxFlowAc,sxBatCutOut;animation-duration:2s,13s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
@keyframes sxBatCutOut{0%{opacity:1}92.3%{opacity:0}100%{opacity:0}}
.solar-experience-shell:not(.has-grid) .sx-scene[data-flow="outage"] .sx-sun{animation:sxDayPhaseOff 14s step-end infinite}
.solar-experience-shell:not(.has-grid) .sx-scene[data-flow="outage"] .sx-night{animation:sxNightPhaseOff 14s step-end infinite}
.solar-experience-shell:not(.has-grid) .sx-scene[data-flow="outage"] .sx-flow-solar,.solar-experience-shell:not(.has-grid) .sx-scene[data-flow="outage"] .sx-flow-panels{animation-name:sxFlow,sxDayPhaseOff;animation-duration:1.1s,14s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.solar-experience-shell:not(.has-grid) .sx-scene[data-flow="outage"] .sx-battery-charge{animation:sxCycleOff 14s linear infinite}
.solar-experience-shell:not(.has-grid) .sx-scene[data-flow="outage"] .sx-flow-battery{animation-name:sxBatFlowOff,sxBatCutLong;animation-duration:14s,14s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite;animation-direction:normal,normal}
.solar-experience-shell:not(.has-grid) .sx-scene[data-flow="outage"] .sx-flow-home{animation-name:sxFlowAc,sxBatCutLong;animation-duration:2s,14s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
@keyframes sxDayPhaseOff{0%{opacity:1}42.9%{opacity:0}100%{opacity:0}}
@keyframes sxNightPhaseOff{0%{opacity:0}42.9%{opacity:1}100%{opacity:1}}
@keyframes sxCycleOff{0%{transform:scaleY(.03);fill:#ff7373}11.9%{fill:#ff7373}12%{fill:#4fe7ab}42.9%{transform:scaleY(1);fill:#4fe7ab}73.8%{fill:#4fe7ab}73.9%{fill:#ff7373}85.7%{transform:scaleY(.03);fill:#ff7373}100%{transform:scaleY(.03);fill:#ff7373}}
@keyframes sxBatFlowOff{0%{stroke-dashoffset:0}42.9%{stroke-dashoffset:-127}85.7%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes sxBatCutLong{0%{opacity:1}85.7%{opacity:0}100%{opacity:0}}
.solar-experience-shell[data-customer="business"].has-grid .sx-scene[data-flow="day"] .sx-flow-grid-house{display:block}
.solar-experience-shell[data-customer="business"] .sx-scene[data-flow="day"] .sx-flow-grid-in,.solar-experience-shell[data-customer="business"] .sx-scene[data-flow="day"] .sx-flow-grid-house{animation-name:sxFlowAc;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}
.solar-experience-shell[data-customer="business"].has-grid .sx-scene[data-flow="night"] .sx-flow-grid-in,.solar-experience-shell[data-customer="business"].has-battery.has-grid .sx-scene[data-flow="night"] .sx-flow-grid-house{animation-name:sxBizNight;animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite;opacity:1}
@keyframes sxBizNight{0%{stroke-dashoffset:0}70%{stroke-dashoffset:-88}100%{stroke-dashoffset:-176}}
.sx-scene[data-flow="correct"] .sx-sun{display:block;animation:sxDayPhaseOk 13s step-end infinite}
.sx-scene[data-flow="correct"] .sx-night{display:block;animation:sxNightPhaseOk 13s step-end infinite}
.sx-scene[data-flow="correct"] .sx-flow-solar,.sx-scene[data-flow="correct"] .sx-flow-panels{display:block;animation-name:sxFlow,sxDayPhaseOk;animation-duration:1.1s,13s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.has-battery .sx-scene[data-flow="correct"] .sx-battery-fill{fill:#c3dde7;transition:none}
.has-battery .sx-scene[data-flow="correct"] .sx-battery-charge{display:block;animation:sxCycleOk 13s linear infinite}
.has-battery .sx-scene[data-flow="correct"] .sx-flow-battery{animation:sxBatFlowOk 13s linear infinite;animation-direction:normal}
@keyframes sxDayPhaseOk{0%{opacity:1}46.2%{opacity:0}100%{opacity:0}}
@keyframes sxNightPhaseOk{0%{opacity:0}46.2%{opacity:1}100%{opacity:1}}
@keyframes sxCycleOk{0%{transform:scaleY(.4);fill:#4fe7ab}46.2%{transform:scaleY(1);fill:#4fe7ab}100%{transform:scaleY(.4);fill:#4fe7ab}}
@keyframes sxBatFlowOk{0%{stroke-dashoffset:0}46.2%{stroke-dashoffset:-127}100%{stroke-dashoffset:0}}
.solar-experience-shell:not(.has-battery) .sx-scene[data-flow="outage"] .sx-sun{animation:none;opacity:1}
.solar-experience-shell:not(.has-battery) .sx-scene[data-flow="outage"] .sx-night{display:none}
.solar-experience-shell:not(.has-battery) .sx-scene[data-flow="outage"] .sx-flow-solar,.solar-experience-shell:not(.has-battery) .sx-scene[data-flow="outage"] .sx-flow-panels{display:block;animation-name:sxFlow,sxCutAll;animation-duration:1.1s,10s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.solar-experience-shell:not(.has-battery) .sx-scene[data-flow="outage"] .sx-flow-home{animation-name:sxFlowAc,sxCutAll;animation-duration:2s,10s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.solar-experience-shell:not(.has-battery).has-grid .sx-scene[data-flow="outage"] .sx-flow-grid{display:block;stroke:#4fe7ab;stroke-width:7;animation-name:sxFlowAc,sxCutGrid;animation-duration:2s,10s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.solar-experience-shell:not(.has-battery) .sx-scene[data-flow="outage"] .sx-grid-off{animation:sxCutOff 10s step-end infinite}
.solar-experience-shell:not(.has-battery) .sx-scene[data-flow="outage"] .sx-grid{animation:sxGridDim 10s step-end infinite}
.solar-experience-shell:not(.has-battery) .sx-scene[data-flow="outage"] .sx-meter-wire{animation:sxWireCut 10s step-end infinite}
@keyframes sxCutGrid{0%{opacity:1}40%{opacity:0}100%{opacity:0}}
@keyframes sxCutAll{0%{opacity:1}50%{opacity:0}100%{opacity:0}}
@keyframes sxCutOff{0%{opacity:0}40%{opacity:1}100%{opacity:1}}
@keyframes sxGridDim{0%{opacity:1}40%{opacity:.3}100%{opacity:.3}}
@keyframes sxWireCut{0%{stroke:#4fe7ab;opacity:1}40%{stroke:#ff7373;opacity:.3}100%{stroke:#ff7373;opacity:.3}}
.solar-experience-shell:not(.has-grid) .sx-scene[data-flow="night"] .sx-flow-home{animation-name:sxFlowAc,sxBatPhase;animation-duration:2s,12s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
@keyframes sxDayPhase{0%{opacity:1}46.2%{opacity:0}100%{opacity:0}}
@keyframes sxNightPhase{0%{opacity:0}46.2%{opacity:1}100%{opacity:1}}
@keyframes sxCycle{0%{transform:scaleY(.03);fill:#ff7373}12.8%{fill:#ff7373}12.9%{fill:#4fe7ab}46.2%{transform:scaleY(1);fill:#4fe7ab}79.4%{fill:#4fe7ab}79.5%{fill:#ff7373}92.3%{transform:scaleY(.03);fill:#ff7373}100%{transform:scaleY(.03);fill:#ff7373}}
@keyframes sxBatFlowCycle{0%{stroke-dashoffset:0}46.2%{stroke-dashoffset:-127}92.3%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
.sx-scene[data-flow="excess"] .sx-sun{animation:sxDayPhaseExc 12s step-end infinite}
.sx-scene[data-flow="excess"] .sx-night{display:block;animation:sxNightPhaseExc 12s step-end infinite}
.sx-scene[data-flow="excess"] .sx-flow-solar,.sx-scene[data-flow="excess"] .sx-flow-panels{animation-name:sxFlow,sxDayPhaseExc;animation-duration:1.1s,12s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.has-grid .sx-scene[data-flow="excess"] .sx-flow-grid{animation-name:sxFlowAc,sxDayPhaseExc;animation-duration:2s,12s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.has-grid .sx-scene[data-flow="excess"] .sx-flow-grid-in,.has-grid .sx-scene[data-flow="excess"] .sx-flow-grid-house{display:block;animation-name:sxFlowAc,sxNightPhaseExc;animation-duration:2s,12s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.has-battery.has-grid .sx-scene[data-flow="excess"] .sx-flow-grid-house{animation-name:sxFlowAc,sxGridLateExc;animation-duration:2s,12s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
.sx-scene[data-flow="excess"] .sx-meter-wire{animation:sxWirePhaseExc 12s step-end infinite}
.has-battery .sx-scene[data-flow="excess"] .sx-battery-fill{fill:#c3dde7;transition:none}
.has-battery .sx-scene[data-flow="excess"] .sx-battery-charge{display:block;animation:sxCycleExc 12s linear infinite}
.has-battery .sx-scene[data-flow="excess"] .sx-flow-battery{animation-name:sxBatFlowExc,sxBatVisExc;animation-duration:12s,12s;animation-timing-function:linear,step-end;animation-iteration-count:infinite,infinite}
@keyframes sxDayPhaseExc{0%{opacity:1}48.3%{opacity:0}100%{opacity:0}}
@keyframes sxNightPhaseExc{0%{opacity:0}48.3%{opacity:1}100%{opacity:1}}
@keyframes sxGridLateExc{0%{opacity:0}81.3%{opacity:1}100%{opacity:1}}
@keyframes sxWirePhaseExc{0%{stroke:#4fe7ab}48.3%{stroke:#ff7373}100%{stroke:#ff7373}}
@keyframes sxCycleExc{0%{transform:scaleY(.03);fill:#ff7373}13.4%{fill:#ff7373}13.5%{fill:#4fe7ab}48.3%{transform:scaleY(1);fill:#4fe7ab}72.1%{fill:#4fe7ab}72.2%{fill:#ff7373}81.3%{transform:scaleY(.03);fill:#ff7373}100%{transform:scaleY(.03);fill:#ff7373}}
@keyframes sxBatFlowExc{0%{stroke-dashoffset:0}48.3%{stroke-dashoffset:-127}81.3%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes sxBatVisExc{0%{opacity:1}81.3%{opacity:0}100%{opacity:0}}
@keyframes sxBatPhase{0%{opacity:1}70%{opacity:0}100%{opacity:0}}
@keyframes sxGridPhase{0%{opacity:0}70%{opacity:1}100%{opacity:1}}
@keyframes sxCharge{0%{transform:scaleY(.03);fill:#ff7373}24%{fill:#ff7373}24.1%{fill:#4fe7ab}85%{transform:scaleY(1);fill:#4fe7ab}100%{transform:scaleY(1);fill:#4fe7ab}}
.sx-flow-home,.sx-flow-grid,.sx-flow-grid-in,.sx-flow-grid-house{stroke-linejoin:round;stroke-dasharray:30 14;animation-name:sxFlowAc;animation-duration:2s}
@keyframes sxFlowAc{to{stroke-dashoffset:-44}}
.has-grid .sx-scene[data-flow="day"] .sx-flow-grid-in{display:block}
.has-grid .sx-scene[data-flow="night"] .sx-flow-grid-in,.has-grid .sx-scene[data-flow="night"] .sx-flow-grid-house{display:block}
.has-grid .sx-scene[data-flow="excess"] .sx-flow-grid{display:block}
.sx-scene[data-flow="excess"] .sx-meter-wire{stroke:#4fe7ab}
.sx-scene[data-flow="outage"] .sx-meter-wire{opacity:.3}
.solar-experience-shell[data-customer="business"] .sx-home-structure,
.solar-experience-shell[data-customer="commercial"] .sx-home-structure,
.solar-experience-shell[data-customer="industrial"] .sx-home-structure{display:none}
@media(max-width:620px){.sx-meter{transform:translate(229px,254px) scale(1.3)}.sx-grid{transform:translate(107px,240px) scale(.7)}}

/* Controles separados: tipo de sistema y escenario energético. */
.sx-system-tabs{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:6px;padding:8px;border:1px solid rgba(65,221,255,.16);border-radius:12px;background:rgba(255,255,255,.025)}
.sx-system-tabs>span{padding:0 4px;color:#9fc7d5;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.sx-system-tabs button,.sx-state-tabs button{min-height:40px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.035);color:#c4dce5;font-size:.7rem;font-weight:750;cursor:pointer}
.sx-system-tabs button.is-active,.sx-state-tabs button.is-active{border-color:#42dbf4;background:rgba(49,215,244,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(66,219,244,.12)}
.sx-system-tabs button:focus-visible{outline:3px solid #ffcf55;outline-offset:2px}
@media(max-width:620px){.sx-system-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-system-tabs>span{grid-column:1/-1}.sx-system-tabs button,.sx-state-tabs button{min-height:44px}.sx-state-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-panel-cell{fill:#125ca7;stroke:#8cdff5;stroke-width:1.4;opacity:1}.sx-panel-cell.is-powered{fill:#2187d2;opacity:1}.sx-panel-grid{fill:none;stroke:#bdefff;stroke-width:2.2;stroke-linecap:round;opacity:.95;pointer-events:none}