/* ******************************************** */
/** Components NEWS
/* ******************************************** */


/*.c-news__date{
    padding: 0;
    background-color: transparent;
    color: rgb(var(--color-darkest-rgb)/50%);
}*/


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

@media (orientation: landscape) and (min-width: 500px) and (max-width: 767px) {
    
    .c-news:not(:first-child){
        margin-top: 0;
    }
    
    .c-news-holder__list{
        display: flex;
        flex-wrap: wrap;
        gap: 22px;
    }
    
    .c-news{
        width: calc(50% - 22px);
    }
    
}


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

@media (min-width: 768px) {

    .c-news:not(:first-child){
        margin-top: 0;
    }

}


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

@media (min-width: 980px) {
    
    .c-news-holder__flex{
        height: 100%;
        width: 100%;
    }

    .c-news:first-child .c-news__title{
        font-size: clamp(1.9rem,1.66vw,2.1rem);
    }

    .c-news:first-child .c-news__description{
        font-size: 1.7rem;
    }

    .c-news:first-child .c-news__link{
        font-size: clamp(1.8rem,1.46vw,2.1rem);
    }
    
    .c-news__img .c-pic .c-pic__img{
        transition: transform 300ms ease-out, opacity 300ms ease-out;
    }

}


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

@media (min-width: 980px) and (max-width: 1399px) {

    .c-news:first-child { 
        grid-column: span 3;
    }
    
    .c-news__info {
        padding: 25px;
    }

    .c-news:first-child  .c-news-holder__flex{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        flex-direction: row;
    }

    .c-news:first-child .c-news__img{
        width: 45%;
        height: 100%;
    }

    .c-news:first-child .c-news__info{
        width: 55%;
        padding: 50px 45px;
    }
}


/* ********************** de Desktop a DESKTOP 2 ********************** */

@media (min-width: 1200px) {

    .c-news:first-child .c-news__info {
        padding: 50px 55px;
    }

}


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

@media (min-width: 1400px) {

    .c-news-holder__list {
        grid-template-columns: 1.4fr 0.8fr 0.8fr; 
    }
    .c-news:first-child { 
        grid-row: span 2;
    }
    .c-news:last-child { 
        grid-column: span 2;
    }


    .c-news:last-child .c-news-holder__flex{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        flex-direction: row;
    }

    .c-news:last-child .c-news__img{
        width: 35%;
        aspect-ratio: initial;
        height: 100%;
    }

    .c-news:last-child .c-news__info{
        width: 65%;
    }

    .c-news:first-child .c-news__description {
        font-size: 1.8rem;
    }

    .c-news:first-child .c-news__info {
        padding: 45px;
    }


}