:root{--green:#2191D1;--green-2:#176a9a;--mint:#e8f5fc;--cream:#fbf8ef;--ink:#123a54;--muted:#4c6574;--line:#d7e6ef;--white:#fff;--gold:#c99a2e;--blue:#d9edf4;--shadow:0 18px 50px rgba(33,145,209,.12);--radius:8px;--max:1180px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Open Sans",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}body.dark{--cream:#0b1720;--white:#112330;--ink:#eef8ff;--muted:#b8ccda;--line:#263c4a;--mint:#102638;--shadow:0 18px 50px rgba(0,0,0,.28);color-scheme:dark}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:16px;top:16px;z-index:20;background:var(--white);padding:10px 14px;border:1px solid var(--line)}.topbar{background:var(--green-2);color:#fff;font-size:14px}.topbar .container{display:flex;gap:18px;justify-content:space-between;align-items:center;min-height:38px}.topbar__links{display:flex;gap:16px;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:15;background:rgba(251,248,239,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.dark .nav{background:rgba(11,23,32,.88)}.nav__inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-family:Poppins,Inter,sans-serif;font-weight:800;font-size:22px}.brand__mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800}.nav__links{display:flex;align-items:center;gap:4px}.nav__links a{padding:10px 12px;border-radius:999px;color:var(--muted);font-weight:700;font-size:15px}.nav__links a:hover,.nav__links a[aria-current=page]{background:var(--mint);color:var(--green-2)}.nav__actions{display:flex;align-items:center;gap:10px}.icon-btn,.menu-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--white);border-radius:999px;cursor:pointer;display:grid;place-items:center;color:var(--ink)}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 20px;font-weight:800;cursor:pointer;min-height:46px}.btn--primary{background:var(--green);color:#fff;box-shadow:0 10px 22px rgba(33,145,209,.24)}.btn--primary:hover{background:var(--green-2)}.btn--ghost{background:var(--white);color:var(--green-2);border:1px solid var(--line)}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(232,245,252,.92),rgba(251,248,239,.78)),var(--hero-img);background-size:cover;background-position:center;padding:86px 0 44px}.hero--compact{padding:70px 0 48px}.hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.eyebrow{margin:0 0 12px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.hero h1,.page-title h1{font-family:Poppins,Inter,sans-serif;font-size:clamp(38px,6vw,68px);line-height:1.02;margin:0 0 18px;letter-spacing:0}.hero p,.page-title p{font-size:18px;color:var(--muted);max-width:650px;margin:0 0 24px}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.stat{background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.dark .stat{background:rgba(17,35,48,.78)}.stat strong{display:block;font:800 24px/1 Poppins,Inter,sans-serif}.stat span{font-size:13px;color:var(--muted)}.visual{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.48);background:var(--white)}.visual img{width:100%;aspect-ratio:4/3;object-fit:cover}.section{padding:74px 0}.section--soft{background:var(--white)}.section__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section__head h2,.split h2,.cta h2{font-family:Poppins,Inter,sans-serif;font-size:clamp(28px,4vw,44px);line-height:1.12;margin:0}.section__head p,.split p,.card p,.article p,.faq p{color:var(--muted)}.grid{display:grid;gap:18px}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 8px 26px rgba(33,145,209,.06)}.card h3{font-family:Poppins,Inter,sans-serif;margin:0 0 8px;font-size:21px}.card p{margin:0}.card img{border-radius:var(--radius);aspect-ratio:16/11;object-fit:cover;margin-bottom:16px;background:var(--mint)}.card__icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:900;margin-bottom:14px}.product-card{display:flex;flex-direction:column}.product-card .btn{margin-top:auto;align-self:flex-start}.product-card ul,.check-list{padding:0;margin:12px 0 0;list-style:none}.product-card li,.check-list li{position:relative;padding-left:24px;margin:8px 0;color:var(--muted)}.product-card li:before,.check-list li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--green)}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split img{border-radius:18px;box-shadow:var(--shadow);aspect-ratio:5/4;object-fit:cover}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.badge{border:1px solid var(--line);background:var(--mint);color:var(--green-2);border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.steps{counter-reset:step}.step{position:relative;padding-left:66px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:22px;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}.testimonial{display:none}.testimonial.active{display:block}.testimonial p{font-size:19px;margin-top:0}.slider__controls{display:flex;gap:8px;margin-top:16px}.dot{width:10px;height:10px;border-radius:50%;border:0;background:#b7c8bb;cursor:pointer}.dot.active{background:var(--green)}.faq{border-top:1px solid var(--line)}.faq__item{border-bottom:1px solid var(--line)}.faq__q{width:100%;background:transparent;border:0;text-align:left;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-weight:900;color:var(--ink);cursor:pointer}.faq__a{display:none;padding:0 0 20px}.faq__item.open .faq__a{display:block}.cta{background:linear-gradient(135deg,var(--green-2),var(--green));color:#fff;border-radius:18px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.cta p{margin:10px 0 0;color:rgba(255,255,255,.86)}.cta .btn--ghost{background:#fff;color:var(--green-2)}.form{display:grid;gap:14px}.form label{font-weight:800}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:13px 14px;background:var(--white);color:var(--ink)}.form textarea{min-height:132px;resize:vertical}.error{color:#b42318;font-size:13px;min-height:18px}.success{display:none;background:var(--mint);border:1px solid var(--line);padding:12px;border-radius:var(--radius);font-weight:800;color:var(--green-2)}.success.show{display:block}.article{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.article h2,.article h3{font-family:Poppins,Inter,sans-serif}.article-meta{color:var(--muted);font-size:14px}.footer{background:#0f2938;color:#e8f5fc;padding:52px 0 22px}.footer__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:24px}.footer a{color:#e8f5fc}.footer p,.footer li{color:#b9d4e4}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer h2,.footer h3{font-family:Poppins,Inter,sans-serif;margin-top:0}.footer__bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:18px;font-size:14px;color:#b9d4e4}.float-actions{position:fixed;right:18px;bottom:18px;z-index:14;display:grid;gap:10px}.float-actions a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:var(--shadow)}.wa{background:#2191D1}.call{background:var(--green-2);display:none!important}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.is-visible{opacity:1;transform:none}.newsletter{display:flex;gap:10px}.newsletter input{min-width:0;flex:1;border:1px solid var(--line);border-radius:999px;padding:12px 14px}.map{min-height:300px;border:0;width:100%;border-radius:var(--radius);filter:saturate(.86)}@media (max-width:900px){.topbar .container{justify-content:center}.topbar__links{display:none}.menu-btn{display:grid}.nav__links{position:absolute;left:16px;right:16px;top:86px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;display:none;flex-direction:column;align-items:stretch}.nav__links.open{display:flex}.nav__links a{border-radius:var(--radius)}.nav__actions .btn{display:none}.hero__grid,.split,.cta{grid-template-columns:1fr}.hero{padding-top:54px}.grid--3,.grid--4,.footer__grid{grid-template-columns:1fr 1fr}.section__head{display:block}.call{display:grid!important}}@media (max-width:620px){.container{width:min(100% - 24px,var(--max))}.topbar{display:none}.nav__inner{height:66px}.brand{font-size:19px}.hero h1,.page-title h1{font-size:38px}.hero__stats,.grid--3,.grid--4,.footer__grid{grid-template-columns:1fr}.section{padding:54px 0}.cta{padding:28px}.newsletter{display:grid}.visual{border-radius:14px}.call{display:grid!important}}
.faq__q span{flex:0 0 auto;transition:transform .25s ease}.faq__item.open .faq__q span{transform:rotate(45deg)}.faq__a{display:block;max-height:0;overflow:hidden;transition:max-height .32s ease,padding .32s ease;padding:0}.faq__a p{margin:0 0 20px}.faq__item.open .faq__a{max-height:340px;padding:0 0 2px}.faq--rich{border-top:0}.faq--rich .faq__item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:0 18px;margin-bottom:12px;box-shadow:0 8px 26px rgba(33,145,209,.05)}.faq-intro{max-width:780px;color:var(--muted)}
.scroll-top{position:fixed;right:18px;bottom:202px;z-index:14;width:48px;height:48px;border-radius:50%;border:1px solid rgba(33,145,209,.24);background:var(--white);color:var(--green-2);display:grid;place-items:center;box-shadow:0 14px 34px rgba(18,58,84,.16);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.scroll-top svg{width:24px;height:24px;display:block}.scroll-top.show{opacity:1;visibility:visible;transform:none}.scroll-top:hover,.scroll-top:focus-visible{background:var(--mint);border-color:rgba(33,145,209,.46);box-shadow:0 18px 38px rgba(18,58,84,.2);outline:2px solid transparent}
.float-actions a svg{width:25px;height:25px;display:block}.float-actions a:hover,.float-actions a:focus-visible{transform:translateY(-2px);outline:2px solid rgba(255,255,255,.65);outline-offset:2px}.float-actions a{transition:transform .2s ease,box-shadow .2s ease}
.float-actions .call{display:grid!important}
.btn{white-space:nowrap;flex-shrink:0}.section__head>.btn,.section__head>a.btn{min-width:max-content}
@media (max-width:620px){.section__head>.btn,.section__head>a.btn{margin-top:16px}}
.hero--color{background:linear-gradient(135deg,#e8f5fc 0%,#f7fbfe 48%,#d7eefb 100%)}.hero--color .hero__grid{grid-template-columns:minmax(0,760px)}.hero--color h1{color:#123a54}.hero--color p{color:#4c6574}.hero--color:before{content:"";position:absolute;inset:auto -120px -160px auto;width:520px;height:520px;border-radius:50%;background:rgba(33,145,209,.12);pointer-events:none}.hero--color:after{content:"";position:absolute;inset:90px auto auto 52%;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.56);filter:blur(8px);pointer-events:none}.hero--color .container{position:relative;z-index:1}
.brand__logo{width:64px;height:64px;object-fit:contain;display:block}@media (max-width:620px){.brand__logo{width:54px;height:54px}}

.nav__inner{gap:14px}.brand{flex:0 0 auto}.nav__links{gap:2px;min-width:0}.nav__links a{padding:9px 10px;font-size:14px}.nav__social{display:flex;align-items:center;gap:8px;flex:0 0 auto}.social-link{width:42px;height:42px;border:1px solid var(--line);background:var(--white);border-radius:999px;display:grid;place-items:center;color:var(--ink);font-size:0;transition:transform .2s ease,background .2s ease}.social-link svg{width:22px;height:22px}.social-link:hover,.social-link:focus-visible{transform:translateY(-1px);background:var(--mint);outline:2px solid transparent}.card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);border-color:rgba(33,145,209,.32);box-shadow:0 16px 36px rgba(33,145,209,.1)}.hero--services{background:linear-gradient(110deg,rgba(232,245,252,.96),rgba(251,248,239,.78)),url("../images/hero-water.jpeg");background-size:cover;background-position:center}.feature-card{min-height:250px}.service-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-weight:900;margin-bottom:14px;font-size:14px}.lead-card{background:linear-gradient(180deg,var(--white),var(--mint))}.contact-actions,.cta__actions{display:flex;gap:12px;flex-wrap:wrap}.testimonial-card p{font-size:17px;margin-bottom:16px}.footer__follow-title{margin:20px 0 8px}.footer__social{display:flex;gap:10px;flex-wrap:wrap}.footer__social a{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-weight:800}.msg{background:#1683ff}.contact-card{display:grid;gap:14px}.quick-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.quick-contact .btn{width:100%;padding-inline:14px}.cta--multi{grid-template-columns:1fr auto}.float-actions .msg{display:grid!important}
.social-link--whatsapp{color:#179b68}.wa{background:#18a85f}.float-actions .wa{display:grid!important}.float-actions .wa svg{width:27px;height:27px}
@media (max-width:1100px){.nav__links a{padding:8px 8px;font-size:13px}.nav__actions .btn{display:none}}
@media (max-width:900px){.nav__social{margin-left:auto}.quick-contact,.cta--multi{grid-template-columns:1fr}.contact-actions,.cta__actions{display:grid}.contact-actions .btn,.cta__actions .btn{width:100%}}
@media (max-width:620px){.nav__social{gap:6px}.social-link{width:38px;height:38px}.feature-card{min-height:auto}.hero__stats{gap:8px}}
@media (max-width:620px){.scroll-top{bottom:194px}}

:root{--green:#2191D1;--green-2:#176a9a;--mint:#e8f5fc;--cream:#fbfdf9;--blue:#d9edf4}

.icon-btn,.menu-btn{position:relative;overflow:hidden;font-size:0;line-height:0;flex:0 0 auto}.icon-btn:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:inset -4px -2px 0 rgba(255,255,255,.75);display:block}.menu-btn:before{content:"";width:18px;height:2px;border-radius:999px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;display:block}.nav__actions{flex:0 0 auto}.nav__actions .btn{min-width:max-content}
.btn{transition:transform .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease}.btn:hover,.btn:focus-visible{transform:scale(1.04)}.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--mint);border-color:rgba(33,145,209,.36);outline:2px solid transparent}.card:hover{transform:translateY(-8px);box-shadow:0 24px 58px rgba(33,145,209,.16)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.grid>.reveal:nth-child(2){--reveal-delay:90ms}.grid>.reveal:nth-child(3){--reveal-delay:180ms}.grid>.reveal:nth-child(4){--reveal-delay:270ms}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card,.reveal,.scroll-top{transition:none!important}.btn:hover,.btn:focus-visible,.card:hover,.reveal{transform:none!important}.reveal{opacity:1}}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.footer__credit a{color:#fff;font-weight:900}