/* ==============================
   Brand Marquee - Styles
   v1.4.3
   ============================== */

.bm-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  overflow: hidden;          /* oculta el scroll horizontal */
  position: relative;
  touch-action: pan-y;       /* mejora interacción touch */
  user-select: none;         /* evita selección de texto al arrastrar */
}

.bm-marquee {
  display: flex;
  flex-wrap: nowrap;         /* no permitir salto de línea */
  white-space: nowrap;
  will-change: transform;
  animation: bm-marquee-move 15s linear infinite; /* el JS la reduce 20% */
}

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

.bm-item {
  flex: 0 0 auto;
  text-align: center;
  padding: 10px;
  margin-right: 20px;
  border: 1px solid rgba(233, 233, 231, 0.55);
  background-color: #fff;
  transition: box-shadow 0.3s ease;
}

.bm-item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Requisito: 120px de ancho, alto automático */
.bm-image {
  width: 120px !important;
  height: auto !important;
  display: block;
  object-fit: contain;
}

/* Duplicamos los ítems 1 vez en JS => pista x2 → desplazamos 50% */
@keyframes bm-marquee-move {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Responsivo: márgenes más cortos en móviles */
@media (max-width: 992px) { .bm-item { margin-right: 16px; } }
@media (max-width: 768px) { .bm-item { margin-right: 12px; } }
@media (max-width: 576px) { .bm-item { margin-right: 10px; } }
@media (max-width: 480px) { .bm-item { margin-right: 8px;  } }