/* Logos Horizontal Carrusel CSS */

.lhc-description {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
}

.lhc-carousel-track {
    display:flex;
    gap: 15px;
    justify-content:space-around;
}

.lhc-carousel-item {
    display: flex;
    transition: transform 0.3s ease;
}

.lhc-carousel-item:hover {
    transform: scale(1.05);
}

.lhc-carousel-item img {
    object-fit: contain;
    filter: grayscale(1);
    transition: filter 0.3s ease;
    /* Las dimensiones específicas se aplican por widget con CSS inline */
}

.lhc-carousel-item:hover img {
    filter: grayscale(0);
}

/* CSS Grid automático - se adapta al número de imágenes */