/* ==========================
   SMALL MOBILE LANDSCAPE 
   (≥ 375px) — iPhone 13 Mini / Galaxy S22
   ========================== */
@media (min-width: 375px) {

}


/* ==========================
   MEDIUM MOBILE
   (≥ 430px) — iPhone 14 Pro, 15 Pro
   ========================== */
@media (min-width: 430px) {}


/* ==========================
   LARGE MOBILE / SMALL TABLET
   (≥ 600px) — Galaxy Z Fold / tablets verticais
   ========================== */
@media (min-width: 600px) {
   #main-logo{ margin-right: 100px;}
   .structure-image{ height: 268px; }
   .main-imagestructure{ height: 280px; }
   .main-imageAcomodations{ height: 300px; }
   .main-imagepromotionals{ height: 510px; }
}

/* ==========================
   TABLET (PORTRAIT)
   (≥ 768px) — iPad Mini, Galaxy Tab
   ========================== */
@media (min-width: 768px) {
   #main-logo{ margin-right: 100px;}
   #atractions{ flex-direction: row; }
   .item-atraction{ width: 45%; }
   .atraction-image{ width: 100%; }

   #promotions{ flex-direction: row; }
   .itemPromotional{ width: 45%; height: auto; }
   .linkPromotional{ height: auto; }
   .buttonPromotional{ position: unset; margin: 0; top: unset; left: unset; margin-top: 20px; }

   #structure{ flex-direction: row; }
   .item-structure{ width: 45%; }
   .structure-image { height: 180px; }
   
   #list-structure{ flex-direction: row; }
   
   .name-structure{ margin-top: 0; }

   .main-imageAcomodations, .imageAcomodation, .imageatraction, .main-imagepackages{ height: 550px; }
   .item-gallery{ width: 30%; }
}


/* ==========================
   TABLET (LANDSCAPE)
   (≥ 1024px) — iPad Air / iPad Pro
   ========================== */
@media (min-width: 1024px) {

   .background-site{ 
      background: url('../../images/background.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }

   #hotel-list{ gap: 90px;}
   .hotel-item{ width: 50%; }
   .main-image, .hotel-image{ height: 180px; }

   .hotel-button{ border-radius: 10px; background: #152c47; color: #fff; transition-duration: 0.35s;}
   
   .network-icon{ transition-duration: 0.35s; font-size: 32px; }
   .network-icon:hover{ font-size: 47px; }

   #header.absolute { box-sizing: border-box; padding: 0 30px; }
   #header.fixed { box-sizing: border-box; padding: 0 30px; }
   #main-logo { margin-right: 30px; }
   .button-reservation{ max-width: 400PX; }
   #menu{ display: none; }
   .menu-name{ display: none; }
   #mainMenu{ position: unset; flex-direction: row; background-color: unset; min-height: unset; visibility: visible; opacity: 1; width: 75%; }
   .button-closeMenu{ display: none; }
   .menuTitle{ display: none; }
   #main-menu{  
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      align-content: flex-start;
      gap: 10px;
      width: auto;
      height: 65px;
      max-width: 740px;
   }
   .item-menu{
      width: auto;
      height: 65px;
   }
   .link-menu{
      font-size: 18px;
      color: #072c49;
      line-height: 18px;
      padding: 0 10px;
      cursor: pointer;
   }
   .link-menu:hover{ color: #40454a; }
   #list-mainHotel{ max-width: 560px; }

   .footer-page{
      align-items: flex-start;
      justify-content: flex-start;
      align-content: flex-start;
      flex-direction: row;
      
   }
   #footer-address{ width: 50%; }
   #polices{ width: 50%; border-top: none; margin: 0; padding: 0; }

   #address-list{
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      align-content: flex-start
   }
   .footer-page .address-item{
      width: 100%;
   }
   .address-item{ width: 30%; }
   .police-link:hover{ text-decoration: none; font-weight: 800; color: #efba1d; }
   #developer{ min-height: 0; }
   .developer-link:hover{ text-decoration: none; color: #072c49; }
   .developer-link{ flex-direction: row; }
   .developer-link img{ height: auto; width: 35px; }
   
   .imageestruturazoom{ display: none; }
   .item-galleryEstruture{ width: 30%; height: 200px; }
   .image-galleryEstruture{ height: 200px; }
   .item-structure{ max-width: 350px; }
   .detail-structure{
      justify-content: flex-start;
      align-items: flex-start;
      align-content: flex-start;
      text-align: left;
      font-size: 22px;
   }
   .button-estruturazoom{ max-width: 600px; }
   #reserve{ max-width: 600px; }
   
   #text-titleatractions .main-imagestructure{ display: none; }
   #text-titleatractions{ display: block; text-align: center; }
   .positionImg img, .buttonstructure { transition-duration: .35s; }
   .item-structure:hover img,
   .item-acomodations:hover img,
   .item-promotionals:hover img,
   .item-packages:hover img,
   .item-atractions:hover img{ transform: scale(1.1); }
   .item-structure:hover .buttonstructure,
   .item-acomodations:hover .buttonAcomodations,
   .item-promotionals:hover .buttonpromotionals,
   .item-packages:hover .buttonpackages, 
   .item-atractions:hover .buttonatractions{ background: #072c49; color: #efba1d; }
   .button-reserveestruturazoom{ transition-duration: .35s; }
   .button-reserveestruturazoom:hover, .button-reserveAcomodation:hover{ letter-spacing: 20px; text-decoration: none; color: #efba1d; }
   .imageatraction{ max-width: 800px; }
   
   .imageAcomodation{max-width: 460px; height: 300px; }
   #hasAcommodation{ flex-direction: row; }
   .item-hasAcommodation{ width: 30%; }
   .button-otherAcomodation:hover,
   .hotel-item:hover .hotel-button{ background: #072c49; color: #efba1d; letter-spacing: 5px; text-decoration: none; }

   #list-promotionals{ flex-direction: row; }
   .item-promotionals{ width: 45%; }

   .main-imagepromotionals{ max-width: 410px; }

   #main-contact{ margin-top: 45px; }
}


/* ==========================
   DESKTOP / LAPTOP
   (≥ 1280px) — MacBook Pro, Galaxy Book, Surface
   ========================== */
@media (min-width: 1280px) {

   #main-logo { margin-right: 110px; }

   .bannerArrow:hover {
        background: rgba(0, 0, 0, 0.65);
    }

   .item-atraction{ width: 30%; }
   .atraction-image{ height: 200px; }
   .itemPromotional{ width: 30%; }
   .main-imagestructure{ height: 210px; }
   #list-atractions{ flex-direction: row; align-items: stretch; }
   .item-atractions{ width: 45%; }
   .main-imageatractions{ height: 490px; }
   #atraction-detail{ flex-direction: row; gap: 50px; align-items: flex-start; }
   .detail-atractions{ margin-top: 25px; text-align: center; font-size: 24px; }
   .detail-atractions p{ text-align: center; }
   .item-atractionItems{ width: 45%; }
   .button-atraction, .button-promotional, .information-promotional, .information-atraction, .button-acomodation{ max-width: 450px; }

   #promotional-detail{ flex-direction: row; gap: 50px; align-items: flex-start; }
   .detail-promotional{ width: calc(100% - 650px); text-align: left; padding-top: 0; }

   #list-packages{ flex-direction: row; }
   .item-packages{ width: 30%; }
   .main-imagepackages{ height: 390px; max-width: 320px; }

   .behaves-number{ max-width: 220px; }
   .title-acomodationHas{ margin-top: 45px; }

   #mainMenu{ position: unset; flex-direction: row; background-color: unset; min-height: unset; visibility: visible; opacity: 1; width: 70%; }
   #address-list{ flex-direction: row; }

}
/* ==========================
   Full HD
   (≥ 1600px) — Monitores 1920
   ========================== */
@media (min-width: 1600px) {

   #mainMenu{ position: unset; flex-direction: row; background-color: unset; min-height: unset; visibility: visible; opacity: 1; width: 60%; }

   #main-footer{ flex-direction: row; align-items: stretch; }
   #logo-footer{ width: 20%; background: #152c47; height: auto; }
   #footer-info{ width: 80%;  padding-top: 75px;}
   .footer-home{ justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
   .footer-home #footer-address{ width: 100%; }
   .footer-home #polices{ width: 100%; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
   .footer-home #polices #polices-list{ flex-direction: row; gap: 20px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
   .footer-home .police-item{ width: auto; text-align: center; }
   .footer-home .police-link:hover{ font-weight: 300; }

   .item-gallery { width: 20%; }

   .item-acomodations{ width: 100%; flex-direction: row; }
   .main-imageAcomodations{ height: 400px; max-width: 630px; }
   .main-acomodations{ width: calc(100% - 700px); justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
   .link-acomodations{ flex-direction: row; gap: 50px; }
   .name-acomodations{ text-align: left; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
   .detail-acomodations{ text-align: left; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
   #hasAcommodation{ max-width: 800px;}

   .hotel-item{ height: auto; }
   .hotel-image, .main-image{ height: 390px; border-radius: 26px;}
   #hotel-list{ margin-top: 75px; }
   #acomodation{ max-width: 1400px; }
   #detail-acomodation{ flex-direction: row; gap: 40px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
   .detail-acomodations{ width: 100%; }

   .atraction-image{ height: 420px; }
   .image-gallery{ height: 200px; }

}

/* ==========================
   2k
   (≥ 2500px) — Monitores 2K
   ========================== */
@media (min-width: 2500px) {

}

/* ==========================
   4k
   (≥ 3000px) — Monitores 4K
   ========================== */
@media (min-width: 3000px) {

}