@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#103d52;--deep:#092c40;--mint:#a7ede3;--text:#143c4f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #08aeb1;outline-offset:6px}.header{height:108px;max-width:1600px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1px;font-weight:800}.brand svg{width:42px;fill:none;stroke:#159ea7;stroke-width:3}.brand .light{font-weight:400;margin-left:5px}.brand small{display:block;font-family:'DM Sans',sans-serif;letter-spacing:1.6px;font-size:9px;margin-top:3px}.header nav{display:flex;gap:34px;font-size:14px}.header nav a:hover{color:#04888f}.header-contact{border:1px solid #ccd9dd;border-radius:4px;padding:13px 18px;font-size:15px;font-weight:600}.header-contact span{margin-left:20px}.hero{margin:0 24px;background:var(--deep);position:relative;display:grid;grid-template-columns:47% 53%;color:white;min-height:650px;overflow:hidden}.hero-copy{padding:76px 6% 94px 10%;z-index:1}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;line-height:1.8;margin:0 0 27px}.hero .eyebrow{color:#bce6e7;font-size:11px;letter-spacing:1.65px;display:flex;align-items:center;gap:10px}.hero .eyebrow span{width:22px;height:1px;background:var(--mint)}h1,h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-3px;line-height:1.12;margin:0}h1{font-size:clamp(46px,4.8vw,76px)}h1 em{font-style:normal;color:var(--mint)}.intro{font-size:19px;line-height:1.7;max-width:340px;color:#d5e0e5;margin:28px 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--mint);color:var(--deep);padding:19px 23px;border-radius:3px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#c7fff6;transform:translateY(-2px)}.button span{font-size:23px}.hero-note{font-size:12px;color:#b9cbd3;margin-top:18px}.hero-photo{min-height:590px;background-color:#1c8495;background-size:cover;background-position:center;position:relative}.photo-label{position:absolute;top:28px;right:27px;background:#ffffffeb;color:#173f50;padding:11px 14px;font-size:10px;letter-spacing:1.8px}.photo-credit{position:absolute;bottom:24px;right:24px;color:white;background:#103d528c;padding:5px 9px;font-size:12px}.hero-bottom{grid-column:1/-1;padding:23px 4.7%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff24;font-size:11px;letter-spacing:1.7px;background:var(--deep)}.hero-bottom a{letter-spacing:0;font-size:13px}.hero-bottom a span{margin-left:35px;font-size:20px}.section{padding:95px 7%;display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:1600px;margin:auto}h2{font-size:clamp(34px,3.3vw,50px);letter-spacing:-1.9px}.about .eyebrow{color:#16818c;margin-bottom:20px}.about-text{padding-top:8px}.about-text p{font-size:17px;line-height:1.85;color:#5b727e;margin:0 0 18px}.about-text p:first-child{font-size:21px;color:var(--text);line-height:1.6}.text-link{display:inline-block;border-bottom:1px solid #a8bbc3;padding-bottom:8px;font-weight:600;margin-top:8px;font-size:15px}.text-link span{margin-left:26px}.contact{max-width:none;background:#edf5f6;padding-top:75px;padding-bottom:75px;align-items:center}.contact .eyebrow{color:#19868e;margin-bottom:18px}.contact p:last-child{font-size:16px;color:#5b727e;line-height:1.8;margin-bottom:0}.contact-box{border-left:1px solid #bacfd4;padding:18px 0 18px 45px}.contact-box>span{font-size:11px;letter-spacing:1.7px}.phone{display:block;font-family:Manrope,sans-serif;font-size:clamp(30px,3.5vw,51px);font-weight:500;letter-spacing:-1.7px;margin:18px 0 24px}.contact-actions{display:flex;flex-wrap:wrap;gap:18px 28px;font-size:14px}.contact-actions a{border-bottom:1px solid #a4b8c0;padding-bottom:7px}.contact-actions span{margin-left:10px}footer{padding:33px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:#607682}.footer-brand{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.7px}footer p{margin:0}@media(min-width:1600px){.hero{max-width:1552px;margin:auto}}@media(max-width:1050px){.hero-copy{padding-left:9%;padding-top:60px}h1{font-size:52px}.hero{grid-template-columns:49% 51%;min-height:580px}.hero-photo{min-height:530px}.header nav{gap:20px}.section{gap:6%;padding-left:6%;padding-right:6%}.contact-box{padding-left:30px}}@media(max-width:760px){.header{height:88px;padding:0 6%;gap:12px}.brand{font-size:23px}.brand svg{width:33px}.brand small{font-size:8px;letter-spacing:1px}.header nav{display:none}.header-contact{padding:10px;font-size:13px;border:0}.header-contact span{display:none}.hero{margin:0 12px;grid-template-columns:1fr}.hero-copy{padding:42px 7% 38px}.hero .eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:22px}h1{font-size:clamp(42px,9vw,65px);letter-spacing:-2px}.intro{font-size:17px;margin:23px 0;max-width:360px}.hero-photo{min-height:340px;grid-row:2;background-position:center 55%}.photo-label{top:18px;right:18px;font-size:9px}.hero-bottom{padding:19px 7%;gap:15px}.hero-bottom>span{font-size:9px;letter-spacing:1px;max-width:150px}.hero-bottom a{font-size:12px}.hero-bottom a span{margin-left:10px}.section{grid-template-columns:1fr;padding:57px 8%;gap:27px}.eyebrow{font-size:11px}h2{font-size:38px}.about-text p{font-size:16px}.about-text p:first-child{font-size:19px}.contact-box{border-left:0;border-top:1px solid #bacfd4;padding:28px 0 0}.phone{font-size:42px}footer{padding:28px 8%;flex-wrap:wrap;gap:15px}footer p{order:3;width:100%;line-height:1.7}footer>span{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero-photo{background-image:url('piscina.jpg')}

.brand{display:block;flex-shrink:0}.brand img{display:block;width:300px;height:auto}.footer-brand img{display:block;width:240px;height:auto}@media(max-width:760px){.brand img{width:clamp(175px,48vw,260px)}.header-contact{white-space:nowrap;padding:8px 0}.footer-brand img{width:210px}}
