body{
    background: #fff;
    padding-top: 130px;
}
a:hover{ text-decoration: none; }
/* ==========================
   CSS Cookie Consent 
   Termo de aceite Cookie no Site
   ========================== */
.cookie-consent {
    display: block;
    width: 100%;
    min-width: 340px;
    height: auto;
    margin: 0;
    padding: 20px 20px 20px 70px;
    background: #a4ca00;
    position: fixed;
    bottom: 0;
    left: 0px;
    z-index: 90000;
}

.cookie-consent-box {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    gap: 30px 0;
    margin: 0;
    padding: 0;
    width: 100%;
    flex-direction: column;
}

.cookie-consent-text {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.cookie-consent__title {
    font-size: 26px;
    font-family: "Calibri";
    font-weight: bold;
    color: #373737;
    margin-bottom: 20px;
}

.cookie-consent__message {
    font-size: 22px;
    line-height: 22px;
    color: #373737;
    font-family: "Calibri";
    margin-bottom: 20px;
    text-align: center;
}

.cookie-consent-button {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0 0;
    width: 250px;
    margin: 0;
    padding: 0;
}

.cookie-consent__agree {
    display: block;
    width: 250px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    border-radius: 18px;
    background: #152c47;
    color: #efba1d;
    line-height: 50px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    appearance: none;
    border: 0;
    cursor: pointer;
    transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
}

.cookie-consent__agree:hover {
    background: #152c47;
    font-weight: bold;
    color: #efba1d;
    letter-spacing: 5px;
}
/* ==========================
   Header
   Css no cabeçalho
   ========================== */
#header{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box;
    font-family: "mr-eaves-sans", sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    transition: 0.35s;
    gap: 0 10px;
}
/* Quando o header fica fixo */
#header.absolute {
   position: absolute;
   height: 116px;
}
#header.fixed {
  position: fixed;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 75px;
}
#main-logo{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: auto;
    height: 130px;
}
#logo{ transition: 0.35s; }
#header.absolute #logo{ height: auto; width: 130px; }
#header.fixed #logo{ height: auto; width: 80px; }
#menu{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 110px;
    height: 45px;
    padding: 0;
    background-color: #152c47;
    box-sizing: border-box;
    font-family: "mr-eaves-sans", sans-serif;
    transition: 0.35s;
    border-radius: 7px;
    border: none;
    box-shadow: none;
    margin-left: 5%;
    gap: 5px;
}
.iconMenu{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 18px;
    color: #fff;
}
.menu-name{
    font-size: 18px;
    color: #fff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
 }
#selectHotel{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 50px;
    height: 45px;
    margin: 0;
    color: #fff;
    transition: 0.35s;
    border-radius: 7px;
    background-color: #152c47;
    border: none;
    box-shadow: none;
}
.icon-selectHotel{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 18px;
    color: #fff;
}

#mainMenu, #mainHotel{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    right: -100%;
    background-color: #072c49;
    width: 100%;
    height: auto;
    min-height: 600px;
    z-index: 99999;
    transition: 0.35s;
    opacity: 0;
    visibility: hidden;
    transition: right 0.5s ease, opacity 0.4s ease, visibility 0.3s;
    overflow-y: auto;
}
#mainMenu.showMenu, #mainHotel.showMenu{
    right: 0;
    opacity: 1;
    visibility: visible;
}
.button-closeMenu, .button-closeHotel{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5%;
    right: 5%;
    width: 45px;
    height: 45px;
    border-radius: 7px;
    background: transparent;
    border: none;
    box-shadow: none;
}
.closeMenu{
    width: 45px;
    height: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-size: 20px;
    color: #efba1d;
    margin: 0;
    padding: 0;
    border: none;
}
.menuTitle{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    font-size: 36px;
    color: #fff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    margin-bottom: 45px;
}
.main-menu{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    width: 90%;
    gap: 25px;
}
.item-menu{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
}
.link-menu{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
}
.link-menu:hover{
    text-decoration: none;
    color: #fff;
    font-weight: 800;
}

#list-mainHotel{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    width: 90%;
    gap: 25px;
}
.item-mainHotel, .link-mainHotel{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    width: 90%;
}
.link-mainHotel{ gap: 10px; }
.link-mainHotel:hover{ text-decoration: none; }
.image-mainHotel{
    overflow: hidden;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.name-hotel{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    width: calc(100% - 110px);
    font-size: 26px;
    line-height: 28px;
    color: #fff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
}


/* ==========================
   Footer
   Css no Rodapé
   ========================== */
#footer-complete{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    margin-top: 50px;
}
#main-footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
}
#logo-footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 115px;
    background: #40454a;
} 
#footer-info{
    display: flex;
    width: 100%;
    height: auto;
    background: #152c47;
    padding: 35px 15px 45px;
    box-sizing: border-box;
}
.footer-home{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}
#footer-address, #address-list, .address-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
}
#address-list{
    gap: 30px;
}
.address-name{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    font-size: 32px;
    color: #ffffff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    text-align: center;
}
.address-phone, .address-whats{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #ffffff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    gap: 10px;
}
.address-whats:hover{ color: #fff; font-weight: 600; }
.addrees-iconWhats{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: #efba1d;
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: none;
}
.address-mail{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #ffffff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
}
.address-complete{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #ffffff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    text-align: center;
    margin-top: 30px;
}
.networks{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.network-list{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    width: 100%;
    height: auto;
    gap: 20px;
}
.network-item, .network-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 45px;
    height: 45px;
}
.network-link:hover{ text-decoration: none; }
.network-icon{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 45px;
    margin: 0;
    padding: 0;
    border: none;
}
#polices{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #fff;
}
.polices-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    color: #ffffff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
}
#polices-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 31px;
}
.police-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    gap: 10px;
}
.police-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    color: #ffffff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    gap: 10px;
}
.police-link:hover{
    text-decoration: none;
}
#copyright{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    min-height: 70px;
    background: #efba1d; 
    color: #152c47;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    padding: 0 5%;
}
#developer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    min-height: 80px;
    background: #fff;
    color: #262626;
}
.developer-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    min-height: 70px;
    color: #262626;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    gap: 5px;
    box-sizing: border-box;
    padding: 15px 0;
}

/* ==========================
   All Pages
   Css usado em todas as Páginas
   ========================== */

#main-website{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: "mr-eaves-sans", sans-serif;
}
.boxForMain{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: "mr-eaves-sans", sans-serif;
}

#awards{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box;
    margin-top: 60px;
}
.awards-title{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    align-content: start;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    height: auto;
    font-size: 38px;
    color: #454545;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
}
#awards-list{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    height: auto;
    gap: 15px;
}
.awards-item, .awards-link{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    align-content: start;
    flex-wrap: wrap;
    padding: 0;
    width: 98px;
    height: 98px;
}
.awards-image{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 98px;
    height: 98px;
    overflow: hidden;
}

#main-internalBanner, .internalBanner{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 200px;
    background-color: #072c49;
    overflow: hidden;
}
#title-pages{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    color: #072c49;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    text-align: center;
    font-size: 58px;
    line-height: 32px;
    margin-top: 45px;
}
#title-pages em{
    display: block;
    color: #c19c02;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

/* ==========================
   Página de Seleção de Hotel
   Listagem de hoteis para seleção
   ========================== */
#hotel-list, .hotel-item, .hotel-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    transition-duration: .35s;
}
#hotel-list{ gap: 55px; }
.hotel-link{ text-decoration: none; }
.main-image, .hotel-image{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    height: 250px;
    border-radius: 6px;
    position: relative;
}
.hotel-image{ transition-duration: .35s; }
.hotel-image::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent);
  z-index: 99;
}
.hotel-link:hover .hotel-image{ transform: scale(1.1); }
.hotel-name{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0;
    width: 80%;
    height: auto;
    position: absolute;
    top: 5%;
    left: 10%;
    font-size: 28px;
    color: #f9eddc;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    z-index: 999;
}
.hotel-button{
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    height: 46px;
    border: 1px solid #2f287a;
    color: #2f287a;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    box-shadow: unset;
    background: #fff;
    margin-top: 25px;
}
.waveDown{
    width: 100%;
    height: auto;
    display: block;
}
/* .wave {
  width: 100%;
  height: 80px;
  background-color: #072c49;
  clip-path: path("M0,40 C150,10 350,70 500,40 C650,10 850,70 1000,40 L1000,100 L0,100 Z");
  margin: 0;
  padding: 0;
} */

/* ==========================
   Home
   Css no Home
   ========================== */
#main-banner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    height: auto;
}

.banner-slider,
.banner-slider .slick-list,
.banner-slider .slick-track {
    width: 100%;
    height: 100%;
}

.itemBanner {
    width: 100%;
    line-height: 0; /* elimina espaço fantasma abaixo da img */
}

.itemBanner a {
    display: block;
    width: 100%;
    line-height: 0;
}

.banner-image {
    width: 100%;
    height: auto;
    display: block;
}
/* ── Arrows ── */
.bannerArrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.35);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s;
}

.bannerArrow--prev { left: 16px; }
.bannerArrow--next { right: 16px; }

.bannerArrow svg {
    width: 22px;
    height: 22px;
    color: #fff;
    display: block;
}

/* ── Dots ── */
.banner-slider .slick-dots {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.banner-slider .slick-dots li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0;
}

.banner-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.45);
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 0;       /* esconde o texto "1, 2, 3" do slick */
    transition: background 0.3s, transform 0.3s;
}

.banner-slider .slick-dots li.slick-active button {
    background: #fff;
    transform: scale(1.3);
}


#main-reservations{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-bottom: 35px;
    margin-top: 45px;
}
.title-reservation, .title-promotionalItems{
    display: block;
    width: 100%;
    text-align: center;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: #454545;
    margin-bottom: 10px
}
.description-reservation{
    display: block;
    width: 100%;
    text-align: center;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #454545;
    margin-bottom: 20px;
    line-height: 22px;
}
.button-reservation{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: auto;
    margin-bottom: 35px;
    width: 90%;
    height: 45px;
    background: #072c49;
    color: #fff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    text-align: center;
    border-radius: 12px;
    transition-duration: 0.35s;
}
.button-reservation:hover{
    background: #152c47;
    color: #c19c02;
    font-weight: 600;
    letter-spacing: 5px;
}
#main-atractions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
}
.title-atraction, .title-promotion, .title-structure{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 90%;
    height: auto;
    font-size: 42px;
    color: #152c47;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    text-align: center;
    margin-bottom: 45px;
    line-height: 42px;
}
.hotelName{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #c19c02;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    text-align: center;
}
.line{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
#atractions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    gap: 20px;
    margin-top: 40px;
}
.item-atraction, .atraction-link, .atraction{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
}
.atraction{
    position: relative;
}
.atraction-image{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 320px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}
.atraction-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent);
    z-index: 99;
}
.atraction-name{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 90%;
    position: absolute;
    text-align: center;
    top: 10%;
    left: 5%;
    font-size: 45px;
    color: #fff;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    z-index: 999;
}
.wave{
    display: block;
    width: 100%;
}
#wave-top{ margin-top: 40px; margin-bottom: -1px; }
.waveUp{
    width: 100%;
    height: auto;
    display: block;
}
#wave-bottom{ margin-top: -1px;  }
#main-promotions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    position: relative;
    background: #152c47;
    padding: 40px 0 35px;
    margin: 0;
}
.title-promotion{ color: #dadada; }
#promotions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    height: auto;
    margin: 25px 0 0;
    gap: 30px;
}
.itemPromotional, .linkPromotional{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    height: 300px;
}
.main-imagePromotional{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 15px;
    max-width: 260px;
}
.buttonPromotional{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    width: 190px;
    height: 45px;
    box-shadow: none;
    border: none;
    background: #dadada;
    text-align: center;
    font-size: 22px;
    color: #152c47;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    margin: 0;
    margin-left: -90px;
    padding: 0;
    z-index: 9999;
    bottom: -20px;
    left: 50%;
    border-radius: 7px;
}

#main-structure{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    margin-top: 30px;
}
#structure, .item-structure, .atraction-link{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
}
#structure{ gap: 20px; padding: 20px 0 0; }
.atraction-link{
    position: relative;
}
.structure-image{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 188px;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
}
.structure-name{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: auto;
    max-width: 80%;
    height: auto;
    position: absolute;
    top: 10%;
    left: 5%;
    padding: 5px 10px;
    background: #152c47;
    font-size: 22px;
    color: #dadada;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    border-radius: 7px;
}
/* ==========================
   Página de listagem de quartos
   Acomodações
   ========================== */
#acomodations{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#text-titleAcomodations{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 27px;
    margin-top: 10px;
}
.text-titleAcomodations strong{ font-weight: 800; }

#list-acomodations, .item-acomodations, .link-acomodations{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content:center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 25px;
}
#list-acomodations{ margin-top: 45px; }
.item-acomodations, .link-acomodations{ gap: 0; }
.main-imageAcomodations{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 260px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}
.main-acomodations{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
}
.name-acomodations{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 15px;
}
#detail-acomodation{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
}
.detail-acomodations{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 25px;
    margin-top: 10px;
}
.buttonAcomodations{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    box-shadow: none;
    border: none;
    background: #f6f6f6;
    text-align: center;
    font-size: 18px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin: 25px 0 0;
    padding: 0;
    border-radius: 7px;
    border: 1px solid #373737;
}

/* ==========================
   Página de Acomodação
   Detalhes do quarto selecionado
   ========================== */
#acomodation{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.name-acomodation{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 52px;
    color: #373737;
    margin-top: 45px;
    line-height: 46px;
}
.name-acomodation span{
    display: block;
    font-weight: 300;
    font-size: 22px;
    line-height: 18px;
}
.imageAcomodation{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 260px;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 25px;
}
#gallery-acommodation{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 25px;
    gap: 20px;
    margin-top: 35px;
    margin-bottom: 45px;
}
.title-gallery{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    font-size: 32px;
    color: #373737;
}
#main-gallery{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.item-gallery{
    display: flex;
    flex-direction: column;
    
    justify-content: center;
    align-items: center;
    align-content: center;
    width: calc(50% - 10px);
    height: auto;
}
.full-imagegallery{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-decoration: none;
}
.image-gallery{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 130px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}
.button-acomodation{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 55px;
    border-radius: 27.5px;
    background: #4fc34f;
    box-shadow: none;
    border: none;
    text-align: center;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    margin-top: 45px;
    gap: 5px;
}
.icon-whatsAcomodation{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 29px;
    height: 29px;
    color: #fff;
    font-size: 29px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
}
.button-acomodation:hover{ text-decoration: none; background-color: #3e973e; color: #f9eddc; }
#acomodationHas{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 45px;
}
.title-acomodationHas{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;;
    color: #072c49;
    font-size: 32px;
    text-align: center;
    line-height: 28px; 
}
#behaves{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 20px;
    gap: 10px;
}
.behaves-number{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
    align-content: center;
    width: calc(50% - 10px);
    height: auto;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    color: #373737;
    font-size: 22px;
    gap: 0;
}
.icon-behaves{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 45px;
    height: 45px;
    color: #373737;
    font-size: 45px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
}
.behaves-number span{
    display: block;
    line-height: 28px;
}
.behaves-number strong{
    font-weight: 800;
    font-size: 32px;
}
#hasAcommodation{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 20px;
    background: #f6f6f6;
    padding: 15px 20px;
    box-sizing: border-box;
}
.separate{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.separate path{ fill: #072c49; }
.item-hasAcommodation{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    gap: 10px;
}
.icon-hasAcommodation{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 30px;
    height: 30px;
}
.icon-hasAcommodation svg{
    width: 30px;
    height: 30px;
    fill: #072c49;
}
.icon-hasAcommodation svg path{ fill: #072c49; } 
.detail-hasAcommodation{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    color: #373737;
    font-size: 18px;
    line-height: 22px;
    width: calc(100% - 40px);
}
#reserve{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 30px;
    gap: 10px;
}
.button-reserveAcomodation{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    border-radius: 11px;
    background: #072c49;
    box-shadow: none;
    border: none;
    color: #fff;
    font-family: "mr-eaves-sans", sans-serif;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    min-height: 75px;
}
.detail-reserve{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    color: #373737;
    font-size: 18px;
    line-height: 25px;
}
.button-otherAcomodation{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    border-radius: 11px;
    background: #f0f0f0;
    border: 1px solid #072c49;
    box-shadow: none;
    color: #072c49;
    font-family: "mr-eaves-sans", sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    min-height: 55px;
    margin-top: 30px;
}
.button-reserveAcomodation:hover, .button-otherAcomodation:hover{ text-decoration: none; }
/* ==========================
   Página de listagem Estrutura
   lista de estrutura do hotel
   ========================== */
#structure{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#text-titlestructure{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 27px;
    margin-top: 10px;
}
.text-titlestructure strong{ font-weight: 800; }

#list-structure, .item-structure, .link-structure{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 25px;
}
#list-structure{ margin-top: 45px; }
.item-structure, .link-structure{ gap: 0; }
.main-imagestructure{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    margin-bottom: 25px;
}
.name-structure{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 15px;
}
.detail-structure{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 24px;
    margin-top: 10px;
}
.buttonstructure{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    box-shadow: none;
    border: none;
    background: #f6f6f6;
    text-align: center;
    font-size: 18px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin: 25px 0 0;
    padding: 0;
    border-radius: 7px;
    border: 1px solid #373737;
}
/* ==========================
   Página de Estrutura Zoom
   Detalhes do item de estrutura selecionado
   ========================== */
#estruturazoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.name-estruturazoom{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 52px;
    color: #373737;
    margin-top: 45px;
    line-height: 46px;
}
.name-estruturazoom span{
    display: block;
    font-weight: 300;
    font-size: 22px;
    line-height: 18px;
}
.imageestruturazoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 25px;
}
#gallery-estruturazoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 25px;
    gap: 20px;
    margin-top: 35px;
}
#main-galleryEstruture{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.item-galleryEstruture{
    display: flex;
    flex-direction: column;
    
    justify-content: center;
    align-items: center;
    align-content: center;
    width: calc(50% - 10px);
    height: auto;
}
.full-imagegalleryEstruture{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-decoration: none;
}
.image-galleryEstruture{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 90px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}
.button-estruturazoom{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 55px;
    border-radius: 27.5px;
    background: #4fc34f;
    box-shadow: none;
    border: none;
    text-align: center;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    margin-top: 45px;
    gap: 5px;
}
.icon-whatsestruturazoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 29px;
    height: 29px;
    color: #fff;
    font-size: 29px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
}
.button-estruturazoom:hover{ text-decoration: none; background-color: #3e973e; color: #f9eddc; }

.separate{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.separate path{ fill: #072c49; }

.button-reserveestruturazoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    border-radius: 11px;
    background: #072c49;
    box-shadow: none;
    border: none;
    color: #fff;
    font-family: "mr-eaves-sans", sans-serif;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    min-height: 75px;
}
.button-otherestruturazoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    border-radius: 11px;
    background: #f0f0f0;
    border: 1px solid #072c49;
    box-shadow: none;
    color: #072c49;
    font-family: "mr-eaves-sans", sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    min-height: 55px;
    margin-top: 30px;
}
.button-reserveestruturazoom:hover, .button-otherestruturazoom:hover{ text-decoration: none; }

/* ==========================
   Página de listagem de Atrações
   lista atrações na cidade/hotel
   ========================== */
#atractions{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#text-titleatractions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 27px;
    margin-top: 10px;
}
.text-titleatractions strong{ font-weight: 800; }

#list-atractions, .item-atractions, .link-atractions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content:center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 25px;
}
#list-atractions{ margin-top: 45px; }
.item-atractions, .link-atractions{ gap: 0; }
.main-imageatractions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 490px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}
.name-atractions{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 15px;
}
.detail-atractions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 24px;
    margin-top: 10px;
}
.buttonatractions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    box-shadow: none;
    border: none;
    background: #f6f6f6;
    text-align: center;
    font-size: 18px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin: 25px 0 0;
    padding: 0;
    border-radius: 7px;
    border: 1px solid #373737;
}

/* ==========================
   Página de detalhe da Atração
   detalhe da atração
   ========================== */

   #estruturazoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.name-atraction{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 52px;
    color: #373737;
    margin-top: 45px;
    line-height: 46px;
}
.name-atraction span{
    display: block;
    font-weight: 300;
    font-size: 22px;
    line-height: 18px;
}
.imageatraction{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 25px;
}
#atractionItems{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 25px;
    gap: 20px;
    margin-top: 35px;
}
.title-atractionItems{ 
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    font-size: 36px;
    color: #152c47;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;  
}
#main-atractionItems{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.item-atractionItems{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-top: 35px;
}
.imageatractionItems{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}
.detail-atractionItems{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    padding-top: 15px;
    line-height: 24px;
}
.name-atractionItems{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    font-size: 28px;
    color: #152c47;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    margin-bottom: 25px;
}
.button-atraction{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 55px;
    border-radius: 27.5px;
    background: #4fc34f;
    box-shadow: none;
    border: none;
    text-align: center;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    margin-top: 45px;
    gap: 5px;
}
.icon-whatsatraction{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 29px;
    height: 29px;
    color: #fff;
    font-size: 29px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
}
.button-atraction:hover{ text-decoration: none; background-color: #3e973e; color: #f9eddc; }
#atraction{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
}
#atraction-detail{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
}
/* ==========================
   Página de Termos
   de uso do website
   ========================== */

#title-pages.title-terms{
line-height: 49px;
}
#title-pages.title-terms em {
line-height: 12px;
}
/* ==========================
   Página de listagem de Pacotes
   lista atrações na cidade/hotel
   ========================== */
#packages{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#text-titlepackages{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 27px;
    margin-top: 10px;
}
.text-titlepackages strong{ font-weight: 800; }

#list-packages, .item-packages, .link-packages{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content:center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 25px;
}
#list-packages{ margin-top: 45px; }
.item-packages, .link-packages{ gap: 0; }
.main-imagepackages{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}
.name-packages{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 15px;
}
.detail-packages{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 21px;
    margin-top: 10px;
}
.buttonpackages{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    box-shadow: none;
    border: none;
    background: #f6f6f6;
    text-align: center;
    font-size: 18px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin: 25px 0 0;
    padding: 0;
    border-radius: 7px;
    border: 1px solid #373737;
}

/* ==========================
   Página de detalhe da Pacote
   detalhe da atração
   ========================== */

#packagezoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 0 0;
}
.name-atraction{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 52px;
    color: #373737;
    margin-top: 45px;
    line-height: 46px;
}
.name-atraction span{
    display: block;
    font-weight: 300;
    font-size: 22px;
    line-height: 18px;
}
.imageatraction{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 25px;
}
.detail-atraction{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    padding-top: 15px;
    line-height: 25px;
}
.button-atraction{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 55px;
    border-radius: 27.5px;
    background: #4fc34f;
    box-shadow: none;
    border: none;
    text-align: center;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    margin-top: 45px;
    gap: 5px;
}
.icon-whatsatraction{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 29px;
    height: 29px;
    color: #fff;
    font-size: 29px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
}
.button-atraction:hover{ text-decoration: none; background-color: #3e973e; color: #f9eddc; }
.information-atraction{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    font-size: 22px;
    line-height: 20px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    font-style: italic;
    padding-top: 15px; 
}

/* ==========================
   Página de listagem de Promoções
   lista atrações na cidade/hotel
   ========================== */
#promotionals{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#text-titlepromotionals{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 27px;
    margin-top: 10px;
}
.text-titlepromotionals strong{ font-weight: 800; }

#list-promotionals, .item-promotionals, .link-promotionals{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content:center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 25px;
}
#list-promotionals{ margin-top: 45px; }
.item-promotionals, .link-promotionals{ gap: 0; }
.main-imagepromotionals{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}
.name-promotionals{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 15px;
}
.detail-promotionals{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 21px;
    margin-top: 10px;
}
.buttonpromotionals{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    box-shadow: none;
    border: none;
    background: #f6f6f6;
    text-align: center;
    font-size: 18px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin: 25px 0 0;
    padding: 0;
    border-radius: 7px;
    border: 1px solid #373737;
}

/* ==========================
   Página de detalhe da Pacote
   detalhe da atração
   ========================== */

#promotionalzoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 0 0;
}
#promotional-detail{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
}
.name-promotional{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 52px;
    color: #373737;
    margin-top: 45px;
    line-height: 46px;
}
.name-promotional span{
    display: block;
    font-weight: 300;
    font-size: 22px;
    line-height: 18px;
}
.imagepromotional{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 25px;
}
.detail-promotional{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    padding-top: 15px;
    line-height: 25px;
}
.button-promotional{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 55px;
    border-radius: 27.5px;
    background: #4fc34f;
    box-shadow: none;
    border: none;
    text-align: center;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    margin-top: 45px;
    gap: 5px;
}
.icon-whatspromotional{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 29px;
    height: 29px;
    color: #fff;
    font-size: 29px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
}
.button-promotional:hover{ text-decoration: none; background-color: #3e973e; color: #f9eddc; }
.information-promotional{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    font-size: 22px;
    line-height: 20px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 300;
    font-style: italic;
    padding-top: 15px; 
    margin-bottom: 35px;
}
/* ==========================
   Página de listagem de Promoções
   lista atrações na cidade/hotel
   ========================== */
#contact{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#text-titlecontact{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #373737;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    margin-top: 10px;
    line-height: 27px;
    margin-top: 10px;
}
.text-titlecontact strong{ font-weight: 800; }
#main-contact{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
}
#items-contact{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    gap: 10px;
}
.contact-phone{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 150px;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #252525;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 500;
}
.contact-whats{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 150px;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #252525;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 500;
}
.contact-mail{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 300px;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #252525;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 500;
}
.contact-complete{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 300px;
    height: auto;
    text-align: center;
    font-size: 22px;
    color: #252525;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 500;
    line-height: 25px;
}
.iconContact{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: #efba1d;
    font-size: 40px;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    border: none;
}
#contactNetworks{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding-top: 50px;
    width: 100%;
    height: auto;
}
.title-contactNetworks, .title-form{
    display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: auto;
  color: #072c49;
  font-family: "mr-eaves-sans", sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
}
.list-contactNetworks{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    gap: 10px;
    margin-top: 25px;
}
.item-contactNetworks, .link-contactNetworks{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: auto;
    height: auto;
    text-align: center;
}
.link-contactNetworks{
    color: #252525;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 24px;
}
.icon-contactNetworks{
     display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: #252525;
    font-size: 40px;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    border: none;
}

#main-form, #main-formcontact{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
}
#main-form{ margin-top: 50px; }
#main-formcontact{ margin-top: 30px; }
#contact-form-list{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    gap: 10px;
}
.contact-wrapper, .contact-input, .contact-textarea{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width:100%;
    height: 55px;
}
.contact-input, .contact-textarea{
    border-radius: 10px;
    background: #f6f6f6;
    box-shadow: none;
    border: none;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #373737;
    box-sizing: border-box;
    padding: 0 20px;
}
.contact-wrapperG{
    height: 160px;
}
.contact-textarea{
    height: 160px;
    padding: 20px;
}
.contact-message{
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #373737;
    box-sizing: border-box;
    text-align: center;
    line-height: 23px;
}
.contact-wrapperNull{ height: 0; }
.contact-buttons{
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    gap: 10px;
}
.contact-formButton{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 60px;
    background: #ffd738;
    color: #050947;
    font-family: "mr-eaves-sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    border-radius: 12px;
    border: none;
    box-shadow: none;
}