.alert-editmode-oferta{
    background:var(--colorPrimary);
    padding:20px;
    border-radius:20px;
}
.col:has(.swiper-side-transparent){
    padding:0 !important;
}
/*Ocultar oferta por idioma*/
html[lang="es"] .grid-swiper-hoteles.residente .swiper-slide:has(#oferta-residente){
     display:block !important;
}

/*Hacer las tarjetas de hotel más grandes*/
/*Activo en la oferta de Halloween 2026*/
@media screen and (min-width:1024px){
        .swipper-hoteles-halloween .swiper-libreria-v3-button-right .swiper-slide {
    width: calc(50% - 20px) !important;
    overflow: hidden;
}
}

/* ========================================
==================================
==================================
   HALLOWEEN OFFER
========================================
==================================*/

/* ========================================
   HALLOWEEN FAMILY DAY
======================================== */

.halloween-family-day {
  --halloween-max-width: 1200px;
  --halloween-gap: clamp(2rem, 4vw, 4rem);
  --halloween-icon-size: clamp(90px, 9vw, 130px);

  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: clamp(3rem, 6vw, 6rem);
}

/* ========================================
   CONTAINER
======================================== */

.halloween-family-day__container {
  width: min(90%, var(--halloween-max-width));
  margin-inline: auto;
}

/* ========================================
   GHOST
======================================== */

.halloween-family-day__ghost {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(1rem, 2vw, 2rem);
}

.halloween-family-day__ghost img {
  display: block;
  width: clamp(130px, 16vw, 210px);
  height: auto;
}

/* ========================================
   INTRO
======================================== */

.halloween-family-day__intro {
  max-width: 900px;
  margin-inline: auto;
  text-align: center;
}

.halloween-family-day__intro p {
  margin-top: 1rem;
}

/* ========================================
   ACTIVITIES GRID
======================================== */

.halloween-family-day__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--halloween-gap);
  margin-top: clamp(3rem, 6vw, 5rem);
}

/* ========================================
   ACTIVITY
======================================== */

.halloween-activity {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.halloween-activity__icon {
  display: block;
  width: var(--halloween-icon-size);
  height: var(--halloween-icon-size);
  object-fit: contain;
  margin-bottom: 1.25rem;
}

.halloween-activity h3 {
  margin-bottom: 0.75rem;
}

.halloween-activity p {
  margin-bottom: 0;
}

/* ========================================
   CTA
======================================== */

.halloween-family-day__cta {
  display: flex;
  justify-content: center;
  margin-top: clamp(3rem, 6vw, 5rem);
}

/* ========================================
   BEACH DECORATION
======================================== */

.halloween-family-day__beach {
  width: 100%;
  margin-top: clamp(2rem, 5vw, 4rem);
  line-height: 0;
}

.halloween-family-day__beach img {
  display: block;
  width: 100%;
  height: auto;
}

/* ========================================
   TABLET
======================================== */

@media (max-width: 991px) {
  .halloween-family-day__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ========================================
   MOBILE
======================================== */

@media (max-width: 576px) {
  .halloween-family-day {
    --halloween-gap: 2.75rem;
    --halloween-icon-size: 100px;

    padding-top: 3rem;
  }

  .halloween-family-day__container {
    width: min(88%, var(--halloween-max-width));
  }

  .halloween-family-day__grid {
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .halloween-family-day__ghost img {
    width: 140px;
  }

  .halloween-family-day__beach {
    margin-top: 3rem;
  }
}
/* ========================================
==================================
==================================
   END HALLOWEEN OFFER
========================================
==================================*/