.gallery-editorial {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 220px;
  gap: 12px;
}

/* HERO */
.gallery-editorial .item-1 {
  grid-column: span 2;
  grid-row: span 2;
}

/* secundarias */
.gallery-editorial .item-2,
.gallery-editorial .item-3 {
  grid-column: span 1;
}

.gallery-editorial .item-4 {
  grid-column: span 2;
}

/* imágenes */

.gallery-item {
  overflow: hidden;
  border-radius: 18px;
  position: relative;
  background: #f3f3f3;
}

.gallery-img,
.gallery-item img,
.gallery-item picture,
.slide picture,
.slide picture img,
.slide  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 40%;
    display: block;
    transition:
    transform .5s ease,
    filter .3s ease;
}

.gallery-item:hover img {
  transform: scale(1.03);
}

/* MOBILE SLIDER */

.gallery-mobile {
  overflow-x: auto;
  width: 100%;
  display: none;
  scrollbar-width: none;
}
.gallery-mobile::-webkit-scrollbar {
  display: none;
}
.gallery-slider {
  display: flex;
  gap: 12px;
  width: max-content;
  padding-bottom: 5px;
}
.gallery-slider .slide {
  flex: 1 100%;

  border-radius: 18px;
  overflow: hidden;
}



.hotelSwiper .swiper-slide {
  aspect-ratio: 4 / 3;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: #ece7df;
}
.hotelSwiper {
  --swiper-theme-color: #f9897e;
}
.swiper-wrapper {
  align-items: stretch;
}
.swiper-button-next,
.swiper-button-prev {
  color: #c8a27b;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 26px;
  font-weight: 700;
}
.swiper-button-next,
.swiper-button-prev {

  width: 42px;
  height: 42px;

  background: rgba(255,255,255,.18);

  backdrop-filter: blur(6px);

  border-radius: 50%;
}


.swiper-pagination-progressbar {
  background: rgba(255,255,255,.25);
}
.swiper-pagination-progressbar-fill {
  background: #c8a27b;
}
.swiper-pagination-bullet {

  width: 8px;
  height: 8px;

  opacity: 1;

  transition: all .3s ease;
}


.swiper-pagination-bullet-active {
  border-radius: 20px;
}

.swiper-pagination-fraction {
  color: white;
  font-size: 14px;
}

.slide-caption {

  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 48px;
  color: black;
  font-size: 14px;
  font-weight: 500;
  z-index: 5;
}

/* TABLET */
@media (max-width: 991px) {

  .gallery-editorial {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 200px;
  }

  .gallery-editorial .item-1 {
    grid-column: span 2;
  }
}

@media (max-width: 768px) {

  .gallery-editorial {
    display: none;
  }

  .gallery-mobile {
    display: block;
  }
}
@media (max-width: 480px) {

  .slide-caption {
    padding: 28px;
  }

}
@media (max-width: 412px) {

  .slide-caption {
    padding: none;
  }

}