:root{--deep:#062e4f;--navy:#014c7f;--aqua:#168ac5;--green:#5baf43;--green-dark:#348a23;--graphite:#535d63;--mist:#edf3f5;--frost:#f8fcfd;--border:#dce8ed;--shadow:0 18px 42px -24px rgba(6,46,79,.34);--shadow-hover:0 28px 58px -24px rgba(1,76,127,.45);--ease:cubic-bezier(.22,.61,.36,1);--container:1300px}*{box-sizing:border-box}html{scroll-behavior:smooth}body.h2optimo-app{margin:0;background:#fff;color:var(--deep);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}.h2optimo-app img{max-width:100%;display:block}.h2optimo-app a{color:inherit;text-decoration:none}.h2optimo-app button,.h2optimo-app input,.h2optimo-app select,.h2optimo-app textarea{font:inherit}.h2optimo-app h1,.h2optimo-app h2,.h2optimo-app h3,.h2optimo-app h4{font-family:Manrope,Inter,sans-serif;font-weight:800;line-height:1.12;letter-spacing:-.025em;margin:0;text-wrap:balance}.h2optimo-app p{margin:0}.h2optimo-app :focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:6px}.h2o-container{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px}.h2o-svg{width:24px;height:24px;display:block}.h2o-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--aqua);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.h2o-eyebrow i{display:block;width:24px;height:1px;background:currentColor}.h2o-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 23px;border:1px solid transparent;border-radius:14px;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}.h2o-btn:hover{transform:translateY(-2px)}.h2o-btn--green{background:var(--green);color:#fff;box-shadow:0 9px 24px -10px rgba(52,138,35,.8)}.h2o-btn--green:hover{background:var(--green-dark);box-shadow:0 14px 30px -10px rgba(52,138,35,.75)}.h2o-btn--primary{background:var(--navy);color:#fff;box-shadow:0 9px 24px -10px rgba(1,76,127,.7)}.h2o-btn--primary:hover{background:var(--deep)}.h2o-btn--ghost{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px)}.h2o-btn--ghost:hover{background:rgba(255,255,255,.15)}.h2o-btn--outline{border-color:var(--border);background:#fff;color:var(--deep)}.h2o-btn--outline:hover{border-color:var(--aqua);color:var(--navy)}
.h2o-topbar{background:var(--deep);color:rgba(255,255,255,.72);font-size:12px}.h2o-topbar--desktop .h2o-container{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.h2o-topbar--desktop .h2o-container>div{display:flex;gap:20px;align-items:center}.h2o-topbar a{transition:color .2s}.h2o-topbar a:hover{color:#fff}.h2o-topbar--mobile{display:none;grid-template-columns:1fr 1fr}.h2o-topbar--mobile a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-right:1px solid rgba(255,255,255,.12);font-weight:700}.h2o-topbar--mobile .h2o-svg{width:17px;height:17px}.h2o-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);border-bottom:1px solid rgba(220,232,237,.85);backdrop-filter:blur(14px);box-shadow:0 10px 28px -24px rgba(6,46,79,.5);transition:background .3s,box-shadow .3s,border-color .3s}.h2o-header--transparent:not(.is-scrolled){background:transparent;border-color:rgba(255,255,255,.12);box-shadow:none;backdrop-filter:none}.h2o-header__inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.h2o-logo{display:block;flex:0 0 auto}.h2o-logo img{width:175px;height:68px;object-fit:contain;transition:filter .25s}.h2o-header--transparent:not(.is-scrolled) .h2o-logo img{filter:brightness(0) invert(1)}.h2o-nav{display:flex;align-items:center;gap:2px;margin-left:auto}.h2o-nav>a,.h2o-nav__dropdown>a{display:flex;align-items:center;gap:4px;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:700;transition:color .2s,background .2s}.h2o-header--transparent:not(.is-scrolled) .h2o-nav>a,.h2o-header--transparent:not(.is-scrolled) .h2o-nav__dropdown>a{color:rgba(255,255,255,.9)}.h2o-nav>a:hover,.h2o-nav__dropdown>a:hover{color:var(--aqua);background:rgba(22,138,197,.06)}.h2o-header--transparent:not(.is-scrolled) .h2o-nav>a:hover,.h2o-header--transparent:not(.is-scrolled) .h2o-nav__dropdown>a:hover{color:#fff;background:rgba(255,255,255,.1)}.h2o-nav__dropdown{position:relative}.h2o-nav__menu{position:absolute;left:0;top:calc(100% + 12px);width:330px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 50px -22px rgba(6,46,79,.45);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.22s var(--ease)}.h2o-nav__dropdown:hover .h2o-nav__menu,.h2o-nav__dropdown:focus-within .h2o-nav__menu{opacity:1;visibility:visible;transform:none}.h2o-nav__menu a{display:block;padding:11px 12px;border-radius:12px;transition:background .2s}.h2o-nav__menu a:hover{background:var(--mist)}.h2o-nav__menu strong{display:block;font-size:14px;color:var(--deep)}.h2o-nav__menu small{display:block;font-size:11px;color:#71818a;margin-top:2px}.h2o-header__actions{display:flex;align-items:center;gap:9px}.h2o-icon-btn,.h2o-menu-toggle{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:13px;background:transparent;color:var(--green-dark);transition:.25s}.h2o-header--transparent:not(.is-scrolled) .h2o-icon-btn,.h2o-header--transparent:not(.is-scrolled) .h2o-menu-toggle{border-color:rgba(255,255,255,.35);color:#fff}.h2o-icon-btn:hover{transform:translateY(-2px);border-color:var(--green);background:rgba(91,175,67,.08)}.h2o-menu-toggle{display:none;flex-direction:column;gap:4px}.h2o-menu-toggle span{width:19px;height:2px;background:currentColor;border-radius:2px}.h2o-mobile-menu{position:fixed;inset:0;z-index:100}.h2o-mobile-menu__overlay{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(6,46,79,.65);backdrop-filter:blur(5px)}.h2o-mobile-menu__panel{position:absolute;z-index:2;inset:0 0 auto 0;max-height:92vh;overflow:auto;padding:20px;background:#fff;border-radius:0 0 26px 26px;box-shadow:0 26px 65px rgba(6,46,79,.35)}.h2o-mobile-menu__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.h2o-mobile-menu__top img{width:170px;height:62px;object-fit:contain}.h2o-mobile-menu__top button{border:1px solid var(--border);background:#fff;width:44px;height:44px;border-radius:12px;font-size:26px;color:var(--deep)}.h2o-mobile-menu nav{display:grid;margin-bottom:17px}.h2o-mobile-menu nav a{padding:11px 12px;border-radius:10px;font-size:17px;font-weight:800}.h2o-mobile-menu nav a:hover{background:var(--mist)}.h2o-mobile-menu nav .h2o-mobile-menu__sub{padding-left:28px;font-size:14px;font-weight:600;color:var(--graphite)}
.h2o-hero{position:relative;isolation:isolate;min-height:760px;margin-top:-76px;padding-top:76px;overflow:hidden;color:#fff}.h2o-hero__image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}.h2o-hero__overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(112deg,rgba(6,46,79,.96) 0%,rgba(1,76,127,.88) 48%,rgba(6,46,79,.64) 100%)}.h2o-hero__gridlines{position:absolute;inset:0;z-index:-1;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.h2o-hero__inner{min-height:684px;display:grid;grid-template-columns:minmax(0,1.15fr) 460px;align-items:center;gap:60px;padding-top:56px;padding-bottom:56px}.h2o-hero .h2o-eyebrow{color:#9ce987}.h2o-hero h1{max-width:700px;margin-top:17px;font-size:clamp(45px,5vw,70px)}.h2o-hero__lead{max-width:650px;margin-top:22px!important;font-size:18px;line-height:1.65;color:rgba(255,255,255,.88)}.h2o-hero__copy>p:not(.h2o-hero__lead){max-width:620px;margin-top:11px;color:rgba(255,255,255,.7);font-size:15px}.h2o-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.h2o-hero ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;list-style:none;padding:0;margin:29px 0 0;max-width:650px}.h2o-hero li{position:relative;padding-left:27px;font-size:14px;color:rgba(255,255,255,.84)}.h2o-hero li:before{content:'✓';position:absolute;left:0;top:1px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(91,175,67,.22);color:#a7ed8d;font-size:11px;font-weight:900}
.h2o-form{position:relative;padding:27px;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);color:var(--deep)}.h2o-form--glass{background:rgba(255,255,255,.93);border-color:rgba(255,255,255,.68);backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 30px 70px -30px rgba(6,46,79,.65)}.h2o-form__head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.h2o-form__head h2{font-size:21px}.h2o-form__head p{margin-top:4px;color:var(--graphite);font-size:13px}.h2o-form__head>span{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:var(--mist);color:var(--navy);font-size:11px;font-weight:800}.h2o-form__step{display:grid;gap:14px}.h2o-form label{display:grid;gap:6px;color:#25465b;font-size:12px;font-weight:800}.h2o-form label b{color:#d44}.h2o-form input,.h2o-form select,.h2o-form textarea{width:100%;min-height:45px;border:1px solid #cfdde3;border-radius:11px;background:#fff;padding:10px 12px;color:var(--deep);font-size:14px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}.h2o-form textarea{resize:vertical}.h2o-form input:focus,.h2o-form select:focus,.h2o-form textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(22,138,197,.11)}.h2o-form .is-invalid{border-color:#d94a4a;box-shadow:0 0 0 3px rgba(217,74,74,.09)}.h2o-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.h2o-form__consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-size:12px!important;font-weight:500!important;color:var(--graphite)!important}.h2o-form__consent input{width:19px!important;height:19px!important;min-height:0!important;margin-top:1px;accent-color:var(--green)}.h2o-form__consent a{text-decoration:underline;color:var(--navy);font-weight:700}.h2o-form__actions{display:grid;gap:9px;margin-top:17px}.h2o-form__actions .h2o-btn{width:100%}.h2o-form__actions small{text-align:center;color:#71818a;font-size:10px}.h2o-upload-intent{width:100%;display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px dashed #bdd1da;border-radius:12px;background:#f5fafb;color:var(--aqua);text-align:left;cursor:pointer}.h2o-upload-intent strong{display:block;color:var(--deep);font-size:12px}.h2o-upload-intent small{display:block;color:var(--graphite);font-size:10px}.h2o-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.h2o-form__error{margin:0 0 13px;padding:10px 12px;border:1px solid rgba(205,56,56,.2);border-radius:10px;background:rgba(205,56,56,.06);color:#a32d2d;font-size:12px;font-weight:700}.h2o-form__success{text-align:left}.h2o-form__success>div{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:rgba(91,175,67,.12);color:var(--green-dark)}.h2o-form__success h2{margin-top:14px;font-size:22px}.h2o-form__success p{margin:7px 0 18px;color:var(--graphite);font-size:14px}.h2o-form__success .h2o-btn{width:100%}
.h2o-trust{position:relative;z-index:2;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 15px 38px -34px rgba(6,46,79,.45)}.h2o-trust__grid{display:grid;grid-template-columns:repeat(4,1fr)}.h2o-trust article{display:flex;gap:12px;align-items:flex-start;padding:23px 20px;border-right:1px solid var(--border)}.h2o-trust article:last-child{border-right:0}.h2o-trust .h2o-svg{flex:0 0 auto;color:var(--aqua);width:25px;height:25px}.h2o-trust h3{font-size:14px}.h2o-trust p{margin-top:3px;color:var(--graphite);font-size:11px;line-height:1.5}.h2o-section{position:relative;padding:88px 0;background:#fff}.h2o-section--light{background:var(--frost)}.h2o-section--mist{background:linear-gradient(180deg,#f1f8fa,#f8fcfd)}.h2o-section--deep{background:linear-gradient(135deg,#052d4d 0%,#064a72 56%,#076a8d 100%);color:#fff;overflow:hidden}.h2o-section--deep:before{content:'';position:absolute;width:450px;height:450px;border-radius:50%;right:-140px;top:-170px;background:rgba(22,138,197,.18);filter:blur(25px)}.h2o-heading{max-width:760px}.h2o-heading--center{margin:0 auto;text-align:center}.h2o-heading--dark .h2o-eyebrow{color:#9ce987}.h2o-heading h2{margin-top:12px;font-size:clamp(32px,4vw,48px)}.h2o-heading p{margin-top:15px;color:var(--graphite);font-size:17px;line-height:1.7}.h2o-heading--dark h2{color:#fff}.h2o-heading--dark p{color:rgba(255,255,255,.73)}.h2o-grid{display:grid;gap:22px;margin-top:43px}.h2o-grid--2{grid-template-columns:repeat(2,1fr)}.h2o-grid--3{grid-template-columns:repeat(3,1fr)}.h2o-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:27px;border-radius:22px;border:1px solid var(--border);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.h2o-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.h2o-card--light{background:#fff;box-shadow:var(--shadow)}.h2o-card--blue{background:radial-gradient(circle at top right,rgba(39,174,208,.21),transparent 38%),linear-gradient(145deg,#052f4f 0%,#07567f 58%,#08759b 100%);border-color:rgba(255,255,255,.12);box-shadow:0 17px 38px -23px rgba(3,40,69,.55);color:#fff}.h2o-card--blue:hover{border-color:rgba(142,219,255,.35);box-shadow:0 25px 48px -22px rgba(3,40,69,.7)}.h2o-card__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.11);color:#9ce3ff;transition:transform .3s var(--ease)}.h2o-card:hover .h2o-card__icon{transform:scale(1.045) rotate(-1deg)}.h2o-card h3{margin-top:19px;font-size:19px}.h2o-card p{margin-top:10px;color:var(--graphite);font-size:14px;line-height:1.68}.h2o-card--blue p{color:rgba(255,255,255,.78)}.h2o-card>strong,.h2o-card>a{margin-top:auto;padding-top:20px;color:#9ce3ff;font-size:13px;font-weight:800}.h2o-card>strong span,.h2o-card>a span{display:inline-block;transition:transform .25s}.h2o-card:hover>strong span,.h2o-card:hover>a span{transform:translateX(3px)}
.h2o-services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:43px}.h2o-service-card{grid-column:span 2;overflow:hidden;border-radius:24px;background:#fff;color:var(--deep);box-shadow:0 22px 50px -26px rgba(0,0,0,.5);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.h2o-service-card:nth-child(4),.h2o-service-card:nth-child(5){grid-column:span 3}.h2o-service-card:hover{transform:translateY(-4px);box-shadow:0 32px 60px -26px rgba(0,0,0,.65)}.h2o-service-card__image{position:relative;height:210px;overflow:hidden}.h2o-service-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.h2o-service-card:hover .h2o-service-card__image img{transform:scale(1.035)}.h2o-service-card__image:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,46,79,.55),transparent 55%)}.h2o-service-card__image>span{position:absolute;z-index:2;left:18px;bottom:13px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.15em}.h2o-service-card__body{padding:25px}.h2o-service-card__body .h2o-card__icon{background:linear-gradient(135deg,rgba(22,138,197,.12),rgba(91,175,67,.11));border-color:rgba(1,76,127,.08);color:var(--navy)}.h2o-service-card h3{margin-top:16px;font-size:20px}.h2o-service-card p{margin-top:9px;color:var(--graphite);font-size:13px;line-height:1.65}.h2o-service-card a{display:inline-block;margin-top:18px;color:var(--aqua);font-size:13px;font-weight:800}.h2o-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.h2o-split__image{position:relative;min-height:480px}.h2o-split__image img,.h2o-rounded-image{width:100%;height:100%;object-fit:cover;border-radius:34px;box-shadow:0 30px 65px -30px rgba(6,46,79,.55)}.h2o-split__image>div{position:absolute;z-index:-1;right:-30px;bottom:-30px;width:220px;height:220px;border-radius:53% 47% 62% 38%;background:linear-gradient(135deg,rgba(22,138,197,.25),rgba(91,175,67,.2));filter:blur(2px)}.h2o-checks{display:grid;grid-template-columns:1fr 1fr;gap:11px 20px;list-style:none;padding:0;margin:26px 0}.h2o-checks li{position:relative;padding-left:29px;color:var(--graphite);font-weight:600;font-size:14px}.h2o-checks li:before{content:'✓';position:absolute;left:0;top:1px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:rgba(91,175,67,.13);color:var(--green-dark);font-size:11px;font-weight:900}.h2o-checks--large{grid-template-columns:1fr}.h2o-checks--large li{font-size:15px;padding-top:3px;padding-bottom:3px}.h2o-timeline{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:48px}.h2o-timeline:before{content:'';position:absolute;left:4%;right:4%;top:29px;height:1px;background:rgba(255,255,255,.22)}.h2o-timeline article{position:relative;padding:0 12px 20px;text-align:center}.h2o-timeline article>span{position:relative;z-index:2;width:58px;height:58px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#fff;color:var(--navy);font-family:Manrope,sans-serif;font-weight:800;box-shadow:0 10px 24px -10px rgba(0,0,0,.45)}.h2o-timeline h3{font-size:15px;color:#fff}.h2o-timeline p{margin-top:8px;color:rgba(255,255,255,.65);font-size:11px;line-height:1.55}.h2o-timeline--8{grid-template-columns:repeat(4,1fr);row-gap:34px}.h2o-timeline--8:before{display:none}.h2o-before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px}.h2o-before-after>div{position:relative;overflow:hidden;border-radius:24px;box-shadow:var(--shadow)}.h2o-before-after img{width:100%;height:360px;object-fit:cover}.h2o-before-after span{position:absolute;left:18px;top:18px;padding:7px 13px;border-radius:999px;background:rgba(6,46,79,.85);color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(5px)}.h2o-project-placeholders{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.h2o-project-placeholders .h2o-card{min-height:150px}.h2o-project-placeholders .h2o-card>span{color:var(--aqua);font-size:12px;font-weight:800}.h2o-project-placeholders h3{margin-top:10px}.h2o-coverage{display:grid;grid-template-columns:1fr 460px;gap:60px;align-items:center}.h2o-coverage .h2o-btn{margin-top:26px}.h2o-coverage__card{position:relative;padding:28px;border-radius:24px;background:#fff;color:var(--deep);box-shadow:0 24px 58px -26px rgba(0,0,0,.55)}.h2o-coverage__card p{display:grid;grid-template-columns:150px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--graphite)}.h2o-coverage__card p:last-child{border-bottom:0}.h2o-coverage__card strong{color:var(--deep)}.h2o-faq-layout{display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:start}.h2o-faq-layout>div:first-child>a{display:inline-block;margin-top:22px;color:var(--aqua);font-weight:800;font-size:14px}.h2o-faqs{display:grid;gap:11px}.h2o-faq{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}.h2o-faq:has(button[aria-expanded=true]){border-color:rgba(22,138,197,.42);box-shadow:var(--shadow)}.h2o-faq h3{margin:0}.h2o-faq button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border:0;background:transparent;color:var(--deep);font-family:Manrope,sans-serif;font-size:15px;font-weight:800;text-align:left;cursor:pointer}.h2o-faq button span{font-size:20px;color:var(--aqua);transition:transform .25s}.h2o-faq button[aria-expanded=true] span{transform:rotate(180deg)}.h2o-faq>div{padding:0 20px 18px;color:var(--graphite);font-size:14px}.h2o-final-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#062e4f 0%,#014c7f 55%,#2f7f5e 100%);color:#fff;padding:70px 0}.h2o-final-cta__orb{position:absolute;right:5%;top:-120px;width:360px;height:360px;border-radius:44% 56% 62% 38%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.26),rgba(22,138,197,.18) 45%,rgba(91,175,67,.12));filter:blur(2px);transform:rotate(18deg)}.h2o-final-cta .h2o-container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px}.h2o-final-cta .h2o-eyebrow{color:#a7ed8d}.h2o-final-cta h2{max-width:760px;margin-top:12px;font-size:clamp(32px,4vw,50px)}.h2o-final-cta p{margin-top:12px;color:rgba(255,255,255,.72)}.h2o-final-cta__actions{display:flex;flex-direction:column;gap:10px;min-width:230px}
.h2o-page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#062e4f,#014c7f 58%,#168ac5);color:#fff;padding:75px 0 78px}.h2o-page-hero__decor{position:absolute;z-index:1;right:-54px;top:-105px;width:330px;height:390px;display:grid;place-items:center;pointer-events:none;opacity:.16;transform:rotate(7deg);filter:drop-shadow(0 24px 50px rgba(0,31,56,.16))}
.h2o-page-hero__decor .h2o-svg{width:100%;height:100%;color:#b9effb;stroke-width:.72;filter:drop-shadow(0 0 22px rgba(120,224,246,.10))}
.h2o-footer{position:relative;overflow:hidden;background:#052b48;color:rgba(255,255,255,.72)}.h2o-footer__glow{position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-190px;background:rgba(22,138,197,.12);filter:blur(35px)}.h2o-footer__grid{position:relative;display:grid;grid-template-columns:1.25fr .85fr .75fr 1fr;gap:45px;padding-top:65px;padding-bottom:60px}.h2o-footer__logo{width:210px;height:95px;object-fit:contain;filter:brightness(0) invert(1)}.h2o-footer p{max-width:330px;margin-top:13px;font-size:13px;line-height:1.7}.h2o-footer strong{display:block;margin-top:13px;color:#a7ed8d}.h2o-footer h2{margin-bottom:16px;color:#fff;font-size:15px}.h2o-footer__grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.h2o-footer__grid a,.h2o-footer__grid span{margin:4px 0;font-size:12px;transition:color .2s}.h2o-footer__grid a:hover{color:#fff}.h2o-footer__bottom{border-top:1px solid rgba(255,255,255,.1)}.h2o-footer__bottom .h2o-container{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.h2o-footer__bottom a{font-weight:800;color:#fff}.h2o-whatsapp-float{position:fixed;z-index:55;right:20px;bottom:20px;width:57px;height:57px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 12px 30px rgba(52,138,35,.42);transition:transform .25s,box-shadow .25s}.h2o-whatsapp-float:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 17px 34px rgba(52,138,35,.5)}.h2o-whatsapp-float .h2o-svg{width:28px;height:28px}.h2o-mobile-actions{display:none}
@media(max-width:1160px){.h2o-nav{display:none}.h2o-menu-toggle{display:inline-flex}.h2o-header__quote{display:none}.h2o-hero__inner{grid-template-columns:1fr 420px;gap:35px}.h2o-services-grid{grid-template-columns:repeat(2,1fr)}.h2o-service-card,.h2o-service-card:nth-child(4),.h2o-service-card:nth-child(5){grid-column:auto}.h2o-timeline{grid-template-columns:repeat(3,1fr);row-gap:30px}.h2o-timeline:before{display:none}.h2o-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.h2o-topbar--desktop{display:none}.h2o-topbar--mobile{display:grid}.h2o-header{top:0}.h2o-hero{margin-top:-76px}.h2o-hero__inner{grid-template-columns:1fr;gap:34px;padding-top:75px;padding-bottom:55px}.h2o-hero__copy{max-width:760px}.h2o-trust__grid{grid-template-columns:1fr 1fr}.h2o-trust article:nth-child(2){border-right:0}.h2o-trust article:nth-child(-n+2){border-bottom:1px solid var(--border)}.h2o-grid--3{grid-template-columns:repeat(2,1fr)}.h2o-split,.h2o-service-row,.h2o-service-intro,.h2o-form-layout,.h2o-contact-layout{grid-template-columns:1fr;gap:40px}.h2o-service-row--reverse .h2o-service-row__image{order:0}.h2o-split__image{min-height:360px}.h2o-coverage{grid-template-columns:1fr}.h2o-faq-layout{grid-template-columns:1fr;gap:35px}.h2o-final-cta .h2o-container{align-items:flex-start;flex-direction:column}.h2o-final-cta__actions{flex-direction:row}.h2o-footer__grid{grid-template-columns:1fr 1fr}.h2o-before-after img{height:290px}.h2o-timeline--8{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body.h2optimo-app{padding-bottom:66px}.h2o-container{padding:0 17px}.h2o-header__inner{height:68px}.h2o-logo img{width:145px;height:57px}.h2o-header__actions{gap:7px}.h2o-icon-btn{display:none}.h2o-hero{margin-top:-68px;padding-top:68px;min-height:auto}.h2o-hero__inner{min-height:0;padding-top:55px}.h2o-hero h1{font-size:40px}.h2o-hero__lead{font-size:16px}.h2o-hero ul{grid-template-columns:1fr}.h2o-hero__actions{display:grid}.h2o-hero__actions .h2o-btn{width:100%}.h2o-form{padding:21px}.h2o-form__row{grid-template-columns:1fr}.h2o-trust__grid{grid-template-columns:1fr}.h2o-trust article{border-right:0;border-bottom:1px solid var(--border)!important}.h2o-section{padding:68px 0}.h2o-heading h2{font-size:33px}.h2o-heading p{font-size:15px}.h2o-grid--2,.h2o-grid--3,.h2o-services-grid,.h2o-project-placeholders,.h2o-before-after{grid-template-columns:1fr}.h2o-card{padding:23px}.h2o-service-card__image{height:195px}.h2o-split{gap:32px}.h2o-split__image{min-height:300px}.h2o-checks{grid-template-columns:1fr}.h2o-timeline,.h2o-timeline--8{grid-template-columns:1fr;gap:0}.h2o-timeline article{display:grid;grid-template-columns:55px 1fr;text-align:left;column-gap:15px;padding:0 0 24px}.h2o-timeline article>span{grid-row:span 2;width:48px;height:48px;margin:0}.h2o-timeline h3{align-self:end}.h2o-timeline p{margin-top:5px}.h2o-before-after img{height:260px}.h2o-coverage__card p{grid-template-columns:1fr;gap:3px}.h2o-final-cta__actions{width:100%;flex-direction:column}.h2o-final-cta__actions .h2o-btn{width:100%}.h2o-page-hero{padding:58px 0 62px}.h2o-page-hero h1{font-size:38px}.h2o-page-hero p{font-size:15px}.h2o-service-row h2,.h2o-service-intro h2{font-size:31px}.h2o-service-row__image img,.h2o-service-intro img{height:290px}.h2o-table{overflow:auto}.h2o-table>div{min-width:650px}.h2o-footer__grid{grid-template-columns:1fr;gap:30px}.h2o-footer__bottom .h2o-container{flex-direction:column;align-items:flex-start;justify-content:center}.h2o-whatsapp-float{display:none}.h2o-mobile-actions{position:fixed;z-index:70;left:0;right:0;bottom:0;height:66px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--border);box-shadow:0 -10px 30px -20px rgba(6,46,79,.45)}.h2o-mobile-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--deep);font-size:10px;font-weight:800}.h2o-mobile-actions a:nth-child(2){color:var(--green-dark)}.h2o-mobile-actions .h2o-svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.h2o-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease) var(--delay,0ms),transform .6s var(--ease) var(--delay,0ms)}.h2o-reveal.is-visible{opacity:1;transform:none}.h2o-card.h2o-reveal.is-visible:hover,.h2o-service-card.h2o-reveal.is-visible:hover{transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.h2o-reveal{opacity:1;transform:none}}

/* Registro del trabajo — corrección visual sobre la base 1.0 */
.h2o-worklog{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f3f9fb 100%)}
.h2o-worklog:before{content:'';position:absolute;right:-180px;top:40px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(22,138,197,.10),rgba(91,175,67,.035) 48%,transparent 70%);pointer-events:none}
.h2o-worklog .h2o-container{position:relative}
.h2o-worklog__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(315px,.68fr);gap:28px;align-items:stretch;margin-top:44px}
.h2o-comparison{overflow:hidden;border:1px solid rgba(1,76,127,.13);border-radius:26px;background:#fff;box-shadow:0 26px 64px -34px rgba(6,46,79,.48)}
.h2o-comparison:focus-within{outline:3px solid rgba(22,138,197,.38);outline-offset:4px}
.h2o-comparison__media{position:relative;overflow:hidden;aspect-ratio:16/10;background:#dfe9ed;isolation:isolate}
.h2o-comparison__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h2o-comparison__after{z-index:1}
.h2o-comparison__before{position:absolute;z-index:2;inset:0;clip-path:inset(0 calc(100% - var(--h2o-compare)) 0 0);will-change:clip-path}
.h2o-comparison__before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h2o-comparison__media:after{content:'';position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(6,46,79,.06),transparent 30%,rgba(6,46,79,.11));pointer-events:none}
.h2o-comparison__label{position:absolute;z-index:5;top:18px;padding:8px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;font-size:12px;font-weight:800;line-height:1;letter-spacing:.02em;box-shadow:0 10px 24px -14px rgba(0,0,0,.7);backdrop-filter:blur(8px)}
.h2o-comparison__label--before{left:18px;background:rgba(6,46,79,.84)}
.h2o-comparison__label--after{right:18px;background:rgba(52,138,35,.9)}
.h2o-comparison__divider{position:absolute;z-index:5;top:0;bottom:0;left:var(--h2o-compare);width:2px;background:rgba(255,255,255,.96);box-shadow:0 0 18px rgba(6,46,79,.28);transform:translateX(-1px);pointer-events:none}
.h2o-comparison__divider span{position:absolute;left:50%;top:50%;width:50px;height:50px;display:grid;place-items:center;border:3px solid rgba(255,255,255,.96);border-radius:50%;background:linear-gradient(145deg,#07567f,#168ac5);color:#fff;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:800;letter-spacing:2px;box-shadow:0 13px 28px -12px rgba(6,46,79,.75);transform:translate(-50%,-50%)}
.h2o-comparison__range{position:absolute;z-index:7;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.h2o-comparison__footer{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-top:1px solid var(--border);background:#fff}
.h2o-comparison__footer strong{display:flex;align-items:center;gap:9px;color:var(--deep);font-size:13px}
.h2o-comparison__footer strong:before{content:'↔';width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(22,138,197,.10);color:var(--aqua);font-size:16px}
.h2o-comparison__footer>span{min-width:52px;padding:6px 10px;border-radius:999px;background:var(--mist);color:var(--navy);font-size:12px;font-weight:800;text-align:center}
.h2o-worklog__info{position:relative;overflow:hidden;padding:31px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(22,138,197,.28),transparent 38%),linear-gradient(145deg,#052f4f 0%,#07567f 62%,#086d91 100%);color:#fff;box-shadow:0 28px 62px -34px rgba(6,46,79,.72)}
.h2o-worklog__info:after{content:'';position:absolute;right:-45px;bottom:-65px;width:180px;height:180px;border:32px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
.h2o-worklog__icon{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.10);color:#9ce3ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.h2o-worklog__icon .h2o-svg{width:26px;height:26px}
.h2o-worklog__badge{position:absolute;top:34px;right:31px;padding:6px 10px;border:1px solid rgba(167,237,141,.25);border-radius:999px;background:rgba(91,175,67,.13);color:#b7f09f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.h2o-worklog__info h3{position:relative;z-index:1;margin-top:24px;color:#fff;font-size:27px;line-height:1.16}
.h2o-worklog__info>p{position:relative;z-index:1;margin-top:14px;color:rgba(255,255,255,.74);font-size:14px;line-height:1.72}
.h2o-worklog__info ul{position:relative;z-index:1;display:grid;gap:0;list-style:none;padding:0;margin:25px 0 0}
.h2o-worklog__info li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:13px 0;border-top:1px solid rgba(255,255,255,.11)}
.h2o-worklog__info li>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.09);color:#9ce3ff;font-size:10px;font-weight:800}
.h2o-worklog__info li strong{display:block;margin:0;color:#fff;font-size:13px}
.h2o-worklog__info li small{display:block;margin-top:2px;color:rgba(255,255,255,.60);font-size:11px;line-height:1.45}
.h2o-worklog__note{position:relative;z-index:1;display:block;margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.52);font-size:10px;line-height:1.55}

/* Crédito de desarrollo más visible y presentable */
.h2o-footer__bottom .h2o-container{min-height:82px;font-size:12px}
.h2o-footer__developer{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.62)}
.h2o-footer__developer>a{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 14px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}
.h2o-footer__developer>a strong{margin:0;color:#b7f09f;font-family:Manrope,Inter,sans-serif;font-size:16px;letter-spacing:-.01em}
.h2o-footer__developer>a .h2o-svg{width:18px;height:18px;color:#9ce3ff;transition:transform .25s var(--ease)}
.h2o-footer__developer>a:hover{transform:translateY(-2px);border-color:rgba(156,227,255,.36);background:rgba(255,255,255,.11);box-shadow:0 13px 28px -18px rgba(0,0,0,.7)}
.h2o-footer__developer>a:hover .h2o-svg{transform:translateX(3px)}

@media(max-width:980px){.h2o-worklog__layout{grid-template-columns:1fr}.h2o-worklog__info{display:grid;grid-template-columns:52px 1fr;column-gap:18px}.h2o-worklog__badge{position:static;width:max-content;align-self:center}.h2o-worklog__info h3,.h2o-worklog__info>p,.h2o-worklog__info ul,.h2o-worklog__note{grid-column:1/-1}.h2o-worklog__info h3{margin-top:24px}}
@media(max-width:640px){.h2o-worklog__layout{margin-top:32px;gap:20px}.h2o-comparison{border-radius:20px}.h2o-comparison__media{aspect-ratio:4/3}.h2o-comparison__label{top:12px;padding:7px 10px}.h2o-comparison__label--before{left:12px}.h2o-comparison__label--after{right:12px}.h2o-comparison__divider span{width:43px;height:43px;font-size:14px}.h2o-comparison__footer{min-height:56px;padding:12px 14px}.h2o-worklog__info{display:block;padding:24px;border-radius:20px}.h2o-worklog__badge{position:absolute;top:27px;right:24px}.h2o-worklog__info h3{font-size:24px}.h2o-footer__bottom .h2o-container{min-height:118px;gap:12px;padding-top:18px;padding-bottom:18px}.h2o-footer__developer{width:100%;justify-content:space-between}.h2o-footer__developer>a{min-height:44px}.h2o-footer__developer>a strong{font-size:15px}}

/* =========================================================
   H2Optimo 1.0.3 — mejoras comerciales y visuales solicitadas
   ========================================================= */
.h2o-section--water,.h2o-section--water-dark{position:relative;overflow:hidden;isolation:isolate}
.h2o-section--water:before,.h2o-section--water-dark:before{content:'';position:absolute;z-index:-1;right:-70px;top:70px;width:210px;height:210px;border-radius:58% 42% 65% 35%/62% 48% 52% 38%;transform:rotate(28deg);pointer-events:none}
.h2o-section--water:after,.h2o-section--water-dark:after{content:'';position:absolute;z-index:-1;left:-140px;bottom:-170px;width:430px;height:430px;border-radius:50%;pointer-events:none}
.h2o-section--water:before{border:1px solid rgba(22,138,197,.08);background:linear-gradient(145deg,rgba(22,138,197,.035),rgba(91,175,67,.018))}
.h2o-section--water:after{background:radial-gradient(circle,rgba(22,138,197,.055),transparent 68%)}
.h2o-section--water-dark:before{border:1px solid rgba(156,227,255,.065);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(22,138,197,.025))}
.h2o-section--water-dark:after{background:radial-gradient(circle,rgba(22,138,197,.11),transparent 68%)}
.h2o-section--water>.h2o-container,.h2o-section--water-dark>.h2o-container{position:relative;z-index:1}
.h2o-heading{position:relative}
.h2o-page-hero{overflow:hidden}
.h2o-page-hero:after{content:'';position:absolute;right:7vw;top:40px;width:155px;height:190px;border:1px solid rgba(22,138,197,.08);border-radius:58% 42% 64% 36%/66% 44% 56% 34%;transform:rotate(26deg);background:linear-gradient(145deg,rgba(22,138,197,.025),rgba(91,175,67,.018));pointer-events:none}

.h2o-hero__badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:19px}
.h2o-hero__badges span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.h2o-hero__badges span.is-promo{border-color:rgba(167,237,141,.26);background:rgba(91,175,67,.16);color:#c9f5b8}
.h2o-hero__badges .h2o-svg{width:16px;height:16px}
.h2o-hero__watermark{position:absolute;z-index:-1;right:5vw;bottom:6%;color:rgba(255,255,255,.055);pointer-events:none;transform:rotate(4deg)}
.h2o-hero__watermark .h2o-svg{width:min(31vw,390px);height:min(31vw,390px);stroke-width:.7}

.h2o-trust--commercial{position:relative;z-index:4}
.h2o-trust--commercial article:nth-child(2)>.h2o-svg{color:var(--green-dark)}
.h2o-trust--commercial article:nth-child(3)>.h2o-svg{color:var(--aqua)}

.h2o-form__promo{display:flex;align-items:center;gap:11px;margin:-3px 0 17px;padding:10px 12px;border:1px solid rgba(91,175,67,.18);border-radius:13px;background:linear-gradient(135deg,rgba(91,175,67,.09),rgba(22,138,197,.06));color:var(--deep)}
.h2o-form__promo>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--green);color:#fff}
.h2o-form__promo .h2o-svg{width:18px;height:18px}
.h2o-form__promo strong{display:block;font-size:12px}
.h2o-form__promo small{display:block;margin-top:1px;color:var(--graphite);font-size:10px;line-height:1.35}
.h2o-promo-chip{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:8px 12px;border:1px solid rgba(167,237,141,.26);border-radius:999px;background:rgba(91,175,67,.13);color:#c9f5b8;font-size:12px;font-weight:800}
.h2o-promo-chip .h2o-svg{width:16px;height:16px}
.h2o-promo-chip--light{border-color:rgba(91,175,67,.2);background:rgba(91,175,67,.08);color:var(--green-dark)}

.h2o-service-card__body{display:flex;flex-direction:column;height:calc(100% - 210px)}
.h2o-service-card__report{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:12px;padding:6px 9px;border-radius:999px;background:rgba(22,138,197,.075);color:var(--navy);font-size:10px;font-weight:800}
.h2o-service-card__report .h2o-svg{width:14px;height:14px}
.h2o-service-card__body>a{margin-top:auto;padding-top:18px}
.h2o-inline-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.h2o-inline-badges span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--frost);color:var(--navy);font-size:11px;font-weight:800}
.h2o-inline-badges .h2o-svg{width:15px;height:15px}

.h2o-compliance-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;overflow:hidden;border:1px solid rgba(1,76,127,.09);border-radius:22px;background:rgba(1,76,127,.08);box-shadow:var(--shadow)}
.h2o-compliance-strip>div{display:flex;align-items:flex-start;gap:13px;padding:22px;background:#fff}
.h2o-compliance-strip>.h2o-svg{flex:0 0 auto;width:24px;height:24px;color:var(--aqua);margin-top:2px}
.h2o-compliance-strip strong{display:block;font-size:14px;color:var(--deep)}
.h2o-compliance-strip small{display:block;margin-top:4px;color:var(--graphite);font-size:11px;line-height:1.5}

.h2o-alliances{background:linear-gradient(180deg,#fff,#f7fbfc)}
.h2o-alliances__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:42px}
.h2o-alliance-card{position:relative;overflow:hidden;display:grid;grid-template-columns:70px 1fr;gap:21px;min-height:240px;padding:31px;border:1px solid rgba(1,76,127,.11);border-radius:26px;background:#fff;box-shadow:var(--shadow);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}
.h2o-alliance-card:after{content:'';position:absolute;right:-38px;bottom:-48px;width:145px;height:145px;border-radius:50%;border:28px solid rgba(22,138,197,.035)}
.h2o-alliance-card:hover{transform:translateY(-4px);border-color:rgba(22,138,197,.26);box-shadow:var(--shadow-hover)}
.h2o-alliance-card__icon{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,rgba(22,138,197,.12),rgba(91,175,67,.10));color:var(--navy)}
.h2o-alliance-card__icon .h2o-svg{width:30px;height:30px}
.h2o-alliance-card small{display:block;color:var(--green-dark);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.h2o-alliance-card h3{margin-top:7px;font-size:23px}
.h2o-alliance-card p{margin-top:11px;color:var(--graphite);font-size:13px;line-height:1.7}

.h2o-coverage--regions{grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr)}
.h2o-coverage__regions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.h2o-coverage__regions article{display:flex;align-items:center;gap:14px;min-height:98px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.075);color:#fff;backdrop-filter:blur(7px)}
.h2o-coverage__regions article>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:rgba(156,227,255,.10);color:#9ce3ff;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:800}
.h2o-coverage__regions strong{display:block;font-size:13px}
.h2o-coverage__regions small{display:block;margin-top:3px;color:rgba(255,255,255,.58);font-size:10px}
.h2o-coverage__regions article.is-evaluation>span{background:rgba(91,175,67,.14);color:#c9f5b8}

.h2o-reviews{background:#fff}
.h2o-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.h2o-review{position:relative;display:flex;flex-direction:column;min-height:280px;padding:28px;border:1px solid rgba(1,76,127,.11);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fcfd);box-shadow:var(--shadow);transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.h2o-review:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.h2o-review__quote{height:42px;color:rgba(22,138,197,.28);font-family:Georgia,serif;font-size:66px;line-height:.9}
.h2o-review>p{margin-top:13px;color:var(--graphite);font-size:14px;line-height:1.75}
.h2o-review footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:22px}
.h2o-review footer>span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--navy),var(--aqua));color:#fff;font-weight:800}
.h2o-review footer strong{display:block;font-size:13px}
.h2o-review footer small{display:block;margin-top:2px;color:#7a8990;font-size:10px}

.h2o-service-intro__media{position:relative}
.h2o-service-intro__media img{height:500px;object-fit:cover}
.h2o-photo-badge{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(6,46,79,.82);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px);box-shadow:0 12px 26px -15px rgba(0,0,0,.8)}
.h2o-photo-badge .h2o-svg{width:15px;height:15px}
.h2o-service-assurance{padding-top:20px}
.h2o-assurance-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:35px;padding:36px;border:1px solid rgba(1,76,127,.11);border-radius:28px;background:linear-gradient(145deg,#f8fcfd,#eef7f9);box-shadow:var(--shadow)}
.h2o-assurance-panel__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--navy),var(--aqua));color:#fff;box-shadow:0 16px 30px -17px rgba(1,76,127,.7)}
.h2o-assurance-panel__icon .h2o-svg{width:28px;height:28px}
.h2o-assurance-panel>div:first-child>small{display:block;margin-top:18px;color:var(--green-dark);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.h2o-assurance-panel h2{margin-top:6px;font-size:31px}
.h2o-assurance-panel>div:first-child>p{margin-top:13px;color:var(--graphite);font-size:14px}
.h2o-assurance-panel__points{display:grid;gap:10px}
.h2o-assurance-panel__points>span{display:grid;grid-template-columns:38px 1fr;column-gap:11px;padding:14px;border:1px solid rgba(1,76,127,.08);border-radius:15px;background:#fff}
.h2o-assurance-panel__points .h2o-svg{grid-row:span 2;width:24px;height:24px;align-self:center;color:var(--aqua)}
.h2o-assurance-panel__points strong{font-size:12px}
.h2o-assurance-panel__points small{margin-top:2px;color:var(--graphite);font-size:10px;line-height:1.4}

.h2o-contact-promo{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:22px;border:1px solid rgba(91,175,67,.18);border-radius:21px;background:linear-gradient(145deg,rgba(91,175,67,.10),rgba(22,138,197,.07));box-shadow:var(--shadow)}
.h2o-contact-promo>span{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:var(--green);color:#fff}
.h2o-contact-promo>span .h2o-svg{width:26px;height:26px}
.h2o-contact-promo small{display:block;color:var(--green-dark);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.h2o-contact-promo strong{display:block;margin-top:3px;font-family:Manrope,Inter,sans-serif;font-size:23px;color:var(--deep)}
.h2o-contact-promo p{margin-top:4px;color:var(--graphite);font-size:11px}

.h2o-final-cta__drops{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.h2o-final-cta__drops i{position:absolute;display:block;border:1px solid rgba(255,255,255,.07);border-radius:58% 42% 65% 35%/62% 48% 52% 38%;transform:rotate(27deg);background:rgba(255,255,255,.02)}
.h2o-final-cta__drops i:nth-child(1){width:130px;height:160px;left:7%;top:-35px}
.h2o-final-cta__drops i:nth-child(2){width:90px;height:112px;right:28%;bottom:-45px}
.h2o-final-cta__drops i:nth-child(3){width:55px;height:70px;right:8%;top:15px}

@media(max-width:980px){
  .h2o-compliance-strip{grid-template-columns:1fr}
  .h2o-alliances__grid{grid-template-columns:1fr}
  .h2o-coverage--regions{grid-template-columns:1fr}
  .h2o-reviews__grid{grid-template-columns:1fr 1fr}
  .h2o-assurance-panel{grid-template-columns:1fr}
  .h2o-service-intro__media img{height:410px}
}
@media(max-width:640px){
  .h2o-hero__badges{margin-bottom:15px}
  .h2o-hero__badges span{font-size:10px}
  .h2o-hero__watermark{right:-70px;bottom:2%}
  .h2o-hero__watermark .h2o-svg{width:250px;height:250px}
  .h2o-form__promo{align-items:flex-start}
  .h2o-inline-badges{margin:15px 0}
  .h2o-compliance-strip{border-radius:18px}
  .h2o-compliance-strip>div{padding:18px}
  .h2o-alliance-card{grid-template-columns:54px 1fr;gap:15px;min-height:0;padding:23px;border-radius:20px}
  .h2o-alliance-card__icon{width:52px;height:52px;border-radius:15px}
  .h2o-alliance-card h3{font-size:19px}
  .h2o-coverage__regions{grid-template-columns:1fr}
  .h2o-reviews__grid{grid-template-columns:1fr}
  .h2o-review{min-height:0;padding:23px}
  .h2o-service-intro__media img{height:300px}
  .h2o-photo-badge{left:12px;bottom:12px}
  .h2o-assurance-panel{padding:24px;border-radius:21px}
  .h2o-assurance-panel h2{font-size:25px}
  .h2o-contact-promo{grid-template-columns:50px 1fr;padding:18px}
  .h2o-contact-promo>span{width:48px;height:48px}
  .h2o-section--water:before,.h2o-section--water-dark:before{right:-95px;width:165px;height:165px}
}
.h2o-service-card{display:flex;flex-direction:column}
.h2o-service-card__body{height:auto;flex:1}

/* H2Optimo 1.0.4 — refinamiento visual, formulario y contraste */
[hidden]{display:none!important}
.h2o-field-label{display:inline-flex;align-items:baseline;gap:4px;width:max-content;max-width:100%;line-height:1.3}
.h2o-field-label b{display:inline;color:#d94343;font-size:13px;line-height:1;font-weight:900}
.h2o-form label{align-content:start}
.h2o-form__step{gap:12px}
.h2o-form__actions [data-back][hidden]{display:none!important}

/* Contraste garantizado para cualquier card oscura del sitio */
.h2o-card--blue h2,.h2o-card--blue h3,.h2o-card--blue h4{color:#f7fcff!important;text-shadow:0 1px 0 rgba(0,0,0,.08)}
.h2o-card--blue p{color:rgba(247,252,255,.80)!important}
.h2o-card--blue>small{color:rgba(247,252,255,.70)!important}
.h2o-card--blue>strong,.h2o-card--blue>a{color:#a9e9ff!important}

/* Sistema de iconos premium: más presencia, profundidad y coherencia */
.h2o-card__icon{position:relative;isolation:isolate;width:60px;height:60px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(103,211,244,.075));border:1px solid rgba(191,236,250,.23);color:#b9efff;box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 12px 25px -17px rgba(0,0,0,.72);overflow:hidden}
.h2o-card__icon:before{content:"";position:absolute;z-index:-1;right:-15px;top:-16px;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle,rgba(91,175,67,.32),rgba(22,138,197,.07) 62%,transparent 64%)}
.h2o-card__icon:after{content:"";position:absolute;z-index:-1;left:7px;right:7px;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
.h2o-card__icon .h2o-svg{width:30px;height:30px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.18));stroke-width:1.7}
.h2o-card:hover .h2o-card__icon{transform:scale(1.045) translateY(-1px);border-color:rgba(197,241,255,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 15px 28px -17px rgba(0,0,0,.82)}
.h2o-service-card__body .h2o-card__icon{background:linear-gradient(145deg,#f4fbfd,#e7f5f7);border-color:rgba(1,76,127,.12);color:#07628f;box-shadow:inset 0 1px 0 #fff,0 12px 24px -18px rgba(1,76,127,.5)}
.h2o-service-card__body .h2o-card__icon:before{background:radial-gradient(circle,rgba(91,175,67,.24),rgba(22,138,197,.06) 62%,transparent 64%)}
.h2o-service-intro>div>.h2o-card__icon{background:linear-gradient(145deg,#f4fbfd,#e7f5f7);border-color:rgba(1,76,127,.12);color:#07628f}
.h2o-alliance-card__icon{position:relative;overflow:hidden;border:1px solid rgba(1,76,127,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 14px 28px -22px rgba(1,76,127,.55)}
.h2o-alliance-card__icon:after{content:"";position:absolute;inset:5px;border:1px solid rgba(22,138,197,.09);border-radius:14px;pointer-events:none}
.h2o-alliance-card__icon .h2o-svg{width:32px;height:32px;stroke-width:1.7}

@media(max-width:767px){
  .h2o-card__icon{width:54px;height:54px;border-radius:16px}
  .h2o-card__icon .h2o-svg{width:27px;height:27px}
  .h2o-form__step{gap:11px}
}

/* === H2Optimo 1.0.5 · Iconography refinement === */
.h2o-svg--line{shape-rendering:geometricPrecision}
.h2o-svg--brand{display:block;shape-rendering:geometricPrecision}
.h2o-card__icon{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(195,235,247,.2);color:#bcefff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 20px -17px rgba(0,0,0,.7);overflow:visible}
.h2o-card__icon:before,.h2o-card__icon:after{display:none!important}
.h2o-card__icon .h2o-svg{width:27px;height:27px;filter:none;stroke-width:1.8}
.h2o-card:hover .h2o-card__icon{transform:translateY(-1px) scale(1.035);border-color:rgba(202,241,252,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 13px 25px -18px rgba(0,0,0,.76)}
.h2o-service-card__body .h2o-card__icon,.h2o-service-intro>div>.h2o-card__icon{background:#edf8fb;border-color:#cfe5ed;color:#086b99;box-shadow:0 8px 18px -16px rgba(1,76,127,.58),inset 0 1px 0 #fff}
.h2o-service-card__body .h2o-card__icon:before,.h2o-service-card__body .h2o-card__icon:after,.h2o-service-intro>div>.h2o-card__icon:before,.h2o-service-intro>div>.h2o-card__icon:after{display:none!important}
.h2o-alliance-card__icon{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.h2o-alliance-card__icon .h2o-svg{width:28px;height:28px;stroke-width:1.8}
.h2o-icon-btn .h2o-svg--whatsapp{width:22px;height:22px;color:#25d366}
.h2o-header--transparent:not(.is-scrolled) .h2o-icon-btn .h2o-svg--whatsapp{color:#fff}
.h2o-whatsapp-float{background:#25d366;box-shadow:0 12px 30px rgba(37,211,102,.32)}
.h2o-whatsapp-float:hover{background:#20bd5a;box-shadow:0 17px 34px rgba(37,211,102,.4)}
.h2o-whatsapp-float .h2o-svg--whatsapp{width:29px;height:29px}
.h2o-contact-link .h2o-svg--whatsapp{color:#25d366;width:24px;height:24px}
.h2o-mobile-actions a:nth-child(2){color:#128c7e}
.h2o-mobile-actions a:nth-child(2) .h2o-svg--whatsapp{color:#25d366}
.h2o-topbar--mobile .h2o-svg--whatsapp{color:#25d366}
.h2o-btn--ghost .h2o-svg--whatsapp{color:#fff}
.h2o-upload-intent .h2o-svg{color:var(--aqua)}
@media(max-width:640px){.h2o-card__icon{width:52px;height:52px;border-radius:15px}.h2o-card__icon .h2o-svg{width:25px;height:25px}}

/* === H2Optimo 1.0.6 · Agua premium + destacados rectangulares === */
/* Dirección: agua + infraestructura + control técnico. Sin pills tipo SaaS/IA. */
.h2o-hero__badges{display:none!important}
.h2o-hero__highlights{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;max-width:720px}
.h2o-hero-highlight{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-width:240px;padding:11px 14px 11px 12px;border:1px solid rgba(176,229,246,.24);border-radius:12px;background:linear-gradient(135deg,rgba(2,49,82,.72),rgba(10,111,151,.34));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 28px -22px rgba(0,0,0,.85);backdrop-filter:blur(8px);overflow:hidden}
.h2o-hero-highlight:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#78d6f3,#168ac5);opacity:.9}
.h2o-hero-highlight:after{content:"";position:absolute;right:-24px;top:-36px;width:92px;height:92px;border:1px solid rgba(173,234,250,.12);border-radius:64% 36% 62% 38%/68% 42% 58% 32%;transform:rotate(34deg);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.13),rgba(22,138,197,.035) 48%,transparent 70%);pointer-events:none}
.h2o-hero-highlight--promo{border-color:rgba(147,222,119,.25);background:linear-gradient(135deg,rgba(21,80,72,.58),rgba(32,111,96,.32))}
.h2o-hero-highlight--promo:before{background:linear-gradient(180deg,#9be47d,#5baf43)}
.h2o-hero-highlight__icon{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);color:#aeeaff}
.h2o-hero-highlight--promo .h2o-hero-highlight__icon{color:#c9f4b8;background:rgba(91,175,67,.10)}
.h2o-hero-highlight__icon .h2o-svg{width:18px;height:18px}
.h2o-hero-highlight__copy{position:relative;z-index:1;display:block;line-height:1.25}
.h2o-hero-highlight__copy strong{display:block;color:#fff;font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.005em}
.h2o-hero-highlight__copy small{display:block;margin-top:3px;color:rgba(234,247,252,.64);font-size:9px;font-weight:600;letter-spacing:.002em}
.h2o-hero-highlight--promo .h2o-hero-highlight__copy small{color:rgba(225,248,216,.65)}

/* Los pequeños tags dejan de parecer cápsulas de UI genérica. */
.h2o-promo-chip,.h2o-inline-badges span,.h2o-service-card__report,.h2o-photo-badge,.h2o-before-after span{border-radius:9px!important}
.h2o-promo-chip{padding:9px 11px;border-color:rgba(167,237,141,.20);background:linear-gradient(135deg,rgba(15,75,76,.54),rgba(91,175,67,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.h2o-promo-chip--light{border-color:rgba(1,76,127,.12);background:linear-gradient(135deg,#f4fafb,#eaf5f6);color:var(--green-dark)}
.h2o-promo-chip--panel{display:inline-grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;max-width:410px;margin-top:18px;padding:10px 12px}
.h2o-promo-chip--panel>.h2o-svg{width:18px;height:18px;color:#b7ef9f}
.h2o-promo-chip--panel span{display:block}
.h2o-promo-chip--panel strong{display:block;color:#efffea;font-size:11px;line-height:1.25}
.h2o-promo-chip--panel small{display:block;margin-top:2px;color:rgba(238,255,232,.61);font-size:9px;line-height:1.3}
.h2o-inline-badges span{padding:8px 10px;background:linear-gradient(135deg,#f8fcfd,#eef7f9);box-shadow:inset 3px 0 0 rgba(22,138,197,.45)}
.h2o-service-card__report{padding:6px 9px;background:#eef7fb;box-shadow:inset 3px 0 0 rgba(22,138,197,.46)}
.h2o-photo-badge{padding:8px 10px;background:linear-gradient(135deg,rgba(4,49,81,.88),rgba(7,100,135,.76));box-shadow:inset 3px 0 0 rgba(143,225,247,.55),0 12px 26px -15px rgba(0,0,0,.8)}

/* Hero: profundidad acuosa estática y sobria. Todo queda detrás del contenido. */
.h2o-hero:before,.h2o-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none}
.h2o-hero:before{inset:0;background:
  radial-gradient(ellipse at 14% 105%,transparent 0 48%,rgba(118,215,242,.105) 49%,transparent 51%),
  radial-gradient(ellipse at 43% 111%,transparent 0 52%,rgba(255,255,255,.055) 53%,transparent 55%),
  radial-gradient(ellipse at 82% -15%,rgba(115,212,240,.12),transparent 39%),
  radial-gradient(circle at 92% 46%,rgba(59,182,216,.12),transparent 27%);
  opacity:.78;mix-blend-mode:screen}
.h2o-hero:after{right:-115px;bottom:-135px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(172,231,247,.12);background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.10),rgba(54,180,214,.055) 28%,rgba(2,65,103,.02) 58%,transparent 70%);box-shadow:inset 20px 20px 70px rgba(168,235,250,.035),inset -18px -20px 60px rgba(0,28,52,.16),0 0 0 34px rgba(78,190,220,.025),0 0 0 68px rgba(78,190,220,.014);filter:blur(.15px)}
.h2o-hero__gridlines{opacity:.055;background-size:68px 68px}
.h2o-hero__watermark{right:7vw;bottom:4%;color:rgba(208,245,255,.08);filter:drop-shadow(0 20px 28px rgba(0,29,52,.18));transform:rotate(2deg)}
.h2o-hero__watermark:before{content:"";position:absolute;inset:13% 15%;z-index:-1;border-radius:60% 40% 66% 34%/68% 44% 56% 32%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.14),rgba(22,138,197,.035) 48%,transparent 70%);box-shadow:inset 10px 9px 30px rgba(255,255,255,.035)}
.h2o-hero__watermark .h2o-svg{stroke-width:.65;filter:drop-shadow(0 0 16px rgba(105,215,241,.055))}

/* Fondos azules: ondas y caústicas muy tenues, no ilustraciones. */
.h2o-section--deep,.h2o-section--water-dark,.h2o-page-hero,.h2o-final-cta{isolation:isolate}
.h2o-section--deep:after,.h2o-section--water-dark:after{content:"";position:absolute;z-index:0;inset:0;width:auto;height:auto;border-radius:0;pointer-events:none;background:
  radial-gradient(ellipse at 8% 115%,transparent 0 47%,rgba(132,223,246,.075) 48%,transparent 50%),
  radial-gradient(ellipse at 35% 118%,transparent 0 54%,rgba(255,255,255,.035) 55%,transparent 57%),
  radial-gradient(ellipse at 87% -12%,rgba(114,216,242,.075),transparent 35%);
  opacity:.72}
.h2o-section--deep>.h2o-container,.h2o-section--water-dark>.h2o-container{position:relative;z-index:1}

/* Encabezados interiores: sustituye el aro genérico por una lente/gota acuosa. */
.h2o-page-hero:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:
  radial-gradient(ellipse at 2% 116%,transparent 0 48%,rgba(129,219,242,.085) 49%,transparent 51%),
  radial-gradient(ellipse at 30% 120%,transparent 0 54%,rgba(255,255,255,.035) 55%,transparent 57%),
  radial-gradient(circle at 88% 10%,rgba(97,201,231,.10),transparent 27%)}
.h2o-page-hero>.h2o-container{position:relative;z-index:2}
.h2o-page-hero__decor{z-index:1;right:-54px;top:-105px;width:330px;height:390px;border:0;background:none;box-shadow:none;transform:rotate(7deg)}

/* Secciones claras: lenguaje acuoso mínimo, más editorial que decorativo. */
.h2o-section--water:before{right:-46px;top:62px;width:162px;height:196px;border:1px solid rgba(22,138,197,.055);background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.55),rgba(22,138,197,.024) 36%,rgba(91,175,67,.012) 60%,transparent 72%);box-shadow:inset 12px 10px 28px rgba(22,138,197,.018);clip-path:path('M81 3 C108 34 150 81 150 133 C150 177 120 193 81 193 C42 193 12 177 12 133 C12 81 54 34 81 3 Z');transform:rotate(12deg)}
.h2o-section--water:after{left:-165px;bottom:-195px;width:445px;height:445px;background:radial-gradient(circle,rgba(22,138,197,.048),transparent 65%)}

/* CTA final: gota tridimensional sobria y reflejo líquido. */
.h2o-final-cta:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:
  radial-gradient(ellipse at 12% 118%,transparent 0 49%,rgba(128,220,244,.085) 50%,transparent 52%),
  radial-gradient(ellipse at 46% 122%,transparent 0 56%,rgba(255,255,255,.032) 57%,transparent 59%)}
.h2o-final-cta__orb{z-index:0;right:7%;top:-100px;width:315px;height:360px;border:1px solid rgba(196,239,251,.10);border-radius:63% 37% 67% 33%/70% 43% 57% 30%;background:radial-gradient(circle at 31% 24%,rgba(255,255,255,.20),rgba(48,179,214,.10) 30%,rgba(31,113,126,.05) 56%,rgba(0,48,76,.03) 72%);box-shadow:inset 22px 18px 54px rgba(255,255,255,.035),inset -25px -30px 60px rgba(0,35,55,.11),0 24px 60px rgba(0,26,48,.11);filter:none;transform:rotate(28deg)}
.h2o-final-cta__drops i{border-color:rgba(198,240,251,.055);background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.055),rgba(31,157,193,.015) 48%,transparent 72%)}
.h2o-final-cta .h2o-container{z-index:2}

/* Evita que las decoraciones compitan con formularios/contenido. */
.h2o-form,.h2o-service-card,.h2o-card,.h2o-assurance-panel,.h2o-coverage__regions article{position:relative;z-index:2}

@media(max-width:900px){
  .h2o-hero__highlights{max-width:620px}
  .h2o-hero-highlight{min-width:220px}
  .h2o-page-hero__decor{right:-135px;opacity:.75}
  .h2o-hero:after{right:-210px;bottom:-160px}
}
@media(max-width:640px){
  .h2o-hero__highlights{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:16px}
  .h2o-hero-highlight{min-width:0;padding:9px 11px 9px 10px;grid-template-columns:32px 1fr;border-radius:10px}
  .h2o-hero-highlight__icon{width:30px;height:30px;border-radius:8px}
  .h2o-hero-highlight__icon .h2o-svg{width:16px;height:16px}
  .h2o-hero-highlight__copy strong{font-size:10px}
  .h2o-hero-highlight__copy small{font-size:8.5px}
  .h2o-hero__watermark{right:-95px;bottom:1%;opacity:.72}
  .h2o-hero:after{width:320px;height:320px;right:-230px;bottom:-120px}
  .h2o-page-hero__decor{right:-175px;top:-145px;width:300px;height:340px;opacity:.6}
  .h2o-final-cta__orb{z-index:0;right:7%;top:-90px;width:300px;height:365px;border:1px solid rgba(196,239,251,.10);background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.22),rgba(48,179,214,.10) 29%,rgba(31,113,126,.05) 57%,rgba(0,48,76,.025) 74%);box-shadow:inset 20px 16px 52px rgba(255,255,255,.04),inset -24px -28px 58px rgba(0,35,55,.11),0 24px 60px rgba(0,26,48,.11);clip-path:path('M150 4 C201 68 276 146 276 238 C276 313 223 360 150 360 C77 360 24 313 24 238 C24 146 99 68 150 4 Z');filter:none;transform:rotate(5deg)}
  .h2o-inline-badges span,.h2o-service-card__report,.h2o-photo-badge{border-radius:8px!important}
}
@media(prefers-reduced-motion:reduce){
  .h2o-hero-highlight,.h2o-page-hero__decor,.h2o-final-cta__orb,.h2o-hero__watermark{animation:none!important;transition:none!important}
}

/* === H2Optimo 1.0.7 · Liquid Experience administrable === */
/* 2. Caústicas animadas */
@keyframes h2oCausticsDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02);filter:blur(0)}50%{transform:translate3d(1.8%,1.2%,0) scale(1.055);filter:blur(.25px)}100%{transform:translate3d(-1.5%,-1%,0) scale(1.02);filter:blur(0)}}
@keyframes h2oCausticsGlow{0%,100%{opacity:.32}50%{opacity:.58}}
.h2o-effect-caustics .h2o-hero:before,.h2o-effect-caustics .h2o-section--deep:after,.h2o-effect-caustics .h2o-section--water-dark:after,.h2o-effect-caustics .h2o-page-hero:before,.h2o-effect-caustics .h2o-final-cta:before{animation:h2oCausticsDrift 12s ease-in-out infinite,h2oCausticsGlow 8s ease-in-out infinite;will-change:transform,opacity}
.h2o-effect-caustics .h2o-section--deep:after,.h2o-effect-caustics .h2o-section--water-dark:after{background:
  radial-gradient(ellipse at 7% 112%,transparent 0 46%,rgba(139,228,249,.09) 47%,transparent 49%),
  radial-gradient(ellipse at 31% 119%,transparent 0 52%,rgba(255,255,255,.045) 53%,transparent 55%),
  radial-gradient(ellipse at 67% -17%,transparent 0 48%,rgba(116,219,245,.07) 49%,transparent 51%),
  radial-gradient(ellipse at 91% 18%,rgba(96,207,236,.065),transparent 35%)}

/* 3. Liquid Lens */
.h2o-liquid-lens{position:absolute;z-index:1;left:0;top:0;width:162px;height:212px;pointer-events:none;opacity:.56;transform:translate3d(var(--h2o-lens-x,calc(100% - 250px)),var(--h2o-lens-y,96px),0) rotate(8deg);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03) 22%,rgba(13,110,154,.09) 68%,rgba(0,46,79,.04) 100%),radial-gradient(circle at 34% 22%,rgba(255,255,255,.30) 0 7%,rgba(164,236,251,.16) 12%,rgba(90,201,231,.10) 30%,rgba(6,88,126,.04) 62%,transparent 76%);border:1px solid rgba(204,245,253,.16);clip-path:path('M81 3 C108 34 151 81 151 134 C151 179 121 209 81 209 C41 209 11 179 11 134 C11 81 54 34 81 3 Z');box-shadow:inset 12px 10px 28px rgba(255,255,255,.07),inset -18px -24px 42px rgba(0,36,64,.15),0 18px 40px rgba(0,31,56,.10);backdrop-filter:blur(2.6px) saturate(1.2) contrast(1.03);-webkit-backdrop-filter:blur(2.6px) saturate(1.2) contrast(1.03);transition:opacity .35s ease;will-change:transform}
.h2o-liquid-lens:before{content:"";position:absolute;left:31%;top:12%;width:38%;height:14%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.02));transform:rotate(-12deg);filter:blur(1.2px)}
.h2o-liquid-lens:after{content:"";position:absolute;left:45%;bottom:18%;width:22%;height:18%;border-radius:50%;border:1px solid rgba(190,239,252,.11);background:radial-gradient(circle at 36% 30%,rgba(163,240,255,.10),rgba(0,0,0,0) 70%)}
.h2o-effect-liquid-lens .h2o-hero__inner,.h2o-effect-liquid-lens .h2o-page-hero>.h2o-container,.h2o-effect-liquid-lens .h2o-final-cta>.h2o-container{position:relative;z-index:2}

/* 4. Ondas interactivas */
.h2o-water-ripple{position:absolute;z-index:1;width:18px;height:18px;margin:-9px 0 0 -9px;border:1px solid rgba(181,238,252,.52);border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px rgba(114,215,241,.09),inset 0 0 9px rgba(151,230,250,.09);animation:h2oWaterRipple 1.25s cubic-bezier(.18,.65,.25,1) forwards}
.h2o-water-ripple:after{content:"";position:absolute;inset:26%;border:1px solid rgba(189,242,254,.28);border-radius:50%}
@keyframes h2oWaterRipple{0%{opacity:.68;transform:scale(.35)}65%{opacity:.28}100%{opacity:0;transform:scale(8.5)}}

/* 6. Before / After con transición de agua */
.h2o-effect-compare-water .h2o-comparison__divider{width:3px;background:linear-gradient(180deg,rgba(218,250,255,.35),#8de3f8 28%,#fff 50%,#78d8f3 72%,rgba(209,247,255,.32));box-shadow:0 0 13px rgba(92,208,238,.42),0 0 28px rgba(74,190,223,.16)}
.h2o-effect-compare-water .h2o-comparison__divider:before,.h2o-effect-compare-water .h2o-comparison__divider:after{content:"";position:absolute;left:50%;width:38px;height:16px;margin-left:-19px;border:1px solid rgba(171,235,251,.48);border-left-color:transparent;border-right-color:transparent;border-radius:50%;filter:drop-shadow(0 0 6px rgba(94,207,236,.23));opacity:.44}
.h2o-effect-compare-water .h2o-comparison__divider:before{top:22%;transform:rotate(-6deg)}.h2o-effect-compare-water .h2o-comparison__divider:after{bottom:21%;transform:rotate(6deg)}
.h2o-effect-compare-water .h2o-comparison.is-water-dragging .h2o-comparison__divider:before{animation:h2oCompareWaveA .65s ease-in-out infinite alternate}.h2o-effect-compare-water .h2o-comparison.is-water-dragging .h2o-comparison__divider:after{animation:h2oCompareWaveB .75s ease-in-out infinite alternate}
.h2o-effect-compare-water .h2o-comparison.is-water-release .h2o-comparison__divider{animation:h2oCompareRelease .58s ease-out}
@keyframes h2oCompareWaveA{to{transform:translateY(6px) scaleX(1.25) rotate(4deg);opacity:.7}}@keyframes h2oCompareWaveB{to{transform:translateY(-6px) scaleX(1.18) rotate(-5deg);opacity:.64}}@keyframes h2oCompareRelease{0%{box-shadow:0 0 12px rgba(92,208,238,.36)}45%{box-shadow:0 0 18px 7px rgba(112,219,244,.25),0 0 40px 15px rgba(74,190,223,.09)}100%{box-shadow:0 0 13px rgba(92,208,238,.42),0 0 28px rgba(74,190,223,.16)}}

/* 7. Flujo H2O para metodología */
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow:before{height:3px;border-radius:999px;background:rgba(176,232,247,.13);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track{position:absolute;z-index:1;left:4%;right:4%;top:28px;height:4px;border-radius:999px;background:linear-gradient(90deg,#8fe8fa,#37b5d8 58%,#82e56a);transform-origin:left center;transform:scaleX(0);box-shadow:0 0 11px rgba(101,217,242,.33);transition:transform 2.5s cubic-bezier(.2,.75,.2,1)}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow.is-water-flowing .h2o-water-flow-track{transform:scaleX(1)}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow:after{content:"";position:absolute;z-index:4;top:18px;left:4%;width:18px;height:24px;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.02) 24%,rgba(23,179,219,.95) 60%,rgba(13,112,174,.98) 100%),radial-gradient(circle at 34% 24%,rgba(255,255,255,.75) 0 9%,rgba(168,241,255,.24) 14%,rgba(0,0,0,0) 32%);clip-path:path('M9 1 C12.4 5.8 16 10.8 16 15.8 C16 20.4 12.9 23 9 23 C5.1 23 2 20.4 2 15.8 C2 10.8 5.6 5.8 9 1 Z');filter:drop-shadow(0 0 10px rgba(119,223,246,.52));opacity:0}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow.is-water-flowing:not(.h2o-timeline--8):after{opacity:1;animation:h2oFlowDrop 2.5s cubic-bezier(.2,.75,.2,1) forwards}
@keyframes h2oFlowDrop{0%{left:4%;transform:rotate(6deg) scale(.82)}100%{left:calc(96% - 18px);transform:rotate(6deg) scale(1)}}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow article>span{overflow:visible}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow.is-water-flowing article>span{animation:h2oStepPulse .65s ease-out both;animation-delay:calc(var(--h2o-step-index,0) * 300ms)}
@keyframes h2oStepPulse{0%{box-shadow:0 10px 24px -10px rgba(0,0,0,.45)}45%{box-shadow:0 0 0 7px rgba(91,205,231,.10),0 0 23px rgba(112,222,246,.28)}100%{box-shadow:0 10px 24px -10px rgba(0,0,0,.45)}}

/* 8. Water depth en scroll */
.h2o-water-depth-layer{position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,101,145,0) 0%,rgba(1,55,91,.16) 54%,rgba(0,31,57,.58) 100%),radial-gradient(ellipse at 50% -18%,rgba(154,233,251,.11),transparent 42%);opacity:0;transition:opacity .08s linear;mix-blend-mode:multiply}
.h2o-effect-water-depth .h2o-hero__inner,.h2o-effect-water-depth .h2o-section--water-dark>.h2o-container,.h2o-effect-water-depth .h2o-section--deep>.h2o-container,.h2o-effect-water-depth .h2o-page-hero>.h2o-container,.h2o-effect-water-depth .h2o-final-cta>.h2o-container{position:relative;z-index:2}

/* 10. Microgotas dinámicas */
.h2o-microdrop{position:absolute;z-index:1;pointer-events:none;width:10px;height:14px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.02) 22%,rgba(31,174,211,.72) 60%,rgba(10,111,163,.9) 100%),radial-gradient(circle at 34% 22%,rgba(255,255,255,.88) 0 9%,rgba(160,239,255,.34) 15%,rgba(0,0,0,0) 34%);border:1px solid rgba(188,239,251,.20);clip-path:path('M5 1 C7 3.8 8.9 6.9 8.9 10.1 C8.9 12.5 7.2 13.8 5 13.8 C2.8 13.8 1.1 12.5 1.1 10.1 C1.1 6.9 3 3.8 5 1 Z');filter:drop-shadow(0 3px 9px rgba(0,43,72,.10));opacity:0;animation:h2oMicroDrop var(--h2o-drop-duration,2.6s) cubic-bezier(.17,.62,.25,1) forwards}
@keyframes h2oMicroDrop{0%{opacity:0;transform:translate3d(0,-4px,0) scale(.7) rotate(4deg)}18%{opacity:.38}70%{opacity:.22}100%{opacity:0;transform:translate3d(var(--h2o-drop-drift,6px),var(--h2o-drop-fall,42px),0) scale(.98) rotate(4deg)}}

/* Capas generadas no deben bloquear interacción */
.h2o-liquid-lens,.h2o-water-depth-layer,.h2o-water-ripple,.h2o-microdrop{user-select:none;-webkit-user-select:none}

@media(max-width:900px){.h2o-liquid-lens{width:122px;height:160px;opacity:.42}.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track{display:none}.h2o-effect-method-flow .h2o-timeline.h2o-water-flow:after{display:none}}
@media(max-width:640px){.h2o-liquid-lens{width:92px;height:122px;opacity:.28}.h2o-water-ripple{display:none}.h2o-microdrop{transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.h2o-effect-caustics .h2o-hero:before,.h2o-effect-caustics .h2o-section--deep:after,.h2o-effect-caustics .h2o-section--water-dark:after,.h2o-effect-caustics .h2o-page-hero:before,.h2o-effect-caustics .h2o-final-cta:before,.h2o-water-ripple,.h2o-microdrop,.h2o-timeline.h2o-water-flow:after,.h2o-timeline.h2o-water-flow article>span{animation:none!important}.h2o-liquid-lens{display:none!important}.h2o-water-depth-layer{opacity:.08!important}}

.h2o-effect-water-waves .h2o-hero__inner,.h2o-effect-microdrops .h2o-hero__inner{position:relative;z-index:2}


/* === H2Optimo 1.0.10 · Refinamiento editorial y rendimiento === */
/* Dirección: el agua funciona como atmósfera, no como objeto protagonista. */
.h2o-hero{min-height:730px;background:#063c62}
.h2o-hero__overlay{background:linear-gradient(108deg,rgba(4,42,72,.96) 0%,rgba(2,72,112,.90) 49%,rgba(4,53,82,.72) 100%)}
.h2o-hero__gridlines{opacity:.035;background-size:76px 76px}
.h2o-hero:after{right:-175px;bottom:-230px;width:510px;height:510px;border-color:rgba(174,232,247,.07);box-shadow:0 0 0 48px rgba(78,190,220,.012),0 0 0 96px rgba(78,190,220,.006);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.065),rgba(54,180,214,.035) 31%,transparent 69%)}
.h2o-hero__watermark{right:-34px;bottom:-80px;width:340px;height:430px;opacity:.22!important;color:rgba(192,238,249,.055);transform:rotate(0)}
.h2o-hero__watermark:before{display:none}
.h2o-hero__watermark .h2o-svg{width:100%;height:100%;stroke-width:.5;filter:none}
.h2o-hero__inner{gap:72px;padding-top:62px;padding-bottom:62px}
.h2o-hero__copy{position:relative;z-index:3}
.h2o-hero h1{font-size:clamp(44px,4.7vw,67px);letter-spacing:-.035em}
.h2o-hero__lead{max-width:625px}
.h2o-hero__actions{margin-top:30px}
.h2o-hero ul{margin-top:31px;gap:11px 24px}

/* Liquid Lens y microgotas quedan disponibles desde admin, pero visualmente son secundarios. */
.h2o-liquid-lens{opacity:.26;width:118px;height:158px;filter:saturate(.86)}

/* Agua sutil en fondos azules: sin blobs centrales. */
.h2o-section--deep:before{width:520px;height:300px;border-radius:50%;right:-210px;top:-110px;background:radial-gradient(ellipse,rgba(25,160,197,.09),transparent 68%);filter:blur(12px)}
.h2o-section--deep:after,.h2o-section--water-dark:after{opacity:.48;background:radial-gradient(ellipse at 7% 113%,transparent 0 47%,rgba(139,228,249,.065) 48%,transparent 50%),radial-gradient(ellipse at 70% -22%,rgba(116,219,245,.055),transparent 39%)}
.h2o-page-hero:before{opacity:.58;background:radial-gradient(ellipse at 3% 118%,transparent 0 49%,rgba(129,219,242,.055) 50%,transparent 52%),radial-gradient(circle at 88% 7%,rgba(97,201,231,.075),transparent 29%)}
.h2o-page-hero__decor{display:none!important}
.h2o-section--water:before{opacity:.28;right:-90px;top:85px;width:130px;height:168px}
.h2o-section--water:after{opacity:.56}

/* Ritmo editorial */
.h2o-section{padding:98px 0}
.h2o-heading{max-width:800px}
.h2o-heading--center{max-width:860px}
.h2o-heading h2{margin-top:13px;letter-spacing:-.035em}
.h2o-heading p{margin-top:18px;line-height:1.78}
.h2o-grid{margin-top:48px;gap:24px}

/* Cards: menos efecto, más precisión. */
.h2o-card{padding:29px;border-radius:20px}
.h2o-card--blue{background:linear-gradient(145deg,#063d63 0%,#07577b 60%,#087597 100%);box-shadow:0 18px 36px -26px rgba(3,40,69,.65)}
.h2o-card--blue:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 34%);opacity:.65}
.h2o-card--blue:hover{box-shadow:0 25px 46px -24px rgba(3,40,69,.72)}
.h2o-card__icon{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.h2o-card h3{font-size:18px;line-height:1.22}
.h2o-card p{font-size:13.5px}
.h2o-service-card{border-radius:21px;box-shadow:0 20px 45px -30px rgba(0,0,0,.55)}
.h2o-service-card__body{padding:27px}

/* Header: más ligero y editorial. */
.h2o-header__inner{min-height:72px}
.h2o-header.is-scrolled{box-shadow:0 10px 32px -26px rgba(6,46,79,.45)}
.h2o-header nav>a{position:relative}
.h2o-header nav>a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:var(--aqua);transform:scaleX(0);transform-origin:center;transition:transform .25s var(--ease)}
.h2o-header nav>a:hover:after{transform:scaleX(1)}

/* CTA final: simple, fuerte y sin objeto 3D protagonista. */
.h2o-final-cta{padding:78px 0;background:linear-gradient(118deg,#052d4d 0%,#064d76 58%,#25735e 100%)}
.h2o-final-cta__orb{right:-100px;top:-150px;width:430px;height:430px;border-radius:50%;border:0;clip-path:none;background:radial-gradient(circle,rgba(106,218,239,.11),rgba(64,178,203,.035) 44%,transparent 70%);box-shadow:none;filter:blur(3px);transform:none}
.h2o-final-cta__drops{opacity:.22}
.h2o-final-cta h2{letter-spacing:-.035em}
.h2o-final-cta__actions .h2o-btn{min-width:238px}

/* FAQ premium */
.h2o-faq-section{background:linear-gradient(180deg,#f5fafb 0%,#eef6f8 100%)}
.h2o-faq-page{max-width:980px}
.h2o-faq-page__intro{max-width:760px;margin:0 auto 34px;text-align:center}
.h2o-faq-page__intro h2{margin-top:12px;font-size:clamp(30px,4vw,44px);letter-spacing:-.035em}
.h2o-faq-page__intro p{margin-top:13px;color:var(--graphite);font-size:16px;line-height:1.7}
.h2o-faq-search{display:grid;gap:8px;margin:0 0 30px;padding:22px;border:1px solid rgba(1,76,127,.10);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 20px 50px -38px rgba(6,46,79,.48);backdrop-filter:blur(8px)}
.h2o-faq-search label{margin:0;color:var(--deep);font-family:Manrope,sans-serif;font-size:13px;font-weight:800;letter-spacing:.01em}
.h2o-faq-search__field{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:0 15px;border:1px solid #d6e5ea;border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s}
.h2o-faq-search__field:focus-within{border-color:rgba(22,138,197,.60);box-shadow:0 0 0 4px rgba(22,138,197,.08)}
.h2o-faq-search__field>span{color:var(--aqua)}
.h2o-faq-search__field .h2o-svg{width:20px;height:20px}
.h2o-faq-search input{width:100%;min-height:54px;padding:0;border:0!important;outline:0!important;background:transparent;font-size:15px;color:var(--deep);box-shadow:none!important}
.h2o-faq-search input::placeholder{color:#8a989f}
.h2o-faq-search kbd{min-width:28px;padding:3px 8px;border:1px solid #d9e5e9;border-bottom-width:2px;border-radius:7px;background:#f6fafb;color:#718087;font-family:inherit;font-size:11px;text-align:center}
.h2o-faq-search>small{color:#7a888e;font-size:11px}
.h2o-faqs{gap:13px}
.h2o-faq{overflow:hidden;border:1px solid #d8e5e9;border-radius:18px;background:#fff;box-shadow:0 12px 30px -28px rgba(6,46,79,.40);transition:border-color .24s,box-shadow .24s,transform .24s}
.h2o-faq:hover{transform:translateY(-2px);border-color:rgba(22,138,197,.30);box-shadow:0 18px 40px -30px rgba(6,46,79,.48)}
.h2o-faq.is-open{border-color:rgba(22,138,197,.38);box-shadow:0 20px 44px -31px rgba(1,76,127,.56)}
.h2o-faq h3{margin:0}
.h2o-faq button{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:15px;min-height:76px;padding:15px 17px 15px 18px;font-size:15px}
.h2o-faq__number{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf7fa;color:var(--navy);font-size:11px;font-weight:900;letter-spacing:.05em}

.h2o-faq__question{font-size:15px!important;color:var(--deep)!important;transition:none!important;transform:none!important}
.h2o-faq button[aria-expanded=true] .h2o-faq__number,.h2o-faq button[aria-expanded=true] .h2o-faq__question{transform:none!important}
.h2o-faq__question{line-height:1.35}
.h2o-faq__chevron{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dbe8ec;border-radius:11px;background:#f8fbfc;color:var(--navy);transition:transform .24s,background .24s,color .24s}
.h2o-faq__chevron .h2o-svg{width:18px;height:18px}
.h2o-faq button[aria-expanded=true] .h2o-faq__chevron{transform:rotate(180deg);background:var(--navy);color:#fff;border-color:var(--navy)}
.h2o-faq__answer{padding:0 24px 22px 75px;color:var(--graphite);font-size:14px}
.h2o-faq__answer>div{padding:18px 20px;border-left:2px solid rgba(22,138,197,.35);border-radius:0 12px 12px 0;background:#f6fafb}
.h2o-faq__answer-label{display:block;margin-bottom:5px;color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
.h2o-faq__answer p{line-height:1.72}
.h2o-faq-layout .h2o-faq button{min-height:70px}
.h2o-faq-layout .h2o-faq__number{display:none}
.h2o-faq-layout .h2o-faq button{grid-template-columns:minmax(0,1fr) 38px}
.h2o-faq-layout .h2o-faq__answer{padding-left:20px}

/* Comparador y metodología siguen siendo los momentos de agua con más protagonismo. */
.h2o-effect-compare-water .h2o-comparison__divider{box-shadow:0 0 10px rgba(92,208,238,.32),0 0 20px rgba(74,190,223,.10)}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track{height:3px;box-shadow:0 0 8px rgba(101,217,242,.26)}

@media(max-width:900px){
  .h2o-section{padding:82px 0}
  .h2o-hero{min-height:0}
  .h2o-hero__inner{gap:40px;padding-top:78px;padding-bottom:58px}
  .h2o-hero__watermark{right:-150px;bottom:-110px;opacity:.15!important}
  .h2o-faq-page{max-width:none}
}
@media(max-width:640px){
  .h2o-section{padding:68px 0}
  .h2o-heading p{font-size:15.5px}
  .h2o-faq-page__intro{text-align:left;margin-bottom:24px}
  .h2o-faq-search{padding:16px;border-radius:17px}
  .h2o-faq-search kbd{display:none}
  .h2o-faq-search__field{grid-template-columns:20px minmax(0,1fr);min-height:54px}
  .h2o-faq button{grid-template-columns:36px minmax(0,1fr) 34px;gap:11px;padding:13px 13px;min-height:70px}
  .h2o-faq__number{width:34px;height:34px;border-radius:10px}
  .h2o-faq__chevron{width:32px;height:32px;border-radius:10px}
  .h2o-faq__answer{padding:0 14px 15px 60px}
  .h2o-faq__answer>div{padding:15px}
  .h2o-final-cta{padding:66px 0}
  .h2o-final-cta__actions{width:100%}
  .h2o-final-cta__actions .h2o-btn{width:100%}
}


/* v1.0.11 refinamientos de cabecera, gotas sutiles y WebP */
.h2o-nav__dropdown>a{gap:5px}
.h2o-nav__chevron{display:inline-grid;place-items:center;width:14px;height:14px;flex:0 0 14px;transform:translateY(1px)}
.h2o-nav__chevron .h2o-svg{width:12px;height:12px;stroke-width:2.4}
.h2o-header--transparent:not(.is-scrolled) .h2o-nav__chevron{color:currentColor}

/* Gotas tenues en encabezados de secciones azules */
.h2o-section--deep .h2o-heading,.h2o-section--water-dark .h2o-heading,.h2o-page-hero .h2o-heading,.h2o-final-cta .h2o-heading{position:relative;overflow:visible}
.h2o-section--deep .h2o-heading:after,.h2o-section--water-dark .h2o-heading:after,.h2o-page-hero .h2o-heading:after,.h2o-final-cta .h2o-heading:after{content:"";position:absolute;right:-26px;top:12px;width:26px;height:34px;pointer-events:none;opacity:.34;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 24%,rgba(72,204,232,.22) 68%,rgba(17,128,171,.18) 100%);border:1px solid rgba(191,241,251,.18);clip-path:path('M13 1 C18 7 23 13 23 19.5 C23 27 18.6 33 13 33 C7.4 33 3 27 3 19.5 C3 13 8 7 13 1 Z');box-shadow:inset 0 8px 12px rgba(255,255,255,.08),0 12px 22px rgba(0,42,66,.08)}
.h2o-section--deep .h2o-heading:before,.h2o-section--water-dark .h2o-heading:before,.h2o-page-hero .h2o-heading:before,.h2o-final-cta .h2o-heading:before{content:"";position:absolute;right:8px;top:26px;width:10px;height:10px;border-radius:50%;pointer-events:none;opacity:.18;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.92),rgba(138,231,248,.4) 42%,rgba(0,0,0,0) 70%)}
.h2o-page-hero:after{right:8vw;top:34px;width:118px;height:152px;opacity:.48;border:1px solid rgba(170,234,248,.12);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01) 24%,rgba(42,175,212,.08) 68%,rgba(91,175,67,.05) 100%);clip-path:path('M59 4 C78 28 108 61 108 100 C108 132 87 148 59 148 C31 148 10 132 10 100 C10 61 40 28 59 4 Z');transform:none}
.h2o-page-hero__decor{display:none!important}

/* Suavizar uniformidad de los fondos azules */
.h2o-section--deep:after,.h2o-section--water-dark:after,.h2o-final-cta:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 16% 18%,rgba(255,255,255,.06),transparent 28%),radial-gradient(ellipse at 82% 12%,rgba(120,227,244,.07),transparent 24%),radial-gradient(ellipse at 50% 110%,transparent 0 50%,rgba(135,226,245,.05) 51%,transparent 54%);opacity:.85}

@media (max-width:900px){.h2o-section--deep .h2o-heading:after,.h2o-section--water-dark .h2o-heading:after,.h2o-page-hero .h2o-heading:after,.h2o-final-cta .h2o-heading:after{right:-12px;top:10px;width:22px;height:29px}.h2o-section--deep .h2o-heading:before,.h2o-section--water-dark .h2o-heading:before,.h2o-page-hero .h2o-heading:before,.h2o-final-cta .h2o-heading:before{right:10px;top:22px}}
@media (max-width:640px){.h2o-nav__chevron{width:12px;height:12px;transform:translateY(0)}.h2o-section--deep .h2o-heading:after,.h2o-section--water-dark .h2o-heading:after,.h2o-page-hero .h2o-heading:after,.h2o-final-cta .h2o-heading:after{right:4px;top:0;width:18px;height:24px;opacity:.24}.h2o-section--deep .h2o-heading:before,.h2o-section--water-dark .h2o-heading:before,.h2o-page-hero .h2o-heading:before,.h2o-final-cta .h2o-heading:before{display:none}.h2o-page-hero:after{right:-6px;top:28px;width:86px;height:112px;opacity:.28}}


/* v1.0.12 sincronía metodología + agua sutil en cards */
/* Cards con lenguaje acuoso sutil */
.h2o-card,.h2o-service-card{overflow:hidden;isolation:isolate}
.h2o-card::before,.h2o-service-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(140px 80px at 92% 10%,rgba(157,237,250,.10),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 28%);opacity:.9;z-index:0}
.h2o-card::after,.h2o-service-card::after{content:"";position:absolute;left:-8%;right:-8%;bottom:10px;height:58px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(96,213,236,.09) 0%,rgba(96,213,236,.045) 28%,rgba(96,213,236,0) 68%);transform:translateY(12px);opacity:.55;z-index:0;transition:transform .38s var(--ease),opacity .38s var(--ease)}
.h2o-card > *,.h2o-service-card > *{position:relative;z-index:1}
.h2o-card:hover::after,.h2o-service-card:hover::after{transform:translateY(2px);opacity:.8}
.h2o-card--blue::before{background:radial-gradient(140px 86px at 92% 12%,rgba(173,241,251,.11),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 30%)}
.h2o-card--blue::after{background:radial-gradient(ellipse at center,rgba(143,232,250,.11) 0%,rgba(143,232,250,.05) 30%,rgba(143,232,250,0) 72%)}
.h2o-service-card::before{background:radial-gradient(130px 78px at 92% 10%,rgba(76,208,232,.08),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 26%)}
.h2o-service-card::after{bottom:8px;height:62px;background:radial-gradient(ellipse at center,rgba(77,203,229,.08) 0%,rgba(77,203,229,.04) 30%,rgba(77,203,229,0) 72%)}

/* Metodología: tubo/flujo sincronizado con la gota */
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow{--h2o-flow-duration:2.35s}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow:before{height:4px;top:28px;background:linear-gradient(90deg,rgba(180,235,246,.18),rgba(180,235,246,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track{top:28px;height:4px;border-radius:999px;background:linear-gradient(90deg,#98ecfb 0%,#48c2e3 56%,#88e76d 100%);transform-origin:left center;transform:scaleX(0);box-shadow:0 0 8px rgba(110,223,245,.22);overflow:visible;transition:transform var(--h2o-flow-duration) linear}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.0) 0%,rgba(255,255,255,.35) 48%,rgba(255,255,255,.0) 100%);background-size:120px 100%;background-repeat:no-repeat;background-position:-120px 0;opacity:.55}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow.is-water-flowing .h2o-water-flow-track:before{animation:h2oFlowSheen var(--h2o-flow-duration) linear forwards}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow:after{content:"";position:absolute;z-index:4;top:17px;left:calc(4% - 9px);width:18px;height:24px;background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.03) 22%,rgba(23,179,219,.96) 60%,rgba(13,112,174,.98) 100%),radial-gradient(circle at 34% 24%,rgba(255,255,255,.82) 0 9%,rgba(168,241,255,.24) 14%,rgba(0,0,0,0) 32%);clip-path:path('M9 1 C12.4 5.8 16 10.8 16 15.8 C16 20.4 12.9 23 9 23 C5.1 23 2 20.4 2 15.8 C2 10.8 5.6 5.8 9 1 Z');filter:drop-shadow(0 0 8px rgba(119,223,246,.40));opacity:0}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow.is-water-flowing:not(.h2o-timeline--8):after{opacity:1;animation:h2oFlowDropSync var(--h2o-flow-duration) linear forwards}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-end{position:absolute;z-index:3;top:23px;left:calc(96% - 9px);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(149,237,250,.46) 40%,rgba(29,176,212,.22) 60%,rgba(0,0,0,0) 72%);box-shadow:0 0 0 0 rgba(120,223,246,.0);opacity:0;transform:scale(.8)}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow.is-water-flowing .h2o-water-end{animation:h2oFlowEndPulse .72s ease-out calc(var(--h2o-flow-duration) - .06s) forwards}
@keyframes h2oFlowDropSync{0%{left:calc(4% - 9px);transform:scale(.82)}100%{left:calc(96% - 9px);transform:scale(1)}}
@keyframes h2oFlowSheen{0%{background-position:-120px 0}100%{background-position:calc(100% + 120px) 0}}
@keyframes h2oFlowEndPulse{0%{opacity:0;transform:scale(.75);box-shadow:0 0 0 0 rgba(120,223,246,0)}35%{opacity:1;transform:scale(1);box-shadow:0 0 0 8px rgba(120,223,246,.18)}100%{opacity:.88;transform:scale(.92);box-shadow:0 0 0 0 rgba(120,223,246,0)}}

@media (max-width:900px){.h2o-card::after,.h2o-service-card::after{height:48px;opacity:.48}}
@media (max-width:640px){.h2o-card::before,.h2o-service-card::before{opacity:.78}.h2o-card::after,.h2o-service-card::after{height:42px;bottom:6px}.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-end{display:none}}

/* =========================================================
   H2Optimo 1.0.13 — Visual Refinement
   Agua coherente · Bento "Por qué elegirnos" · Mobile-first
   Microinteracciones consistentes
   ========================================================= */
:root{
  --h2o-motion-fast:220ms;
  --h2o-motion:300ms;
  --h2o-motion-slow:520ms;
  --h2o-motion-ease:cubic-bezier(.22,.61,.36,1);
  --h2o-water-aqua:rgba(126,225,246,.16);
  --h2o-water-aqua-soft:rgba(126,225,246,.07);
}

/* 1) Sistema visual de agua coherente: un solo lenguaje por sección. */
.h2o-section--water:before{display:none!important}
.h2o-section--water:after{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.62;
  background:
    radial-gradient(ellipse at 92% 8%,rgba(57,183,215,.055),transparent 24%),
    radial-gradient(ellipse at 8% 103%,transparent 0 52%,rgba(57,183,215,.045) 53%,transparent 56%);
}
.h2o-section--deep:after,.h2o-section--water-dark:after,.h2o-final-cta:before{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.74;
  background:
    radial-gradient(ellipse at 14% 15%,rgba(255,255,255,.055),transparent 25%),
    radial-gradient(ellipse at 84% 12%,rgba(112,222,244,.075),transparent 22%),
    radial-gradient(ellipse at 48% 112%,transparent 0 51%,rgba(130,225,246,.055) 52%,transparent 55%);
}
.h2o-section--water>.h2o-container,.h2o-section--deep>.h2o-container,.h2o-section--water-dark>.h2o-container{position:relative;z-index:1}

/* Gota tenue única, siempre en la misma posición del encabezado. */
.h2o-heading{position:relative}
.h2o-heading:before{display:none!important}
.h2o-heading:after{
  content:"";position:absolute;right:2px;top:-4px;width:20px;height:28px;pointer-events:none;opacity:.20;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(41,165,203,.20) 58%,rgba(9,102,151,.22));
  border:1px solid rgba(21,139,187,.16);
  clip-path:path('M10 1 C13.7 5.7 18 11.2 18 17.5 C18 23.5 14.5 27 10 27 C5.5 27 2 23.5 2 17.5 C2 11.2 6.3 5.7 10 1 Z');
  box-shadow:inset 0 5px 9px rgba(255,255,255,.08);
}
.h2o-heading--dark:after,.h2o-section--deep .h2o-heading:after,.h2o-section--water-dark .h2o-heading:after{
  opacity:.24;border-color:rgba(185,240,251,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(91,215,240,.20) 58%,rgba(31,148,188,.20));
}

/* 2) Cards: sofisticadas, con menos decoración. Una luz fija + un único barrido en hover. */
.h2o-card,.h2o-service-card,.h2o-why-mini,.h2o-why-feature{
  overflow:hidden;isolation:isolate;
  transition:transform var(--h2o-motion) var(--h2o-motion-ease),box-shadow var(--h2o-motion) var(--h2o-motion-ease),border-color var(--h2o-motion) var(--h2o-motion-ease);
}
.h2o-card::before,.h2o-service-card::before{
  content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;opacity:.48;
  background:linear-gradient(135deg,rgba(255,255,255,.065),transparent 30%),radial-gradient(115px 70px at 94% 6%,rgba(112,224,244,.08),transparent 62%);
}
.h2o-card::after,.h2o-service-card::after{
  content:"";position:absolute;z-index:0;top:-55%;left:-48%;width:28%;height:210%;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(211,249,255,.13),transparent);
  transform:skewX(-16deg);transition:left var(--h2o-motion-slow) var(--h2o-motion-ease),opacity var(--h2o-motion-fast) ease;
}
.h2o-card:hover::after,.h2o-service-card:hover::after{left:122%;opacity:1}
.h2o-card>* ,.h2o-service-card>*{position:relative;z-index:1}
.h2o-card--blue{background:linear-gradient(145deg,#063d63 0%,#07577b 62%,#087394 100%);border-color:rgba(184,235,247,.11);box-shadow:0 18px 38px -29px rgba(3,40,69,.72)}
.h2o-card--blue:hover{border-color:rgba(169,235,249,.26);box-shadow:0 24px 46px -28px rgba(3,40,69,.78)}
.h2o-card:hover,.h2o-service-card:hover{transform:translateY(-4px)}
.h2o-card:hover .h2o-card__icon{transform:translateY(-1px) scale(1.035)!important}
.h2o-service-card:hover .h2o-service-card__image img{transform:scale(1.025)}

/* 3) Por qué elegir H2Optimo — composición editorial/bento. */
.h2o-why-layout{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.55fr);gap:22px;margin-top:48px;align-items:stretch}
.h2o-why-feature{
  position:relative;display:flex;flex-direction:column;min-height:100%;padding:34px;border-radius:24px;color:#fff;
  background:linear-gradient(145deg,#052f4f 0%,#075577 58%,#087391 100%);
  border:1px solid rgba(183,237,248,.14);box-shadow:0 24px 50px -34px rgba(3,40,69,.82);
}
.h2o-why-feature:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(190px 120px at 88% 8%,rgba(150,236,250,.13),transparent 64%);opacity:.75}
.h2o-why-feature:after{content:"";position:absolute;right:-22px;bottom:-34px;width:155px;height:190px;pointer-events:none;opacity:.075;background:rgba(174,240,250,.9);clip-path:path('M78 3 C103 35 143 78 143 126 C143 166 115 186 78 186 C41 186 13 166 13 126 C13 78 53 35 78 3 Z')}
.h2o-why-feature>*{position:relative;z-index:1}
.h2o-why-feature__top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.h2o-why-feature__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(205,244,252,.15);color:#bfefff}
.h2o-why-feature__icon .h2o-svg{width:29px;height:29px}
.h2o-why-feature__label{font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#a8e78f}
.h2o-why-feature h3{margin-top:34px;font-size:clamp(26px,2.4vw,34px);color:#fff}
.h2o-why-feature>p{margin-top:14px;color:rgba(246,252,255,.76);font-size:14px;line-height:1.72}
.h2o-why-feature__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;padding-top:30px}
.h2o-why-feature__steps span{display:grid;gap:3px;padding:12px 10px;border-top:1px solid rgba(198,240,250,.16);font-size:10px;color:rgba(246,252,255,.74)}
.h2o-why-feature__steps b{color:#9ce8f9;font-size:11px;letter-spacing:.06em}
.h2o-why-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.h2o-why-mini{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;align-items:start;padding:23px;border:1px solid #dce9ed;border-radius:19px;background:rgba(255,255,255,.93);box-shadow:0 14px 32px -29px rgba(6,46,79,.48)}
.h2o-why-mini:nth-child(5){grid-column:1/-1}
.h2o-why-mini:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--aqua),rgba(91,175,67,.58));opacity:.55}
.h2o-why-mini__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#edf8fb;color:#076b98;border:1px solid #d5eaf0;transition:transform var(--h2o-motion) var(--h2o-motion-ease),background var(--h2o-motion) var(--h2o-motion-ease)}
.h2o-why-mini__icon .h2o-svg{width:23px;height:23px}
.h2o-why-mini h3{font-size:16px;line-height:1.24;color:var(--deep)}
.h2o-why-mini p{margin-top:7px;color:var(--graphite);font-size:12px;line-height:1.62}
.h2o-why-mini:hover{transform:translateY(-4px);border-color:rgba(22,138,197,.24);box-shadow:0 20px 38px -30px rgba(6,46,79,.56)}
.h2o-why-mini:hover .h2o-why-mini__icon{transform:translateY(-1px);background:#e7f6f9}
.h2o-compliance-strip--refined{margin-top:22px;border:0;border-radius:0;background:transparent;box-shadow:none;gap:0}
.h2o-compliance-strip--refined>div{padding:18px 22px;background:transparent;border-top:1px solid rgba(1,76,127,.10)}
.h2o-compliance-strip--refined>div+div{border-left:1px solid rgba(1,76,127,.08)}

/* 4) Microinteracciones: una misma gramática para toda la interfaz. */
.h2o-btn,.h2o-nav a,.h2o-icon-btn,.h2o-contact-link,.h2o-faq,.h2o-card__icon,.h2o-service-card__image img{
  transition-duration:var(--h2o-motion);transition-timing-function:var(--h2o-motion-ease);
}
.h2o-btn:hover{transform:translateY(-2px)}
.h2o-btn:active{transform:translateY(0) scale(.985)}
.h2o-btn>span:last-child{display:inline-block;transition:transform var(--h2o-motion-fast) var(--h2o-motion-ease)}
.h2o-btn:hover>span:last-child{transform:translateX(3px)}
.h2o-card>strong span,.h2o-card>a span{transition:transform var(--h2o-motion-fast) var(--h2o-motion-ease)}
.h2o-faq:hover{transform:translateY(-2px)}
.h2o-contact-link:hover{transform:translateX(3px)}

/* 5) Mobile diseñado: menos redundancia, componentes táctiles y ritmo propio. */
@media(max-width:900px){
  .h2o-why-layout{grid-template-columns:1fr;gap:18px}
  .h2o-why-feature{min-height:360px}
  .h2o-why-support{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h2o-compliance-strip--refined{grid-template-columns:1fr}
  .h2o-compliance-strip--refined>div+div{border-left:0}
}
@media(max-width:640px){
  .h2o-container{padding-left:18px;padding-right:18px}
  .h2o-section{padding:64px 0}
  .h2o-heading--center{margin-left:0;margin-right:0;text-align:left}
  .h2o-heading{padding-right:28px}
  .h2o-heading:after{right:2px;top:0;width:16px;height:22px;opacity:.17}
  .h2o-heading h2{font-size:31px;line-height:1.08}
  .h2o-heading p{margin-top:14px;font-size:15px;line-height:1.66}
  .h2o-eyebrow{font-size:11px;letter-spacing:.075em}

  .h2o-hero__inner{display:block;padding-top:58px;padding-bottom:44px}
  .h2o-hero h1{font-size:37px;line-height:1.04;letter-spacing:-.04em}
  .h2o-hero__lead{margin-top:18px!important;font-size:15.5px;line-height:1.6}
  .h2o-hero__copy>p:not(.h2o-hero__lead){font-size:13px;line-height:1.55}
  .h2o-hero__highlights{display:flex;gap:9px;margin:0 -18px 18px;padding:0 18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .h2o-hero__highlights::-webkit-scrollbar{display:none}
  .h2o-hero-highlight{flex:0 0 235px;scroll-snap-align:start}
  .h2o-hero__actions{grid-template-columns:1fr;gap:10px;margin-top:23px}
  .h2o-hero ul{display:none}
  .h2o-hero__inner>div:last-child{margin-top:28px}
  .h2o-form{padding:20px;border-radius:18px}
  .h2o-form__head{margin-bottom:17px}
  .h2o-form__head h2{font-size:20px}

  .h2o-trust{overflow:hidden}
  .h2o-trust__grid{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 18px!important;margin:0 -18px;scrollbar-width:none}
  .h2o-trust__grid::-webkit-scrollbar{display:none}
  .h2o-trust article{flex:0 0 245px;scroll-snap-align:start;padding:16px;border:1px solid var(--border)!important;border-radius:15px;background:#fff}

  .h2o-card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:13px;padding:21px;border-radius:18px}
  .h2o-card>.h2o-card__icon{grid-column:1;grid-row:1;width:46px;height:46px;margin:0}
  .h2o-card>h3{grid-column:2;grid-row:1;align-self:center;margin:0;font-size:17px}
  .h2o-card>p{grid-column:1/-1;margin-top:15px}
  .h2o-card>strong,.h2o-card>a{grid-column:1/-1;padding-top:16px}
  .h2o-service-card{border-radius:18px}
  .h2o-service-card__image{height:auto;aspect-ratio:16/9}
  .h2o-service-card__body{padding:21px}

  .h2o-why-layout{margin-top:32px}
  .h2o-why-feature{min-height:0;padding:25px;border-radius:20px}
  .h2o-why-feature__top{align-items:flex-start}
  .h2o-why-feature__label{text-align:right;max-width:120px}
  .h2o-why-feature h3{margin-top:25px;font-size:28px}
  .h2o-why-feature__steps{grid-template-columns:1fr;margin-top:22px;padding-top:7px;gap:0}
  .h2o-why-feature__steps span{grid-template-columns:30px 1fr;align-items:center;padding:9px 0}
  .h2o-why-support{grid-template-columns:1fr;gap:11px}
  .h2o-why-mini,.h2o-why-mini:nth-child(5){grid-column:auto;padding:18px;border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:12px}
  .h2o-why-mini__icon{width:40px;height:40px;border-radius:11px}
  .h2o-why-mini h3{font-size:15px}
  .h2o-why-mini p{font-size:12px}
  .h2o-compliance-strip--refined{margin-top:18px}
  .h2o-compliance-strip--refined>div{padding:15px 0}

  .h2o-worklog__layout{gap:16px}
  .h2o-comparison__media{aspect-ratio:1/1}
  .h2o-worklog__info{padding:21px}

  .h2o-final-cta .h2o-container{display:block}
  .h2o-final-cta__actions{margin-top:25px}
}

@media(prefers-reduced-motion:reduce){
  .h2o-card,.h2o-service-card,.h2o-why-mini,.h2o-why-feature,.h2o-btn,.h2o-card::after,.h2o-service-card::after,.h2o-card__icon,.h2o-why-mini__icon{transition:none!important;animation:none!important}
  .h2o-card:hover,.h2o-service-card:hover,.h2o-why-mini:hover,.h2o-btn:hover{transform:none!important}
  .h2o-card::after,.h2o-service-card::after{display:none!important}
}


/* v1.0.14 sincronía metodología + rotación highlights móvil */
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow{--h2o-flow-duration:2.6s}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow:after,.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-end{display:none!important}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track{left:4%;right:auto;top:28px;width:0;height:4px;max-width:92%;border-radius:999px;background:linear-gradient(90deg,#98ecfb 0%,#48c2e3 58%,#88e76d 100%);box-shadow:0 0 8px rgba(110,223,245,.22);overflow:visible;transform:none!important;transition:width var(--h2o-flow-duration) linear!important}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track:after{content:"";position:absolute;top:50%;right:-9px;transform:translateY(-50%);width:18px;height:24px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03) 24%,rgba(23,179,219,.98) 61%,rgba(13,112,174,.98) 100%),radial-gradient(circle at 34% 24%,rgba(255,255,255,.82) 0 9%,rgba(168,241,255,.24) 14%,rgba(0,0,0,0) 32%);clip-path:path('M9 1 C12.4 5.8 16 10.8 16 15.8 C16 20.4 12.9 23 9 23 C5.1 23 2 20.4 2 15.8 C2 10.8 5.6 5.8 9 1 Z');filter:drop-shadow(0 0 7px rgba(119,223,246,.40));opacity:.98}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow.is-water-flowing .h2o-water-flow-track{width:92%}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.34) 48%,rgba(255,255,255,0) 100%);background-size:120px 100%;background-repeat:no-repeat;background-position:-120px 0;opacity:.55}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow.is-water-flowing .h2o-water-flow-track:before{animation:h2oFlowSheen var(--h2o-flow-duration) linear forwards}
@media(max-width:900px){.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track{display:none!important}}

/* Highlights móvil rotatorio */
@media(max-width:640px){
  .h2o-hero__highlights.is-rotating{scroll-behavior:smooth}
  .h2o-hero__highlights.is-rotating > *{flex:0 0 82%;scroll-snap-align:start}
}


/* v1.0.15 sincronía estricta del flujo + carrusel móvil continuo */
/* Metodología: un único frente de agua. Se elimina el brillo independiente que podía dar sensación de desfase. */
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow{--h2o-flow-duration:2.75s}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow:before{background:rgba(179,231,243,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track{
  left:4%!important;right:auto!important;top:28px!important;width:0!important;max-width:none!important;height:4px!important;
  overflow:visible!important;border-radius:999px!important;transform:none!important;
  background:linear-gradient(90deg,#8ee8fb 0%,#43c3e3 68%,#77df77 100%)!important;
  box-shadow:0 0 9px rgba(91,210,235,.25)!important;
  transition:width var(--h2o-flow-duration) linear!important;
}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow.is-water-flowing .h2o-water-flow-track{width:92%!important}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track:before{
  content:""!important;position:absolute!important;top:-2px!important;right:0!important;width:72px!important;height:8px!important;left:auto!important;bottom:auto!important;
  border-radius:999px!important;background:linear-gradient(90deg,transparent,rgba(206,248,255,.22) 54%,rgba(255,255,255,.45) 100%)!important;
  opacity:.65!important;animation:none!important;pointer-events:none!important;
}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-flow-track:after{
  content:""!important;position:absolute!important;top:50%!important;right:-9px!important;left:auto!important;transform:translateY(-50%)!important;
  width:18px!important;height:24px!important;opacity:1!important;animation:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.04) 22%,rgba(25,184,221,.98) 60%,rgba(11,115,174,.98) 100%),radial-gradient(circle at 34% 24%,rgba(255,255,255,.86) 0 9%,rgba(168,241,255,.26) 14%,rgba(0,0,0,0) 33%)!important;
  clip-path:path('M9 1 C12.4 5.8 16 10.8 16 15.8 C16 20.4 12.9 23 9 23 C5.1 23 2 20.4 2 15.8 C2 10.8 5.6 5.8 9 1 Z')!important;
  filter:drop-shadow(0 0 7px rgba(119,223,246,.42))!important;pointer-events:none!important;
}
.h2o-effect-method-flow .h2o-timeline.h2o-water-flow:after,.h2o-effect-method-flow .h2o-timeline.h2o-water-flow .h2o-water-end{display:none!important}

/* Móvil: una tarjeta protagonista y rotación automática persistente. */
@media(max-width:640px){
  .h2o-hero__highlights.is-rotating{
    display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;
    margin:0 -17px 18px!important;padding:0 17px 3px!important;
  }
  .h2o-hero__highlights.is-rotating::-webkit-scrollbar{display:none!important}
  .h2o-hero__highlights.is-rotating > *{
    flex:0 0 calc(100vw - 54px)!important;min-width:calc(100vw - 54px)!important;scroll-snap-align:center!important;
  }
}

/* =========================================================
   H2Optimo 1.0.16 — Comercial + identidad + normativa
   ========================================================= */

/* HERO: prioridad comercial real, sin estética SaaS genérica */
.h2o-hero__copy{max-width:720px}
.h2o-hero h1{max-width:690px;font-size:clamp(45px,5.3vw,72px);line-height:1.01;letter-spacing:-.047em}
.h2o-hero__support{max-width:650px;margin-top:16px;color:rgba(255,255,255,.75);font-size:15px;line-height:1.65}
.h2o-hero-offer{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 0;max-width:700px}
.h2o-hero-offer article{position:relative;display:grid;align-items:center;min-height:138px;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px -28px rgba(0,0,0,.65);transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease)}
.h2o-hero-offer article:hover{transform:translateY(-3px);box-shadow:0 26px 48px -28px rgba(0,0,0,.72)}
.h2o-hero-offer__visit{grid-template-columns:58px 1fr;gap:14px;padding:21px;border:1px solid rgba(193,239,251,.26);background:linear-gradient(145deg,rgba(6,56,91,.88),rgba(9,94,128,.77));backdrop-filter:blur(8px)}
.h2o-hero-offer__visit>span{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);color:#adf0ff}
.h2o-hero-offer__visit .h2o-svg{width:28px;height:28px}
.h2o-hero-offer article small{display:block;color:#a9eafd;font-size:10px;font-weight:900;letter-spacing:.11em}
.h2o-hero-offer article strong{display:block;margin-top:3px;color:#fff;font-family:Manrope,sans-serif;font-size:21px;line-height:1.13;letter-spacing:-.025em}
.h2o-hero-offer article p{margin-top:6px;color:rgba(255,255,255,.69);font-size:11.5px;line-height:1.45}
.h2o-hero-offer__discount{grid-template-columns:90px 1fr;gap:14px;padding:19px 20px;border:1px solid rgba(169,238,141,.33);background:linear-gradient(145deg,rgba(31,100,58,.92),rgba(55,143,50,.84));backdrop-filter:blur(8px)}
.h2o-hero-offer__discount:after{content:"";position:absolute;right:-34px;top:-45px;width:130px;height:130px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 45px rgba(255,255,255,.018)}
.h2o-hero-offer__percent{position:relative;z-index:2;color:#fff;font-family:Manrope,sans-serif;font-size:54px;font-weight:850;line-height:.9;letter-spacing:-.07em}
.h2o-hero-offer__percent b{font-size:20px;vertical-align:top;margin-left:2px}
.h2o-hero-offer__discount small{color:#d5ffc6!important}
.h2o-hero__actions{margin-top:20px}
.h2o-hero__form-wrap{position:relative;scroll-margin-top:96px}
.h2o-hero__form-wrap:before{content:"";position:absolute;z-index:-1;inset:22px -18px -18px 18px;border-radius:30px;background:radial-gradient(circle at 50% 20%,rgba(88,210,234,.13),rgba(91,175,67,.06),transparent 68%);filter:blur(16px)}

/* Registro del trabajo: más protagonista */
.h2o-worklog{padding-top:104px;padding-bottom:108px}
.h2o-worklog .h2o-heading{max-width:930px}
.h2o-worklog .h2o-heading h2{font-size:clamp(38px,4.5vw,57px)}
.h2o-worklog__layout{grid-template-columns:minmax(0,1.82fr) minmax(300px,.58fr);gap:24px;margin-top:50px}
.h2o-comparison__media{min-height:520px}
.h2o-comparison__before img,.h2o-comparison__after{min-height:520px}
.h2o-worklog__info{padding:34px}

/* Servicios: seis servicios, composición 3x2 */
.h2o-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.h2o-service-card,.h2o-service-card:nth-child(4),.h2o-service-card:nth-child(5),.h2o-service-card:nth-child(6){grid-column:auto}

/* Nuestra empresa portada */
.h2o-home-company{background:#fff}
.h2o-home-company__layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:76px;align-items:center}
.h2o-home-company__copy>.h2o-heading{max-width:610px}
.h2o-home-company__pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 22px}
.h2o-home-company__pillars span{display:flex;flex-direction:column;gap:3px;padding:15px 14px;border-top:2px solid #168ac5;background:#f7fbfc;color:#25465b;font-size:12px;font-weight:750}
.h2o-home-company__pillars b{color:var(--aqua);font-size:10px;letter-spacing:.12em}
.h2o-text-link{display:inline-flex;align-items:center;gap:6px;color:var(--aqua);font-weight:850;font-size:14px}
.h2o-home-company__image{position:relative;min-height:475px}
.h2o-home-company__image img{width:100%;height:475px;object-fit:cover;border-radius:28px;box-shadow:0 34px 72px -38px rgba(6,46,79,.60)}
.h2o-home-company__image:before{content:"";position:absolute;z-index:2;inset:0;border-radius:28px;background:linear-gradient(180deg,transparent 56%,rgba(4,43,73,.44))}
.h2o-home-company__seal{position:absolute;z-index:3;left:24px;bottom:24px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(5,48,79,.70);color:#fff;backdrop-filter:blur(9px)}
.h2o-home-company__seal strong{font-family:Manrope,sans-serif;font-size:22px;color:#a9edff}
.h2o-home-company__seal small{font-size:11px;font-weight:750;color:rgba(255,255,255,.8)}

/* Normativa: editorial, no "card IA" */
.h2o-normative{padding-top:88px;padding-bottom:88px}
.h2o-normative__layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.85fr);gap:72px;align-items:center}
.h2o-normative__main{position:relative;z-index:2}
.h2o-normative__main h2{max-width:690px;margin-top:13px;color:#fff;font-size:clamp(34px,4vw,51px)}
.h2o-normative__main p{max-width:700px;margin-top:18px;color:rgba(255,255,255,.73);font-size:16px;line-height:1.75}
.h2o-normative__link{display:inline-flex;margin-top:25px;padding-bottom:4px;border-bottom:1px solid rgba(151,233,250,.5);color:#9ce9fa;font-weight:800;font-size:13px}
.h2o-normative__facts{position:relative;z-index:2;display:grid;gap:1px;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.h2o-normative__facts article{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:24px;background:rgba(1,32,57,.24)}
.h2o-normative__facts article+article{border-top:1px solid rgba(255,255,255,.10)}
.h2o-normative__facts article>span{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:rgba(120,224,246,.10);color:#9ce9fa;font-family:Manrope,sans-serif;font-size:18px;font-weight:850}
.h2o-normative__facts strong{display:block;color:#fff;font-size:15px}
.h2o-normative__facts p{margin-top:5px;color:rgba(255,255,255,.66);font-size:12px;line-height:1.58}
.h2o-normative__facts>small{display:block;padding:16px 22px;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.48);font-size:10px;line-height:1.5}

/* Empresa: misión / visión */
.h2o-company-identity__grid{display:grid;grid-template-columns:1fr 1fr .72fr;gap:18px;margin-top:46px}
.h2o-company-identity__grid article{position:relative;padding:29px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055)}
.h2o-company-identity__grid article>span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:23px;border-radius:14px;background:rgba(126,226,246,.10);color:#9deafa}
.h2o-company-identity__grid article>span .h2o-svg{width:25px;height:25px}
.h2o-company-identity__grid small{color:#9de987;font-size:10px;font-weight:900;letter-spacing:.12em}
.h2o-company-identity__grid h3{margin-top:8px;color:#fff;font-size:21px;line-height:1.25}
.h2o-company-identity__grid p{margin-top:12px;color:rgba(255,255,255,.67);font-size:13px;line-height:1.7}
.h2o-company-identity__values ul{display:grid;gap:11px;list-style:none;margin:20px 0 0;padding:0}
.h2o-company-identity__values li{padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.79);font-size:12px;font-weight:700}

/* Reseñas */
.h2o-reviews{background:linear-gradient(180deg,#fff,#f6fbfc)}
.h2o-review{border-radius:20px;background:#fff;box-shadow:0 20px 45px -32px rgba(6,46,79,.38)}
.h2o-reviews__admin-empty{margin-top:34px;padding:22px;border:1px dashed #bcd6df;border-radius:16px;background:#f7fbfc;color:#64747c;text-align:center;font-size:13px}

/* WhatsApp amigable */
.h2o-whatsapp-float{width:auto;height:56px;display:flex;align-items:center;gap:10px;padding:0 18px 0 14px;border-radius:18px;background:#25d366;color:#fff}
.h2o-whatsapp-float span{white-space:nowrap;font-family:Manrope,sans-serif;font-size:12px;font-weight:850}
.h2o-whatsapp-float .h2o-svg--whatsapp{width:27px;height:27px}

/* Popup comercial — mitad de pantalla aprox., limpio y editorial */
.h2o-launch-popup{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:24px}
.h2o-launch-popup[hidden]{display:none!important}
.h2o-launch-popup__backdrop{position:absolute;inset:0;border:0;background:rgba(2,27,47,.66);backdrop-filter:blur(7px)}
.h2o-launch-popup__dialog{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;width:min(820px,68vw);min-height:480px;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:26px;background:#fff;box-shadow:0 40px 110px -35px rgba(1,22,38,.72)}
.h2o-launch-popup__close{position:absolute;z-index:5;right:14px;top:14px;width:40px;height:40px;border:1px solid rgba(6,46,79,.12);border-radius:12px;background:rgba(255,255,255,.86);color:var(--deep);font-size:26px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.h2o-launch-popup__media{position:relative;overflow:hidden;min-height:480px;background:#073c62}
.h2o-launch-popup__media img{width:100%;height:100%;object-fit:cover}
.h2o-launch-popup__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,43,73,.02),rgba(4,43,73,.36))}
.h2o-launch-popup__media span{position:absolute;z-index:3;left:25px;bottom:25px;width:74px;height:96px;opacity:.18;background:linear-gradient(180deg,#fff,rgba(100,225,245,.3));clip-path:path('M37 2 C50 20 68 40 68 63 C68 83 55 94 37 94 C19 94 6 83 6 63 C6 40 24 20 37 2 Z')}
.h2o-launch-popup__content{display:flex;flex-direction:column;justify-content:center;padding:46px 44px;color:var(--deep)}
.h2o-launch-popup__eyebrow{color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.13em}
.h2o-launch-popup__content h2{margin-top:9px;font-size:clamp(34px,3.6vw,48px);line-height:1.02}
.h2o-launch-popup__discount{display:flex;align-items:baseline;gap:12px;margin-top:20px;padding:13px 0;border-top:1px solid #dbe8ec;border-bottom:1px solid #dbe8ec}
.h2o-launch-popup__discount strong{color:var(--green-dark);font-family:Manrope,sans-serif;font-size:48px;line-height:1;font-weight:900;letter-spacing:-.06em}
.h2o-launch-popup__discount span{color:#25465b;font-size:15px;font-weight:800}
.h2o-launch-popup__content>p{margin-top:19px;color:var(--graphite);font-size:14px;line-height:1.65}
.h2o-launch-popup__benefits{display:grid;gap:7px;margin:20px 0}
.h2o-launch-popup__benefits span{display:flex;align-items:center;gap:8px;color:#395462;font-size:11px;font-weight:750}
.h2o-launch-popup__benefits .h2o-svg{width:19px;height:19px;color:var(--aqua)}
.h2o-launch-popup__content .h2o-btn{width:100%}
.h2o-launch-popup__later{margin-top:10px;border:0;background:transparent;color:#687b84;font-size:11px;font-weight:700;cursor:pointer}

/* Menos apariencia de plantilla: microinteracciones comunes */
.h2o-service-card a,.h2o-text-link,.h2o-normative__link{transition:color .24s var(--ease),transform .24s var(--ease)}
.h2o-service-card a:hover,.h2o-text-link:hover,.h2o-normative__link:hover{transform:translateX(3px)}

@media(max-width:1160px){
  .h2o-hero-offer{grid-template-columns:1fr;max-width:620px}
  .h2o-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h2o-home-company__layout,.h2o-normative__layout{grid-template-columns:1fr;gap:42px}
  .h2o-home-company__image{min-height:390px}.h2o-home-company__image img{height:390px}
  .h2o-company-identity__grid{grid-template-columns:1fr 1fr}.h2o-company-identity__values{grid-column:1/-1}
  .h2o-launch-popup__dialog{width:min(900px,88vw)}
}
@media(max-width:900px){
  .h2o-worklog__layout{grid-template-columns:1fr}.h2o-comparison__media,.h2o-comparison__before img,.h2o-comparison__after{min-height:410px}
  .h2o-normative__layout{grid-template-columns:1fr}.h2o-normative__facts{max-width:650px}
  .h2o-launch-popup__dialog{grid-template-columns:.72fr 1.28fr;width:min(760px,92vw);min-height:440px}.h2o-launch-popup__media{min-height:440px}.h2o-launch-popup__content{padding:38px 34px}
}
@media(max-width:640px){
  .h2o-hero__copy{max-width:none}.h2o-hero h1{font-size:39px;line-height:1.03}.h2o-hero-offer{gap:9px;margin-top:20px}.h2o-hero-offer article{min-height:0;border-radius:15px}.h2o-hero-offer__visit{grid-template-columns:44px 1fr;padding:15px}.h2o-hero-offer__visit>span{width:42px;height:42px;border-radius:12px}.h2o-hero-offer__visit .h2o-svg{width:22px;height:22px}.h2o-hero-offer__discount{grid-template-columns:66px 1fr;padding:15px}.h2o-hero-offer__percent{font-size:40px}.h2o-hero-offer article strong{font-size:18px}.h2o-hero-offer article p{font-size:10.5px}.h2o-hero__support{font-size:13px}
  .h2o-worklog{padding-top:74px;padding-bottom:76px}.h2o-worklog .h2o-heading h2{font-size:34px}.h2o-comparison__media{min-height:0;aspect-ratio:1/1}.h2o-comparison__before img,.h2o-comparison__after{min-height:0}
  .h2o-services-grid{grid-template-columns:1fr}
  .h2o-home-company__layout{gap:30px}.h2o-home-company__pillars{grid-template-columns:1fr}.h2o-home-company__pillars span{flex-direction:row;align-items:center;gap:9px}.h2o-home-company__image,.h2o-home-company__image img{min-height:300px;height:300px;border-radius:21px}.h2o-home-company__image:before{border-radius:21px}.h2o-home-company__seal{left:15px;bottom:15px}
  .h2o-normative{padding-top:72px;padding-bottom:72px}.h2o-normative__main h2{font-size:34px}.h2o-normative__main p{font-size:14px}.h2o-normative__facts article{grid-template-columns:48px 1fr;gap:13px;padding:18px}.h2o-normative__facts article>span{width:42px;height:42px;font-size:15px}
  .h2o-company-identity__grid{grid-template-columns:1fr;margin-top:30px}.h2o-company-identity__values{grid-column:auto}.h2o-company-identity__grid article{padding:23px}
  .h2o-whatsapp-float{display:none}
  .h2o-launch-popup{padding:13px;align-items:end}.h2o-launch-popup__dialog{grid-template-columns:1fr;width:100%;max-height:92vh;min-height:0;overflow:auto;border-radius:24px 24px 18px 18px}.h2o-launch-popup__media{min-height:150px;height:150px}.h2o-launch-popup__content{padding:27px 22px 24px}.h2o-launch-popup__content h2{font-size:34px}.h2o-launch-popup__discount{margin-top:14px}.h2o-launch-popup__discount strong{font-size:42px}.h2o-launch-popup__content>p{font-size:13px}.h2o-launch-popup__benefits{margin:15px 0}.h2o-launch-popup__later{padding:8px}
}
.h2o-popup-open{overflow:hidden}
.h2o-launch-popup{opacity:0;transition:opacity .18s ease}
.h2o-launch-popup.is-visible{opacity:1}
.h2o-launch-popup__dialog{transform:translateY(16px) scale(.985);transition:transform .24s var(--ease)}
.h2o-launch-popup.is-visible .h2o-launch-popup__dialog{transform:none}


/* v1.0.17 — correcciones visuales y performance sin alterar el diseño */
.h2o-worklog__top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;justify-content:space-between;min-width:0}
.h2o-worklog__top .h2o-worklog__icon{flex:0 0 52px}
.h2o-worklog__badge{position:static!important;display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:210px;margin-left:auto;padding:7px 11px;border-radius:12px!important;line-height:1.25;text-align:left;letter-spacing:.055em;white-space:normal}
.h2o-worklog__info h3{margin-top:23px}
.h2o-normative__facts article{grid-template-columns:82px 1fr;align-items:start}
.h2o-normative__facts article>span{width:72px;height:52px;padding:0 7px;border-radius:14px;font-size:11px;line-height:1.15;text-align:center;letter-spacing:.045em}
main>.h2o-section:not(.h2o-worklog),.h2o-footer{content-visibility:auto;contain-intrinsic-size:auto 760px}
.h2o-effect-caustics .h2o-hero:not(.h2o-fx-visible):before,
.h2o-effect-caustics .h2o-section--deep:not(.h2o-fx-visible):after,
.h2o-effect-caustics .h2o-section--water-dark:not(.h2o-fx-visible):after,
.h2o-effect-caustics .h2o-page-hero:not(.h2o-fx-visible):before,
.h2o-effect-caustics .h2o-final-cta:not(.h2o-fx-visible):before{animation-play-state:paused!important}
@media(max-width:980px){.h2o-worklog__info{display:block}.h2o-worklog__top{justify-content:flex-start}.h2o-worklog__badge{margin-left:0;max-width:260px}}
@media(max-width:640px){.h2o-worklog__top{align-items:flex-start;gap:11px}.h2o-worklog__top .h2o-worklog__icon{flex-basis:48px;width:48px;height:48px}.h2o-worklog__badge{min-height:48px;max-width:calc(100% - 59px);font-size:9px}.h2o-normative__facts article{grid-template-columns:70px 1fr;gap:12px}.h2o-normative__facts article>span{width:62px;height:48px;font-size:10px}main>.h2o-section:not(.h2o-worklog),.h2o-footer{contain-intrinsic-size:auto 620px}}

.h2o-launch-popup__brand{margin-bottom:16px}
.h2o-launch-popup__brand img{display:block;width:min(240px,55%);height:auto}
.h2o-service-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.h2o-service-gallery__item{margin:0;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;border:1px solid rgba(6,46,79,.08);background:#fff;box-shadow:0 22px 48px -34px rgba(8,33,52,.28)}
.h2o-service-gallery__item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#dfeef3}
.h2o-service-gallery__item figcaption{padding:13px 16px;color:var(--deep);font-size:13px;font-weight:800;line-height:1.4}
@media (max-width: 980px){.h2o-service-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.h2o-launch-popup__brand img{width:190px}.h2o-service-gallery{grid-template-columns:1fr}.h2o-service-gallery__item figcaption{padding:11px 14px}}

/* 1.0.19 refinamiento visual */
.h2o-footer__bottom .h2o-container{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;padding-top:18px;padding-bottom:18px}
.h2o-footer__copyright{color:rgba(255,255,255,.76)}
.h2o-footer__developer{justify-content:center;text-align:center}
.h2o-whatsapp-float{bottom:32px}
@media(min-width:1100px){.h2o-whatsapp-float{bottom:28px;right:22px}.h2o-footer__bottom{padding-right:0}}

.h2o-comparison__media{min-height:0;aspect-ratio:4/5;background:#edf3f6}
.h2o-comparison__media img,.h2o-comparison__before img{object-fit:contain;background:#edf3f6}
.h2o-comparison__before,.h2o-comparison__after{background:#edf3f6}
.h2o-worklog__layout{grid-template-columns:minmax(0,1.7fr) minmax(310px,.62fr)}
.h2o-comparison__footer{padding:15px 18px}
@media(max-width:980px){.h2o-comparison__media{aspect-ratio:4/5;max-height:none}.h2o-worklog__layout{grid-template-columns:1fr}}
@media(max-width:640px){.h2o-comparison__media{aspect-ratio:4/5}}

.h2o-service-card__image-link{display:block;color:inherit;text-decoration:none}
.h2o-service-card__title{color:inherit;text-decoration:none}
.h2o-service-card__title:hover{color:var(--aqua)}
.h2o-service-card__body .h2o-card__icon{display:none}
.h2o-service-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:24px 22px 22px}
.h2o-service-card__body h3{margin-top:0;margin-bottom:0}
.h2o-service-card__body p{margin-top:10px}
.h2o-service-card__report{margin-top:12px}
.h2o-service-card__cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 18px;margin-top:16px;border-radius:12px;background:#014c7f!important;color:#fff!important;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 16px 28px -18px rgba(1,76,127,.62)}
.h2o-service-card__cta:hover{background:#0a679e!important;color:#fff!important;transform:translateY(-1px)}
.h2o-service-card__image{height:auto;aspect-ratio:16/10}
.h2o-service-card__image img{display:block;width:100%;height:100%;object-fit:cover}

.h2o-home-company__image{min-height:0}
.h2o-home-company__image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center center;border-radius:28px;background:#eef4f6;box-shadow:0 34px 72px -38px rgba(6,46,79,.60)}
.h2o-home-company__image:before{background:linear-gradient(180deg,transparent 62%,rgba(4,43,73,.26))}
@media(max-width:980px){.h2o-home-company__layout{grid-template-columns:1fr;gap:32px}.h2o-home-company__image img{aspect-ratio:4/5;max-height:640px}}
@media(max-width:640px){.h2o-home-company__image,.h2o-home-company__image img{height:auto;min-height:0;aspect-ratio:4/5}}


/* H2Optimo 1.0.20 — SEO hub + páginas individuales de preguntas */
.h2o-faq__seo-link{display:inline-flex;margin-top:13px;color:var(--aqua);font-size:12px;font-weight:850;text-decoration:none}
.h2o-faq__seo-link:hover{transform:translateX(3px)}
.h2o-faq-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}
.h2o-faq-index__item{display:flex;flex-direction:column;align-items:flex-start;min-height:220px;padding:24px;border:1px solid var(--border);border-radius:19px;background:#fff;box-shadow:0 18px 42px -34px rgba(6,46,79,.38)}
.h2o-faq-index__item small{color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.h2o-faq-index__item h3{margin-top:9px;font-size:18px;line-height:1.35}.h2o-faq-index__item h3 a{color:var(--deep);text-decoration:none}
.h2o-faq-index__item p{margin-top:10px;color:var(--graphite);font-size:13px;line-height:1.65}
.h2o-faq-index__cta{margin-top:auto;padding-top:16px;color:var(--aqua);font-size:12px;font-weight:850;text-decoration:none}
.h2o-faq-index__item:hover{border-color:rgba(22,138,197,.25);box-shadow:0 24px 52px -36px rgba(6,46,79,.48)}
.h2o-faq-leaf__layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:60px;align-items:start}
.h2o-faq-leaf__answer{max-width:820px}.h2o-faq-leaf__answer h2{margin-top:13px;font-size:clamp(30px,3.8vw,46px);line-height:1.12}
.h2o-faq-leaf__lead{margin-top:22px;padding-left:20px;border-left:4px solid var(--green);color:#193f55;font-size:19px;line-height:1.72;font-weight:550}
.h2o-faq-leaf__context{margin-top:34px;padding:28px;border:1px solid #d9e8ed;border-radius:22px;background:linear-gradient(180deg,#fff,#f6fbfc)}
.h2o-faq-leaf__context>small{color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.h2o-faq-leaf__context h3{margin-top:7px;font-size:24px}.h2o-faq-leaf__context p{margin-top:11px;color:var(--graphite);line-height:1.7}.h2o-faq-leaf__context ul{display:grid;gap:8px;margin:18px 0 22px;padding-left:20px;color:#32566a}
.h2o-faq-leaf__updated{margin-top:22px;color:#7b8b93;font-size:11px}.h2o-faq-leaf__aside{position:sticky;top:110px;padding:26px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 22px 50px -38px rgba(6,46,79,.4)}
.h2o-faq-leaf__aside h2{margin:11px 0 16px;font-size:22px}.h2o-faq-leaf__related{display:grid;gap:9px}.h2o-faq-leaf__related>a{display:grid;gap:4px;padding:14px;border-radius:13px;background:#f4f9fb;text-decoration:none}.h2o-faq-leaf__related small{color:#598093;font-size:9px;font-weight:800;text-transform:uppercase}.h2o-faq-leaf__related strong{color:var(--deep);font-size:13px;line-height:1.35}.h2o-faq-leaf__related span{color:var(--aqua);font-size:10px;font-weight:800}.h2o-faq-leaf__aside>.h2o-text-link{margin-top:18px}
@media(max-width:900px){.h2o-faq-index{grid-template-columns:1fr}.h2o-faq-leaf__layout{grid-template-columns:1fr;gap:30px}.h2o-faq-leaf__aside{position:static}}
@media(max-width:640px){.h2o-faq-index__item{min-height:0;padding:20px}.h2o-faq-leaf__lead{font-size:17px;padding-left:15px}.h2o-faq-leaf__context{padding:21px}.h2o-faq-leaf__answer h2{font-size:31px}}

/* 1.0.21 registro del trabajo más compacto */
.h2o-worklog__layout{align-items:start}
.h2o-comparison__media{aspect-ratio:16/10!important;max-height:620px;background:#edf3f6}
.h2o-comparison__media img,.h2o-comparison__before img{object-fit:cover!important;object-position:center center}
.h2o-comparison__before,.h2o-comparison__after{background:#edf3f6}
.h2o-worklog__info{min-height:620px}
@media(max-width:1180px){.h2o-comparison__media{aspect-ratio:5/4!important;max-height:580px}.h2o-worklog__info{min-height:580px}}
@media(max-width:980px){.h2o-comparison__media{aspect-ratio:4/3!important;max-height:none}.h2o-worklog__info{min-height:0}}
@media(max-width:640px){.h2o-comparison__media{aspect-ratio:4/5!important}}


/* 1.0.22 — comparador vertical, cards simétricas y frontend limpio */
.h2o-worklog__layout{align-items:start}
.h2o-comparison__media{aspect-ratio:16/10!important;max-height:610px;background:#edf3f6}
.h2o-comparison__media img,.h2o-comparison__before img{object-fit:cover!important;object-position:center top!important}
.h2o-comparison__before{clip-path:inset(0 0 calc(100% - var(--h2o-compare)) 0)!important}
.h2o-comparison__divider{left:0!important;right:0!important;top:var(--h2o-compare)!important;bottom:auto!important;width:auto!important;height:3px!important;transform:translateY(-1px)!important;background:linear-gradient(90deg,rgba(218,250,255,.35),#8de3f8 28%,#fff 50%,#78d8f3 72%,rgba(209,247,255,.32))!important}
.h2o-comparison__divider span{left:50%!important;top:50%!important;width:48px!important;height:48px!important;line-height:13px!important;letter-spacing:0!important;font-size:13px!important;transform:translate(-50%,-50%)!important}
.h2o-comparison__label--before{left:18px;top:18px}
.h2o-comparison__label--after{right:18px;top:auto!important;bottom:18px}
.h2o-comparison__range{writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;-webkit-appearance:slider-vertical;cursor:ns-resize}
.h2o-effect-compare-water .h2o-comparison__divider:before,.h2o-effect-compare-water .h2o-comparison__divider:after{display:none!important}
@media(max-width:980px){.h2o-comparison__media{aspect-ratio:4/3!important;max-height:none}.h2o-comparison__label--after{bottom:14px}}
@media(max-width:640px){.h2o-comparison__media{aspect-ratio:4/5!important}.h2o-comparison__label--before{left:12px;top:12px}.h2o-comparison__label--after{right:12px;bottom:12px}.h2o-comparison__divider span{width:42px!important;height:42px!important;font-size:12px!important}}

.h2o-services-grid{align-items:stretch}
.h2o-service-card{display:flex;flex-direction:column;height:100%;padding-top:0!important}
.h2o-service-card__image-link{display:block!important;margin:0!important;padding:0!important;line-height:0!important;flex:0 0 auto}
.h2o-service-card__image{margin:0!important;border-radius:0!important}
.h2o-service-card__image img{vertical-align:top}
.h2o-service-card__title{display:inline!important;margin:0!important;padding:0!important;line-height:inherit}
.h2o-service-card__body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;padding:24px 22px 22px!important}
.h2o-service-card__body h3{margin:0!important;min-height:2.55em}
.h2o-service-card__body p{margin:10px 0 0!important}
.h2o-service-card__report{margin-top:auto!important;margin-bottom:14px!important;align-self:flex-start}
.h2o-service-card__cta{display:flex!important;width:100%!important;min-height:46px!important;margin:0!important;padding:0 16px!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.2!important;border-radius:12px!important;background:#014c7f!important;color:#fff!important}
.h2o-service-card__cta:hover{background:#0a679e!important;color:#fff!important}
@media(max-width:640px){.h2o-service-card__body{padding:21px 19px 20px!important}.h2o-service-card__body h3{min-height:0}.h2o-service-card__report{margin-top:16px!important}.h2o-service-card__cta{min-height:48px!important}}

/* No se muestra ningún placeholder editorial cuando todavía no hay reseñas. */
.h2o-reviews__admin-empty{display:none!important}