/* ******************************************** */
/** HERO HOME
/* ******************************************** */

/* .c-hero{
    height: 150px;
    overflow: hidden;
} */
.c-hero__img{
    position: relative;
    width: 100%;
    aspect-ratio:1/1;
}

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

@media (min-width: 768px) {

    .c-hero__img{
        aspect-ratio:144/80;
    }

}


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

@media (min-width: 1200px) {

    .c-hero__img{
        aspect-ratio:144/62;
    }
}


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

@media (min-width: 1400px) {

    .c-hero__img{
        max-height: 720px;
    }
}