.banner { float: left; width: 100%; background: url(../img/fundo-blog.jpg) no-repeat center bottom #eaeaea; padding: 77px 0 0; height: 210px;}
.banner p { float: left; font: 40px latobold; color: #fff; margin: 0 2%; display: flex; align-items: center; height: 160px; width: 96%;}

.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: 30%; display: flex; flex-wrap: wrap; justify-content: right; 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: 18px latoregular; 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 { transition: 0.2s; float: right; width: 91px; font: 13px latobold; color: #fff; background: #cc0063; height: 34px; display: flex; align-items: center; justify-content: center;}
.container-posts .container-posts-engloba .container-posts-a div i { float: left; width: 50px; height: 50px; background: url(../img/footer/send.svg) no-repeat center #ce1715; background-size: 16px;}
.container-posts .container-posts-engloba .container-posts-a .texto {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-align: justify; color: #000; font: 13px latoregular;padding-top: 20px; margin: 0 0 20px 0; width: 100%; border-top: 1px solid #cc0063;}
.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: #2b2b2b; display: flex; align-items: center; justify-content: center; margin: 5px; color: #fff; font: 14px latoregular;}
.container-posts .engloba-paginacao a.ativo-paginacao { background: #00B2CA !important;}