/* Carrusel de Marcas - Estilo Burbuja Redonda */
.carrusel-marcas-contenedor {
    overflow: hidden !important;
    width: 100% !important;
    padding: 20px 0 !important;
    position: relative !important;
    display: block !important;
}

.carrusel-marcas-pista {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    /* Movimiento suave de izquierda a derecha */
    animation: mover-marcas-derecha 40s linear infinite !important;
}

.carrusel-marcas-item {
    /* Tamaño 1:1 pequeño, como las categorías */
    width: 90px !important; 
    height: 90px !important;
    margin: 0 15px !important;
    background-color: white !important;
    border-radius: 50% !important; 
    border: 2px solid #f0f0f0 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 12px !important;
    flex-shrink: 0 !important;
}

.carrusel-marcas-item img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important; /* Mantiene el logo completo sin estirarlo */
    width: auto !important;
    height: auto !important;
}

@keyframes mover-marcas-derecha {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

.carrusel-marcas-contenedor:hover .carrusel-marcas-pista {
    animation-play-state: paused !important;
}