.l-hero {width: 100%; max-width: 1920px; margin: 0 auto; background-image: url(../img/corporativo/noticias/banner-hero.jpg); background-size: cover; height: 622px; background-repeat: no-repeat;}
.l-hero__container {display: flex; justify-content: center; align-items: flex-start; height: 100%;  }
.l-hero__title {color: var(--blanco2); font-family: var(--HRegular); font-weight: bold; font-size: 3.125rem; margin: 0; padding-left: 2rem;}
.l-hero__logo {padding-right: 2rem; border-right: 1px solid var(--blanco2);}
.l-main__title {font-family: var(--HRegular); font-weight: 300; font-style: italic; font-size: 1.563rem; text-align: center; color: var(--negro);}
.l-noticias__container {display: flex; flex-wrap: wrap; justify-content: center; border-bottom: 1px solid var(--negro);}
.l-sec {background-color: var(--blanco2); }
.l-sec__container  { padding: 4em 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.l-sec__title , .l-sec__sub-title {margin: 0; font-family: var(--HRegular); font-weight: bold; font-size: 2.188rem;}
.l-sec__title {color: var(--morado3);  margin: 1rem 0 .7rem;}
.l-sec__sub-title{color: var(--vino); margin-bottom: 1rem;}

@media (max-width: 64em) {
    .l-sec__container  {text-align: center; padding: 1rem;}
    .l-hero {height: 514px;;}
}
@media (max-width: 48em) {

}


@media (min-width: 20rem) and (max-width: 48rem) {
    
    
    .l-hero {height: 693px; background-position: center;background-size: cover;}
    .l-hero__container {padding: 0; flex-direction: column;}
    
    .l-sec__title, .l-sec__sub-title {font-size: 1.588rem;}
    
}