/* public/css/logo-slider-frontend.css */

.wpls-logo-slider-container-wrapper {
  width: 100%;
}

.wpls-logo-slider-container {
  overflow: hidden;
  width: 100%;
  position: relative; 
}

.wpls-logo-slider-container::before,
.wpls-logo-slider-container::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}

.wpls-logo-slider {
  display: flex;
}

.wpls-logo-item {
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-right/left será aplicado por JS */
}

.wpls-logo-item img {
  display: block;
  /* max-height y max-width serán aplicados por JS */
  width: auto; /* Para escalado proporcional */
  height: auto; /* Para escalado proporcional */
  object-fit: contain; /* Clave para escalar proporcionalmente dentro de los límites */
}