.engloba-banner {width: 100%; float: left; background: url(../img/institucional/background-banner.jpg)no-repeat center var(--cinza);}
.engloba-banner .alinha-banner{width: calc(100% - 70px); margin: 0 35px; height: 191px; display: flex; align-items: center; justify-content: flex-start;}
.engloba-banner .alinha-banner h1{font: 52px montserrat-bold;color: var(--branco);line-height: 45px;}

.container-posts { float: left; width: 96%; margin: 40px 2%}
.container-posts .container-posts-engloba { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 5%;}
.container-posts .container-posts-engloba .container-posts-a { float: left; width: 23%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 5%;}
.container-posts .container-posts-engloba .container-posts-a img{ float: left; width: 100%}
.container-posts .container-posts-engloba .container-posts-a h2 { float: left; width: 100%; height: 120px; display: flex; align-items: center; justify-content: center;}
.container-posts .container-posts-engloba .container-posts-a h2 strong { float: left; width: 100%; text-align: center; font: 17px montserrat-bold; color: #343434; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.container-posts .container-posts-engloba .container-posts-a div { float: left;  }
.container-posts .container-posts-engloba .container-posts-a div b {float: left; width: 130px; height: 46px; font: 15px montserrat-medium;transition: 0.2s; background: var(--preto); color: #fff; display: flex; align-items: center; justify-content: center;}
.container-posts .container-posts-engloba .container-posts-a div i {float: left; width: 46px; height: 46px;transition: 0.2s; background: url(../img/send.svg) no-repeat center var(--cinza-c); background-size: 16px;}
.container-posts .container-posts-engloba .container-posts-a:hover div b, .container-posts .container-posts-engloba .container-posts-a:hover div i {background-color: var(--preto);}
.container-posts .container-resultado{ float: left; width: 100%; margin: 20px 0 0;}
.container-posts .container-resultado p { float: left; width: 100%; text-align: center; font: 15px montserrat-regular; color: #777; line-height: 24px;}
.container-posts .engloba-paginacao { float: left; width: 100%; margin: 10px 0 0; display: flex; justify-content: center; flex-wrap: wrap;}
.container-posts .engloba-paginacao a { float: left; width: 30px; height: 30px; background: var(--cinza-c); display: flex; align-items: center; justify-content: center; margin: 5px; color: #fff !important; font: 14px montserrat-regular;}
.container-posts .engloba-paginacao a.ativo-paginacao { background: var(--preto) !important;}

@media (max-width: 1220px){
    .container-posts .container-resultado{margin: 10px 0 0}
    .container-posts{margin: 35px 2%}
	.engloba-banner {height: 120px; background-size: 133%;}
	.engloba-banner .alinha-banner {height: 100%;}
	.engloba-banner .alinha-banner p{font-size: 30px;line-height: initial;}
}

@media(max-width: 900px){
    .engloba-banner {height: 75px; background: var(--cinza);}
    .engloba-banner .alinha-banner p{font-size: 20px; text-align: center; width: 100%;}

    .container-posts .container-posts-engloba .container-posts-a {width: 30%; min-width: 120px;}
    .container-posts .container-posts-engloba .container-posts-a span {height: 80px;}
    .container-posts .container-posts-engloba .container-posts-a span strong {font-size: 14px; line-height: 16px;}
}
@media(max-width: 767px){
    .engloba-banner .alinha-banner {width: 100%; margin: 0px;}

    .container-posts .container-posts-engloba .container-posts-a:hover div{background-color: var(--preto);}
    .container-posts .container-posts-engloba .container-posts-a div {width: 100%; height: 33px; background: var(--preto); transition: 0.2s} 
    .container-posts .container-posts-engloba .container-posts-a div b {width: 70%; height: 31px; font-size: 13px;}
    .container-posts .container-posts-engloba .container-posts-a div i {width: 30%; height: 33px;background-size: 13px;}
}
@media (max-width: 600px){
	.engloba-banner{height: 60px;}
	.engloba-banner .alinha-banner p{font-size: 16px; letter-spacing: 2px;}
}