.main-clients-section {
    width: 100%;
    height: 50vw;
    display: flex;
    background-color: var(--color-main-contrary);
}

.clients-section {
    width: 100%;
    text-align: center;

    .client-title {
        padding-top: 3vw;
        font-size: 6.5vw;
        font-weight: 600;

        span {
            color: var(--color-footer);
        }
    }

    .client-sub-title {
        font-size: 1.2vw;
        color: black;

        span {
            font-weight: 600;
        }
    }
}

.clients-list {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -0%);

    width: 70%;
    padding-top: 2vw;
    /* Usamos flexbox para la disposición horizontal */
    display: flex;
    /* Centrar el listado en la página */
    justify-content: center;
    align-items: center;
    /* Permitir que las tarjetas pasen a una nueva línea si no caben */
    flex-wrap: wrap;
    /* padding: 10px 0; */
}

.client-item {
    width: 7.3vw;
    height: 3.8vw;
    margin: 0.3vw 0.3vw;

    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


/* 📱 MEDIA QUERY para Dispositivos Móviles (ancho máximo de 768px) 📱 */
@media (max-width: 768px) {

    .main-clients-section {
        font-size: 4vw;
        /* background-image: none; */
        height: 100vw;
    }

    .clients-section {
        width: 100%;
        margin: 0;

        .client-title {
            padding-top: 6vw;
            font-size: 7vw;
        }

        .client-sub-title {
            font-size: 2.5vw;
        }
    }

    .clients-list {
        padding-top: 7vw;
        width: 90%;
    }

    .client-item {
        height: 7vw;
        width: 14vw;
    }

}

.Advanta {
    background-image: url('../images/clients/Advanta.png');
}

.Alltec {
    background-image: url('../images/clients/Alltec.png');
}

.Alz {
    background-image: url('../images/clients/Alz.jpg');
}

.Argensun {
    background-image: url('../images/clients/Argensun.png');
}

.Arpov {
    background-image: url('../images/clients/Arpov.jpg');
}

.Basf {
    background-image: url('../images/clients/Basf.png');
}

.Bayer {
    background-image: url('../images/clients/Bayer.png');
}

.CaseConstruction {
    background-image: url('../images/clients/CaseConstruction.png');
}

.Case {
    background-image: url('../images/clients/Case.png');
}

.Cnh {
    background-image: url('../images/clients/Cnh.png');
}

.Colombo {
    background-image: url('../images/clients/Colombo.png');
}

.Corteva {
    background-image: url('../images/clients/Corteva.png');
}

.Dapsa {
    background-image: url('../images/clients/Dapsa.png');
}

.Dekalb {
    background-image: url('../images/clients/Dekalb.png');
}

.DonMario {
    background-image: url('../images/clients/DonMario.png');
}

.Dva {
    background-image: url('../images/clients/Dva.png');
}

.EuroChem {
    background-image: url('../images/clients/EuroChem.png');
}

.Gleba {
    background-image: url('../images/clients/Gleba.jpg');
}

.HandleyForward {
    background-image: url('../images/clients/HandleyForward.png');
}

.Indigo {
    background-image: url('../images/clients/Indigo.jpg');
}

.Lanther {
    background-image: url('../images/clients/Lanther.png');
}

.LaSegunda {
    background-image: url('../images/clients/LaSegunda.jpg');
}

.Metalfor {
    background-image: url('../images/clients/Metalfor.png');
}

.NacionSeguros {
    background-image: url('../images/clients/NacionSeguros.png');
}

.NewHollandConstruction {
    background-image: url('../images/clients/NewHollandConstruction.png');
}

.NewHolland {
    background-image: url('../images/clients/NewHolland.png');
}

.Nidera {
    background-image: url('../images/clients/Nidera.png');
}

.Pgg {
    background-image: url('../images/clients/Pgg.png');
}

.Profertil {
    background-image: url('../images/clients/Profertil.jpg');
}

.Prosapia {
    background-image: url('../images/clients/Prosapia.png');
}

.SancorSeguros {
    background-image: url('../images/clients/SancorSeguros.png');
}

.SanCristobal {
    background-image: url('../images/clients/SanCristobal.jpg');
}

.Sigma {
    background-image: url('../images/clients/Sigma.png');
}

.SmartCampo {
    background-image: url('../images/clients/SmartCampo.png');
}

.SpeedAgro {
    background-image: url('../images/clients/SpeedAgro.png');
}

.Stine {
    background-image: url('../images/clients/Stine.png');
}

.Sura {
    background-image: url('../images/clients/Sura.jpg');
}

.Syngenta {
    background-image: url('../images/clients/Syngenta.png');
}

.Timac {
    background-image: url('../images/clients/Timac.jpg');
}

.Upl {
    background-image: url('../images/clients/Upl.png');
}

.Yara {
    background-image: url('../images/clients/Yara.png');
}

.YpfAgro {
    background-image: url('../images/clients/YpfAgro.png');
}