html,
body,
section {
    padding: 0;
    margin: 0;
}

.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.d-inline-grid {
    display: inline-grid !important;
}

.verde-moob {
    color: #7f9c5f
}

nav {
    background-color: rgba(20,49,38,.8);
    justify-content: center !important;
    letter-spacing: 5px;
}



/* Banner */


section#banner {
    width: 100vw;
    height: calc(100vh - 40px);
    background-image: url('../images/bg-banner.png');
    background-position: center center;
    background-size: cover;
    position: relative;
    display: table-cell;
}

section#obrigado {
    width: 100vw;
    height: calc(100vh - 40px);
    background-image: url('../images/obrigado-desk.png');
    background-position: center center;
    background-size: cover;
    position: relative;
    display: table-cell;
}

section#obrigado h1 {
    color: #fff;
    line-height: 2.5rem;
    font-size: 2.2rem;
    margin-left: 0;
    margin-top: 0;
}

section#obrigado p {
    color: #fff;
    line-height: 1.3rem;
    font-size: 1rem;
    margin-left: 0;
    margin-top: 0;
}

#folhaesquerdaBanner {
    margin-left: 0;
    float: left;
    width: 16%;
    bottom: -15%;
    position: absolute;
    left: 0;
}

#folhadireitaBanner {
    margin-right: 0;
    float: right;
    width: 21%;
    position: absolute;
    right: 0;
    bottom: 6%;
}

#banner h1 {
    color: #cbe068;
    line-height: 1.3rem;
    font-size: 1.4rem;
    margin-left: 76px;
    margin-top: 30px;
}

#banner #modeloTorre {
    position: absolute;
    bottom: 0;
    max-width: 59%;
}

#banner h3 {
  font-size: 1.1rem;
  text-align: center;
  color: #fff;
  padding-bottom: 15px;
}

#banner #formSimulacao2 {
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 15px;
    margin-top: 0;
    z-index: 99999999;
    position: relative;
    width: 60%;
    float: right;
    right: 40%;
}

#banner #formSimulacao3 {
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 15px;
  margin-top: 0;
  z-index: 99999999;
  position: relative;
}


/* Lazer Completo */

section#lazer {
    width: 100%;
    background-image: url('../images/bg-lazer.png');
    background-position: center center;
    background-size: cover;
    padding: 0;
}

section#lazer h2 {
    color: #2e4a30;
    padding-top: 80px
}

section#lazer #itensLazer {
    background-color: #18291f;
    border-radius: 13px;
    width: fit-content;
    color: #d5e18a;
    padding: 0 12px;
    margin-top: 50px;

}

section#lazer img#mosaico {
    scale: 1.5;
    margin-top: 70px;
    right: 100px;
    position: relative;
}

section#lazer #iconesLazer {
    padding-bottom: 30px !important
}



/* Mais Liberdade */

section#liberdade {
    padding: 80px 0;
}


section#liberdade h2 {
    color: #2e4a30;
    padding-bottom: 30px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.mySwiper2 {
    height: 80%;
    width: 100%;
    border-radius: 40px;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.swiper-button-next, .swiper-button-prev {
    color: #fff;
    text-shadow: 0px 0px 9px rgba(0,0,0,0.6);
}

.mySwiper .swiper-slide {
    opacity: 1;
}


/* Plantas */



section#plantas {
    padding: 80px 0 180px 0;
    margin-top: -140px;
    background-color: #0c4f3f;
    position: relative;
}

#folhaplantaDireita {
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;

}

#folhaplantaEsquerda {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15%;
}


section#plantas h2 {
    color: #cfe08c;
    padding-top: 50px;
    font-size: 3.5rem;
    position: relative;
    width: fit-content;
    padding-bottom: 5px;
    z-index: 999;
}

section#plantas h2::after {
    content:  "";
    position: absolute;
    bottom: 0; 
    left: 0;
    width: 100%; 
    height: 2px; 
    background-color: #cfe08c; /* Cor da linha */
}

.mySwiper4  {
    height: auto;
    margin-top: -66px;
    z-index: 9;
}

.mySwiper4 .swiper-slide img {
    border-radius: 0;
    margin-top: 80px;
}



/* Localização */


section#localizacao  {
  margin-bottom: calc(-20rem + 80px);
}

section#localizacao h2 {
    color: #0c4f3f;
    margin-left: 9%;
    padding-top: 50px;
    font-size: 3.5rem;
    position: relative;
    width: fit-content;
    padding-bottom: 5px;
    z-index: 999;
}

section#localizacao h2::after {
    content:  "";
    position: absolute;
    bottom: 0; 
    left: 0;
    width: 100%; 
    height: 2px; 
    background-color: #0c4f3f; /* Cor da linha */
}

section#localizacao h4 {
    color: #2e4a30;
    margin-left: 9%;
    padding-top: 30px;
}


section#localizacao img#tudoprecisa {
    top: -20rem;
    position: relative;
}


.pulse {
  animation: pulse 6s infinite ease-in-out alternate;
  margin: 0;
}
@keyframes pulse {
  from { 
    transform: scale(0.9);
    transform-origin: top left;  }
  to { 
    transform: scale(1);
    transform-origin:  top left;  
    }
}


.pulse2 {
  animation: pulse2 6s infinite ease-in-out alternate;
  margin: 0;
}
@keyframes pulse2 {
    from { 
        transform: scale(0.9);
        transform-origin: top right;  
    }
    to { 
        transform: scale(1);
        transform-origin:  top right;  
    }
}


.pulse3 {
  animation: pulse3 6s infinite ease-in-out alternate;
  margin: 0;
}
@keyframes pulse3 {
  from { 
    transform: scale(0.9);
    transform-origin: bottom left;  }
  to { 
    transform: scale(1);
    transform-origin:  bottom left;  
    }
}




/* Financiamento */


section#financiamento {
    background-image: url('../images/bg-financiamento-caixa.png');
    background-position: top center;
    background-size: cover;
    padding: 80px 0 0 0;
}


section#financiamento h4 {
  color: #ee6225;
  text-transform: uppercase;
  background-color: #faf7b6;
  padding: 2px 25px;
  margin-left: -25px;
  border-radius: 15px;
  width: fit-content;
}

section#financiamento h2 {
  color: #faf7b6;
  font-size: 3.3rem;
  line-height: 3rem;
  width: fit-content;
  position: relative;
  padding-bottom: 4rem;
  padding-top: 1rem;
}

section#financiamento h2::after {
    content:  "";
    position: absolute;
    bottom: 0; 
    left: 0;
    width: 100%; 
    height: 1px; 
    background-color: #faf7b6; /* Cor da linha */
    margin-bottom: 2rem;
}


section#financiamento #boxFinanciamento:nth-child(1 of p) {
  padding-top: 2rem;
}

section#financiamento p {
  color: #eef4db;
  width: 50%;
  font-size: 0.9rem;
}

section#financiamento img#logoAssinaturaMCMV {
  padding-right: 45%;
  padding-bottom: 80px;
}

section#financiamento #boxformFinanciamento {
  background-color: rgba(90,31,13,.6);
  border-radius: 15px 15px 0 0;
}

section#financiamento #boxformFinanciamento h3,
section#financiamento #boxformFinanciamento p {
  color: #eef4db;
  width: 90%;
  margin-left: 5%;
}

section#financiamento #boxformFinanciamento #boxForm {
  border: 1px solid #c6c6c6;
  border-radius: 15px;
  width: 90%;
  margin-left: 5%;
  margin-bottom: 30px;
  padding: 15px 25px;
}


/* Footer */

footer {
  padding: 15px 0 30px 0;
}

footer small {
  color: #7d7e7c
}

footer img {
  display: block;
  padding-top: 15px;
  margin: auto;
}

#formSimulacao label {
    text-transform: uppercase;
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: .8rem;
    margin-bottom: 0;
}

#formSimulacao input,
#formSimulacao select {
    border-color: #fff;
    border-radius: 28px;
    background-color: transparent;
    color: #fff;
    box-shadow: none;
}

option {
  background-color: transparent; /* May not work in all browsers */
  color: #000;
}

#formSimulacao button {
    background-color: #c6d881;
    border-color: #c6d881;
    text-transform: uppercase;
    padding: 0 15px;
    border-radius: 30px;
    margin: auto;
    display: block;
    font-family: "Barlow", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #000;
    margin-top: 15px;
}


#formSimulacao2 label {
    text-transform: uppercase;
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: .8rem;
    margin-bottom: 0;
}

#formSimulacao2 input,
#formSimulacao2 select {
    border-color: #fff;
    border-radius: 28px;
    background-color: transparent;
    color: #fff;
    box-shadow: none;
}

option {
  background-color: transparent; /* May not work in all browsers */
  color: #000;
}


::-webkit-input-placeholder { color:#fff !important;opacity: .7 !important; }
::-moz-placeholder { color:#fff !important;opacity: .7 !important } 
:-ms-input-placeholder { color:#fff !important;opacity: .7 !important }
input:-moz-placeholder { color:#fff !important;opacity: .7 !important }

#formSimulacao2 button {
    background-color: #c6d881;
    border-color: #c6d881;
    text-transform: uppercase;
    padding: 0 15px;
    border-radius: 30px;
    margin: auto;
    display: block;
    font-family: "Barlow", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #000;
    margin-top: 15px;
}


#formSimulacao3 label {
    text-transform: uppercase;
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: .8rem;
    margin-bottom: 0;
}

#formSimulacao3 input,
#formSimulacao3 select {
    border-color: #fff;
    border-radius: 28px;
    background-color: transparent;
    color: #fff;
    box-shadow: none;
}

option {
  background-color: transparent; /* May not work in all browsers */
  color: #000;
}

#formSimulacao3 button {
    background-color: #fff;
    border-color: #fff;
    text-transform: uppercase;
    padding: 0 15px;
    border-radius: 30px;
    margin: auto;
    display: block;
    font-family: "Barlow", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: rgba(90, 31, 13, 1);
    margin-top: 15px;
}

select.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Optional: Add padding-right to prevent text from overlapping the arrow */
  padding-right: 30px; 
  background-image: url("data:image/svg+xml;charset=utf-8,<svg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1l4 4 4-4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-position: 96% 15px;
}

#logofooterCaixa {
  max-width: 420px;
  width: 100%;
}


/* Desktop with zoom */

@media only screen and (max-width: 1536px) {

  #banner #modeloTorre {
    position: absolute;
    bottom: 0;
    max-width: 50%;
  }

  #banner #formSimulacao2 {
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 15px;
    margin-top: 0;
    z-index: 99999999;
    position: relative;
    width: 60%;
    float: right;
    right: 25%;
}

}


@media only screen and (max-width: 1440px) {

  section#lazer img#mosaico {
      right: 80px;
      position: relative;
  }

  #banner #formSimulacao2 {
    float: right;
    right: 20%;
  }

  #folhadireitaBanner {
    margin-right: 0;
    float: right;
    width: 21%;
    position: absolute;
    right: 0;
    bottom: -10%;
    z-index: 9;
  }

}


/* macBook Air */


@media only screen and (max-width: 1440px) {

  section#lazer img#mosaico {
      right: 80px;
      position: relative;
  }

  #banner #formSimulacao2 {
    float: right;
    right: 20%;
  }

  #folhadireitaBanner {
    margin-right: 0;
    float: right;
    width: 21%;
    position: absolute;
    right: 0;
    bottom: -10%;
    z-index: 9;
  }

}

/* Notebook */


@media only screen and (max-width: 1366px) {


  #banner #modeloTorre {
    position: absolute;
    bottom: 0;
    max-width: 61%;
  }

  #banner #formSimulacao2 {
    float: right;
    right: 0% !important;
}

  #banner img#fraseBanner {
    max-width: 70%; 
    margin-top: -.8rem;
  }  

  .container {
    max-width: 960px !important;
  }

  #banner h1 {
    margin-left: 0;
    margin-top: 0;
  }

  #iconesLazer img {
    padding: 0 5px;
  }

  section#lazer h2 {
      color: #2e4a30;
      padding-top: 40px;
  }

  section#lazer #itensLazer {
    margin-top: 30px;
  }

  section#localizacao h2 {
    margin-left: 0;
  }

  section#localizacao h4 {
    margin-left: 0;
  }

  section#financiamento h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  section#financiamento p {
    width: 65%;
  }

  section#financiamento h4 {
    font-size: 1.3rem;
  }



}

/* Tablet Landscape */

@media only screen and (max-width: 1024px) {

  .container {
    max-width: 860px !important;
  }

  #folhaesquerdaBanner {
    bottom: -10%;
  }

  #banner #modeloTorre {
    position: absolute;
    bottom: 0;
    max-width: 72%;
  }

  #banner h1 {
    margin-left: 6rem;
    margin-top: 2rem;
  }

  section#lazer h2 {
    color: #2e4a30;
    padding-top: 40px;
    font-size: 1.8rem;
  }

}

/* Tablet */


@media only screen and (max-width: 820px) {

  .container {
    max-width: 720px !important;
  }

  #folhaesquerdaBanner {
    width: 18%;
    bottom: -5%;
  }

  section#lazer img#mosaico {
    scale: 1.6;
    margin-top: 47px;
    padding-top: 1rem;
    right: 52px;
    position: relative;
  }

  section#lazer h2 {
    color: #2e4a30;
    padding-top: 40px;
    font-size: 1.5rem;
  }

  #folhadireitaBanner {
    width: 21%;
    bottom: 46%;
  }

  #banner img#fraseBanner {
    max-width: 100%;
    margin-top: 1rem;
  }

  #banner h1 {
    margin-left: 0;
    margin-top: 4rem;
  }

  #folhaplantaDireita,
  #folhaplantaEsquerda {
    width: 29%;
  }

  .mySwiper4 {
    height: auto;
    margin-top: 0;
    z-index: 9;
  }

  section#localizacao img#tudoprecisa {
    top: -17rem;
    position: relative;
  }

  section#localizacao h2 {
    padding-top: 28px;
  }

  section#localizacao h4 {
    padding-top: 15px;
    padding-bottom: 30px;
  }

  section#financiamento p {
    width: 80%;
  }

}


/* Mobile */



@media only screen and (max-width: 440px) {

  section#obrigado {
    width: 100vw;
    height: calc(100vh - 40px);
    background-image: url('../images/obrigado-mobile.png');
    background-position: center center;
    background-size: cover;
    position: relative;
    display: table-cell;
}

  body {
    overflow-x: hidden ;
  }

  .container {
    width: 80% !important;
    max-width: 80% !important;
  }


  section#banner #fraseBannerMobile {
    margin-top: 2rem;
    margin-bottom: 3rem;
  }

  #banner #formSimulacao {
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 15px;
    margin-top: 0;
    z-index: 99999999;
    position: relative;
    margin-bottom: 21px;
  }

  #banner h3 {
    font-size: 1.1rem;
    text-align: center;
    color: #fff;
    padding-bottom: 15px;
  }

  #banner #modeloTorreMobile {
    margin-top: -50px;
  }

  #folhadireitaBanner {
    width: 40%;
    opacity: 19%;
  }

  #folhaesquerdaBanner {
    width: 28%;
    bottom: -22%;
  }

  section#lazer h2 {
    text-align: center;
  }

  section#lazer #itensLazer {
    margin-top: 30px !important;
    margin: auto;
  }

  section#lazer img#mosaico {
    scale: 1.2;
    right: auto;
    position: relative;
    margin-bottom: -8px;
    margin-top: 17px;
  }

  section#liberdade h2 {
    text-align: center;
  }

  .mySwiper {
    display: none;
  }

  .mySwiper4 .swiper-slide img {
    border-radius: 0;
    margin-top: 80px;
  }

  .swiper-slide img {
    border-radius: 0;
  }

  section#plantas {
    margin-top: 0;
  }

  .mySwiper4  {
      height: 120%;
      width: 120%;
      border-radius: 0;
      left: -10%;
  }
  section#financiamento #boxformFinanciamento #boxForm {
      width: 90%;
      margin-left: 5%;
      margin-bottom: 30px;
      padding: 15px;
  }

  #folhaplantaDireita, #folhaplantaEsquerda {
    width: 40%;
  }

  .mySwiper4 {
    margin-top: 30px;
  }

  section#liberdade {
    padding: 80px 0 0 0;
}

  section#plantas h2 {
    margin: auto;
  }

  section#localizacao img#tudoprecisaMobile {
    margin-top: -5rem !important;
    position: relative;
  }

  section#localizacao {
      margin-bottom: calc(-3rem + 80px) !important;
  }

  section#localizacao h2 {
    display: none;
  }

  section#financiamento h2 {
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
  }

  section#financiamento h2 br {
    display: none;
  }

  section#financiamento p {
    width: 100%;
    text-align: center;
    font-size: 1rem;
  }

  section#financiamento h4 {
    margin: auto;
  }

    
  section#financiamento img#logoAssinaturaMCMV {
    padding-right: 0;
    padding-bottom: 80px;
  }

  section#financiamento #boxformFinanciamento h3, section#financiamento #boxformFinanciamento p {
    text-align: center;
  }


  section#financiamento {
    background-image: url('../images/financiamento-bg-mobile.png');
    background-position: top center;
    background-size: cover;
    padding: 80px 0 0 0;
}




}