/* BANNER  1*/
.banner{width: 100%; overflow: hidden; height: var(--height_banner);}
.banner img{width: 100% ; z-index: 1;}
.banner_sobrepor{ display:flex ; position: absolute; top: 170px; margin: 0 auto; width:  var(--largura)}
.banner_sobrepor > div{width: 48%; margin: 2%;}
.banner_sobrepor .texto_banner {background-image: url(../imagens/fundo_40.png); padding: 10px; border-radius: 10px}
/* {z-index: 20; */
.banner_sobrepor .texto_banner p{text-shadow: 0px 2px 2px black, 0 0 5px black; line-height: 38px; text-align: right; font-family: Dubai; color: white; font-size: 34px; margin-top: 5px}
.barraAzul {z-index: 21; width: 100%; height: 7px; background-color:  var(--azul); clear: both}
.saiba{ height: 30px; text-shadow: 0px 0px white; font: 18px/26px Dubai; color: white; background-color: var(--azul); text-align: center; float: right; margin-top: 10px; text-align: right; padding: 5px}
.saiba_le{ height: 30px; text-shadow: 0px 0px white; font: 18px/26px Dubai; color: white; background-color: var(--azul); text-align: center; float: left; margin-top: 10px; text-align: right; padding: 5px; margin: 1%}

.secao{font: 30px dubai; float: right; margin-right: 0; border-radius: 5px; color: var(--azul)}
/* BANNER 2*/
.banner_sobrepor2{display:flex ; z-index: 2; position: relative; top:-700px; left: 10px; border: 1px; height: 200px; width: 100%}
.banner_sobrepor2 > div{width: 48%; margin: 2%;align-items: center;}
.banner_sobrepor2 .texto_banner p{text-shadow: 2px 2px black; text-align: right; font: 34px/40px Dubai; color: white; margin-top: 5px}
.banner_sobrepor2 .barraAzul {z-index: 21; width: 100%; height: 12px; background-color:  var(--azul); margin-top: 5px }

.banner2{min-height: var(--height_banner); min-width: 1920px;}


/* ARTIGOS */
.container {width:  var(--largura); border: 0px solid gray; clear: both; display: flex ;margin: 0 auto; margin-top: 50px; }
.container .div_le{width: 50%; margin-left: 0%}
.container .div_ld{width: 50%; margin-right: 0%}
.container img {width: 100%;}
.container .container_ld{position: relative; left: 0px; padding-left: 5px}
.container .container_ld p {font: 24px/34px Dubai; text-align: left; margin-left: -12px }
.container .container_ld .titulo{text-align: left; font: 50px/54px Dubai; color: var( --azul)}
.container .container_ld .fundoBranco{ background-color: white; padding: 5px; width: 120%}

.container .container_le{position: relative; left: -20%; padding-right: 10px}
.container .container_le p {font: 24px/34px Dubai; text-align: right; padding-right: 2px}
.container .container_le .titulo{text-align: right; font: 50px/54px Dubai; color: var( --azul); width: 120% }
.container .container_le .fundoBranco{ background-color: white;  padding: 5px; width: 120%}

.imagem_destaque{display: none; width: 90%; margin-left: 5%; margin-right: 5% }

@media only screen and (max-width: 1420px) {
.banner_sobrepor .texto_banner p {text-shadow: 2px 2px black; text-align: right; color: white; font: 30px/40px Dubai ; margin-top: 5px}
.barraAzul {z-index: 21; width: 100%; height: 12px; background-color:  var(--azul)}
.saiba{ height: 30px; text-shadow: 0px 0px white; font: 18px/26px Dubai; color: white; background-color: var(--azul); text-align: center; float: right; margin-top: 10px; text-align: right; padding: 5px}


.container .container_ld p {font: 20px/28px Dubai; text-align: left; margin-left: -12px }
.container .container_ld .titulo{text-align: left; font: 46px/50px Dubai;}
.container .container_le p {font: 20px/28px Dubai; text-align: right; padding-right: 2px}
.container .container_le .titulo{text-align: right; font: 46px/50px Dubai;  width: 120% }

.banner_sobrepor2{top:-650px; padding-right: 0%}

}

@media only screen and (max-width: 900px) {
.container{margin-top: 40px; width: 90%}

.imagem_destaque{display: grid ;top: 10px; position:relative; height: 350px ; overflow: hidden; align-items: center;}
.imagem_destaque img{min-width: 410px; min-height: 340px}
.banner_sobrepor{ width: 90%}
.banner_sobrepor > .div1{display: none}
.banner_sobrepor > .texto_banner{width: 80%; margin: 10%}
.banner_sobrepor .texto_banner p{text-shadow: 2px 2px black; line-height: 26px; text-align: right; font-family: Dubai; color: white; font-size: 30px; margin-top: 5px}

.banner_sobrepor2{top:-650px;}
.banner_sobrepor2 > div {width:100%;}
.banner_sobrepor2 .texto_banner p{text-shadow: 2px 2px black; text-align: right; font: 26px/30px Dubai; color: white; margin-top: 5px}


#le1{float: none; width: 100%}
#ld1{display: none;}

.container .container_ld .fundoBranco{ background-color: white; padding: 5px; width: 90%; margin: 5%; margin-top: 0px}
.container .container_ld .titulo{text-align: left; font: 46px/50px Dubai; margin-top: -50px; padding-left: 5%}

.container .container_le{position: relative; left: 0%; padding-right: 10px}
.container .container_le .fundoBranco{ background-color: white; padding: 0; width: 90%; margin: 5%; margin-top: 0px}
.container .container_le p {font: 18px/28px Dubai; text-align: left; padding-left: 0px; }
.container .container_le .titulo{text-align: left; font: 50px/54px Dubai; width: 100%; margin-top: -50px; padding-left: 5%;}

.saiba_le{margin-left: 6%; margin-top: 0;}

}
@media only screen and (max-width: 500px){
.container .container_le .titulo{text-align: left; font: 40px/44px Dubai;}
.container .container_ld .titulo{text-align: left; font: 40px/44px Dubai;}
}