.main#OFFSHORES{.banner{display:flex;flex-direction:column;justify-content:center;height:max(990px,100vh);padding-left:180px;background-image:url(/_next/static/media/banner.21fed356.webp);alt:"mulher sorrindo com um tablet na mão";background-size:cover;background-position:center 40%;& h1{font-size:78px;color:#fff;width:820px;margin-bottom:20px}& button,& h1{font-family:var(--font-poppins),sans-serif;font-weight:700}& button{width:fit-content;display:block;font-size:31px;text-decoration:none;color:white;padding:25px 50px;border-radius:12px;background-color:#3a1bcc;border:none;cursor:pointer}}.gestao{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;background-color:#3a1bcc29;height:920px;margin-bottom:120px;& h3{display:flex;flex-direction:column;font-size:60px;width:fit-content;margin:0 auto}& h3,& p{font-family:var(--font-poppins),sans-serif;text-align:center}& p{font-size:39px;width:912px}& button{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100px;border-radius:50%;background-color:#ffb509;border:none;& img{width:50%;height:auto;margin-right:-10%}}}.praticidade{display:flex;justify-content:center;align-items:center;gap:135px;max-width:1440px;margin:0 auto 120px;>img{width:695px;height:990px;border-radius:12px}.text{display:flex;flex-direction:column;align-items:center;text-align:center;>img{width:85px;height:auto;aspect-ratio:1;margin-bottom:15px}& h3{font-size:50px;width:585px}& h3,& p{font-family:var(--font-poppins),sans-serif}& p{width:490px;font-size:28px;margin:15px 0}& button{display:flex;align-items:center;justify-content:center;margin-bottom:70px;width:100px;aspect-ratio:1;background-color:#ffb509;border-radius:50%;border:none;& img{width:45px;height:auto;margin-right:-10%}}}}.estrutura{display:flex;align-items:center;justify-content:center;gap:100px;max-width:1440px;margin:0 auto 145px;.text{display:flex;flex-direction:column;align-items:center;& h3{font-family:var(--font-poppins),sans-serif;font-size:60px;margin-bottom:65px;width:1100px;text-align:center;& span{white-space:nowrap}}& p{font-size:35px;width:800px;margin-bottom:60px;text-align:center}& button,& p{font-family:var(--font-poppins),sans-serif}& button{display:block;width:fit-content;font-weight:700;font-size:31px;text-decoration:none;color:white;padding:25px 50px;border-radius:12px;background-color:#3a1bcc;border:none}}.imageContainer{position:relative;margin-top:auto;&:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-30%);width:620px;height:575px;z-index:1;background:transparent;background-image:radial-gradient(black 1px,transparent 0);background-size:8px 8px;background-position:-19px -19px}& .ball,&:after{border-radius:50%}& .ball{aspect-ratio:1;width:550px;background-color:#1b67e073}}}.digital{margin-bottom:200px;display:flex;& button{display:block;width:fit-content;font-family:var(--font-poppins),sans-serif;font-weight:700;font-size:31px;text-decoration:none;color:white;padding:25px 50px;border-radius:12px;background-color:#3a1bcc;border:none}}}.main#OFFSHORES{@media screen and (max-width:1680px){.praticidade{gap:50px}.estrutura{gap:0;.text{& h3{width:930px;font-size:50px}& p{width:660px;margin-bottom:15px}& a,& p{font-size:28px}& a{padding:20px 40px}}}}@media screen and (max-width:1400px){.praticidade{gap:30px;>img{width:550px;height:auto}.text{& h3{font-size:40px;width:550px}& p{width:470px;font-size:20px}& a{width:80px;margin-bottom:50px;& img{width:50%}}}}}@media screen and (max-width:1275px){.banner{padding-left:0;align-items:center;& h1{font-size:6.07692307692vw;width:63.9230769231vw}& button{font-size:2vw;padding:1.53846153846vw 3.07692307692vw;border-radius:.8vw}}.gestao{& h3{font-size:40px}& p{width:470px;font-size:20px}& a{width:80px}& img{width:50%;margin-left:-10%}}.praticidade{gap:30px;>img{width:450px;height:auto}.text{& h3{font-size:40px;width:550px}& p{width:470px;font-size:20px}& a{width:80px;margin-bottom:50px;& img{width:50%}}}}.estrutura{.text{& h3{font-size:32px;width:600px;margin-bottom:20px}& p{width:470px;margin-bottom:15px}& a,& p{font-size:20px}& a{padding:10px 20px;border-radius:8px}}}}@media screen and (max-width:1080px){.gestao{gap:20px;& h3{font-size:30px}& p{width:400px;font-size:18px}}.praticidade{margin-bottom:10 0}.estrutura,.praticidade{flex-direction:column}}@media screen and (max-width:600px){.banner{height:600px;margin-top:80px;& h1{font-size:9.4vw;width:90vw;color:white}& button{font-size:4vw;padding:3vw 6vw;border-radius:2vw}}.gestao{height:auto;padding:20vw 0;& h3{font-size:5vw}& p{font-size:4vw;width:60vw}& a{width:13.3vw}}.praticidade{gap:20px;margin-bottom:100px;>img{width:300px;height:auto}.text{& h3{font-size:6vw;width:100vw}& p{width:90vw;font-size:4vw}& a{width:60px;margin-bottom:30px;& img{width:60%}}}}.estrutura{.text{text-align:center;& h3{font-size:5vw;width:99vw;margin-bottom:5vw}& p{width:80vw;font-size:3vw;margin-bottom:4vw}& a{font-size:4vw;padding:3vw 6vw;border-radius:2vw;margin:0 auto}}}}}