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

.bm-marquee {
    display: flex;
    animation: marquee 15s linear infinite; /* Velocidad base aumentada */
    white-space: nowrap;
}

.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.555);
    background-color: #fff;
    transition: box-shadow 0.3s ease;
}

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

.bm-image {
    width: 250px;
    height: 110px;
    display: block;
    object-fit: contain;
}

/* Animación de marquesina infinita de izquierda a derecha */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-33.33%); /* Ajustado para 3 repeticiones */
    }
}

/* Responsividad mejorada */
@media (max-width: 1200px) {
    .bm-image {
        width: 200px;
        height: 90px;
    }
    .bm-item {
        margin-right: 15px;
    }
}

@media (max-width: 992px) {
    .bm-image {
        width: 180px;
        height: 80px;
    }
    .bm-item {
        margin-right: 12px;
    }
}

@media (max-width: 768px) {
    .bm-image {
        width: 150px;
        height: 75px;
    }
    .bm-item {
        margin-right: 10px;
    }
}

@media (max-width: 576px) {
    .bm-image {
        width: 120px;
        height: 60px;
    }
    .bm-item {
        margin-right: 8px;
    }
}

@media (max-width: 480px) {
    .bm-image {
        width: 100px;
        height: 50px;
    }
    .bm-item {
        margin-right: 5px;
    }
}