.photo {
  height: auto;
  margin-left: 0 !important;
  -webkit-box-shadow: 0 8px 6px -6px var(--bgColor3);
  -moz-box-shadow: 0 8px 6px -6px var(--bgColor3);
  box-shadow: 0 8px 12px -8px var(--bgColor3);
  opacity: 0;
  transform: translateY(6rem) scale(0.7);
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1),
    opacity 0.3s 0.25s ease-out;
  padding: 0;
}

.photo.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.img-p1-01 {
  display: block;
  background-image: url(../img/foto-1.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-p1-02 {
  display: block;
  background-image: url(../img/foto-2.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-p1-03 {
  display: block;
  background-image: url(../img/foto-3.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-p1-04 {
  display: block;
  background-image: url(../img/foto-4.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-p1-bg {
  display: block;
  background-image: url(../img/marmol-grid-02.jpg);
  background-position: left top;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}



.img-p1-05 {
  display: block;
  background-image: url(../img/grid-img-05.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-p1-06 {
  display: block;
  background-image: url(../img/grid-img-06.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-p2-01 {
  display: block;
  background-image: url(../img/grid-img-08.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-p2-02 {
  display: block;
  background-image: url(../img/grid-img-09.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-p2-03 {
  display: block;
  background-image: url(../img/grid-img-10.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-hab-01 {
  display: block;
  background-image: url(../img/Suite-living-room-MTYJW.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-hab-02 {
  display: block;
  background-image: url(../img/Bathtub-presidential-suite-MTYJW.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-orf-01 {
  display: block;
  background-image: url(../img/Orfebre-restaurant-open-kitchen-MTYJW.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-orf-02 {
  display: block;
  background-image: url(../img/Arroz-meloso.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.img-01 {
  display: block;
  background-image: url(../img/20220708-070927-JW-Marriott-Guadalajara-0108.jpeg);
  background-position: center;
  width: 100%;
  height: 450px;

  background-repeat: no-repeat;
  background-size: cover;
}

.img-02 {
  display: block;
  background-image: url(../img/20220709-092301-JW-Marriott-Guadalajara-0673.jpeg);
  background-position: center;
  width: 100%;
  height: 100%;
  min-height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-03 {
  display: block;
  background-image: url(../img/20220707-190334-JW-Marriott-Guadalajara-7144.jpeg);
  background-position: center;
  width: 100%;
  height: 100%;
  min-height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-04 {
  display: block;
  background-image: url(../img/20220708-094101-JW-Marriott-Guadalajara-0120-cerrada.jpeg);
  background-position: center;
  width: 100%;
  height: 100%;
  min-height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-05 {
  display: block;
  background-image: url(../img/20220707-185057-JW-Marriott-Guadalajara-7118.jpeg);
  background-position: center;
  width: 100%;
  height: 100%;
  min-height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-06 {
  display: block;
  background-image: url(../img/20220708-072548-JW-Marriott-Guadalajara-0152.jpeg);
  background-position: center;
  width: 100%;
  height: 100%;
  min-height: 58vh;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-hab {
  display: block;
  background-image: url(../img/jw-gdljw-094101-cerrada-23467_Classic-Hor.webp);
  background-position: center;
  width: 100%;
  height: 100%;
  min-height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50vh;
}

.img-hab-2 {
  display: block;
  background-image: url(../img/jw-gdljw-121012-cerrada-27731_Classic-Hor.webp);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50vh;
}

.img-07 {
  background-image: url(../img/Main-lobby-lounge-MTYJW.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-08 {
  background-image: url(../img/Fitness-center-MTYJW-II.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 40vh;
}

.img-09 {
  display: block;
  background-image: url(../img/Vista-aerea-alberca_terraza-MTYJW.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 40vh;
}

.img-10 {
  display: block;
  background-image: url(../img/Sauna_steam-area-Spa-by-JW.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 40vh;
}

.img-11 {
  display: block;
  background-image: url(../img/Treatment-cabin-1pax-Spa-by-JW.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 40vh;
}

.img-12 {
  display: block;
  background-image: url(../img/Orfebre-chef-table-MTYJW.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 40vh;
}

#p05 .img-12 {
  min-height: 60vh;
}

.img-13 {
  display: block;
  background-image: url(../img/Orfebre-restaurant-Terrace-MTYJW.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 40vh;
}

.img-serv-01 {
  display: block;
  background-image: url(../img/serv-01.jpeg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-serv-02 {
  display: block;
  background-image: url(../img/serv-02.jpeg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-serv-03 {
  display: block;
  background-image: url(../img/serv-03.jpeg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-14 {
  display: block;
  background-image: url(../img/9082-c.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-15 {
  background-image: url(../img/9114-b.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-spa-01 {
  background-image: url(../img/foto-10.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-spa-02 {
  background-image: url(../img/foto-11.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 60vh;
}

.img-rec-01 {
  background-image: url(../img/foto-12.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50vh;
}

.img-rec-02 {
  background-image: url(../img/8520-b.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50vh;
}

.img-rec-03 {
  background-image: url(../img/9233-c.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-rec-04 {
  background-image: url(../img/9126-b.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-16 {
  background-image: url(../img/foto-14.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-ev-01 {
  background-image: url(../img/8981-b.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-ev-02 {
  background-image: url(../img/9176-b.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-ev-03 {
  background-image: url(../img/7502168.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-ev-04 {
  background-image: url(../img/7502177.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-ev-05 {
  background-image: url(../img/7502187.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-bd-01 {
  background-image: url(../img/7502179.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-bd-02 {
  background-image: url(../img/7502183.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-bd-03 {
  background-image: url(../img/7502201.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-bq-01 {
  background-image: url(../img/7502168.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-bq-02 {
  background-image: url(../img/7502170.jpg);
  background-position: center bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-17 {
  background-image: url(../img/225244.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50vh;
}

.img-18 {
  background-image: url(../img/foto-19.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-20 {
  background-image: url(../img/foto-20.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-21 {
  background-image: url(../img/foto-21.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-22 {
  background-image: url(../img/foto-22.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-23 {
  background-image: url(../img/foto-23.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-24 {
  background-image: url(../img/foto-24.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-25 {
  background-image: url(../img/foto-25.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-26 {
  background-image: url(../img/foto-26.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-27 {
  background-image: url(../img/foto-27.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-28 {
  background-image: url(../img/foto-28.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-29 {
  background-image: url(../img/foto-29.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-30 {
  background-image: url(../img/foto-30.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-31 {
  background-image: url(../img/foto-31.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-32 {
  background-image: url(../img/foto-32.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-33 {
  background-image: url(../img/foto-33.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-34 {
  background-image: url(../img/foto-34.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.local-01 {
  background-image: url(../img/Back-03.jpg);
  background-position: left center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.local-02 {
  background-image: url(../img/Back-06.jpg);
  background-position: left center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.local-03 {
  background-image: url(../img/Back-08.jpg);
  background-position: left center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.local-04 {
  background-image: url(../img/Back-05.png);
  background-position: left center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.local-05 {
  background-image: url(../img/Back-10.png);
  background-position: right center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.local-06 {
  background-image: url(../img/Back-11.png);
  background-position: right center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.salones1 {
  background-image: url(../img/salones-jw.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 45vh;
}

.salones2 {
  background-image: url(../img/salones02.svg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.gallery-img {
  width: 70%;
  display: none;
}

.gallery-img.showDiv {
  display: block;
}