/* ANIMACIÓN LOGOS MARQUEE - CATÁLOGO */
.logos-marquee {
  overflow: hidden;
  background: linear-gradient(90deg, #1a1a24, #0f0f13, #1a1a24);
  padding: 8px 0;
  position: relative;
  touch-action: manipulation;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.track {
  display: flex;
  animation: scroll 30s linear infinite;
  gap: 60px;
  width: max-content;
  height: 110px;
}

.logos-marquee:hover .track,
.logos-marquee:active .track {
  animation-play-state: paused;
}

.logo-item {
  flex: 0 0 auto;
  height: 100px;
  display: flex;
  align-items: center;
}

.logo-item img {
  height: 100%;
  width: auto;
  max-width: 300px;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.5));
  transition: transform 0.3s ease;
}

.logo-item:hover img {
  transform: scale(1.1);
}

.logos-marquee:hover .track {
  animation-play-state: paused;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Light theme */
[data-bs-theme="light"] .logos-marquee {
  background: linear-gradient(90deg, #f8f9fa, #e9ecef, #f8f9fa);
}

[data-bs-theme="light"] .logo-item img {
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));
}

/* Responsive */
@media (max-width: 768px) {
  .logos-marquee {
    touch-action: manipulation;
  }
  .track { 
    gap: 30px; 
    animation-duration: 25s; /* Más rápido en móvil */
  }
  .logo-item { height: 60px; }
  .logo-item img { max-width: 200px; }
  @keyframes scroll { 
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
}