.apartadoclientes {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    overflow-x: hidden;

    & .titulo {
        display: flex;
        flex-direction: row;
        padding: 25px 0;
        width: 90%;
        color: #F9751F;
        justify-content: center;
        align-items: center;
        /* text-align: center; */

        & h3,
        & h1 {
            font-weight: 900;
            word-wrap: break-word;
        }

        & h1 {
            color: #363636;
        }

        & p {
            color: #5a5a5a;
            text-align: justify;
            /* text-align-last: center; */

            & strong {
                color: #F9751F;
            }
        }

        & .imagen {
            border-radius: 20px;
        }

        & .clientesprincipal {
            border-radius: 20px;
            max-width: 500px;
            filter: grayscale(25%);
            height: auto;
        }
    }
}

.descripcion-clientes {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    padding: 0 20px;

    & .textoprueba {
        color: #F9751F;
        font-size: clamp(2.5em, 6vw, 10em);
        margin-right: 5px;
    }

    & .imagentexto {
        max-width: 100px;
        height: auto;
    }

    & .boton {
        border-radius: 20px;
        background-color: #F9751F;
        color: #fff;
        font-weight: 800;
        padding: 8px 15px;
        /* max-width: 150px; */
        width: 40%;
        text-align: center;
    }
}

.descripcion-clientes .columna {
    display: flex;
    flex: 1 1 50%;
    gap: 10px;
    border-radius: 15px;
    text-align: start;
    align-items: center;
    animation: fadeInUp 1s ease forwards;
    flex-direction: row;
    backdrop-filter: blur(5px);

    & .fila {
        display: flex;
        flex-direction: column;
    }
}

.descripcion-clientes.version-texto .columna:nth-child(2) {
    animation-delay: 0.3s;
}

@media (max-width: 768px) {
    .descripcion-clientes .columna {
        flex-direction: column;
        text-align: center;
    }

    .descripcion-clientes {
        gap: 20px;
        padding: 0 10px;
        justify-content: center;
        align-items: center;

        & .boton {
            width: 50%;
        }
    }

    .apartadoclientes .titulo {
        width: 90%;
        flex-direction: column;
    }

    .apartadoclientes .titulo p {
        font-size: 0.9em;
        text-align-last: center;
    }

    .apartadoclientes .titulo {

        & h1,
        & h3 {
            text-align: center;
        }
    }

    .apartadoclientes {
        & .titulo {
            & .clientesprincipal {
                max-width: 300px;
            }
        }

    }


    @media (max-width: 480px) {
        .descripcion-clientes .textoprueba {
            font-size: 2.5em;
        }

        .apartadoclientes .titulo h1 {
            font-size: 1.5em;
        }

        .apartadoclientes .titulo h3 {
            font-size: 1.2em;
        }


    }
}

/* 
 ######  ##       #### ########  ######## ########
##    ## ##        ##  ##     ## ##       ##     ##
##       ##        ##  ##     ## ##       ##     ##
 ######  ##        ##  ##     ## ######   ########
      ## ##        ##  ##     ## ##       ##   ##
##    ## ##        ##  ##     ## ##       ##    ##
 ######  ######## #### ########  ######## ##     ##  */

.slider-clientes-contenedor {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.slider-clientes-contenedor .slider-clientes {
    display: flex;
    animation: scroll 60s linear infinite;
    -webkit-animation: scroll 60s linear infinite;
    width: calc(300px*2);
    justify-content: space-between;
    align-items: center;

}

.slider-clientes-contenedor .slide {
    width: 300px;
    margin: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-clientes-contenedor .slide img {
    width: 100%;
    max-height: 200px;
    transition: filter 0.3s ease, transform 0.3s ease;
}

.slider-clientes-contenedor .slide img:hover {
    filter: grayscale(0);
    transform: scale(1.2);
}

.slider-clientes-contenedor .slide img.iluminado {
    filter: grayscale(0);
    transform: scale(1.2);
    transition: filter 0.3s ease, transform 0.3s ease;
}