/* Estilos personalizados para los paneles */
.panel-left {
  transform-origin: left;
}

.panel-right {
  transform-origin: right;
}

/* Estilos para los bullets de paginación */
.swiper-pagination-bullet {
  @apply bg-white opacity-50 w-3 h-3;
}

.swiper-pagination-bullet-active {
  @apply opacity-100;
}

/* Asegura que los paneles estén encima de todo */
.panel-left,
.panel-right {
  z-index: 20;
}

/* Asegura que los controles estén encima de los paneles */
.swiper-button-prev,
.swiper-button-next {
  z-index: 30 !important;
}