:root{color-scheme:dark;--navy:#032b73;--cyan:#07aaf1;--orange:#ff9248;--white:#fff;--muted:#c5d9f2}
*{box-sizing:border-box}
html{background:#032565;scroll-behavior:smooth}
body{margin:0;color:var(--white);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:#032565;min-height:100svh}
a{color:inherit;text-underline-offset:4px}
svg{display:block}
.site-shell{position:relative;z-index:1;display:flex;flex-direction:column;max-width:1380px;min-height:100svh;margin:auto;padding:0 64px}
main{flex:1;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;min-height:126px;border-bottom:1px solid #ffffff20;gap:24px}
.header-logo{display:block;width:152px;height:auto}
.header-actions{display:flex;align-items:center;gap:25px;padding:0 12px;border-radius:6px;background:#02367399}
.instagram-link{display:flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;font-size:13px;font-weight:550}
.instagram-link svg{fill:none;stroke:currentColor;stroke-width:1.6}
.instagram-link:hover{text-decoration:underline}
.header-contact{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:13px;font-weight:550;min-height:44px}
.header-contact svg,.button-arrow{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff924815}
.hero{display:flex;align-items:center;flex:1;min-height:0;padding:68px 0 61px}
.hero-copy{position:relative;z-index:1;max-width:640px}
.eyebrow{display:flex;align-items:center;gap:9px;width:fit-content;margin:0 0 25px;padding:8px 12px;border:1px solid #71cfff55;border-radius:5px;text-transform:uppercase;letter-spacing:2.2px;font-size:10px;font-weight:650;color:#d5efff}
.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--cyan)}
h1{font-size:clamp(40px,4.3vw,58px);line-height:1.12;letter-spacing:-2.4px;margin:0 0 25px;font-weight:750;max-width:650px}
h1 span{color:var(--orange)}
.slogan{font-size:19px;line-height:1.5;font-weight:600;letter-spacing:-.35px;margin:0 0 15px}
.intro{max-width:430px;color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 28px}
.intro strong{color:white;font-weight:600}
.new-address{display:flex;align-items:flex-start;gap:12px;max-width:460px;margin:0 0 28px;font-size:14px;font-style:normal;line-height:1.6}
.new-address svg{flex:none;fill:none;stroke:#80dcff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.new-address span{display:block;color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:5px}
.new-address p{margin:0;color:#e2f1ff}
.button{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:16px 21px;background:var(--orange);color:#062351;border-radius:7px;text-decoration:none;font-size:15px;font-weight:750;box-shadow:0 7px 25px #00000018;transition:background .15s,transform .15s}
.button>svg:first-child{fill:currentColor}
.button-arrow{margin-left:20px}
.button:hover{background:#ffac73;transform:translateY(-2px)}
.phone{font-size:12px;color:var(--muted);margin:16px 0 0;line-height:1.6}
.phone span{padding:0 5px;color:#81acd9}
.phone a{text-decoration:none;color:#fff;white-space:nowrap}
.phone a:hover,.header-contact:hover{text-decoration:underline}
.page-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.page-background picture{display:block;width:100%;height:100%}
.pool-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 65%}
.page-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,36,84,.84) 0%,rgba(2,45,96,.68) 32%,rgba(2,55,109,.22) 58%,rgba(2,28,66,0) 82%),linear-gradient(0deg,rgba(2,31,74,.85) 0%,rgba(2,46,94,.22) 24%,transparent 42%,rgba(2,22,61,.24) 100%)}
.image-note{display:block;font-size:9px;font-weight:400;letter-spacing:.3px;color:var(--muted)}
.services{padding:29px 0 36px;border-top:1px solid #ffffff20}
.services-heading{display:flex;align-items:center;gap:13px;margin-bottom:28px}
.section-line{width:25px;height:2px;background:var(--orange)}
h2{margin:0;font-size:13px;line-height:1.5;font-weight:500;color:var(--muted)}
.service-list{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}
.service-list li{display:flex;align-items:center;gap:15px;padding:4px 25px;border-left:1px solid #ffffff20;font-size:17px;font-weight:600;letter-spacing:-.3px}
.service-list li:first-child{padding-left:0;border:0}
.service-list svg{width:32px;height:32px;flex:none;stroke:#60ceff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
footer{border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0 28px;color:#b8cdec;font-size:11px;line-height:1.6}
footer p{margin:0}footer p span{padding:0 9px;color:#65a5d2}.footer-note{white-space:nowrap;color:#d7e9ff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:10;left:16px;top:16px;padding:12px 18px;background:white;color:#032b73;border-radius:4px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible{outline:3px solid #b4ecff;outline-offset:6px;border-radius:4px}
main:focus{outline:none}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:78px}}
@media(max-width:1100px){.site-shell{padding:0 40px}.hero{padding:55px 0}.hero-copy{max-width:570px}h1{font-size:48px}.slogan{font-size:17px}.service-list li{padding:4px 20px;font-size:16px}}
@media(max-width:900px){.site-shell{padding:0 24px}.header{min-height:115px;gap:14px}.header-logo{width:126px}.header-contact{font-size:11px;gap:8px}.header-contact>svg{width:15px}.hero{min-height:0;padding:45px 0 40px}.hero-copy{max-width:600px}.eyebrow{margin-bottom:20px}h1{font-size:clamp(35px,6.3vw,48px);letter-spacing:-1.6px;line-height:1.15}.slogan{font-size:17px}.intro{font-size:14px;max-width:470px}.services{padding:24px 0 26px}.services-heading{margin-bottom:22px}.service-list{grid-template-columns:repeat(2,1fr);gap:22px 0}.service-list li{padding:0 16px;font-size:15px;gap:12px}.service-list li:nth-child(odd){border:0;padding-left:0}.service-list svg{width:28px;height:28px}footer{padding:22px 0;align-items:flex-start}footer p{max-width:230px}footer p span{padding:0 5px}.footer-note{font-size:10px}}
@media(max-width:600px){.pool-photo{object-position:88% center}.page-background::after{background:linear-gradient(90deg,rgba(2,38,87,.77),rgba(2,47,94,.56)),linear-gradient(0deg,rgba(2,22,61,.85),transparent 70%)}.hero{min-height:0;padding:40px 0 38px}.footer-note{white-space:normal;text-align:right}}
@media(max-width:380px){.site-shell{padding:0 20px}.header-contact{gap:7px;font-size:10px}.header-logo{width:112px}h1{font-size:34px}.phone{font-size:11px}.button{width:100%;justify-content:center}footer{flex-direction:column;gap:8px}footer p{max-width:none}.footer-note{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

@media(max-width:900px){.header-actions{gap:16px}.instagram-link{justify-content:center;min-width:44px}.instagram-link span{display:none}}
@media(max-width:600px){.header-logo{width:112px}.header-actions{gap:12px;padding:0 8px}.header-contact{font-size:10px}.header-contact>svg{display:none}}
@media(max-width:380px){.header-logo{width:96px}.header-actions{gap:8px}.header-contact{font-size:9px}}
body{position:relative}

/* Apenas a fotografia e espelhada; o conteudo mantem a disposicao anterior. */
.pool-photo{transform:scaleX(-1)}
@media(max-width:900px){.pool-photo{object-position:32% center}}
