.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 span { float: left; width: 100%; height: 120px; display: flex; align-items: center; justify-content: center;}
.container-posts .container-posts-engloba .container-posts-a span strong { float: left; width: 100%; text-align: center; font: 17px latobold; 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: 100px; font: 15px latobold;transition: 0.2s; background: #537fbf; color: #fff; height: 50px; display: flex; align-items: center; justify-content: center;}
.container-posts .container-posts-engloba .container-posts-a div i { float: left; width: 50px; height: 50px;transition: 0.2s; background: url(../img/footer/send.svg) no-repeat center #537fbf; 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: #004a81;}
.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 latoregular; 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: #537fbf; display: flex; align-items: center; justify-content: center; margin: 5px; color: #fff !important; font: 14px latoregular;}
.container-posts .engloba-paginacao a.ativo-paginacao { background: #004a81 !important;}

@media(max-width: 900px){
    .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){
    .container-posts .container-posts-engloba .container-posts-a:hover div{background-color: #004a81;}
    .container-posts .container-posts-engloba .container-posts-a div {width: 100%; height: 33px; background: #537fbf; 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;}

}