.logo-carousel {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    position: relative;
}

.logo-carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    cursor: grab;
}

.logo-item {
    flex: 0 0 auto;
    width: 120px;
    padding: 10px;
    transition: transform 0.3s ease;
}

.logo-item img {
    width: 100%;
    opacity: 0.5;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.logo-item.active img {
    transform: scale(1.4); /* Aumenta el tamaño del logo resaltado */
    opacity: 1;
}

.logo-item a {
    display: block;
}

.logo-carousel:active .logo-carousel-track {
    cursor: grabbing;
}