@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');:root{--navy:#041d43;--blue:#0759a7;--cyan:#00cbff;--ink:#0a2853;--pale:#eaf6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#f5faff}button,input,select{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}button{border:0}.topline{background:#031b39;color:#c4eaff;padding:8px 5%;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between}.topline span{letter-spacing:0}header{height:88px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:linear-gradient(115deg,#041d43,#0758a2 75%,#05214c);color:white;border-bottom:2px solid #08bbf7;box-shadow:0 8px 30px #001b3e30}.logo{display:flex;align-items:center;gap:13px;font-size:27px;font-weight:900;font-style:italic;letter-spacing:1px;white-space:nowrap;color:white}.logo small{display:block;color:#12d5ff;font-size:9px;font-style:normal;letter-spacing:4px;margin-top:3px}.mark{font-size:55px;line-height:1;color:#04d4ff;text-shadow:0 0 18px #04baff}.accent{color:#02d0ff}nav{display:flex;gap:25px;font-size:13px;font-weight:600}nav a:hover{color:#03d1ff}.tools{display:flex;gap:10px}.tools button{background:#ffffff14;border:1px solid #ffffff55;color:white;border-radius:25px;padding:11px 15px;font-size:12px}.tools b{background:#04cbf6;border-radius:50%;padding:4px 7px;color:#002851}.mobile{display:none}.hero{height:550px;background:linear-gradient(90deg,#001b3cf2 0%,#012953d0 30%,transparent 64%),url('assets/hero.jpg') center/cover;display:flex;align-items:center;color:white;position:relative}.heroText{max-width:720px;padding:30px 5%}.overline,.eyebrow{font-size:11px;letter-spacing:2.7px;font-weight:800;color:#02bce9}.hero h1{font-size:clamp(34px,4vw,65px);font-weight:900;line-height:1.08;letter-spacing:-2px;margin:22px 0}.hero h1 em,.section h2 em,.future h2 em,.contact h2 em{color:#04caff;font-style:normal}.hero p{max-width:500px;font-size:17px;line-height:1.7;color:#e6f4ff}.heroActions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.primary,.secondary{display:inline-block;padding:15px 23px;border-radius:30px;font-weight:800;font-size:13px;text-align:center}.primary{background:linear-gradient(110deg,#05d4ff,#1493ef);color:#002344;box-shadow:0 8px 25px #00baff50}.secondary{background:transparent;border:1px solid #45b8f5;color:#0e82cd}.hero .secondary{color:white}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1400px;margin:-35px auto 0;position:relative;z-index:2;padding:0 25px}.categories a{min-height:125px;background:linear-gradient(140deg,#e3f5ff,#fff);border:1px solid #a9dafa;border-radius:18px;box-shadow:0 14px 35px #04365a1f;padding:24px;display:grid;grid-template-columns:50px 1fr;align-content:center;column-gap:12px}.categories a span{grid-row:span 2;font-size:37px;color:#00aeea}.categories strong{font-size:15px}.categories small{font-size:12px;color:#527394;margin-top:7px}.categories a:hover,.product:hover{transform:translateY(-4px);box-shadow:0 15px 35px #064c8a2b}.benefits{display:flex;justify-content:space-around;gap:20px;padding:40px 5%;max-width:1400px;margin:auto}.benefits>div{display:flex;gap:13px;align-items:center;font-size:29px;color:#009de1}.benefits span{display:grid;gap:4px}.benefits b{font-size:12px;color:#073263}.benefits small{font-size:11px;color:#6385a5}.section{max-width:1400px;margin:auto;padding:75px 5%}.sectionTop{display:flex;justify-content:space-between;align-items:end;gap:20px}.section h2,.future h2,.contact h2{font-size:clamp(29px,3vw,47px);letter-spacing:-1.5px;margin:13px 0}.section h2 em{color:#048ccf}.sectionTop p{color:#66819a;font-size:14px}.count{font-size:13px;color:#64839f}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.filters input,.filters select{padding:15px 18px;border-radius:13px;border:1px solid #c8dfef;background:white;color:#173d68;outline-color:#03bafa}.filters input{flex:2;min-width:230px}.filters select{flex:1;min-width:165px}.filters button{border-radius:13px;padding:12px 18px;background:#dceefa;color:#07538e}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product{background:white;border:1px solid #d8eaf5;border-radius:18px;overflow:hidden;transition:.2s;box-shadow:0 8px 23px #0b49850a}.productImage{height:230px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eff8ff,#e5f0fa)}.productImage img{width:100%;height:100%;object-fit:contain;padding:14px}.tag{position:absolute;top:12px;left:12px;background:#053c78;color:white;border-radius:20px;font-size:10px;padding:8px 12px}.productBody{padding:20px}.productBody small{color:#038cce;font-size:10px;font-weight:800;letter-spacing:1px}.productBody h3{font-size:17px;margin:10px 0}.productBody p{font-size:12px;line-height:1.65;color:#66809b;min-height:40px}.specs{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.specs span{font-size:10px;padding:7px;background:#eaf6ff;color:#1768a2;border-radius:7px}.productButtons{display:flex;gap:7px;flex-wrap:wrap}.productButtons button{border-radius:9px;padding:10px 12px;background:#064e91;color:white;font-weight:700;font-size:11px}.productButtons button:nth-child(2){background:#05bdec;color:#003356}.compareLabel{display:block;margin-top:13px;font-size:11px;color:#315b7b}.notice{color:#6c8499;font-size:11px;line-height:1.6;margin-top:25px}.future{min-height:420px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,#031d41 5%,#064f8ccf 56%,#0322477a),url('assets/referencia-aprovada.png') center/cover}.future>div{padding:70px 6%;max-width:850px}.future p{line-height:1.8;max-width:500px;color:#d9efff}.future .primary{margin-top:15px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.steps article{background:white;border:1px solid #d4e8f5;padding:27px;border-radius:15px}.steps b{color:#05aee9;font-size:27px}.steps h3{font-size:17px}.steps p{font-size:13px;line-height:1.7;color:#65809b}.faq{max-width:1050px}.faq details{background:white;border:1px solid #d7e9f5;margin:10px 0;border-radius:12px;padding:21px}.faq summary{font-weight:700;cursor:pointer}.faq details p{color:#597993;line-height:1.8;font-size:13px}.contact{padding:70px 6%;background:linear-gradient(110deg,#03224d,#0865ae);color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p{color:#c8eaff}.contact .primary{white-space:nowrap}footer{background:#031b3c;color:#bedcf3;padding:55px 6%;display:grid;gap:15px}footer .logo{font-size:23px}footer .mark{font-size:40px}footer p,footer small{font-size:12px;color:#8cb2d4}.shade{position:fixed;inset:0;background:#00152b99;z-index:40}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(440px,100%);background:white;z-index:45;box-shadow:-12px 0 40px #00172d44;transform:translateX(110%);transition:.25s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawerHead,.drawerFoot{padding:23px;border-bottom:1px solid #e4edf6}.drawerHead{display:flex;justify-content:space-between;align-items:center}.drawerHead h2{font-size:20px}.drawerHead button,.closeModal{background:#e9f5fc;border-radius:50%;padding:10px}.drawerBody{overflow:auto;flex:1;padding:22px}.cartRow{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e3edf5;padding:14px 0}.cartRow img{width:85px;height:85px;object-fit:contain;background:#f2f9fe;border-radius:10px}.cartRow strong{font-size:13px}.cartRow small{display:block;color:#5f829b;margin:8px 0}.qty button{padding:6px 10px;background:#e2f2fc;border-radius:5px}.drawerFoot{border-top:1px solid #e4edf6}.drawerFoot p{font-size:11px;color:#6e8ba3}.summary{display:flex;justify-content:space-between;font-size:14px}.full{width:100%;margin-top:10px}dialog{border:0;border-radius:20px;width:min(1050px,94vw);max-height:90dvh;overflow:auto;padding:35px;box-shadow:0 30px 100px #001e4266;color:#0a2c53}dialog::backdrop{background:#00132bb8}.closeModal{float:right;position:sticky;top:0;z-index:1}.detailGrid{display:grid;grid-template-columns:45% 1fr;gap:35px}.detailImage{width:100%;height:390px;object-fit:contain;background:#f1f8ff;border-radius:15px}.thumbs{display:flex;gap:8px;margin-top:10px}.thumbs button{width:76px;height:70px;border-radius:10px;border:1px solid #c5e1f4;background:#f2f9ff}.thumbs img{width:100%;height:100%;object-fit:contain}.detailGrid h2{font-size:29px}.detailGrid p,.detailGrid li{font-size:13px;line-height:1.8;color:#607d94}.detailGrid li{margin:5px 0}.detailGrid ul{padding-left:20px}.detailActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.compareTable{width:100%;border-collapse:collapse;font-size:12px;min-width:580px}.compareTable td,.compareTable th{padding:14px;border-bottom:1px solid #e1edf5;text-align:left}.compareTable img{width:100px;height:100px;object-fit:contain}.scrollTable{overflow:auto}.checkoutForm{display:grid;gap:12px;max-width:620px}.checkoutForm input,.checkoutForm textarea{border:1px solid #c6e0f0;border-radius:9px;padding:13px}.checkoutForm p{font-size:12px;color:#607c95}.checkoutForm textarea{min-height:95px}button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:1100px){.products{grid-template-columns:repeat(3,1fr)}nav{gap:13px}.logo{font-size:21px}.categories{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topline span{display:none}header{height:70px;padding:0 4%;flex-wrap:wrap}.logo{font-size:17px;gap:6px}.logo small{font-size:7px;letter-spacing:2px}.mark{font-size:37px}.mobile{display:block;background:transparent;color:white;font-size:23px;order:3}.tools{margin-left:auto}.tools button{font-size:10px;padding:8px}.tools button:first-child{display:none}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#052d61;padding:22px;flex-direction:column}nav.open{display:flex}.hero{height:520px;background-position:58% center}.heroText{padding:25px 6%;background:#002a4b88}.hero h1{font-size:36px;letter-spacing:-1px}.hero p{font-size:14px}.categories{padding:0 12px;gap:8px}.categories a{min-height:105px;padding:13px;grid-template-columns:30px 1fr}.categories a span{font-size:25px}.categories strong{font-size:12px}.categories small{font-size:10px}.benefits{display:grid;grid-template-columns:1fr 1fr;padding:30px 5%}.section{padding:55px 5%}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.productImage{height:170px}.productBody{padding:13px}.productBody h3{font-size:14px}.productBody p{font-size:11px}.productButtons button{font-size:10px;padding:9px}.sectionTop{display:block}.steps{grid-template-columns:repeat(2,1fr)}.contact{display:block}.detailGrid{grid-template-columns:1fr;gap:12px}.detailImage{height:260px}dialog{padding:17px}.future{min-height:350px}}@media(max-width:430px){.products{grid-template-columns:1fr}.productImage{height:250px}.filters>*{width:100%}.benefits{gap:14px}.steps{grid-template-columns:1fr}.hero h1{font-size:30px}.categories a{display:block}.categories a span{display:none}}

/* V3: imagem de abertura aprovada e foco residencial */
.hero{background-image:url('assets/hero-aprovado.png');background-position:center center;background-size:cover;background-color:#052651}
.heroText{background:linear-gradient(90deg,#03254fdc,#03254f80 74%,transparent);border-radius:0 24px 24px 0;max-width:640px}
.future{background:linear-gradient(120deg,#052d60,#0768ad);display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:440px;overflow:hidden}
.futureCopy{padding:65px 7%;max-width:none}.futureVisual{height:100%;min-height:440px}.futureVisual img{width:100%;height:100%;object-fit:cover;display:block}.futureDisclaimer{display:block;margin-top:18px;color:#b7dafa;font-size:11px;line-height:1.5;max-width:500px}
@media(max-width:760px){.hero{background-position:61% center}.heroText{max-width:100%;background:#03254fd9;border-radius:0}.future{grid-template-columns:1fr}.futureCopy{padding:48px 6%}.futureVisual{min-height:260px;height:290px}}

/* V4: arte aprovada exibida sem duplicação de títulos, CTAs e cards. */
.heroVisual{height:auto;min-height:0;display:block;position:relative;background:#052651;overflow:hidden}
.heroArtwork{width:100%;height:auto;display:block}
.heroHotspot{position:absolute;display:block;z-index:3;border-radius:16px;outline-offset:-3px}
.heroHotspot:focus-visible{outline:3px solid #fff;background:#00cbff24}
.heroShop{left:3.7%;top:55%;width:21%;height:8%}
.heroWallbox{left:1.5%;top:68%;width:23%;height:19%}
.heroCommercial{left:25%;top:68%;width:23%;height:19%}
.heroPortable{left:48.5%;top:68%;width:24%;height:19%}
.heroAccessories{left:73%;top:68%;width:25%;height:19%}
.mobileCategories{display:none}
@media(max-width:760px){.heroVisual{height:auto;min-height:0;background:none}.heroArtwork{width:100%;height:auto}.heroHotspot{display:none}.mobileCategories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 4%;background:#eaf6ff}.mobileCategories a{padding:15px 12px;background:#fff;border:1px solid #a9dafa;border-radius:12px;color:#064e91;font-size:12px;font-weight:800;box-shadow:0 4px 15px #003c7514}}
@media(max-width:390px){.mobileCategories{grid-template-columns:1fr}}

/* V5: banner aprovado sem o cabeçalho duplicado da arte original */
.heroVisual{background:#06244a!important}
.heroArtwork{display:block;width:100%;height:auto}
.heroShop{left:3.5%;top:48%;width:22%;height:10%}
.heroWallbox{left:1.5%;top:61%;width:23%;height:25%}
.heroCommercial{left:25%;top:61%;width:23%;height:25%}
.heroPortable{left:48.5%;top:61%;width:24%;height:25%}
.heroAccessories{left:73%;top:61%;width:25%;height:25%}
.heroHotspot:hover{background:#ffffff13;box-shadow:inset 0 0 0 2px #3ed9ff88}
header .logo{font-size:24px}header nav a:focus-visible,header button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:760px){.heroHotspot{display:none}.heroArtwork{width:100%}header .logo{font-size:16px}}