.manual-book-slider {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    scroll-behavior: smooth;
    padding-bottom: 8px;
}

/* Chrome, Safari, Edge */
.manual-book-slider::-webkit-scrollbar {
    display: none;
}

/* Firefox */
.manual-book-slider {
    scrollbar-width: none; /* oculta scrollbar */
}

/* IE/Edge antiguo */
.manual-book-slider {
    -ms-overflow-style: none; /* oculta scrollbar */
}

.manual-book-slider-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
  width: max-content;
}

.manual-book-slider-item {
    flex: 0 0 clamp(200px, 50vw, 290px);
}

.manual-book-slider-shell {
  width: 100%;
  position: relative;
}

.manual-book-slider-controls {
  display: none;
}

@media (min-width: 992px) {
  .manual-book-slider {
    padding-left: 56px;
    padding-right: 56px;
  }

  .manual-book-slider-controls {
    display: block;
  }

  .manual-book-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid #d4d4d8;
    background: #ffffff;
    color: #18181b;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    transition: all 0.2s ease-in-out;
  }

  .manual-book-slider-prev {
    left: 8px;
  }

  .manual-book-slider-next {
    right: 8px;
  }

  .manual-book-slider-arrow:hover {
    border-color: #18181b;
    background: #18181b;
    color: #ffffff;
  }

  .manual-book-slider-item {
    flex-basis: 290px;
  }
}