/* Logo Carousel Shortcode v2.1.1 - CSS */
/* Logo Carousel Shortcode v2.1.1 - CSS - Scroll Infinito Fluido */
.lcs-carousel-wrapper{
  width:100%;
  overflow:hidden;
  position: relative;
}

.lcs-carousel{
  --lcs-carousel-gap: 24px;
  --lcs-carousel-columns: 5;
  --lcs-carousel-columns-md: 3;
  --lcs-carousel-columns-sm: 2;
  --lcs-carousel-speed: 30s;
  --lcs-carousel-distance: -100%;
  position:relative;
  width:100%;
  padding: 8px 0;
}

.lcs-track{
  display:flex;
  gap: var(--lcs-carousel-gap);
  will-change: transform;
  /* La animaci�n se aplica din�micamente desde JS */
}

.lcs-carousel[data-autoplay="false"] .lcs-track{
  animation: none !important;
}

/* Animaci�n que mueve exactamente el ancho de UN set completo */
@keyframes lcs-carousel-scroll-v21{
  0% { 
    transform: translateX(0); 
  }
  100% { 
    transform: translateX(var(--lcs-carousel-distance)); 
  }
}

.lcs-item{
  flex: 0 0 calc((100% - (var(--lcs-carousel-gap) * (var(--lcs-carousel-columns) - 1))) / var(--lcs-carousel-columns));
  aspect-ratio: var(--lcs-carousel-item-ratio, 5 / 2);
  min-width: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  filter: saturate(0.9);
  transition: transform .2s ease, filter .2s ease;
  text-decoration: none;
  pointer-events: auto !important;
  position: relative;
  z-index: 1;
}

/* Estilos para logos con enlace */
a.lcs-item{ 
  cursor: pointer !important;
  pointer-events: auto !important;
}

a.lcs-item:hover{ 
  transform: scale(1.03); 
  filter: saturate(1);
}

a.lcs-item:focus {
  outline: 2px solid #007cba;
  outline-offset: 2px;
}

/* Forzar que los clones tambi�n sean clicables */
a.lcs-item.lcs-clone {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Estilos para logos sin enlace */
.lcs-item-no-link {
  cursor: default !important;
  pointer-events: none !important;
}

.lcs-item-no-link:hover{
  transform: none;
  filter: saturate(0.9);
}

.lcs-item img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display:block;
  pointer-events: none;
}

@media (max-width: 1024px){
  .lcs-item{
    flex-basis: calc((100% - (var(--lcs-carousel-gap) * (var(--lcs-carousel-columns-md) - 1))) / var(--lcs-carousel-columns-md));
  }
}
@media (max-width: 640px){
  .lcs-item{
    flex-basis: calc((100% - (var(--lcs-carousel-gap) * (var(--lcs-carousel-columns-sm) - 1))) / var(--lcs-carousel-columns-sm));
  }
}

.lcs-carousel[data-pause-on-hover="true"]:hover .lcs-track{
  animation-play-state: paused;
}

.lcs-notice{
  padding: 8px 12px;
  background: #fff8e1;
  border: 1px solid #ffe082;
  color: #5d4037;
  border-radius: 6px;
  font-size: 14px;
}