/* 🎯 Configuración base del swiper */
.swiper-wrapper {
  gap: 0px;
}

.swiper {
  overflow: visible;
  overflow-x: clip;
}

/* 🚫 Prevenir selección de texto al arrastrar */
.swiper,
.swiper-wrapper,
.swiper-slide {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

/* 📱 Mejorar experiencia táctil */
.swiper-slide {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  cursor: grab;
}

.swiper-slide:active {
  cursor: grabbing;
}

/* ✅ Permitir selección en elementos específicos si es necesario */
.swiper-slide input,
.swiper-slide textarea,
.swiper-slide [contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}


.swiper-pagination-bullet-active{
  background: var(--primary-hover)!important;
  
}
.swiper-pagination-bullet{
 margin: 0 8px !important;

}
.swiper-pagination-bullet-active{
width: 50px !important;
border-radius: 5px !important;
}


.swiper-button-next,
.swiper-button-prev {
  z-index: 10; 
  pointer-events: auto; 
}

/* 🎨 Anti-FOUC: Ocultar sliders hasta que estén listos */
.swiper {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.swiper.swiper-initialized {
  opacity: 1;
  visibility: visible;
}