.owl-dots {
  text-align: center;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px 0;

  /* oculta el scrollbar en Firefox y Edge/IE legacy */
  scrollbar-width: none;           /* Firefox */
  -ms-overflow-style: none;        /* IE y Edge antiguo */

  /* scroll táctil suave en iOS */
  -webkit-overflow-scrolling: touch;

  /* mejora el gesto horizontal y evita “arrastrar” la página */
  touch-action: pan-x;
  overscroll-behavior-x: contain;
}

/* oculta el scrollbar en Chrome/Safari/Edge (Chromium) */
.owl-dots::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* tus dots */
.owl-dots .owl-dot {
  display: inline-block;
  margin: 0 3px;
}