/* Patrocinadores / Logos institucionales */

.df-patrocinadores{
    width:100%;
    overflow:hidden;
    margin:30px 0;
}

.df-patrocinadores-wrapper{
    width:100%;
    overflow:hidden;
    cursor:grab;
    user-select:none;
    -webkit-user-select:none;
    touch-action:pan-y;
}

.df-patrocinadores-wrapper.dragging{
    cursor:grabbing;
}

.df-patrocinadores-track{
    display:flex;
    align-items:center;
    width:max-content;
    will-change:transform;
    backface-visibility:hidden;
    transform:translate3d(0,0,0);
}

.df-patrocinadores-set{
    display:flex;
    align-items:center;
    gap:60px;
    padding-right:60px;
    flex:0 0 auto;
}

.df-patrocinador-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    flex:0 0 auto;
    -webkit-user-drag:none;
}

.df-patrocinador-logo img{
    height:80px;
    width:auto;
    max-width:220px;
    object-fit:contain;
    display:block;

    filter:grayscale(100%);
    opacity:.70;

    transition:
        filter .25s ease,
        opacity .25s ease,
        transform .25s ease;
}

.df-patrocinador-logo:hover img{
    filter:grayscale(0%);
    opacity:1;
    transform:scale(1.08);
}

.df-patrocinadores-wrapper.dragging .df-patrocinador-logo{
    pointer-events:none;
}

@media(max-width:991.98px){

    .df-patrocinadores-set{
        gap:45px;
        padding-right:45px;
    }

    .df-patrocinador-logo img{
        height:70px;
        max-width:180px;
    }
}

@media(max-width:767.98px){

    .df-patrocinadores{
        margin:22px 0;
    }

    .df-patrocinadores-set{
        gap:35px;
        padding-right:35px;
    }

    .df-patrocinador-logo img{
        height:58px;
        max-width:150px;
    }
}