.slider-images {
  position: relative;
  height: 500px; /* o ajusta como necesites */
}
.slider-img {
  object-fit: cover;

}
.gallery {
  position: relative;
  overflow: hidden;
}

.gallery img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

.gallery img.active {
  opacity: 1;
}
#imageModal {
  scroll-behavior: smooth;
}

#sliderContainer{
  flex: h-full flex-shrink-0 w-full h-full;

}#hoverPreviewImage {

  background: white;
  mix-blend-mode: normal;
}
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: transparent;
  pointer-events: none;
}

#preloader-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #9ca3af;
  z-index: 10;
}

#loadText {
  position: absolute;
  bottom: 40px;
  left: 40px;
  color: #1E1E2C;
  font-size: 20vh;
  font-weight: bold;
  z-index: 20;
  opacity: 0;
  transition: opacity 0.3s ease;
}

@keyframes slideOut {
  to {
    transform: translateX(-100%);
  }
}
@layer utilities {
  .cursor-custom {
    cursor: none !important;
  }
}