.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{display:none;stroke:#a9c4ce}.has-grid .sx-flow-grid{display:block}.sx-flow-grid-in{animation-direction:reverse}.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="night"] .sx-flow-grid-in{display:block}.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:#a9c4ce}.sx-state-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.sx-state-tabs button{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{grid-template-columns:repeat(3,1fr)}.sx-metrics{grid-template-columns:1fr 1fr}.sx-savings{grid-template-columns:1fr}.sx-savings>small,.sx-bill-track{grid-column:1}.sx-grid,.sx-meter{transform:translate(640px,178px) scale(.9)}.sx-flow-legend{display:none}}
@media(prefers-reduced-motion:reduce){.solar-experience-shell *{animation:none!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:#57dff5;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}
.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(580px,220px) scale(.9)}.sx-grid{transform:translate(678px,174px) scale(.9)}}
.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}
