/* Estilos flatpickerr */

/* ===== Input visible del range ===== */
.fp-glass {
  
  color: #000000;
  border: 1px solid rgba(31, 31, 31, 0.233);
  border-radius: 18px;
  height: 48px;
  padding: 10px 14px;
  width: 100%;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 8px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.fp-glass::placeholder { color: rgba(0, 0, 0, 0.7); }
.fp-glass:focus {
  outline: none;
  border-color: rgba(255,255,255,.34);
  box-shadow: 0 10px 30px rgba(0,0,0,.25), 0 0 0 3px rgba(211, 211, 211, 0.18);
}

/* ===== Calendario ===== */
.flatpickr-calendar.fp-glass-cal {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 16px;
  color: #030303;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 50px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.1);
  overflow: hidden;
  z-index: 3000; /* encima del swiper/nav */
}

/* Meses/semana */
.flatpickr-months, .flatpickr-weekdays { background: transparent; color: #000000; }
.flatpickr-current-month input.cur-year,
.flatpickr-current-month .cur-month { color: #161616; }

/* Días */
.flatpickr-day { border-radius: 10px; color:#080808; }
.flatpickr-day.today { border: 1px solid rgba(255,255,255,.35); }
.flatpickr-day:hover { background: rgba(255,255,255,.12); }

/* Rango tipo Expedia/Booking */
.flatpickr-day.inRange {
  background: rgba(0,194,255,.22);
  box-shadow: none;
  border-color: transparent;
  color: #020202;
}
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected {
      background: linear-gradient(145deg, #575a69, #000000);
  color: #ffffff;
  border-color: transparent;
}
.flatpickr-day.startRange { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.flatpickr-day.endRange   { border-top-left-radius: 0;  border-bottom-left-radius: 0;  }

/* Botones */
.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-rContainer { background: transparent; }


@media (max-width: 800px) {
  .fp-glass { width: 100%; }
}



/* Mes/Año blancos en el header del calendario */
.flatpickr-current-month,
.flatpickr-current-month .cur-month,
.flatpickr-current-month input.cur-year,
.flatpickr-current-month .numInputWrapper input {
  color: #0f0f0f !important;
}

/* Si usas monthSelectorType:'dropdown', forzamos el <select> a blanco */
.flatpickr-current-month .flatpickr-monthDropdown-months {
  color: #161616 !important;
  background: transparent !important;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
}

/* Opciones del dropdown (cuando se despliega) */
.flatpickr-current-month .flatpickr-monthDropdown-months option {
  color: #020202;
  background: rgba(20,20,28,.95);
}

/* Días de la semana también en claro (por si algún tema los pisa) */
.flatpickr-weekday {
  color: rgba(12, 12, 12, 0.85) !important;
}











/* Asegura capas: el brillo del card queda debajo del precio */
#featuredSwiper .card-glass { position: relative; }
#featuredSwiper .card-glass::after { z-index: 0; }          /* tu brillo */
#featuredSwiper .featured-price-row { z-index: 3; }          /* precio por encima */

/* Overlay centrado (no bloquea clics del card) */
#featuredSwiper .featured-price-row{
  position:absolute; inset:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; pointer-events:none;                   /* 👉 no intercepta clicks */
  padding:0;
}

/* Línea “STARTING FROM” */
#featuredSwiper .featured-price-row small{
  font-family:"Montserrat", system-ui, -apple-system, sans-serif;
  font-weight:900;
  font-size: 1.5rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#1b1b1b;
  text-shadow: 0 2px 8px rgba(0,0,0,.85);
  margin-bottom:.15rem;
}

/* Precio grande estilo poster */
#featuredSwiper .featured-price{
  font-family:"Bebas Neue", sans-serif;
  font-weight:900;
  font-size:clamp(46px, 2.4vw, 50px);
  line-height:1;
  letter-spacing:.01em;
  text-shadow: 0 2px 8px rgba(0,0,0,.85);

  
}