.partners-carousel-box {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.carousel-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    /*
    mask-image: linear-gradient(
        to right,
        transparent,
        black 10%,
        black 90%,
        transparent
    );
    -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        black 10%,
        black 90%,
        transparent
    );
    */
}

.carousel-track {
    display: flex;
    gap: 20px;
    width: fit-content;
    will-change: transform;
}

.logo-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0;
    width: 330px;
    height: 184px;
}

.logo-item img {
    width: 90%;
    height: 92px;
    object-fit: contain;
    /*filter: brightness(0) invert(1);
    opacity: 0.8;*/
    transition: all 0.3s ease;
}
/*
.logo-item:hover img {
    opacity: 1;
}
*/
@media(max-width:1024px){
    .logo-item {
        width: 166px;
        height: 92px;
        padding: 16px;
    }
    .logo-item img{
        width:130px;
        height: 60px;
    }
}

/* Estilos específicos para carousel white */
.carousel-white .logo-item {
    background: transparent;  /* Sin caja de fondo */
    padding: 0;               /* Sin padding */
    width: 279px;             /* Ancho específico */
    height: 120px;            /* Alto específico */
}

.carousel-white .logo-item img {
    width: 279px;             /* Ancho de la imagen */
    height: 120px;            /* Alto de la imagen */
    opacity: 0.25;            /* 25% de opacidad */
}

/* Responsive para carousel white */
@media(max-width:1024px){
    .carousel-white .logo-item {
        width: 140px;         /* Proporcional al diseño mobile */
        height: 60px;
        padding: 0;
    }
    .carousel-white .logo-item img {
        width: 140px;
        height: 60px;
        opacity: 0.25;
    }
}