*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#020b1c;color:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.page-glow{position:fixed;inset:0;background:linear-gradient( at 70% 7%,rgba(15,139,255,.38),transparent 30%),linear-gradient( at 20% 55%,rgba(0,74,168,.45),transparent 40%),linear-gradient(180deg,#041b40,#020a1b 56%,#03132d);z-index:-4}.rain{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.rain span{position:absolute;top:-70px;width:2px;height:48px;border-radius:20px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.9),transparent);filter:none !important;animation:drop linear infinite}@keyframes drop{to{transform:translateY(112vh)}}body:before{content:"";position:fixed;inset:0;background:linear-gradient( at center,transparent 0,rgba(0,0,0,.38) 70%),url('assets/hero-purificadores.png');background-size:0,0;z-index:-5}.opening{position:fixed;inset:0;background:linear-gradient( at 50% 34%,rgba(45,190,255,.34),transparent 28%),linear-gradient(180deg,#06275f,#020b1f);z-index:50;display:grid;place-items:center;transition:opacity .9s ease,visibility .9s ease;overflow:hidden}.opening:before{content:"";position:absolute;inset:-20%;background:linear-gradient(,rgba(255,255,255,.18) 1px,transparent 2px);background-size:48px 48px;opacity:.18;animation:splashWater 8s linear infinite}.opening.hide{opacity:0;visibility:hidden}.logo-drip{position:relative;z-index:2;display:grid;place-items:center}.logo-drip img{width:360px;max-width:78vw;filter:none !important;animation:logoPulseShow 3.1s ease-in-out both}.drip{display:none}@keyframes splashWater{to{transform:translateY(80px)}}@keyframes logoPulseShow{0%{opacity:0;transform:scale(.82) translateY(14px)}18%{opacity:1;transform:scale(1) translateY(0)}38%{opacity:.08;transform:scale(.96)}58%{opacity:1;transform:scale(1.03)}76%{opacity:.18;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}.header{width:min(1240px,92%);height:88px;position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;justify-content:space-between}.brand img{width:285px;max-width:44vw;filter:none !important;align-items:center;gap:28px;font-weight:800;font-size:13px}.nav a{position:relative}.nav a.active:after{content:"";position:absolute;height:3px;width:34px;background:#2dc3ff;left:0;bottom:-16px}.talk{border:1px solid rgba(255,255,255,.8);padding:14px 22px;border-radius:10px;box-shadow:inset 0 0 18px rgba(255,255,255,.08)}.instagram{font-size:27px}.menu-btn{display:none;background:transparent;color:white;border:1px solid rgba(255,255,255,.4);border-radius:9px;padding:8px 12px;font-size:24px}.section{width:min(1240px,92%);margin-inline:auto}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;padding-top:100px;position:relative}.hero:before,.section:before{content:"";position:absolute;inset:0;background:linear-gradient( at 70% 35%,rgba(55,169,255,.16),transparent 28%);pointer-events:none}.hero-text{z-index:2}.hero h1{font-family:Cinzel,serif;font-size:72px;line-height:1.02;margin:0 0 20px;letter-spacing:-3px;font-weight:600;text-shadow:0 7px 28px rgba(0,0,0,.35)}.hero h1 span{background:linear-gradient(180deg,#39d5ff,#235aff);-webkit-background-clip:text;color:transparent}.hero p{font-size:21px;margin:0 0 16px}.hero p b{color:#28c3ff}.hero i,.section-title em{display:block;width:56px;height:3px;background:#32c8ff;border-radius:10px;margin:0 0 35px}.primary-btn,.outline-btn{display:inline-flex;align-items:center;gap:15px;background:linear-gradient(135deg,#2e5cff,#0889e8);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:34px;padding:17px 27px;font-weight:900;font-size:13px;box-shadow:0 16px 35px rgba(0,48,170,.35)}.primary-btn span,.outline-btn span{font-size:24px}.hero-product{position:relative}.hero-product img{width:100%;display:block;filter:none !important;animation:float 5s ease-in-out infinite}.shine{position:absolute;right:45%;top:18%;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 0 18px 8px #4ed5ff,0 0 80px 26px #1ba6ff;z-index:3}@keyframes float{50%{transform:translateY(-12px)}}.benefits{width:min(1160px,92%);margin:-8px auto 34px;border:1px solid rgba(72,184,255,.75);background:linear-gradient(180deg,rgba(6,50,112,.78),rgba(1,28,70,.72));border-radius:12px;display:grid;grid-template-columns:repeat(6,1fr);box-shadow:0 18px 60px rgba(0,0,0,.28);overflow:hidden}.benefit{text-align:center;padding:30px 18px;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-right:1px solid rgba(81,188,255,.55)}.benefit:last-child{border-right:0}.ico{font-size:41px;filter:none !important;line-height:1.25}.benefit span{font-size:13px;color:#b9d7f4}.section-title{text-align:center;margin:38px auto 34px}.section-title span,.maintenance-text span{color:#31c8ff;font-size:12px;font-weight:900;letter-spacing:1.4px}.section-title h2,.maintenance-text h2,.testimonials h2{font-family:Cinzel,serif;font-size:42px;line-height:1.05;margin:8px 0 13px;font-weight:600}.section-title em{margin:0 auto}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.card{border:1px solid rgba(55,181,255,.78);border-radius:12px;background:linear-gradient(180deg,rgba(7,44,99,.86),rgba(2,24,60,.92));padding:20px 12px 14px;text-align:center;box-shadow:inset 0 0 25px rgba(45,176,255,.08),0 13px 36px rgba(0,0,0,.2);transition:.3s}.card:hover{transform:translateY(-8px);box-shadow:0 0 26px rgba(52,187,255,.25)}.card img{height:138px;max-width:100%;object-fit:contain;margin-bottom:14px;filter:none !important;margin:0 0 13px}.card p{height:48px;margin:0 auto 8px;font-size:12px;color:#d3e7ff;line-height:1.45;max-width:145px}.card:after{content:"";display:block;width:34px;height:3px;background:#22c1ff;margin:8px auto 11px;border-radius:10px}.card b{display:block;font-size:16px;margin:0 0 13px}.card a{display:flex;justify-content:center;align-items:center;gap:6px;background:linear-gradient(135deg,#155edd,#0795ec);border-radius:7px;padding:10px 6px;font-size:10px;font-weight:900}.outline-btn{background:rgba(3,21,52,.65);border:1px solid rgba(255,255,255,.8);border-radius:10px;margin:24px auto 28px;display:flex;width:max-content;padding:15px 28px}.maintenance{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border:1px solid rgba(49,179,255,.45);border-radius:12px;background:linear-gradient(90deg,rgba(2,24,63,.88),rgba(5,43,100,.72));padding:0 60px 0 0;overflow:hidden;box-shadow:inset 0 0 35px rgba(31,153,255,.1);position:relative}.maintenance-img img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:normal !important;opacity:.9}.maintenance-text p{color:#d5e8ff;line-height:1.7;max-width:500px}.maintenance-text ul{list-style:none;padding:0;margin:20px 0}.maintenance-text li{margin:10px 0;color:#eaf6ff}.maintenance-text li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;background:#1197ff;border-radius:50%;margin-right:8px;font-size:12px}.small{padding:13px 24px;border-radius:9px}.testimonials{position:relative;padding-bottom:40px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.depo{border:1px solid rgba(63,182,255,.55);border-radius:12px;background:linear-gradient(180deg,rgba(6,43,97,.85),rgba(3,26,65,.9));padding:32px 26px;min-height:210px;text-align:center}.depo p{font-weight:800;line-height:1.55;min-height:54px}.stars{color:#ffd629;letter-spacing:4px;font-size:20px;text-shadow:0 0 8px rgba(255,204,0,.45);margin:18px 0}.person{display:flex;align-items:center;text-align:left;gap:13px}.person img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 12px rgba(51,174,255,.55)}.person strong{display:block}.person span{font-size:12px;color:#aecbea}.arrow{position:absolute;top:57%;background:transparent;border:0;color:#9bdcff;font-size:58px;cursor:pointer}.left{left:-34px}.right{right:-34px}.dots{text-align:center;margin-top:24px}.dots span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#35baff;margin:0 5px}.dots span:nth-child(2),.dots span:nth-child(3){opacity:.45}.footer{width:min(1240px,92%);margin:10px auto 0;border-top:1px solid rgba(87,185,255,.22);padding:46px 16px 28px;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:55px}.footer h3{font-size:17px}.footer p{color:#c7ddf4;line-height:1.7}.social{display:flex;gap:12px}.social a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-weight:900}.map-btn{display:inline-flex;gap:12px;align-items:center;border:1px solid #50c8ff;border-radius:9px;padding:13px 24px;font-weight:900;font-size:13px;color:#c7f0ff}.map-card img{width:100%;height:175px;object-fit:cover;border:1px solid rgba(91,192,255,.5);border-radius:12px;filter:none !important;color:#8eafcf;padding:18px 15px 30px;border-top:1px solid rgba(255,255,255,.08);font-size:14px}.whatsapp-float{
position:fixed;
right:25px;
bottom:24px;
z-index:30;
width:86px;
height:86px;
border-radius:50%;
display:grid;
place-items:center;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
overflow:visible !important;
}
.whatsapp-float img{
width:86px !important;
height:86px !important;
object-fit:contain !important;
display:block !important;
filter:none !important;
}.reveal{opacity:0;transform:translateY(28px);transition:1s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.header{width:94%;height:74px}.menu-btn{display:block}.brand img{width:215px}.nav{position:absolute;top:72px;right:0;width:min(330px,92vw);display:none;flex-direction:column;align-items:flex-start;gap:0;background:rgba(3,18,45,.98);border:1px solid rgba(80,190,255,.25);border-radius:14px;padding:16px}.nav.show{display:flex}.nav a{padding:14px;width:100%}.nav a.active:after{display:none}.talk{text-align:center}.hero{grid-template-columns:1fr;min-height:auto;padding-top:120px;text-align:left}.hero h1{font-size:56px}.hero-product{margin-top:20px}.benefits{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.maintenance{grid-template-columns:1fr;padding:0}.maintenance-text{padding:0 30px 32px}.testimonial-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.arrow{display:none}}@media(max-width:620px){.section,.footer{width:92%}.hero{padding-top:105px}.hero h1{font-size:40px;letter-spacing:-1.5px}.hero p{font-size:16px}.primary-btn{width:100%;justify-content:center}.benefits{grid-template-columns:repeat(2,1fr);margin-top:24px}.benefit{padding:22px 10px;min-height:125px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px 8px}.card img{height:118px}.card p{font-size:11px;height:58px}.card a{font-size:9px}.section-title h2,.maintenance-text h2{font-size:32px}.maintenance{margin-top:22px}.footer{gap:18px}.whatsapp-float{
position:fixed;
right:25px;
bottom:24px;
z-index:30;
width:86px;
height:86px;
border-radius:50%;
display:grid;
place-items:center;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
overflow:visible !important;
}
.whatsapp-float img{
width:86px !important;
height:86px !important;
object-fit:contain !important;
display:block !important;
filter:none !important;
}.copyright{font-size:12px}}@media(max-width:410px){.product-grid{grid-template-columns:1fr}.card img{height:150px}.benefits{grid-template-columns:1fr}.hero h1{font-size:34px}.brand img{width:180px}}

header .logo, .logo, .navbar-brand{
    position: fixed !important;
    top: 25px !important;
    left: 40px !important;
    z-index: 9999 !important;
}

header{
    padding-top: 90px !important;
}


/* BOTÃO FLUTUANTE WHATSAPP - SOMENTE IMAGEM */
.whatsapp-float,
.float-whatsapp,
.whatsapp-button,
#whatsapp-button,
a[href*="wa.me"],
a[href*="whatsapp"]{
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 99999 !important;
    width: 88px !important;
    height: 88px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: visible !important;
}

.whatsapp-float::before,
.whatsapp-float::after,
.float-whatsapp::before,
.float-whatsapp::after,
.whatsapp-button::before,
.whatsapp-button::after,
#whatsapp-button::before,
#whatsapp-button::after,
a[href*="wa.me"]::before,
a[href*="wa.me"]::after,
a[href*="whatsapp"]::before,
a[href*="whatsapp"]::after{
    content: none !important;
    display: none !important;
}

.whatsapp-float img,
.float-whatsapp img,
.whatsapp-button img,
#whatsapp-button img,
a[href*="wa.me"] img,
a[href*="whatsapp"] img{
    width: 88px !important;
    height: 88px !important;
    object-fit: contain !important;
    display: block !important;
    text-indent: 0 !important;
    filter:none !important;
}

.whatsapp-float img,
.float-whatsapp img{
width:72px !important;
height:72px !important;
filter:none !important;
}


/* ===== AJUSTE SOMENTE DA LINHA AZUL ===== */
.features,
.benefits,
.benefits-row,
.diferenciais,
.icons-row,
.quality-grid{
    max-width: 1120px !important;
    margin: 0 auto !important;
    background: rgba(4,28,78,.22) !important;
    border: 1px solid rgba(69,165,255,.18) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.features > *,
.benefits > *,
.benefits-row > *,
.diferenciais > *,
.icons-row > *,
.quality-grid > *{
    border-right: 1px solid rgba(69,165,255,.12) !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

.features > *:last-child,
.benefits > *:last-child,
.benefits-row > *:last-child,
.diferenciais > *:last-child,
.icons-row > *:last-child,
.quality-grid > *:last-child{
    border-right: none !important;
}

/* Ícones coloridos */
.features svg,
.benefits svg,
.benefits-row svg,
.diferenciais svg,
.icons-row svg,
.quality-grid svg,
.features i,
.benefits i,
.benefits-row i,
.diferenciais i,
.icons-row i,
.quality-grid i{
    color: #3eb8ff !important;
    fill: #3eb8ff !important;
    text-shadow: none !important;
    filter:none !important;
}

/* remove brilho exagerado */
.features img,
.benefits img,
.benefits-row img,
.diferenciais img,
.icons-row img,
.quality-grid img{
    filter:none !important;
}


/* ===== REDUZ ALTURA DA LINHA AZUL ===== */
.features,
.benefits,
.benefits-row,
.diferenciais,
.icons-row,
.quality-grid{
    min-height: auto !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.features > *,
.benefits > *,
.benefits-row > *,
.diferenciais > *,
.icons-row > *,
.quality-grid > *{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.features h3,
.benefits h3,
.benefits-row h3,
.diferenciais h3,
.icons-row h3,
.quality-grid h3{
    font-size: 18px !important;
    margin-bottom: 4px !important;
}

.features p,
.benefits p,
.benefits-row p,
.diferenciais p,
.icons-row p,
.quality-grid p{
    font-size: 13px !important;
    margin: 0 !important;
}

.features img,
.benefits img,
.benefits-row img,
.diferenciais img,
.icons-row img,
.quality-grid img,
.features i,
.benefits i,
.benefits-row i,
.diferenciais i,
.icons-row i,
.quality-grid i,
.features svg,
.benefits svg,
.benefits-row svg,
.diferenciais svg,
.icons-row svg,
.quality-grid svg{
    width: 28px !important;
    height: 28px !important;
    font-size: 28px !important;
    margin-bottom: 8px !important;
}

/* MOBILE */
@media(max-width:768px){
.features,
.benefits,
.benefits-row,
.diferenciais,
.icons-row,
.quality-grid{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.features > *,
.benefits > *,
.benefits-row > *,
.diferenciais > *,
.icons-row > *,
.quality-grid > *{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.features h3,
.benefits h3,
.benefits-row h3,
.diferenciais h3,
.icons-row h3,
.quality-grid h3{
    font-size: 14px !important;
}

.features p,
.benefits p,
.benefits-row p,
.diferenciais p,
.icons-row p,
.quality-grid p{
    font-size: 11px !important;
}

.features img,
.benefits img,
.benefits-row img,
.diferenciais img,
.icons-row img,
.quality-grid img,
.features i,
.benefits i,
.benefits-row i,
.diferenciais i,
.icons-row i,
.quality-grid i,
.features svg,
.benefits svg,
.benefits-row svg,
.diferenciais svg,
.icons-row svg,
.quality-grid svg{
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
}
}


/* ===== BENEFÍCIOS ULTRA COMPACTOS ===== */
.features,
.benefits,
.benefits-row,
.diferenciais,
.icons-row,
.quality-grid{
    max-width: 1080px !important;
    min-height: auto !important;
    padding: 0 !important;
}

.features > *,
.benefits > *,
.benefits-row > *,
.diferenciais > *,
.icons-row > *,
.quality-grid > *{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* imagens menores */
.features img,
.benefits img,
.benefits-row img,
.diferenciais img,
.icons-row img,
.quality-grid img{
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
    margin-bottom: 4px !important;
}

/* ícones */
.features svg,
.benefits svg,
.benefits-row svg,
.diferenciais svg,
.icons-row svg,
.quality-grid svg,
.features i,
.benefits i,
.benefits-row i,
.diferenciais i,
.icons-row i,
.quality-grid i{
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    margin-bottom: 4px !important;
}

/* textos menores */
.features h3,
.benefits h3,
.benefits-row h3,
.diferenciais h3,
.icons-row h3,
.quality-grid h3{
    font-size: 15px !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
}

.features p,
.benefits p,
.benefits-row p,
.diferenciais p,
.icons-row p,
.quality-grid p{
    font-size: 11px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* MOBILE */
@media(max-width:768px){
.features > *,
.benefits > *,
.benefits-row > *,
.diferenciais > *,
.icons-row > *,
.quality-grid > *{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.features img,
.benefits img,
.benefits-row img,
.diferenciais img,
.icons-row img,
.quality-grid img,
.features svg,
.benefits svg,
.benefits-row svg,
.diferenciais svg,
.icons-row svg,
.quality-grid svg,
.features i,
.benefits i,
.benefits-row i,
.diferenciais i,
.icons-row i,
.quality-grid i{
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
}

.features h3,
.benefits h3,
.benefits-row h3,
.diferenciais h3,
.icons-row h3,
.quality-grid h3{
    font-size: 12px !important;
}

.features p,
.benefits p,
.benefits-row p,
.diferenciais p,
.icons-row p,
.quality-grid p{
    font-size: 9px !important;
}
}


/* ===== SERVIÇOS MAIS COMPACTOS ===== */
.services-section,
.refil-section,
.manutencao-section{
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 28px 26px !important;
    border-radius: 16px !important;
    background: rgba(2,22,70,.18) !important;
    border: 1px solid rgba(67,166,255,.12) !important;
}

.services-grid{
    display:grid !important;
    grid-template-columns: repeat(3,1fr) !important;
    gap:16px !important;
    margin-top:22px !important;
}

.service-item{
    background: rgba(6,30,82,.25) !important;
    border:1px solid rgba(77,173,255,.12) !important;
    border-radius:14px !important;
    padding:16px !important;
    text-align:center !important;
}

.service-item h3{
    font-size:18px !important;
    margin-bottom:8px !important;
    color:#fff !important;
}

.service-item p{
    font-size:13px !important;
    line-height:1.4 !important;
    color:#d5e7ff !important;
}

.service-item i,
.service-item svg{
    font-size:32px !important;
    color:#38b6ff !important;
    margin-bottom:10px !important;
}

@media(max-width:768px){
.services-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
}

.services-section,
.refil-section,
.manutencao-section{
    padding:18px 14px !important;
}
}


/* ===== REFINO DA ÁREA REFIL ===== */
.refil-section,
.manutencao-section,
.services-refil,
.refil-box{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* deixa imagem menor/refinada */
.refil-section img,
.manutencao-section img,
.services-refil img,
.refil-box img{
    max-width: 380px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* texto refinado */
.refil-section h2,
.manutencao-section h2,
.services-refil h2,
.refil-box h2{
    font-size: 56px !important;
    line-height: 1.0 !important;
}

.refil-section p,
.manutencao-section p,
.services-refil p,
.refil-box p{
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* mobile */
@media(max-width:768px){
.refil-section,
.manutencao-section,
.services-refil,
.refil-box{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.refil-section img,
.manutencao-section img,
.services-refil img,
.refil-box img{
    max-width: 240px !important;
}

.refil-section h2,
.manutencao-section h2,
.services-refil h2,
.refil-box h2{
    font-size: 34px !important;
}
}


/* ===== REMOVE BOX AZUL REFIL ===== */
section,
.refil-section,
.refil-box,
.manutencao-section,
.services-refil,
.refil-card,
.refil-wrapper{
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
backdrop-filter:none !important;
}

.refil-section::before,
.refil-section::after,
.refil-box::before,
.refil-box::after,
.manutencao-section::before,
.manutencao-section::after{
display:none !important;
content:none !important;
}

.refil-section .container,
.manutencao-section .container{
background: transparent !important;
border:none !important;
box-shadow:none !important;
max-width:950px !important;
padding-top:0 !important;
padding-bottom:0 !important;
}

.refil-section img,
.manutencao-section img{
max-width:330px !important;
}

@media(max-width:768px){
.refil-section img,
.manutencao-section img{
max-width:220px !important;
}
}


/* ===== IMAGEM REFIL ORIGINAL/NÍTIDA ===== */
.refil-section img,
.manutencao-section img,
.services-refil img,
.refil-box img{
    opacity: 1 !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    transform: none !important;
    background: transparent !important;
}


/* ===== FORÇA IMAGEM REFIL 100% ORIGINAL ===== */
.refil-section img,
.manutencao-section img,
.services-refil img,
.refil-box img,
.service-image img,
.maintenance-image img,
img[src*="refil"],
img[src*="manutencao"],
img[src*="manutenção"]{
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background: transparent !important;
}

/* remove camadas que deixam a imagem azulada/apagada */
.refil-section .image::before,
.refil-section .image::after,
.manutencao-section .image::before,
.manutencao-section .image::after,
.service-image::before,
.service-image::after,
.maintenance-image::before,
.maintenance-image::after,
.refil-section::before,
.refil-section::after,
.manutencao-section::before,
.manutencao-section::after{
    display: none !important;
    content: none !important;
    background: transparent !important;
    opacity: 0 !important;
}


/* ===== MENU PREMIUM TOPO ===== */
header nav,
.navbar,
.menu-top,
.top-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    position:fixed !important;
    top:22px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:9999 !important;
    background:rgba(3,16,48,.38) !important;
    backdrop-filter:blur(12px) !important;
    border:1px solid rgba(70,170,255,.18) !important;
    border-radius:18px !important;
    padding:14px 26px !important;
    box-shadow:0 0 25px rgba(0,140,255,.12) !important;
}

header nav a,
.navbar a,
.menu-top a,
.top-menu a{
    color:#ffffff !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:700 !important;
    letter-spacing:.3px !important;
    transition:.25s !important;
    position:relative !important;
}

header nav a:hover,
.navbar a:hover,
.menu-top a:hover,
.top-menu a:hover{
    color:#47b7ff !important;
    transform:translateY(-2px) !important;
}

header nav a::after,
.navbar a::after,
.menu-top a::after,
.top-menu a::after{
    content:'' !important;
    position:absolute !important;
    left:0 !important;
    bottom:-8px !important;
    width:0 !important;
    height:2px !important;
    background:#47b7ff !important;
    transition:.25s !important;
}

header nav a:hover::after,
.navbar a:hover::after,
.menu-top a:hover::after,
.top-menu a:hover::after{
    width:100% !important;
}

/* instagram */
.instagram-top{
    width:26px !important;
    height:26px !important;
    object-fit:contain !important;
    margin-left:8px !important;
}

/* mobile */
@media(max-width:768px){
header nav,
.navbar,
.menu-top,
.top-menu{
    gap:14px !important;
    padding:10px 14px !important;
    width:92% !important;
    overflow-x:auto !important;
    justify-content:flex-start !important;
}

header nav a,
.navbar a,
.menu-top a,
.top-menu a{
    font-size:13px !important;
    white-space:nowrap !important;
}
}


/* ===== SLIDER SERVIÇOS ===== */
.services-slider{
    max-width:1100px;
    margin:20px auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
}

.slider-arrow{
    width:52px;
    height:52px;
    border-radius:50%;
    border:1px solid rgba(70,170,255,.18);
    background:rgba(5,25,70,.35);
    color:#49b8ff;
    font-size:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.25s;
}

.slider-arrow:hover{
    transform:scale(1.08);
    background:rgba(10,35,90,.55);
}

.slider-card{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

@media(max-width:768px){
.services-slider{
    gap:8px;
    padding:0 10px;
}

.slider-arrow{
    width:40px;
    height:40px;
    font-size:24px;
}
}


/* ===== CORREÇÃO MOBILE - FICAR IGUAL AO PC, SÓ MENOR ===== */
@media(max-width: 768px){

html, body{
    overflow-x: hidden !important;
}

/* tira aquele menu gigante bugado */
header nav,
.navbar,
.menu-top,
.top-menu{
    position: fixed !important;
    top: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 94% !important;
    max-width: 94% !important;
    height: auto !important;
    min-height: unset !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: rgba(3,16,48,.55) !important;
    backdrop-filter: blur(10px) !important;
}

header nav a,
.navbar a,
.menu-top a,
.top-menu a{
    font-size: 11px !important;
    line-height: 1 !important;
    padding: 6px 2px !important;
    white-space: nowrap !important;
}

/* logo menor no celular */
.logo,
.logo img,
header .logo,
.navbar-brand{
    position: absolute !important;
    top: 58px !important;
    left: 18px !important;
    width: 120px !important;
    max-width: 120px !important;
    height: auto !important;
    z-index: 10 !important;
}

/* hero igual ao pc, só reduzido */
.hero,
.hero-section,
.main-hero{
    min-height: auto !important;
    padding-top: 120px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}

.hero h1,
.hero-title,
.main-title{
    font-size: 38px !important;
    line-height: .95 !important;
    max-width: 100% !important;
}

.hero p,
.hero-subtitle{
    font-size: 14px !important;
}

/* imagem principal menor */
.hero img,
.hero-image img,
.main-hero img{
    max-width: 88% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* botões menores */
button,
.btn,
.cta,
.hero a{
    font-size: 12px !important;
    padding: 12px 18px !important;
}

/* benefícios compactos */
.features,
.benefits,
.benefits-row,
.diferenciais,
.icons-row,
.quality-grid{
    width: 94% !important;
    max-width: 94% !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    margin: 24px auto !important;
    border-radius: 14px !important;
}

.features > *,
.benefits > *,
.benefits-row > *,
.diferenciais > *,
.icons-row > *,
.quality-grid > *{
    padding: 8px 4px !important;
}

.features h3,
.benefits h3,
.benefits-row h3,
.diferenciais h3,
.icons-row h3,
.quality-grid h3{
    font-size: 12px !important;
}

.features p,
.benefits p,
.benefits-row p,
.diferenciais p,
.icons-row p,
.quality-grid p{
    font-size: 9px !important;
}

/* cards/produtos em 2 colunas */
.products,
.products-grid,
.product-grid{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 0 12px !important;
}

.product-card,
.card-product{
    padding: 10px !important;
}

.product-card img,
.card-product img{
    max-height: 105px !important;
    object-fit: contain !important;
}

/* seção refil não estoura */
.refil-section,
.manutencao-section,
.services-refil,
.refil-box{
    width: 94% !important;
    max-width: 94% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 10px 8px !important;
    margin: 20px auto !important;
}

.refil-section img,
.manutencao-section img,
.services-refil img,
.refil-box img{
    max-width: 80% !important;
    margin: 0 auto !important;
}

.refil-section h2,
.manutencao-section h2,
.services-refil h2,
.refil-box h2{
    font-size: 32px !important;
    line-height: 1 !important;
}

.refil-section p,
.manutencao-section p,
.services-refil p,
.refil-box p,
.refil-section li,
.manutencao-section li{
    font-size: 12px !important;
}

/* botão whatsapp menor e certo */
.whatsapp-float,
.float-whatsapp,
.whatsapp-button,
#whatsapp-button{
    right: 16px !important;
    bottom: 16px !important;
    width: 58px !important;
    height: 58px !important;
}

.whatsapp-float img,
.float-whatsapp img,
.whatsapp-button img,
#whatsapp-button img{
    width: 58px !important;
    height: 58px !important;
}

/* Instagram no topo */
a[href*="instagram"] img{
    width: 24px !important;
    height: 24px !important;
}
}


/* ===== MOBILE FINAL: MENU MAIS EM CIMA E TUDO MENOR ===== */
@media(max-width:768px){

body{
    padding-top:0 !important;
}

/* menu bem no topo, menor, sem ocupar a tela */
header nav,
.navbar,
.menu-top,
.top-menu{
    top: 6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 92% !important;
    max-width: 92% !important;
    padding: 6px 8px !important;
    gap: 12px !important;
    border-radius: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    height: 38px !important;
    min-height: 38px !important;
    white-space: nowrap !important;
}

header nav a,
.navbar a,
.menu-top a,
.top-menu a{
    font-size: 10px !important;
    padding: 4px 0 !important;
    line-height: 1 !important;
}

/* logo menor e mais alta */
.logo,
.logo img,
header .logo,
.navbar-brand{
    top: 52px !important;
    left: 20px !important;
    width: 95px !important;
    max-width: 95px !important;
}

/* tira botão hamburguer grande se existir */
.menu-toggle,
.hamburger,
.mobile-menu-btn,
button[aria-label*="menu"],
button[class*="menu"]{
    width: 34px !important;
    height: 34px !important;
    padding: 4px !important;
    top: 58px !important;
    right: 18px !important;
}

/* hero mais compacto */
.hero,
.hero-section,
.main-hero{
    padding-top: 120px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    min-height: auto !important;
    gap: 10px !important;
}

.hero h1,
.hero-title,
.main-title{
    font-size: 31px !important;
    line-height: .95 !important;
    margin-bottom: 10px !important;
}

.hero p,
.hero-subtitle{
    font-size: 12px !important;
    line-height: 1.3 !important;
}

.hero .line,
.hero-line{
    width: 70px !important;
    height: 3px !important;
    margin: 12px 0 !important;
}

/* botão menor */
.hero .btn,
.hero button,
.hero a.cta,
.cta,
.btn{
    font-size: 11px !important;
    padding: 11px 18px !important;
    border-radius: 28px !important;
    max-width: 92% !important;
}

/* imagem dos purificadores menor e visível */
.hero img,
.hero-image img,
.main-hero img{
    max-width: 78% !important;
    margin-top: 8px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* reduz seções gerais no celular para ficar estilo PC menor */
section{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.products,
.products-grid,
.product-grid{
    grid-template-columns: repeat(2,1fr) !important;
    gap: 8px !important;
}

.product-card,
.card-product{
    padding: 8px !important;
    border-radius: 12px !important;
}

.product-card img,
.card-product img{
    max-height: 85px !important;
}

.product-card h3,
.card-product h3{
    font-size: 11px !important;
}

.product-card p,
.card-product p{
    font-size: 9px !important;
}

/* refil/serviços menor */
.refil-section,
.manutencao-section,
.services-refil,
.refil-box{
    width: 92% !important;
    gap: 8px !important;
    padding: 4px !important;
}

.refil-section h2,
.manutencao-section h2,
.services-refil h2,
.refil-box h2{
    font-size: 27px !important;
}

.refil-section p,
.manutencao-section p,
.services-refil p,
.refil-box p,
.refil-section li,
.manutencao-section li{
    font-size: 10px !important;
}

.refil-section img,
.manutencao-section img,
.services-refil img,
.refil-box img{
    max-width: 68% !important;
}

/* whatsapp menor */
.whatsapp-float,
.float-whatsapp,
.whatsapp-button,
#whatsapp-button{
    width: 48px !important;
    height: 48px !important;
    right: 14px !important;
    bottom: 14px !important;
}

.whatsapp-float img,
.float-whatsapp img,
.whatsapp-button img,
#whatsapp-button img{
    width: 48px !important;
    height: 48px !important;
}
}