:root{--navy:#173f7a;--deep:#0f3a7d;--ink:#25364b;--muted:#566477;--blue:#00a8e8;--green:#22c55e;--line:#e3eaf3;--soft:#f7f9fc;font-family:Arial,Helvetica,sans-serif;color:var(--ink);scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:#fff}
img{display:block;max-width:100%}
a{color:inherit}
button,summary,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #00a8e8;outline-offset:4px}
.container{width:min(100% - 64px,1266px);margin-inline:auto}
.narrow{max-width:930px}
.center{text-align:center}
.left{text-align:left}
h1,h2,h3,h4,p{margin-top:0}
h2{font-size:clamp(2.2rem,4vw,3.15rem);line-height:1.12;letter-spacing:-.035em;color:#203f72;margin-bottom:27px}
h3{color:#203f72}
p{line-height:1.62}
.section{padding:80px 0}
.section-subtitle{font-size:1.19rem;color:var(--muted);margin:-9px auto 50px;max-width:850px}
.lead{font-size:1.2rem;color:#45515f;line-height:1.5}
.eyebrow{text-transform:uppercase;font-size:.89rem;color:#008bb9;font-weight:800;letter-spacing:.01em;margin-bottom:8px}
.eyebrow--green{color:#22976b}
.hero{min-height:800px;height:100svh;position:relative;isolation:isolate;overflow:hidden;color:#fff}
.hero__image{position:absolute;inset:-3%;z-index:-2;background:#233f61 url('/images/hidrofort-hero-shot.png') center/cover no-repeat}
.hero__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,20,44,.39),rgba(4,20,47,.48)),linear-gradient(0deg,rgba(9,21,43,.30),transparent 55%)}
.hero__content{position:relative;min-height:inherit;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:72px 0 33px}
.hero__logo{width:min(54vw,520px);height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}
.hero__message{padding-bottom:70px}
.hero h1{font-size:clamp(2.6rem,4.6vw,4.3rem);letter-spacing:-.045em;line-height:1.07;max-width:1050px;margin:0 auto 14px;font-weight:800;text-shadow:0 3px 14px rgba(0,0,0,.16)}
.hero__message p{font-size:clamp(1.15rem,1.75vw,1.52rem);font-weight:600;margin:0 auto 27px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;border-radius:999px;text-decoration:none;font-weight:800;font-size:1.12rem;min-height:67px;padding:14px 40px;box-shadow:0 12px 24px rgba(0,0,0,.11);transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(0,0,0,.16)}
.button--green{background:#22c55e;color:#fff}
.scroll-cue{height:40px;width:25px;border:2px solid #fff;border-radius:30px;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;opacity:.88}
.scroll-cue span{height:8px;width:3px;background:#fff;border-radius:3px;animation:wheel 1.7s infinite}
@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(13px);opacity:.2}100%{transform:translateY(0);opacity:1}}
.section--light{background:linear-gradient(#f8fafc,#fff)}
.section--light .lead strong{color:#254a80}
.section--light .lead{margin:0 auto 17px}
.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:880px;margin:50px auto 0}
.quality-card{border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(12,32,64,.08);border:1px solid #f1f4f8;min-height:210px;padding:27px 20px}
.quality-card__icon{height:55px;width:55px;display:grid;place-items:center;border-radius:50%;background:#e9f5fb;color:#11a1d7;margin:0 auto 18px;font-size:1.8rem}
.quality-card h3{font-size:1.26rem;margin-bottom:8px}
.quality-card p{font-size:.99rem;line-height:1.4;color:#576171;margin:0}
.section--blue,.section--benefits{background:linear-gradient(125deg,#0f3a7d,#1e5ba8);color:#fff}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.blue-card{padding:34px 32px 37px;background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.18);border-radius:18px;min-height:390px}
.blue-card h3{color:#fff;font-size:1.42rem;margin:18px 0 18px}
.blue-card p,.blue-card li{font-size:1rem;line-height:1.62;color:#ebf3ff}
.blue-card p{margin:0}
.round-icon{display:grid;place-items:center;width:63px;height:63px;border-radius:50%;font-size:2rem;color:#fff;font-weight:bold}
.round-icon--sky{background:#00a8e8}.round-icon--green{background:#21c467}.round-icon--gold{background:#f5ad3c}
.values{padding-left:17px;margin:0}.values li{padding-bottom:5px}.values li::marker{color:#f5ad3c}
.section--sustainability{background:linear-gradient(180deg,#fff,#f0fdf4)}
.section-intro{max-width:810px;margin:0 auto 55px}
.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.info-card,.application-card{background:#fff;border:1px solid #e8edf4;border-radius:17px;padding:26px 24px;box-shadow:0 10px 24px rgba(18,45,78,.06)}
.info-card{min-height:260px}
.info-icon{display:grid;place-items:center;background:#eff8ff;color:#1494c4;width:52px;height:52px;border-radius:11px;font-size:1.85rem;margin-bottom:20px}
.info-card h3,.application-card h3{font-size:1.27rem;margin-bottom:10px}
.info-card p,.application-card p{font-size:.98rem;line-height:1.55;color:#5a6676;margin:0}
.section--products{background:#fff}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.product-card{border-radius:18px;box-shadow:0 12px 28px rgba(25,41,70,.12);overflow:hidden;background:#fff}
.product-card__photo{height:310px;overflow:hidden;background:#e7eff5}
.product-card__photo img{height:100%;width:100%;object-fit:cover;transform:scale(1.045)}
.product-card__body{padding:30px 32px 36px}
.product-card h3{font-size:1.85rem;letter-spacing:-.03em;margin-bottom:10px}
.drop{color:#119ed7;font-size:1.7rem;display:inline-block;transform:rotate(180deg);vertical-align:baseline}
.product-card .pill{display:inline-block;border-radius:30px;background:#e7f5ff;color:#264d82;font-weight:700;padding:6px 14px;margin-bottom:16px;line-height:1.3}
.product-card__body>p:not(.pill){font-size:1rem;color:#4d5969;margin-bottom:26px}
.spec{background:#f7f9fd;border:1px solid #e7ecf5;border-radius:12px;padding:17px 17px 11px;margin-bottom:24px}
.spec strong{display:block;border-bottom:1px solid #e3e9f2;padding-bottom:10px;color:#284c7f}
.spec dl{margin:12px 0 0}.spec dl div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:3px 0}.spec dt{color:#66717f}.spec dd{margin:0;font-weight:700}
.product-card h4{font-size:1rem;color:#274976;margin-bottom:13px}
.check-list{list-style:none;padding:0;margin:0}.check-list li{padding:4px 0 4px 27px;position:relative;color:#4c5867}.check-list li:before{content:'✓';position:absolute;left:0;top:4px;border:2px solid #19a5d8;border-radius:50%;height:17px;width:17px;color:#19a5d8;font-size:12px;text-align:center;line-height:13px;font-weight:800}
.section--manual{background:#f8fafc}
.manual-container{max-width:840px}
.manual-list{margin-top:36px}
.manual-card{border:1px solid #dfe6ee;background:#fff;border-radius:14px;box-shadow:0 3px 8px rgba(20,42,77,.025);margin-bottom:12px;overflow:hidden}
.manual-card summary{list-style:none;display:grid;grid-template-columns:48px 1fr 19px;align-items:center;gap:12px;padding:17px 20px;cursor:pointer}
.manual-card summary::-webkit-details-marker{display:none}
.manual-card summary strong{display:block;color:#294978;font-size:1.07rem}.manual-card summary small{display:block;color:#697582;font-size:.87rem;margin-top:3px}
.manual-icon{display:grid;place-items:center;height:42px;width:42px;border-radius:7px;font-size:1.45rem}.manual-icon--blue{background:#e8f0fd;color:#3477c5}.manual-icon--amber{background:#fff4d6;color:#e99518}
.chevron{width:10px;height:10px;border:solid #8793a2;border-width:0 1.7px 1.7px 0;transform:rotate(45deg);transition:transform .2s}.manual-card[open] .chevron{transform:rotate(225deg)}
.manual-items{border-top:1px solid #edf0f4;list-style:none;margin:0;padding:14px 25px 22px 66px}
.manual-items li{position:relative;color:#586577;font-size:.94rem;padding:6px 0;line-height:1.45}.manual-items li:before{content:'✓';position:absolute;left:-28px;color:#16b778;border:1.5px solid #16b778;border-radius:50%;font-weight:700;width:16px;height:16px;line-height:13px;font-size:.7rem;text-align:center;top:8px}.manual-items--no li:before{content:'×';color:#dc8b12;border-color:#dc8b12;font-size:.82rem}
.tech-note{display:flex;gap:16px;background:#eff6ff;border:1px solid #dbe9ff;color:#244574;padding:18px 20px;border-radius:11px;margin-top:22px}.tech-note>span{font-size:1.4rem}.tech-note h3{font-size:.98rem;margin:0 0 5px}.tech-note p{font-size:.9rem;line-height:1.45;margin:0}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.application-card{min-height:205px}.application-card>span{font-size:1.8rem;display:block;color:#0d98c5;margin-bottom:14px}
.section--benefits h2,.section--benefits .section-subtitle{color:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.benefit-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.2);border-radius:17px;padding:27px 25px;min-height:235px}.benefit-card>span{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#1487bf;font-size:1.3rem;font-weight:800;margin-bottom:18px}.benefit-card h3{color:#fff;font-size:1.23rem;margin-bottom:8px}.benefit-card p{color:#eaf3ff;font-size:.97rem;margin:0}
.section--cta{background:linear-gradient(125deg,#00a8e8,#1e5ba8 55%,#0f3a7d);color:#fff;padding:145px 0}
.section--cta .container{max-width:1010px}.section--cta h2{color:#fff;font-size:clamp(2.3rem,4.4vw,3.8rem);line-height:1.13;margin-bottom:22px}.section--cta p{font-size:1.22rem;margin:0 auto 28px;max-width:800px}.section--cta .cta-small{font-size:.98rem;opacity:.85;margin:16px auto 0}
.footer{background:#13386d;color:#f4f7ff;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.footer h3,.footer h4{color:#fff;margin-bottom:17px;font-size:1.25rem}.footer h4{font-size:1.04rem}.footer p,.footer address,.footer a{color:#dce7f9;font-size:.98rem;line-height:1.6;font-style:normal;text-decoration:none}.footer a:hover{text-decoration:underline}.footer .copyright{text-align:center;border-top:1px solid rgba(255,255,255,.16);margin:46px auto 0;padding-top:24px;width:min(100% - 64px,1266px);color:#bed2ed;font-size:.86rem}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:10;width:62px;height:62px;display:grid;place-items:center;background:#22c55e;color:#fff;border-radius:50%;box-shadow:0 8px 22px rgba(16,58,28,.25);transition:transform .2s}.whatsapp-float:hover{transform:scale(1.06)}.whatsapp-float svg{height:32px;width:32px}
@media(max-width:1020px){.four-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.product-card__body{padding:24px}.product-card h3{font-size:1.5rem}.application-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(100% - 38px,1266px)}.section{padding:68px 0}h2{font-size:clamp(2rem,8vw,2.5rem);margin-bottom:22px}.lead{font-size:1.05rem}.section-subtitle{font-size:1.04rem;margin-bottom:33px}.hero{height:100svh;min-height:670px}.hero__image{inset:-4%;background-position:center}.hero__veil{background:linear-gradient(90deg,rgba(7,23,48,.54),rgba(7,23,48,.54)),linear-gradient(0deg,rgba(6,15,40,.25),transparent)}.hero__content{padding:75px 0 28px}.hero__logo{width:min(78vw,410px)}.hero__message{padding-bottom:36px}.hero h1{font-size:clamp(2.55rem,9vw,3.65rem);line-height:1.08}.hero__message p{font-size:1.13rem;margin:15px 0 24px}.button{min-height:58px;padding:13px 25px;font-size:1rem}.quality-grid,.three-grid,.product-grid,.application-grid,.footer-grid{grid-template-columns:1fr}.quality-grid{gap:18px;margin-top:35px}.quality-card{min-height:0;padding:20px}.three-grid{gap:16px}.blue-card{min-height:0;padding:26px}.four-grid{gap:15px}.info-card{padding:20px;min-height:0}.product-grid{gap:25px}.product-card__photo{height:245px}.product-card__body{padding:24px}.product-card h3{font-size:1.5rem}.manual-items{padding-left:53px;padding-right:15px}.application-card{min-height:0}.section--cta{padding:95px 0}.section--cta p{font-size:1.08rem}.footer-grid{gap:27px}.footer .copyright{width:min(100% - 38px,1266px);margin-top:32px}.whatsapp-float{width:54px;height:54px;right:15px;bottom:15px}.whatsapp-float svg{width:28px;height:28px}}
@media(max-width:470px){.four-grid,.benefit-grid{grid-template-columns:1fr}.hero__content{padding-top:78px}.hero__logo{width:85vw}.hero h1{font-size:2.35rem}.hero__message{padding-bottom:44px}.info-card{min-height:0}.product-card__photo{height:230px}.blue-card h3{margin-top:12px}.manual-card summary{grid-template-columns:39px 1fr 16px;padding:15px;gap:9px}.manual-icon{height:35px;width:35px;font-size:1.17rem}.manual-card summary strong{font-size:1rem}.manual-card summary small{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}