@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Raleway:wght@400;500;600;700&display=swap');
:root {
    --preto: #1E1C1F;
    --amarelo: #FFC904;
    --branco: #F6F6F6;

    --container-desk: 74.21875vw;

    --h1-desk: 3.375rem;
    --h1-desk: 2.8125vw;
    --h1-mob: 7.6923076vw;

    --h2-desk: 3.75rem;
    --h2-desk: 3.125vw;
    --h2-mob: 6.4102564vw;

    --h3-desk: 2rem;
    --h3-desk: 1.6666666vw;

    --h4-desk: 1.5rem;
    --h4-desk: 1.25vw;

    --h5-desk: 1.375rem;
    --h5-desk: 1.1458333vw;

    --a-font-size-desk: 1.375rem;
    --a-font-size-desk: 1.1458333vw;
    --a-font-size-mob: 4.1025641vw;
    --a-padding-desk: 1.0625rem 1.1875rem;
    --a-padding-desk: .8854166vw .9895833vw;
    --a-padding-mob: 4.1025641vw 5.6410256vw;

    --text-padding-mob: 7.6923076vw 11.794871vw;

    --menu-desk: 1.25rem;
    --menu-desk: 1.0416666vw;

    --p-desk: 1.125rem;
    --p-desk: .9375vw;
    --p-mob: 3.587435vw;
    --p-line-height: 166.67%;

    --marginLeft-desk: 6.25rem;
    --marginLeft-desk: 5.2083333vw;

}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    font-family: 'Montserrat', sans-serif;
    font-family: 'Raleway', sans-serif;
}
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body {
    background: var(--preto);
}







.changeBG {
    background: rgba(0, 0, 0, 0.6);
}
img {
    width: 100%;
}
picture {
    display: flex;
}





/*MENU MOBILE*/


/*HEADER*/
header {
    position: fixed;
    top: 0;
    width: 100vw;
    background: transparent;
    z-index: 5;
    padding: 1.6041666vw 0;
    transition: all .5s;
}
header nav {
    width: 89.5vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4.2708333vw;
}
header nav .logo {
    width: 4.6875vw;
}
header nav .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
header nav .menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.125vw;
    list-style: none;
}
header nav .menu ul li {}
header nav .menu ul li a {
    color: var(--branco, #F6F6F6);
    font-size: var(--menu-desk);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    transition: all .3s ;
}

header nav .menu ul li a:hover {
    color: var(--amarelo);
}
header nav .menu button {
    font-size: var(--a-font-size-desk);
    padding: var(--a-padding-desk);
    background: var(--amarelo);
    color: var(--preto);
    text-decoration: none;
    border: 0;
    cursor: pointer;
    font-weight: 700;

}


.hamburguer {
    display: none;
    cursor: pointer;
    float: right;
    color: #00ced1;
    z-index: 200;
}

.hamburguer div {
    width: 5.3140096vw;
    height: .7246376vw;
    background-color: var(--branco);
    margin: 1.2077294vw;
    transition: all 0.6s ease;
}

.navLinks {
    display: none;
}

/*HEADER*/

main {
}

section {
    position: relative;
    width: 100vw;
}
section.hero {
    width: 100vw;
    height: 56.25vw;
    height: 49.479166vw;
    background: url('../assets/loft1.avif')top center no-repeat;
    background-size: cover;

}
section.hero .swiper-wrapper img {
    width: 100vw;
    width: 100%;
}

/*HERO*/
section.hero .container {
      position: relative;
    /* bottom: 14vw; */
    /* padding-left: var(--marginLeft-desk); */
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
section.hero .container .text {
    position: relative;
    width: 22.135416vw;
    width: 29.135416vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16.25vw;
     left: var(--marginLeft-desk);
}
section.hero .container .text h1 {
    color: var(--branco);
    font-size: var(--h1-desk);
    line-height: 142.593%;
    text-transform: uppercase;
    font-weight: 400;
    
}
section.hero .container .text h1 span {
    color: var(--amarelo);
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
section.hero .container .text a,
section.hero .container .text button {
    font-size: var(--a-font-size-desk);
    padding: var(--a-padding-desk);
    background: var(--amarelo);
    color: var(--preto);
    text-decoration: none;
    border: 0;
    cursor: pointer;
}



.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
    right: 14vw;
    left: auto;
    bottom: 6vw;
    top: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 5vw;
    left: auto;
    top: auto;
    bottom: 6vw;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 2.5vw;
    color: var(--amarelo);
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 2.5vw;
    color: var(--amarelo);
}
/*HERO*/

/*QUEM SOMOS*/
section.quem-somos {
    position: relative;
}
section.quem-somos .container {
    left: var(--marginLeft-desk);
    position: relative;
    z-index: 1;
    padding: 4.84375vw 0 6.6666666vw 0;
}
section.quem-somos .container h2 {
    color: var(--amarelo, #FFC904);
    font-size: var(--h2-desk);
    font-weight: 700;
    line-height: 152.043%;
    text-transform: uppercase;
    margin-bottom: 1.3541666vw;
}
section.quem-somos .container .content {
    display: flex;
    flex-direction: column;
    gap: 4.6875vw;
    width: var(--container-desk);
}
section.quem-somos .container .content .flex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: .78125vw;
}
section.quem-somos .container .content .flex .text {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--amarelo);
    flex-shrink: 0;

}
section.quem-somos .container .content .flex .text p {
    color: var(--preto);
    font-size: var(--p-desk);
    line-height: var(--p-line-height);
    font-weight: 400;
    
}
section.quem-somos .container .content .flex .img ,
section.quem-somos .container .content .flex .img picture {
   
}
section.quem-somos .container .content .flex .img img {}
section.quem-somos .container .content .flex:nth-child(1) {}
section.quem-somos .container .content .flex:nth-child(1) .text {
    width: 35.9375vw;
    height: 15.677083vw;
}
section.quem-somos .container .content .flex:nth-child(1) .text p{
    width: 28.125vw;

}
section.quem-somos .container .content .flex:nth-child(1) .img {}
section.quem-somos .container .content .flex:nth-child(1) .img img{
    width: 37.5vw;
}
section.quem-somos .container .content .flex:nth-child(2) {}
section.quem-somos .container .content .flex:nth-child(2) .text {
    width: 19.114583vw;
    height: 22.291666vw;  
}
section.quem-somos .container .content .flex:nth-child(2) .text p{
    width: 14.166666vw;
}
section.quem-somos .container .content .flex:nth-child(2) .img {}
section.quem-somos .container .content .flex:nth-child(2) .img img{
    width: 54.375vw;
}
section.quem-somos .container .content .flex:nth-child(3) {}
section.quem-somos .container .content .flex:nth-child(3) .text {
    flex-direction: column;
    width: 31.510416vw;
    height: 21.458333vw;
    align-items: flex-start;
    padding: 3.3854166vw;
    gap: 1.0416666vw;
}
section.quem-somos .container .content .flex:nth-child(3) .text p {

}
section.quem-somos .container .content .flex:nth-child(3) .text div {
    width: .1041666vw;
    height: 3.2291666vw;
    background: var(--preto);
}
section.quem-somos .container .content .flex:nth-child(3) .text .end {

    color: var(--preto, #1E1C1F);
    font-size: var(--menu-desk);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    flex-direction: column;
}
section.quem-somos .container .content .flex:nth-child(3) .text .end span {
    color: var(--preto, #1E1C1F);
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
section.quem-somos .container .content .flex:nth-child(3) .img {}
section.quem-somos .container .content .flex:nth-child(3) .img img{
    width: 41.927083vw;
}
section.quem-somos .container .content .flex:nth-child(4) {
    position: relative;
}
section.quem-somos .container .content .flex:nth-child(4) img {
    width: var(--container-desk);
}
section.quem-somos .container .content .flex:nth-child(4) .title {
    position: absolute;
    /* top: 0; */
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    height: 15%;
    width: 100%;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: rgb(0,0,0);
    background: rgba(0,0,0, .5);
    background: linear-gradient(90deg, #000 0%, transparent 100%);
    transition: .5s ease;
    padding-left: 2vw;
}
section.quem-somos .container .content .flex:nth-child(4) .title h5 {
    position: relative;
    font-size: var(--h5-desk);
    color: var(--branco);
    color: var(--amarelo);
}
section.quem-somos .elemento-lateral {
    width: 21.041666vw;
    right: 0;
    top: 0;
    /* bottom: 0; */
    position: absolute;
}
/*QUEM SOMOS*/


/*GRID*/
section.grid {
    display: flex;
    align-items: center;
    justify-content: center;
}
section.grid .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: .5vw


;
    grid-row-gap: .5vw


;
    /* background: #8D909B;
    background: var(--amarelo); */
}
section.grid .container a  {
    text-decoration: none;
    position: relative;
    border: 1px solid var(--amarelo);
    border: 1px solid #8D909B; 
    border: 1px solid var(--preto); 
}
section.grid .container a .text {
    position: absolute;
    width: 100%;
    height: 15%;
    height: 100%;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) -50%, transparent 80%);
    background: rgba(0,0,0, .5);
    transition: .5s ease;
}
section.grid .container a:hover .text{
      opacity: 1;
}
section.grid .container a .text h5 {
    position: relative;
    /* bottom: 1vw;
    left: 2vw; */
    font-size: var(--h5-desk);
    color: var(--branco);
    
}
section.grid .container picture {}
section.grid .container img {
    height: 21vw;
    width: 33.33vw;
    object-fit: cover;
}
/*GRID*/

/*SERVICOS*/
section.servicos {
    background: url('../assets/bg-bottom.avif')top center no-repeat;
    background-size: cover;
}
section.servicos .container {
    padding: 6.0416666vw 0 7.7083333vw 0;

    padding: 6.0416666vw 0 7.7083333vw 0;
    display: flex;
    flex-direction: column;
    gap: 14vw;
}
section.servicos .container .text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6.25vw;
}
section.servicos .container .text h2 {
    color: var(--amarelo, #FFC904);
    font-size: var(--h2-desk);
    font-weight: 700;
    line-height: 152.043%;
    text-transform: uppercase;
}
section.servicos .container .text p {
    color: var(--branco);
    font-size: var(--p-desk);
    line-height: var(--p-line-height);
    font-weight: 400;
    width: 40%;
    text-align: center;
}
section.servicos .container .text .title-grid {
    font-size: 1.4vw;
    width: fit-content;
    margin-bottom: -3vw;
}
section.servicos .container .text .flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7.8125vw;
}
section.servicos .container .text .flex button {
    font-size: var(--a-font-size-desk);
    padding: var(--a-padding-desk);
    background: var(--amarelo);
    color: var(--preto);
    text-decoration: none;
    border: 0;
    cursor: pointer;
    font-weight: 700;
}
section.servicos .container .text .grid-pacotes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1vw;
    column-gap: .5vw;
    row-gap: 1.5vw;
}
section.servicos .container .text .grid-pacotes .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5vw;
}
section.servicos .container .text .grid-pacotes .item img {
    width: 1.5vw;
}
section.servicos .container .text .grid-pacotes .item p {
    width: 100%;
    text-align: left;
}
section.servicos .elemento-bottom {
    width: 100vw;
}
/*SERVICOS*/

/*WHATSAPP*/
.whatsapp {
    position: fixed;
    bottom: 3vw;
    right: 1vw;
    text-decoration: none;
    display: flex;
    z-index: 10;
}
.whatsapp img {
    width: 4.166666vw;
}
/*WHATSAPP*/

/*FOOTER*/
footer {
    padding: 2.6041666vw 0 3.75vw 0 ;
    position: relative;
}
footer .container {
    width: 85.6704166vw;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .container img {
    width: 8.9583333vw;
}
footer .container .content {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: .78125vw;
}
footer .container .content h5 {
    color: var(--amarelo, #FFC904);
    font-size: var(--h5-desk);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: none;
}
footer .container .content p {
    color: #F6F6F6;
    font-size: var(--p-desk);
    font-style: normal;
    font-weight: 600;
    line-height: var(--p-line-height);
}
footer .container .content .redes {
    display: flex;
    align-items: center;
    gap: 1vw;
}
footer .container .content .redes a {
    display: flex;
    text-decoration: none;
}
footer .container .content .redes img {
    width: 1.6666666vw;
}
footer .container .content hr {
    width: 15.364583vw;
    height: .1041666vw;
    background: var(--amarelo);
    border: 0;
}
footer .container .content a {
    color: var(--branco, #F6F6F6);
    text-align: right;
    font-size: .8333333vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}
footer .container .content a span {}
/*FOOTER*/

main, footer {
    /* display: none; */
}
img {
    width: auto;
}
  /* .popup {
    z-index: 50;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: none;
  }
  
  .popup .container {


    width: 80%;
    height: 80%;
    background: red;
  }
   */
  #container1, #container2 {
    display: none;
  }

  .popup {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 50;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    overflow-y: scroll;
    /* padding: 6vw 0; */
    display: none;
  }
  .popup .container {
    width: 89.583333vw;
    border: 1px solid var(--amarelo, #FFC904);
    background: var(--preto, #1E1C1F);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.125vw;
    gap: 2.125vw;
    padding: 3.8541666vw;
    height: 80%;

    width: fit-content;
  }
  .popup .container .close {
    width: 2.1875vw;
    position: absolute;
    right: 1.3020833vw;
    top: 1.3020833vw;
    cursor: pointer;
  }
  .popup .container h2 {
    color: var(--amarelo, #FFC904);
    font-size: 1.6666666vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: left;
  }
  .popup .container  h2 span {
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-weight: 700;
  }

  .popup .container .timer {
    color: var(--branco, #F6F6F6);
    font-size: var(--p-desk);
    font-size: .8vw;
    font-style: normal;
    font-weight: 400;
    line-height: 166.667%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5vw;
  }
  .popup .container .timer img {
    width: 1.4vw;
  }

  .popup .container .content {
    display: flex;
    /* align-items: stretch;
    justify-content: center; */
    flex-direction: column;
    gap: 4.1666666vw;
    width: 83.854166vw;

    width: fit-content;

    overflow: auto;
    overflow-x: hidden;

    cursor: ns-resize;
  }
  .popup .container .content .row {
      display: flex;
      align-items: stretch;
      justify-content: center;
      gap: 4.1666666vw;
    }
  .popup .container .content .separator {
    align-self: center;
    width: 0.5208333vw;
  }
  .popup .container .content .row2 .separator {
    height: 14vw;
    width: 0.5208333vw;
    object-fit: cover;
  }
  .popup .container .content .flex {
    width: 22.395833vw;
  }
  .popup .container .content .flex h3 {
    color: var(--amarelo, #FFC904);
    font-size: var(--h4-desk);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.popup .container .content .flex ul + h3 {
    margin-top: 2.65625vw;
}
.popup .container .content .flex h3  span {
    color: var(--cinza, #8D909B);
    font-size: var(--p-desk);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: lowercase;
}
  .popup .container .content .flex hr {
    width: 10.520833vw;
    height: .1041666vw;
    border: 0;
    background: var(--amarelo);
    margin-top: 1.0416666vw;
    margin-bottom: 1.71875vw;
}
.popup .container .content .flex ul { 
    padding-left: 1vw;
    display: flex;
    flex-direction: column;
    gap: .7vw;
}
.popup .container .content .flex ul li {
    color: var(--branco, #F6F6F6);
    font-size: var(--p-desk);
    font-style: normal;
    font-weight: 400;
    line-height: 166.667%;
}
.popup .container .content .flex small {
      color: var(--branco, #F6F6F6);
    font-size: var(--p-desk);
    font-style: normal;
    font-weight: 400;
    line-height: 166.667%;
        font-size: .7vw;
    margin-top: 4vw;
    position: relative;
    top: 1vw;
}
.popup .container .content .flex div  {
    position: relative;
}
.popup .container .content .flex div img  {
    width: 95%;
}
.popup .container .content .flex h4 {
    color: var(--amarelo, #FFC904);
    font-size: .9vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    width: 95%;
    position: absolute;
    background: var(--f-spinner-color-2);
    padding: 0.2vw;
    bottom: 0;  
    
    text-align: right;
}
.popup .container .content .flex ul + h4 {
        position: relative;
    left: 0;
    text-align: left;
    margin: 2vw 0 1vw 0;
    font-size: 1vw;
}
.popup .container .content .imgs {
    width: 22.395833vw;
    display: flex;
    flex-direction: column;
    gap: 1vw;
}
.popup .container .content .row3 .imgs {
    width: 100%;
    flex-direction: row;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}
.popup .container .content .row3 .imgs div {
    width: 100%;
}
.popup .container .content .row3 .imgs div picture img {
    width: 100%;
}

.popup ,
#popup1.popup  {
    padding-bottom: 10vw;
    padding-top: 10vw;
    bottom: 0;
    padding: 0;
}
#popup1.popup .container {

    width: 73.28125vw;
    align-items: flex-start;
    top: 0vw;
    height: auto;
    position: absolute;
    top: 5vw;
}

.popup #sib-form {
    text-align: left;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 3.0864197vw;
    grid-row-gap: var(--h4-desk);
}
.popup #sib-form > div {}
.popup #sib-form > div:nth-child(8) {
    grid-row: 4 / 6;
    grid-column: 2 / 2;
}
.popup #sib-form > div:nth-child(9) {
    align-self: center;
}
.popup .sib-form {
    background-attachment: fixed;
    font-size: inherit;
    font-family: 'Raleway', sans-serif;
    padding: 0;
    margin: 0;
    width: 100%;
}
.popup #sib-container {
    background: var(--preto);
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.popup .sib-form-block {
    padding: 0;
}
.popup .sib-form .entry__field {
    border-radius: 0;
    margin: 0;
 }
.popup .sib-form .entry__field textarea {
    resize: none;
 }

 #popup1.popup .container h2 {
    text-transform: unset;
 }
 .sib-form .entry__label {
    font-size: var(--h4-desk);
    margin-bottom: var(--h4-desk);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
 }
 .sib-form .input:not(textarea), 
 .sib-form .input__button {
    height: auto;
}
.sib-form .input:last-child,
.sib-form .input__affix:last-child {
    padding: 0.8333333vw;
    color: var(--cinza, #8D909B);
    font-size: var(--h4-desk);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sib-sms-select__number-input {
    display: flex;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 0;
    border-radius: 0;
}
.sib-sms-select {
    display: flex;
    width: 100%;
    font-size: inherit;
    position: relative;
    max-height: 3.1770833vw;
}

.sib-sms-select__title {
    display: flex;
    position: relative;
    align-items: center;
    background: #ffffff;
    border: 0;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: var(--h4-desk);
    height: auto;
    padding: 0.8333333vw;
    margin-right: .5vw;
    width: 100%;
    max-width: 60px;
    max-width: 5.125vw;
}
.sib-sms-select__phone-number {
    font-size: var(--h4-desk);
    height: auto;
    padding: 0.8333333vw;
}
.sib-sms-select__calling-code {
    font-size: var(--h4-desk);
    height: auto;
    padding: 0.8333333vw 0;
    max-width: 3.6458333vw;
}
.sib-form .entry__error {
    color: #ff4949;
    font-size: 1vw;
    line-height: 140%;
}
.sib-form-block__button {
    border: none;
    overflow-wrap: break-word;
    max-width: 100%;
    cursor: pointer;
    font-size: var(--a-font-size-desk);
    padding: var(--a-padding-desk);
    background: var(--amarelo);
    color: var(--preto);
    text-decoration: none;
    border: 0;
    cursor: pointer;
    font-weight: 700;
}
button, a {
cursor: pointer;
border-radius: .4166666vw;
}

@media screen and (max-width: 3445px) and (min-width: 3430px) {
    
}

/* Chrome, Edge and Safari */
.popup .container .content::-webkit-scrollbar {
    height: 4.5046728vw;
    width: .5vw;
    min-width: .8vw;
    max-width: .9vw;
    display: block;
}
.popup .container .content::-webkit-scrollbar-button {
    width: 14vw;
    max-width: 14vw;
    min-width: 14vw;
}
.popup .container .content::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #8D909B;
    border: .2604166vw solid var(--preto);

    position: relative;
    margin-right: 0vw;
    margin-left: 10vw;
    transition: all 3s ease;
}
.popup .container .content::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: var(--amarelo);
    border: .8vw solid var(--preto);
}

.popup .container .content::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: var(--amarelo);
    border: 0.2604166vw solid #000;
}



#quem-somos {
    position: absolute;
    top: -5vw;
}
#galeria {
    position: absolute;
    top: -7vw;
}
#contato {
    position: absolute;
    top: 0;
}

.mob {
    display: none;
}

@media screen and (max-width: 768px) {
    .desk {
        display: none;
    }
    .mob {
        display: block;
    }

    #quem-somos {
        position: absolute;
        top: -20vw;
    }
    #galeria {
        position: absolute;
        top: -20vw;
    }
    #contato {
        position: absolute;
        top: 0;
    }



    nav .navLinks ul li {
        margin-top: 5vw;
    }
    nav ul li a {
        text-decoration: none;
        color: #FFF ;
        font-size: 5vw;
    }
    nav ul button {
        font-size: var(--a-font-size-mob);
        padding: var(--a-padding-mob);
        background: var(--amarelo);
        color: var(--preto);
        text-decoration: none;
        border: 0;
        cursor: pointer;
        font-weight: 700;
    }
    header nav {
        justify-content: space-between;
        width: 80vw;
    }
    header {
        padding: 3.125vw 0;
        padding: 6.125vw 0;
    }
   
    header nav .menu {
        display: none;
    }
    header nav .logo {
        z-index: 10;
        width: 19.323671vw;
        width: 14.323671vw;
    }
    nav ul.navAtiva {
        display: block;
        text-align: left;
        padding: 2em;
    }
    .hamburguer {
        display: block;
    }
    nav .navLinks {
        position: absolute;
        width: 100%;
        height: calc(90vh - 50px);
        background: rgba(0, 0, 0, 0.6);
        top: 0;
        left: 0;
        transition: 0.6s;
        font-size: 18px;
        font-size: 6vw;
        z-index: 5;
    }
    nav .navLinks ul {
        list-style: none;
        padding-top: 15vw;
        display: flex;
        flex-direction: column;
        gap: 12vw;
        align-items: center;
    }

    section.hero {
        width: 100vw;
        height: 90vh;
    }
    section.hero .container {
        background: rgba(0,0,0, .5);
    }
    section.hero .container .text {
        position: relative;
        width: 74.615384vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8.9743588vw;
        left: 13.33333333vw;
        align-self: flex-end;
        bottom: 13.3333333vw;
    }
    section.hero .container .text h1 {
        font-size: var(--h1-mob);
    }
    section.hero .container .text button {
        font-size: var(--a-font-size-mob);
        font-weight: 700;
        padding: var(--a-padding-mob);
    }
    section.quem-somos  {
        overflow: hidden    ;
    }
    section.quem-somos .container  {
        left: unset;
        padding-top: 15.384615vw;
    }
    section.quem-somos .container h2 {
        font-size: var(--h2-mob);
        margin-bottom: 13.333333vw;
        margin-left: 12.820512vw;
    }
    section.quem-somos .container .content {
        width: 100%;
        gap: 8.4615384vw;

    }
    section.quem-somos .container .content .flex {
        gap: 5.3846153vw;
        flex-direction: column;
    }
    section.quem-somos .container .content .flex:nth-child(2) {
        flex-direction: column-reverse;
    }
    section.quem-somos .container .content  .text {
        width: 87.179487vw !important;
        padding: var(--text-padding-mob);
    }
    section.quem-somos .container .content .flex:nth-child(1) .text p ,
    section.quem-somos .container .content .flex:nth-child(2) .text p ,
    section.quem-somos .container .content .flex:nth-child(3) .text p {
        font-size: var(--a-font-size-mob);
        font-size: var(--p-mob);
        width: auto;
    }
    section.quem-somos .container .content .flex:nth-child(3) .text .end span,
    section.quem-somos .container .content .flex:nth-child(3) .text .end {
        font-size: var(--a-font-size-mob);
        font-size: var(--p-mob);
    }
    section.quem-somos .container .content  .img {
        width: 87.179487vw !important;
    }
    section.quem-somos .container .content  .img img {
        width: 100% !important;
    }
    section.quem-somos .container .content .flex div {
        height: auto !important;
    }
    section.quem-somos .container .content .flex div:nth-child(1){
        align-self: flex-start;
    }
    section.quem-somos .container .content .flex div:nth-child(2){
        align-self: flex-end;
    }
    section.quem-somos .container .content .flex:nth-child(2) div:nth-child(1) {
        align-self: flex-end;
    }
    section.quem-somos .container .content .flex:nth-child(2) div:nth-child(2) {
        align-self: flex-start;
    }
    section.quem-somos .container .content .flex:nth-child(3) .text div {
        width: 1vw;
        height: 8.229167vw !important;
        align-self: flex-start !important;
    }
    section.quem-somos .container .content .flex:nth-child(3) .text {
        padding: var(--text-padding-mob);
        gap: 3.041667vw;
    }
    section.quem-somos .container .content .flex:nth-child(4) img {
        width: 100vw;
    }

    section.quem-somos .container .content .flex:nth-child(4) .title {
        padding-left: 5vw;
        height: 28% !important;
    }
    section.quem-somos .container .content .flex:nth-child(4) .title h5 {
        font-size: 3vw;
    }



    section.grid .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0.5vw;
        grid-row-gap: 0.5vw;
    }
    section.grid .container img {
        height: 40vw;
        width: 49vw;
        object-fit: cover;
    }
    section.grid .container a .text {
        opacity: 1;
    }
    section.grid .container a .text h5 {
        font-size: 3vw;
    }

    section.servicos .container .text .flex {
        display: flex;
        align-items: stretch;
        justify-content: center;
        gap: 7.8125vw;
        flex-direction: column;
    }
    section.servicos .container {
        padding: 19.230769vw 0 42.051282vw 0;
        gap: 17vw;
    }
    section.servicos .container .text {
        gap: 10.25641vw;
    }
    section.servicos .container .text h2 {
        font-size: var(--h2-mob);
        width: 50%;
        width: 70%;
        text-align: center;
    }
    section.servicos .container .text p {
        font-size: var(--p-mob);
        width: 80%;
    }
    section.servicos .container .text .title-grid {
        font-size: var(--p-mob);
        width: fit-content;
        margin-bottom: -3vw;
    }
    section.servicos .container .text .flex button {
        font-size: var(--a-font-size-mob);
        padding: var(--a-padding-mob);
        margin-top: 10.25641vw;
    }
    section.servicos .container .text .grid-pacotes {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0;
        row-gap: 4.5vw;
        width: 90%;
    }
    section.servicos .container .text .grid-pacotes .item {
        gap: 0.5vw;
    }
    section.servicos .container .text .grid-pacotes .item img {
        width: 7.5vw;
    }



    footer  {
        padding: 12vw 0;
    }
    footer .container {
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 17vw;
    }
    footer .container .content {
        align-items: center;
        gap: 7.6923076vw;
        width: 74.358974vw;
    }
    footer .container .content a {
        font-size: 2.5641025vw;
        text-align: center;
        width: 40vw;
    }
    footer .container .content hr {
        display: none;
    }
    footer .container .content p {
        font-size: var(--p-mob);
        text-align: center;
    }
    footer .container .content .redes  {
        gap: 13vw;
    }
    footer .container .content .redes a {
        display: flex;
        text-decoration: none;
        align-items: center;
        justify-content: center;
        width: fit-content;
    }
    footer .container .content .redes a img {
        width: 5.666667vw;
    }
    footer .container img {
        width: 14.102564vw;
    }

    .whatsapp {
        bottom: 5vw;
        right: 5vw;
        right: 2.5vw;
        z-index: 10;
    }
    .whatsapp img {
        width: 12.166666vw;
    }


    /**/

      /*POPUP*/
      .popup .container {
        gap: 12vw;
        gap: 9vw;
        padding: 12vw 4vw;
        top: 25vw;
        top: 5vw;
    }
    .popup .container h2 {
        font-size: var(--h2-mob);
    }
    .popup .container .timer {
        font-size: 3.6231884vw;
        gap: 2.5vw;
    }
    .popup .container .timer img {
        width: 6.4vw;
    }
    .popup .container .content {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 7.166667vw;
        width: 83.854166vw;
        overflow: auto;
        cursor: unset;
        flex-direction: column;
    }
    .popup .container .close {
        width: 5.1875vw;
        position: absolute;
        right: 3.302083vw;
        top: 3.302083vw;
        cursor: pointer;
    }
    .popup .container .content .row {
        flex-direction: column;
    }
    .popup .container .content .flex h4 {
        width: 100%;
        position: relative;
        background: unset;
        padding: 0.2vw;
        font-size: 3.6231884vw;
    }
    .popup .container .content .flex ul + h4 {
            margin: 4vw 0 2vw 0;
    font-size: 3.5vw;
    }
    .popup .container .content .flex div img {
        width: 100%;
    }
    .popup .container .content .imgs {
        gap: 3vw;
    }
    .popup .container .content .flex {
        width: 90% !important;
        margin: 0 auto !important;
    }
    .popup .container .content .flex h3 {
        font-size: 4.347826vw !important;
    }
    .popup .container .content .flex h3 span {
        font-size: 3.3816425vw !important;
    }
    .popup .container .content .flex hr {
        width: 46.520833vw !important;
        height: 1vw !important;
        margin-top: 3.041667vw !important; 
        margin-bottom: 5.71875vw !important;
    }
    .popup .container .content .flex ul {
        padding-left: 4.5vw ;
    }
    .popup .container .content .flex ul li a,
    .popup .container .content .flex ul li {
        font-size: 3.6231884vw !important;    
    }
    #popup1.popup .container .content .mid ul li + li {
        margin-top: 4vw;
    }
    #popup1.popup .container .content .flex ul {
        margin-bottom: 12vw;
    }
    #popup1.popup .container .content .flex ul li a {
        gap: 2vw;
    }
    #popup1.popup .container .content .flex ul li a img {
        width: 5vw;
    }
    .popup .container .content .separator {
        display: none;
    }
  .popup .container .content .flex small {
        font-size: 3.5vw;
    }
    .popup .container .content .row3 .imgs {
        flex-direction: column;
    }


        /* Chrome, Edge and Safari */
    .popup .container .content::-webkit-scrollbar {
        height: 4.5046728vw;
        width: .5vw;
        min-width: 2.5vw;
        max-width: 2.5vw;
        display: block;
    }
    .popup .container .content::-webkit-scrollbar-button {
        width: 14vw;
        max-width: 14vw;
        min-width: 14vw;
    }
    .popup .container .content::-webkit-scrollbar-track {
        border-radius: 0px;
        background-color: #8D909B;
        border: .2604166vw solid var(--preto);

        position: relative;
        margin-right: 0vw;
        margin-left: 10vw;
        transition: all 3s ease;
    }
    .popup .container .content::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background-color: var(--amarelo);
        border: .8vw solid var(--preto);
    }

    .popup .container .content::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background-color: var(--amarelo);
        border: 0.2604166vw solid #000;
    }

    /**/

    #popup1.popup .container h2 {
        font-size: var(--h2-mob);
    }
    .popup #sib-form {
        display: flex;
        flex-direction: column;
        gap: 6vw;
    }
    .sib-form .entry__label {
        font-size: 3.62531884vw;
        font-size: var(--p-mob);
        margin-bottom: 3.62531884vw;
        font-weight: 400;
    }
    .sib-form .input:last-child, .sib-form .input__affix:last-child {
        font-size: 3.62531884vw;
        font-size: var(--p-mob);
        padding: 2.83333vw;
    }
    .sib-sms-select {
        display: flex;
        width: 100%;
        font-size: inherit;
        position: relative;
        max-height: unset;
        flex-direction: column;
    }

    .sib-sms-select__title {
        border-radius: 0;
        font-size: unset;
        height: auto;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        padding: 2.83333vw;
    }
    .sib-sms-select__title>.sib-flag {
        margin-left: 0;
        float: left;
        position: relative;
        bottom: 0;
    }
    .sib-sms-select__title>.sib-sms-select__label-text {
        display: inline-block;
        max-width: 85%;
        margin-left: 1vw;
        padding-bottom: 0;
        font-size: var(--p-mob);
        float: left;
    }
    .sib-sms-tooltip {
        position: absolute;
        right: 1vw;
        top: 73%;
        width: 4.35vw;
        height: 4.35vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sib-sms-tooltip__icon {
        color: #fff;
        width: 6.7vw;
        height: 6.7vw;
        display: block;
        background: rgba(0,0,0,0);
        text-align: center;
        font-size: var(--p-mob) !important;
        padding: 1vw;
    }
    .sib-sms-select__title::after {
        right: 3vw;
    }
    .sib-sms-select__number-input {
        width: 85%;
        width: 88%;
    }
    .sib-sms-select__calling-code {
        font-size: var(--p-mob);
        height: auto;
        padding: 0.833333vw 0;
        max-width: 13.645833vw;
        padding: 2.83333vw 0;
    }
    .sib-sms-select__phone-number {
        font-size: var(--p-mob);
        height: auto;
        padding: inherit;
        width: 100%;
        padding: 2.83333vw;
    }
    .popup .container .close {
        width: 4.1875vw;
        position: absolute;
        right: 4.302083vw;
        top: 4.302083vw;
        cursor: pointer;
    }
    .sib-form-block__button {
        font-size: var(--a-font-size-mob);
        padding: var(--a-padding-mob);
    }
    .sib-form .entry__error {
        font-size: 3.3vw;
        line-height: 100%;
    }
    #popup1.popup .container {
        width: 80.28125vw;
        align-items: flex-start;
        top: 17vw;
        height: auto;
        position: absolute;
        gap: 10vw;
        padding: 10vw 5vw;
    }






}

 /*Adicionando animação*/
    
    @keyframes navLinkDesaparece {
        from {
            opacity: 0;
            transform: translateX(100px);
        }
        to {
            opacity: 1;
            transform: translateX(0px);
        }
    }
    /*Transformando Menu Hamburguer em X*/
    
    .hamburguerAlternar .linha1 {
        transform: rotate(45deg) translate(5px, 6px);
    }
    
    .hamburguerAlternar .linha2 {
        opacity: 0;
    }
    
    .hamburguerAlternar .linha3 {
        transform: rotate(-45deg) translate(5px, -6px);
    }