/*
Theme Name: Theme Child
Template: hello-elementor
Version: 1.0
*/


/*
 ESTILOS DOTS DE CARRUSEL DE PORTADA DE HABITACIONES 
 * */

.barras-carrusel .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 6px;
  bottom: 20px !important;
}

.barras-carrusel .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  position: relative !important;
  width: 24px !important;
  height: 4px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.45) !important;
  opacity: 1 !important;
  overflow: hidden !important;
  transition: width 0.3s ease;
}

.barras-carrusel .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
  width: 56px !important;
}

.barras-carrusel .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: inherit;
  transform-origin: left center;
  transform: scaleX(0);
  animation: barraLlenado 5s linear forwards;
}

@keyframes barraLlenado {
  to { transform: scaleX(1); }
}
/*FIN DE ESTILOS DE DOTS PORTADAS CARRUSEL*/