/* ******************************************** */
/** COMPONNETS 2-col
/* ******************************************** */

.c-2col__item:not(:first-child){
    margin-top: 60px;
}

.c-2col__img{
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 35/18;
}

.c-2col__info h3{
    font-weight: 500;
}

.c-2col__info a{
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;

}

/* ********************** MOBILE LANDSCAPE ********************** */

@media (orientation: landscape) and (min-width: 500px) and (max-width: 767px) {

    .c-2col__item{
        display: flex;
        align-items: center;
        gap: 60px;
    }

    .c-2col__item > *{
        width: 50%;
    }

}


/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {

    .c-2col__item{
        display: flex;
        align-items: center;
        gap: 60px;
    }

    .c-2col__item > *{
        width: 50%;
    }

}


/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {

    .c-2col{
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .c-2col__item > *:first-child{
        width: 35%;
    }
    
    .c-2col__item > *:last-child{
        width: 65%;
    }

}


/* ********************** de Desktop 2 a HD ********************** */

@media (min-width: 1400px) {

    .c-2col{
        max-width: 1000px;
    }

}