/* Seções "Como trabalhamos" e "Dúvidas frequentes" */
html,body{background:#fff;color-scheme:light}
.process{background:var(--paper)}.process-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:none}.process-steps li{padding:28px;border-radius:16px;background:#fff;border:1px solid #d6e2da;display:flex;flex-direction:column;gap:12px}.process-steps span{font-size:12px;letter-spacing:.12em;color:#557563;font-weight:700}.process-steps h3{font-size:23px;letter-spacing:-.02em}.process-steps p{color:var(--muted);font-size:16px}
.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:8%;align-items:start}.faq-intro>p{color:var(--muted);font-size:17px;margin:24px 0 18px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:22px 0;font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.01em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-family:var(--font);font-size:26px;font-weight:400;color:var(--green);line-height:1;transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list summary:hover{color:var(--green)}.faq-list summary:focus-visible{outline:3px solid #d3a500;outline-offset:4px}.faq-list details p{color:var(--muted);font-size:16px;max-width:620px;padding:0 40px 24px 0}
@media(max-width:1000px){.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.process-steps{grid-template-columns:1fr;gap:12px}.process-steps li{padding:22px;gap:8px}.process-steps h3{font-size:21px}.faq{grid-template-columns:minmax(0,1fr);gap:30px}.faq-intro>p{font-size:16px}.faq-list summary{font-size:17px;padding:18px 0}.faq-list details p{padding-right:0}}
@media(prefers-reduced-motion:reduce){.faq-list summary:after{transition:none}}
/* Rodapé em colunas (referência de composição: GoodWe) */
.footer-top{border-bottom:1px solid #d1dad3;margin-bottom:34px}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.3fr;gap:30px;padding-bottom:36px}.footer-columns h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:12px;font-family:var(--font);font-weight:700}.footer-columns nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start}.footer-columns a{text-decoration:none;font-size:15px;color:var(--ink);min-height:40px;display:flex;align-items:center}.footer-columns a:hover{color:#07844d}.footer-contact address{font-style:normal;color:var(--muted);font-size:14px;margin:6px 0 10px}.footer-social{display:flex;gap:20px}
@media(max-width:1000px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.footer-columns{grid-template-columns:minmax(0,1fr);gap:22px}.footer-top{margin-bottom:24px}}
/* Soluções em abas com ilustração isométrica (referência de composição: GoodWe) */
.solution-directory{background:#fff}.solutions-head{text-align:center;margin-bottom:40px}.solutions-head .eyebrow{margin-bottom:14px}
.solutions-explorer{display:grid;grid-template-columns:210px minmax(0,340px) minmax(0,1fr);gap:48px;align-items:center}
.solutions-tabs{display:flex;flex-direction:column;gap:22px;position:relative;padding:10px 0}.solutions-tabs:before{content:'';position:absolute;right:35px;top:0;bottom:0;border-left:1px dashed #c9d7ce}
.solutions-tabs button{display:flex;align-items:center;justify-content:flex-end;gap:16px;background:none;border:0;padding:0;cursor:pointer;text-align:right;color:var(--ink);font-size:15px;font-weight:550;min-height:72px;position:relative}
.tab-label{transition:color .3s}.solutions-tabs button[aria-selected=true] .tab-label{color:var(--green);font-weight:700}.solutions-tabs button:hover .tab-label{color:#07844d}
.tab-icon{position:relative;width:72px;height:72px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#fff;transition:background .3s}
.tab-glyph{width:28px;height:28px;fill:none;stroke:#557563;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;position:relative;transition:stroke .3s}
.tab-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);opacity:0;transition:opacity .3s}.tab-ring circle{fill:none;stroke:#e3ede6;stroke-width:5}.tab-ring .ring-progress{stroke:var(--green);stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:170}
.solutions-tabs button[aria-selected=true] .tab-icon{background:#eef6ef}.solutions-tabs button[aria-selected=true] .tab-glyph{stroke:var(--green)}.solutions-tabs button[aria-selected=true] .tab-ring{opacity:1}
.solutions-tabs button[aria-selected=true] .ring-progress{animation:solution-ring 7s linear forwards}
.solutions-explorer:hover .ring-progress,.solutions-explorer:focus-within .ring-progress,.solutions-explorer.page-hidden .ring-progress{animation-play-state:paused}
.solutions-explorer.user-paused .ring-progress,.solutions-explorer.no-autoplay .ring-progress{animation:none;stroke-dashoffset:0}
@keyframes solution-ring{to{stroke-dashoffset:0}}
.solutions-explorer.has-switched .solution-panel{animation:solution-in .6s ease both}.solution-panel h3{font-size:clamp(28px,2.5vw,38px);letter-spacing:-.035em;margin-bottom:20px}.solution-panel p{color:var(--muted);font-size:17px;margin-bottom:32px}
@keyframes solution-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.solutions-soon{text-align:center;color:var(--muted);font-size:14px;margin-top:30px}.solutions-soon strong{color:var(--ink);font-weight:600}
.solutions-scene{width:100%;height:auto;display:block;overflow:visible}
.scene-grid line{stroke:#e2eae4;stroke-width:1}
.f-top{fill:#fdfefd}.f-left{fill:#eef3ef}.f-right{fill:#e0e8e2}.f-top,.f-left,.f-right,.roof-a,.roof-b{stroke:#cdd9d0;stroke-width:.8;stroke-linejoin:round}
.roof-a{fill:#f4f7f5}.roof-b{fill:#e6ede8}.detail{fill:#cfdcd3}.window{fill:#d7e4db}
.f-top.hub{fill:var(--green)}.f-left.hub{fill:#0a5a3c}.f-right.hub{fill:#063b28}.node-hub text{fill:var(--yellow);font:700 15px var(--display);text-anchor:middle}
.f-top.battery{fill:#f7faf8}.f-left.battery{fill:#dfe8e2}.f-right.battery{fill:#cfdcd3}.charge{fill:#b7ec77;stroke:none}
.pv{fill:#1f4f63;stroke:#163a49;stroke-width:.8}.pv-line{stroke:#5d8fa3;stroke-width:.6}
.scene-wire{fill:none;stroke:#cfdcd3;stroke-width:2;stroke-dasharray:4 5}
.scene-flow{fill:none;stroke:#0c8653;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 14;opacity:0;transition:opacity .4s}
.scene-node{opacity:.45;transition:opacity .5s,filter .5s}.node-hub{opacity:1}
.solutions-explorer[data-active=residencial] [data-node=residencial],.solutions-explorer[data-active=empresas] [data-node=empresas],.solutions-explorer[data-active=rural] [data-node=rural],.solutions-explorer[data-active=baterias] [data-node=baterias]{opacity:1;filter:drop-shadow(0 12px 18px #0b30231f)}
.solutions-explorer[data-active=residencial] .scene-flow[data-link=residencial],.solutions-explorer[data-active=empresas] .scene-flow[data-link=empresas],.solutions-explorer[data-active=rural] .scene-flow[data-link=rural],.solutions-explorer[data-active=baterias] .scene-flow[data-link=baterias]{opacity:1;animation:scene-flow 1.2s linear infinite}
@keyframes scene-flow{to{stroke-dashoffset:-24}}
.solutions-explorer:not([data-active=baterias]) .charge{fill:#dfe8e2}
@media(max-width:1100px){.solutions-explorer{grid-template-columns:190px minmax(0,1fr);gap:36px}.solutions-visual{grid-column:1/-1;grid-row:1;max-width:680px;margin:0 auto;width:100%}}
@media(max-width:760px){.solutions-head{text-align:left;margin-bottom:24px}.solutions-explorer{grid-template-columns:minmax(0,1fr);gap:22px}.solutions-visual{grid-row:auto;order:2;max-width:420px}.solutions-tabs{order:1}.solutions-panels{order:3}
.solutions-tabs{flex-direction:row;justify-content:space-between;gap:4px;padding:0}.solutions-tabs:before{left:36px;right:36px;top:30px;bottom:auto;border-left:0;border-top:1px dashed #c9d7ce}
.solutions-tabs button{flex-direction:column-reverse;justify-content:flex-start;gap:6px;text-align:center;font-size:13px;min-height:0;flex:1}.tab-icon{width:60px;height:60px}.tab-glyph{width:24px;height:24px}
.solution-panel h3{font-size:27px;margin-bottom:14px}.solution-panel p{font-size:16px;margin-bottom:24px}.solutions-soon{text-align:left}}
@media(prefers-reduced-motion:reduce){.solution-panel{animation:none}.scene-flow{animation:none!important}.scene-node{transition:none}}
/* Menu "Sobre a i2 Energia" (referência de composição: GoodWe) */
.about-menu .solutions-submenu{right:auto;left:-20px;width:320px}.submenu-title{display:flex;align-items:center;gap:12px;padding:12px 16px 10px;font-family:var(--display);font-size:17px;font-weight:650;color:var(--ink)}.submenu-title svg{width:30px;height:30px;padding:5px;border-radius:8px;background:linear-gradient(135deg,var(--green),#0c8653);fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){.about-menu .solutions-submenu{left:-10px}}
@media(max-width:760px){.about-menu .solutions-submenu{width:100%}.submenu-title{display:none}}
/* Instagram e Facebook no cabeçalho */
.header-social{display:flex;align-items:center;gap:6px;margin-left:-8px;padding-left:22px;border-left:1px solid var(--line)}.nav .header-social a{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;color:var(--green);transition:background .2s,color .2s}.nav .header-social a:hover{background:#edf4ec;color:#07844d}.header-social svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.header-social .dot,.header-social .fill{fill:currentColor;stroke:none}
@media(max-width:1100px){.header-social{padding-left:14px;gap:2px}}
@media(max-width:760px){.header-social{margin:8px 0 4px;padding:14px 8px 4px;border-left:0;border-top:1px solid var(--line);gap:10px}.nav .header-social a{width:44px;height:44px;background:#f2f6f2}}
/* Páginas internas: topo, faixa de chamada, vídeos e exemplos */
.page-hero{position:relative;overflow:hidden;padding:70px 5.5% 80px;color:#fff;background:radial-gradient(ellipse at 85% 20%,#1d6a4f 0,transparent 55%),linear-gradient(135deg,#062a1f,#0a4a33 60%,#0c5a3d)}.page-hero:after{content:'';position:absolute;right:-120px;bottom:-160px;width:520px;height:520px;border-radius:50%;border:1px solid #ffffff1a;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05;pointer-events:none}
.page-hero>*{position:relative;z-index:1}.page-hero h1{font-size:clamp(40px,4.6vw,68px);letter-spacing:-.045em;line-height:1.08;font-weight:650;max-width:900px}.page-hero h1 em{font-style:normal;color:#dcf7b1}.page-hero p{max-width:620px;color:#dce8e0;font-size:18px;margin:24px 0 32px}
.breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;color:#b9cfc1;margin-bottom:34px}.breadcrumb a{text-decoration:none;color:#e7f3e9}.breadcrumb a:hover{text-decoration:underline}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 5.5% 90px;padding:44px 48px;border-radius:20px;color:#fff;background:linear-gradient(120deg,var(--green),#0c7048)}.cta-band h2{font-size:clamp(26px,2.4vw,36px);color:#fff}.cta-band p{color:#d6e7dc;margin-top:10px}.cta-band .button{flex-shrink:0}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0a2a20}.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.media-item{margin:0}.media-item figcaption{margin-top:12px;font-size:15px;color:var(--muted)}
.examples-section{background:var(--paper)}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.example-item{margin:0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #d6e2da}.example-item img{width:100%;aspect-ratio:3/2;object-fit:cover}.example-item figcaption{display:grid;gap:4px;padding:18px 20px}.example-item figcaption span{font-size:14px;color:var(--muted)}
.section-more{display:inline-flex;gap:14px;align-items:center;margin-top:34px;font-weight:650;color:var(--green);text-decoration:none;border-bottom:1px solid #9fb6a7;padding:8px 0;min-height:44px}.section-more:hover{color:#008552}.about-more{grid-column:1/-1;justify-self:start;margin-top:10px}
.nav>a[aria-current=page],.solutions-menu:has([aria-current=page]) .solutions-toggle{color:var(--green);box-shadow:inset 0 -2px 0 currentColor}.solutions-submenu a[aria-current=page]{background:#edf4ec}
@media(max-width:1000px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.page-hero{padding:44px 6% 56px}.page-hero p{font-size:16px}.breadcrumb{margin-bottom:24px}.cta-band{flex-direction:column;align-items:flex-start;margin:0 6% 60px;padding:30px 24px}.media-grid,.examples-grid{grid-template-columns:minmax(0,1fr)}.nav>a[aria-current=page],.solutions-menu:has([aria-current=page]) .solutions-toggle{box-shadow:inset 3px 0 0 currentColor}}
/* Página Baterias: linhas BLUETTI, calculadora de autonomia e modelos */
.bluetti-lines{background:#fff}.lines-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.line-card{border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.line-card h3{font-size:clamp(26px,2.3vw,34px);letter-spacing:-.03em}.line-card ul{list-style:none;padding:0;margin:4px 0 10px;display:grid;gap:8px}.line-card li:before{content:'✓';margin-right:10px;font-weight:700}.line-card .button{align-self:flex-start;margin-top:auto}
.line-home{color:#fff;background:radial-gradient(ellipse at 90% 0,#2b6c56,transparent 60%),linear-gradient(150deg,#0a3326,#0c4a36)}.line-home p,.line-home li{color:#d6e7dc}.line-home li:before{color:#dcf7b1}.line-tag{font-size:12px;letter-spacing:.14em;font-weight:700;color:#b9d8c6}
.line-portable{background:#eef4ef;border:1px solid #d6e2da}.line-portable .line-tag{color:#557563}.line-portable p,.line-portable li{color:var(--muted)}.line-portable li:before{color:var(--green)}
.models-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.models-grid article{border:1px solid #d6e2da;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:10px;background:#fff;transition:transform .25s,box-shadow .25s}.models-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 44px #0b30231a}.model-use{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#557563;font-weight:700}.models-grid h3{font-size:26px;letter-spacing:-.02em}.model-spec{font-weight:650;color:var(--green);font-size:15px}.models-grid p:not(.model-spec){color:var(--muted);font-size:15px}.models-grid .text-link{margin-top:auto;align-self:flex-start}
.choose{background:var(--paper)}#duvidas-baterias{background:#fff}
@media(max-width:1100px){.models-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.lines-grid,.models-grid{grid-template-columns:minmax(0,1fr)}.line-card{padding:28px 22px}.models-grid article{padding:22px}}
@media(prefers-reduced-motion:reduce){.models-grid article{transition:none}}
.model-media{margin:-6px -6px 6px;border-radius:12px;background:radial-gradient(ellipse at 50% 60%,#f4f8f5,#e6eee8);aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}.model-media img{width:82%;height:82%;object-fit:contain;transition:transform .4s ease}.models-grid article:hover .model-media img{transform:scale(1.05)}
@media(prefers-reduced-motion:reduce){.model-media img{transition:none}}
/* Calculadora de energia no estilo da referência BLUETTI */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.autonomy{background:var(--paper)}.autonomy-head{text-align:center;max-width:640px;margin:0 auto 26px}.autonomy-head h2{margin-bottom:12px}.autonomy-head p{color:var(--muted);font-size:17px}
.autonomy-mode{display:flex;max-width:520px;margin:0 auto 30px;padding:5px;border-radius:40px;background:#e2ebe5}.autonomy-mode button{flex:1;border:0;border-radius:40px;padding:12px 16px;min-height:44px;font-weight:650;font-size:15px;background:transparent;color:#4f6558;cursor:pointer;transition:background .25s,color .25s}.autonomy-mode button[aria-pressed=true]{background:var(--green);color:#fff;box-shadow:0 6px 16px #084b3233}
.autonomy-tool{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.device-tile{position:relative;border:1px solid #d6e2da;border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s,background .2s}.device-tile.is-on{border-color:var(--green);background:#f3faf5;box-shadow:0 8px 20px #0b30231a}
.device-toggle{width:100%;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px 10px;color:var(--ink);font:inherit;text-align:center;border-radius:14px}.device-toggle svg{width:30px;height:30px;fill:none;stroke:#6f8578;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.device-tile.is-on .device-toggle svg{stroke:var(--green)}.device-name{font-size:14px;font-weight:600;line-height:1.25}.device-watts{font-size:12px;color:var(--muted)}
.device-tile:not(.is-on) .device-qty{visibility:hidden}.device-qty{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px 12px}.device-qty button{width:30px;height:30px;border-radius:50%;border:1px solid #b9d3c1;background:#fff;color:var(--green);font-size:17px;line-height:1;cursor:pointer}.device-qty button:hover{background:#e9f4ec}.device-qty output{min-width:24px;text-align:center;font-weight:700;font-size:14px}
.autonomy-result{position:sticky;top:120px;border-radius:18px;padding:22px;color:#fff;background:linear-gradient(160deg,var(--green),#0c7048);display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 50px #0b302333}
.model-select select{width:100%;font:inherit;font-size:15px;font-weight:600;padding:13px 14px;border-radius:10px;border:1px solid #ffffff55;background:#ffffff14;color:#fff;cursor:pointer}.model-select option,.model-select optgroup{color:var(--ink);background:#fff}
.result-body{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:14px;align-items:center;background:#ffffff12;border-radius:14px;padding:16px}.result-text{display:flex;flex-direction:column;gap:6px}.result-count{font-size:13px;color:#cfe6d6}.autonomy-result strong{font-family:var(--display);font-size:clamp(32px,3vw,44px);line-height:1.08;letter-spacing:-.03em;color:#dcf7b1}.result-caption{font-size:13px;color:#cfe6d6}
.result-product{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.result-product img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 10px 14px #0006)}.result-product span{font-size:12px;color:#e3efe7}
.autonomy-warning{background:#ffffff1a;border-left:3px solid var(--yellow);padding:10px 12px;border-radius:6px;font-size:14px;color:#fff5cf}.autonomy-result .button{align-self:stretch}.autonomy-note{font-size:12px;color:#c6ddcf;line-height:1.55}
.model-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-16px 0 28px}.model-filters button{border:1px solid #cfdcd3;background:#fff;border-radius:30px;padding:9px 16px;min-height:40px;font:inherit;font-size:14px;font-weight:600;color:#4f6558;cursor:pointer}.model-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.models-grid article[hidden]{display:none}
.model-media img{mix-blend-mode:multiply}
@media(max-width:1100px){.autonomy-tool{grid-template-columns:minmax(0,1fr)}.autonomy-result{position:static}.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.device-toggle{padding:12px 4px 6px;gap:4px}.device-toggle svg{width:24px;height:24px}.device-name{font-size:12.5px}.device-watts{font-size:11px}.device-qty{padding:0 4px 8px;gap:2px}.device-qty button{width:26px;height:26px}.autonomy-result{order:-1}.autonomy-head{text-align:left}.autonomy-mode{margin-bottom:22px}.result-body{grid-template-columns:minmax(0,1fr) 96px}.result-product img{width:90px;height:90px}.model-filters{margin-top:-8px}}
@media(prefers-reduced-motion:reduce){.autonomy-mode button,.device-tile{transition:none}}
/* Seletor visual de modelo */
.model-select{position:relative}.model-trigger{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:14px;border:1px solid #ffffff4d;background:#ffffff14;color:#fff;cursor:pointer;text-align:left;font:inherit;transition:background .2s}.model-trigger:hover,.model-trigger[aria-expanded=true]{background:#ffffff26}.model-trigger img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.model-trigger span{display:flex;flex-direction:column;line-height:1.25}.model-trigger small{font-size:12px;color:#cfe6d6}.model-trigger strong{font-size:18px;font-family:var(--display)}.model-trigger b{font-size:22px;font-weight:400;transition:transform .2s}.model-trigger[aria-expanded=true] b{transform:rotate(180deg)}
.model-panel{position:absolute;z-index:20;top:calc(100% + 8px);left:0;right:0;background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 24px 60px #0b302340;padding:12px;max-height:420px;display:flex;flex-direction:column;gap:10px}.model-panel[hidden]{display:none}
.model-panel-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.model-panel-tabs button{flex-shrink:0;border:1px solid #d6e2da;background:#fff;border-radius:20px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;color:#4f6558;cursor:pointer;white-space:nowrap}.model-panel-tabs button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}
.model-panel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow-y:auto;padding:2px}.model-option{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #e1e9e4;border-radius:12px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:var(--ink);min-height:64px}.model-option:hover{border-color:#9fbfaa;background:#f5faf6}.model-option[aria-selected=true]{border-color:var(--green);background:#eef7f0;box-shadow:inset 0 0 0 1px var(--green)}.model-option img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.model-option span{display:flex;flex-direction:column;line-height:1.25;min-width:0}.model-option strong{font-size:14px}.model-option small{font-size:12px;color:var(--muted)}
@media(max-width:760px){.model-panel-list{grid-template-columns:minmax(0,1fr)}.model-panel{max-height:360px}}
.autonomy-result .model-option strong{font-family:var(--font);font-size:14px;line-height:1.25;letter-spacing:0;color:var(--ink)}.autonomy-result .model-trigger strong{font-family:var(--display);font-size:19px;line-height:1.2;letter-spacing:-.01em;color:#fff}
.model-panel-tabs{flex-wrap:wrap;overflow:visible}
/* Comparativo com recarga solar */
.solar-compare{border-radius:14px;background:#ffffff12;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.compare-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.03em;color:#fff}.compare-head svg{width:20px;height:20px;fill:none;stroke:var(--yellow);stroke-width:1.7;stroke-linecap:round}
.compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-cols>div{border-radius:10px;padding:10px 12px;background:#00000014;display:flex;flex-direction:column;gap:2px}.compare-cols small{font-size:12px;color:#cfe6d6}.autonomy-result .compare-cols strong{font-family:var(--display);font-size:22px;line-height:1.2;letter-spacing:-.02em;color:#fff}.autonomy-result .compare-solar{background:#f5d3431f;box-shadow:inset 0 0 0 1px #f5d34366}.autonomy-result .compare-solar strong{color:var(--yellow)}.compare-recharge{font-size:13px;color:#e3efe7;margin:0}
.compare-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.autonomy-result .compare-cols strong{overflow-wrap:anywhere}@media(max-width:760px){.autonomy-result .compare-cols strong{font-size:17px}.compare-cols>div{padding:9px 10px}}
/* Menu Soluções agrupado */
.solutions-submenu.mega{width:600px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px}.solutions-submenu.mega[hidden]{display:none}.submenu-group{display:flex;flex-direction:column;gap:2px}.nav .solutions-submenu .submenu-head{background:#f2f7f3}.nav .solutions-submenu .submenu-sub{padding:10px 16px 10px 28px;position:relative}.submenu-sub:before{content:'';position:absolute;left:16px;top:14px;bottom:14px;border-left:2px solid #cfe0d5}.submenu-sub strong{font-size:14px}
/* Página Energia Solar: tipos de sistema e linhas */
.systems{background:#fff}.systems-compare{border:1px solid #d6e2da;border-radius:18px;overflow:hidden}.compare-row{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));border-top:1px solid #e3ebe6}.compare-row:first-child{border-top:0}.compare-row>*{padding:16px 18px;font-size:15px}.compare-row [role=rowheader]{font-weight:600;color:var(--ink);background:#f7faf8}.compare-header>*{background:var(--green);color:#fff;font-weight:700;font-family:var(--display);font-size:18px;text-decoration:none}.compare-header a:hover{background:#0a5a3c}
.compare-row .yes:before,.compare-row .no:before,.compare-row .maybe:before{margin-right:8px;font-weight:700}.compare-row .yes:before{content:'✓';color:#0c8653}.compare-row .no:before{content:'—';color:#9aa9a0}.compare-row .maybe:before{content:'~';color:#b58900}
.line-badge{display:inline-block;padding:4px 10px;border-radius:20px;background:#e3f1e7;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.04em;font-style:normal}.line-badge.premium{background:#fbeeb3;color:#6b5400}
.system-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8%;align-items:center}.system-detail.alt{background:var(--paper)}.system-copy>p{color:var(--muted);font-size:17px;margin:22px 0}.system-points{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}.system-points li:before{content:'✓';color:#0c8653;font-weight:700;margin-right:10px}.system-copy .system-note{font-size:14px;border-left:3px solid var(--yellow);padding-left:12px;margin:0}
.line-cards{display:grid;gap:18px}.line-product{border:1px solid #d6e2da;border-radius:18px;padding:30px;background:#fff;display:flex;flex-direction:column;gap:14px;align-items:flex-start;box-shadow:0 18px 40px #0b30230f}.line-product h3{font-size:26px;letter-spacing:-.02em}.line-product p{color:var(--muted)}.line-product.premium{background:linear-gradient(150deg,#0a3326,#0c4a36);color:#fff;border-color:transparent}.line-product.premium p{color:#d6e7dc}
@media(max-width:1000px){.system-detail{grid-template-columns:minmax(0,1fr);gap:34px}}
@media(max-width:760px){.solutions-submenu.mega{width:100%;grid-template-columns:minmax(0,1fr)}.compare-row{grid-template-columns:1fr 1fr 1fr 1fr}.compare-row>*{padding:10px 8px;font-size:12.5px}.compare-header>*{font-size:14px}.compare-row .yes:before,.compare-row .no:before,.compare-row .maybe:before{display:block;margin:0 0 2px}.line-product{padding:22px}}
/* Linhas com dados do catálogo, equipamentos e projetos */
.line-product.has-media{padding-top:0;overflow:hidden}.line-media{margin:0 -30px 6px;width:calc(100% + 60px);background:#0f3a2c}.line-media.light{background:#fff;border-bottom:1px solid #e3ebe6}.line-media.dark{background:#4a4234}.line-media img{width:100%;height:auto;display:block}
.line-specs{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:15px}.line-specs li{padding-left:22px;position:relative}.line-specs li:before{content:'✓';position:absolute;left:0;color:#0c8653;font-weight:700}.line-product.premium .line-specs li:before{color:var(--yellow)}.line-product .line-specs{color:var(--muted)}.line-product.premium .line-specs{color:#d6e7dc}.line-product.premium .line-specs b{color:#fff}
.equipment{background:var(--paper)}.equip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.equip-grid article{background:#fff;border:1px solid #d6e2da;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:12px}.equip-grid h3{font-size:22px}.equip-grid p{color:var(--muted)}
.examples-grid.projects{grid-template-columns:minmax(0,1fr)}.example-item.wide img{aspect-ratio:auto;height:auto}
@media(max-width:1000px){.equip-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.line-media{margin:0 -22px 6px;width:calc(100% + 44px)}}
.system-detail{align-items:start}.system-copy{position:sticky;top:130px}@media(max-width:1000px){.system-copy{position:static}}
/* Carrossel interativo das linhas */
.lines-carousel{background:radial-gradient(ellipse at 80% 0,#1d6a4f 0,transparent 55%),linear-gradient(160deg,#062a1f,#0a4230);color:#fff;overflow:hidden}.lines-carousel .eyebrow{color:#bed5c7}.lines-carousel h2{color:#fff}.lines-carousel .section-heading p{color:#c9d8cf}
.lines-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:26px}.lines-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 18px;border-radius:14px;border:1px solid #ffffff2e;background:#ffffff0d;color:#fff;font:inherit;cursor:pointer;text-align:left;transition:background .25s,border-color .25s,transform .25s}.lines-tabs button:hover{background:#ffffff1a}.lines-tabs button strong{font-family:var(--display);font-size:18px}.lines-tabs button span{font-size:13px;color:#bed5c7}.lines-tabs button[aria-selected=true]{background:#fff;color:var(--ink);border-color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px #0005}.lines-tabs button[aria-selected=true] span{color:var(--green)}
.lines-viewport{overflow:hidden;border-radius:22px;touch-action:pan-y;cursor:grab}.lines-viewport:active{cursor:grabbing}.lines-track{display:flex;transition:transform .7s cubic-bezier(.22,.8,.2,1)}
.lines-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:#fff;color:var(--ink);border-radius:22px;overflow:hidden;min-height:440px}
.slide-media{display:flex;align-items:center;justify-content:center;background:#0f3a2c;padding:18px}.slide-smart .slide-media{background:#fff;border-right:1px solid #e3ebe6}.slide-premium .slide-media{background:#4a4234}.slide-media img{width:100%;height:auto;max-height:400px;object-fit:contain;transition:transform .9s ease}.lines-slide[aria-hidden=false] .slide-media img{animation:line-zoom 1.2s ease both}
@keyframes line-zoom{from{transform:scale(1.06);opacity:.4}to{transform:none;opacity:1}}
.bess-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:320px;border-radius:14px;background:repeating-linear-gradient(90deg,#ffffff08 0 22px,transparent 22px 44px),linear-gradient(160deg,#1a1a17,#4a4234);color:#fff}.bess-visual span{font-family:var(--display);font-size:64px;font-weight:800;letter-spacing:.04em;color:var(--yellow)}.bess-visual small{font-size:14px;color:#e7e2d4}
.slide-copy{padding:36px 38px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;justify-content:center}.slide-type{font-size:12px;letter-spacing:.14em;font-weight:700;color:#557563}.slide-copy h3{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em}.slide-copy .line-specs{color:var(--muted)}.slide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:6px}
.lines-controls{display:flex;align-items:center;gap:16px;margin-top:22px}.lines-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff55;background:#ffffff10;color:#fff;font-size:18px;cursor:pointer}.lines-controls button:hover{background:#ffffff26}.lines-progress{flex:1;height:3px;background:#ffffff26;border-radius:3px;overflow:hidden}.lines-progress span{display:block;height:100%;width:0;background:var(--yellow)}.lines-count{font-size:14px;letter-spacing:.08em;color:#d6e7dc;min-width:64px;text-align:center}
.line-jump{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-radius:16px;border:1px solid #cfe0d5;background:#fff;text-decoration:none;color:var(--green);font-weight:650;box-shadow:0 12px 28px #0b30230d;transition:transform .2s,border-color .2s}.line-jump:hover{transform:translateX(4px);border-color:var(--green)}.line-jump b{font-size:22px;font-weight:400}
@media(max-width:1000px){.lines-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.lines-slide{grid-template-columns:minmax(0,1fr)}.slide-smart .slide-media{border-right:0;border-bottom:1px solid #e3ebe6}}
@media(max-width:760px){.lines-tabs{gap:8px}.lines-tabs button{padding:10px 12px}.lines-tabs button strong{font-size:15px}.slide-copy{padding:24px 20px}.slide-media{padding:10px}.bess-visual{min-height:200px}.bess-visual span{font-size:44px}.lines-slide{min-height:0}}
@media(prefers-reduced-motion:reduce){.lines-track,.slide-media img,.lines-tabs button{transition:none;animation:none!important}}
.lines-viewport img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.lines-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.slide-micro .slide-media{background:#ececec}.line-cards .line-jump+.line-jump{margin-top:12px}@media(max-width:1000px){.lines-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.lines-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Feed do Instagram */
.instagram{background:#fff}.insta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.insta-post{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#e6eee8}.insta-post img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.insta-post:hover img{transform:scale(1.05)}.insta-caption{position:absolute;inset:auto 0 0 0;padding:28px 14px 12px;font-size:13px;line-height:1.4;color:#fff;background:linear-gradient(0deg,#062a1fd9,transparent);opacity:0;transition:opacity .3s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.insta-post:hover .insta-caption,.insta-post:focus-visible .insta-caption{opacity:1}.insta-badge{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0008;color:#fff;font-size:12px}.insta-follow{margin-top:28px}
@media(max-width:760px){.insta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.insta-caption{display:none}}
@media(prefers-reduced-motion:reduce){.insta-post img{transition:none}}
.installation-photo>img.cover{width:100%;height:100%;object-fit:cover}
/* Foto inteira na galeria, com fundo desfocado da própria imagem nas laterais */
.installation-photo.blur-fill{position:relative}.installation-photo.blur-fill:before{content:'';position:absolute;inset:-20px;background:var(--fill) center/cover;filter:blur(18px) brightness(.55);transform:scale(1.05)}.installation-photo>img.full{position:relative;width:100%;height:100%;object-fit:contain}
/* Foto + vídeo lado a lado na galeria */
.installation-photo.duo{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#07251b}.installation-photo.duo>img,.installation-photo.duo>video{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;display:block;max-height:none}
@media(max-width:760px){.installation-photo.duo{grid-template-columns:1fr}}
/* Passo a passo da instalação */
.install-steps{background:var(--paper)}.steps-tabs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.steps-line{position:absolute;left:12.5%;right:12.5%;top:22px;height:3px;background:#d6e2da;border-radius:3px}.steps-line span{display:block;height:100%;width:0;background:var(--green);border-radius:3px;transition:width .6s ease}
.steps-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;cursor:pointer;font:inherit;color:#557563;padding:0 4px}.step-dot{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #cfe0d5;font-weight:700;font-size:14px;color:#557563;transition:background .3s,border-color .3s,color .3s,transform .3s}.steps-tabs strong{font-size:15px;font-weight:650;text-align:center}
.steps-tabs button.is-done .step-dot{background:#e3f1e7;border-color:var(--green);color:var(--green)}.steps-tabs button[aria-selected=true] .step-dot{background:var(--green);border-color:var(--green);color:#fff;transform:scale(1.12);box-shadow:0 8px 20px #084b3240}.steps-tabs button[aria-selected=true] strong{color:var(--ink)}
.steps-stage{position:relative;border-radius:20px;overflow:hidden;background:#07251b}.step-panel{margin:0;position:relative}.step-panel[hidden]{display:none}.step-panel img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;animation:step-in .7s ease both}
@keyframes step-in{from{opacity:.3;transform:scale(1.03)}to{opacity:1;transform:none}}
.step-panel figcaption{position:absolute;left:24px;bottom:24px;max-width:460px;padding:20px 22px;border-radius:14px;background:#062a1fcc;backdrop-filter:blur(10px);color:#fff;display:flex;flex-direction:column;gap:6px}.step-kicker{font-size:12px;letter-spacing:.14em;font-weight:700;color:#dcf7b1}.step-panel figcaption strong{font-family:var(--display);font-size:24px;letter-spacing:-.02em}.step-panel figcaption span:last-child{color:#dce8e0;font-size:15px}
.steps-arrows{position:absolute;right:20px;bottom:24px;display:flex;gap:8px}.steps-arrows button{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff66;background:#062a1f99;color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(8px)}.steps-arrows button:hover{background:#062a1fdd}
.install-steps .section-more{margin-top:28px}
@media(max-width:760px){.steps-tabs{gap:4px}.step-dot{width:38px;height:38px;font-size:12px}.steps-line{top:18px}.steps-tabs strong{font-size:12px}.step-panel figcaption{position:static;max-width:none;border-radius:0;background:#062a1f}.steps-arrows{top:12px;bottom:auto;right:12px}.steps-arrows button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.step-panel img{animation:none}.steps-line span,.step-dot{transition:none}}