.engloba-banner {width: 100%; float: left; background: var(--cinza-escuro);}
.alinha-banner {width: calc(100% - 60px); margin: 0 30px;height: 147px; display: flex; justify-content: center; align-items: center} 
.alinha-banner p{font: 26px playfair;color: white; text-align: center; text-transform: uppercase; letter-spacing: 2px; width: 100%;}

.container-posts { float: left; width: calc(100% - 60px);margin: 0 30px;padding:80px 0 70px;}
.container-posts .container-posts-engloba {float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap: 69px 0;margin: 0 0 80px}
.container-posts .container-posts-engloba .container-posts-a {width:545px;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.container-posts .container-posts-engloba .container-posts-a img{width: 100%; margin: 0 0 30px;}
.container-posts .container-posts-engloba .container-posts-a .titulo{width:100%;min-height:74px;margin: 0 0 25px;font: 24px playfair; color: var(--fonte-azul);line-height: 37px;text-align: justify;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.container-posts .container-posts-engloba .container-posts-a .descricao{width:100%;height:78px;margin: 0 0 31px;font: 15px montserrat-regular; color: #686868;line-height: 26px;text-align: justify; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.container-posts .container-posts-engloba .container-posts-a div b {transition: .2s; width:167px;height:37px;background: var(--dourado);font:11.06px montserrat-semibold;color: var(--branco);text-align: center; text-transform: uppercase; display: flex; justify-content: center; align-items: center;}
.container-posts .container-posts-engloba .container-posts-a:hover div b{background: var(--azul-marinho);}
.container-posts .container-resultado{float: left; width: 100%;}
.container-posts .container-resultado p {float: left; width: 100%; text-align: center; font: 15px montserrat-regular; color: #686868; line-height: 24px;}
.container-posts .engloba-paginacao {float: left; width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.container-posts .engloba-paginacao a {float: left; width: 39px; height: 34px; padding: 0 0 5px; display: flex; align-items: center; justify-content: center; margin: 5px; color: var(--azul-marinho); font: 24px playfair;}
.container-posts .engloba-paginacao a.ativo-paginacao { background: var(--azul-marinho) !important; color: var(--branco);}

@media(max-width: 1220px){
    .alinha-banner{height: 120px;}
    .alinha-banner p{font-size: 23px;}

    .container-posts{padding: 60px 0 50px;}
    .container-posts .container-posts-engloba .container-posts-a{width: 48%;}
    .container-posts .container-posts-engloba .container-posts-a .titulo{font-size: 22px; line-height: 30px;min-height: 60px;}
}
@media(max-width: 990px){
    .alinha-banner{height: 100px;}
    .alinha-banner p{font-size: 20px;}
    .container-posts{padding: 40px 0 30px;}
    .container-posts .container-posts-engloba{gap:50px 0; margin: 0 0 60px}
}
@media(max-width: 767px){
    .alinha-banner{height: 80px;}
    .alinha-banner p{font-size: 18px; letter-spacing: 1px;}

    .container-posts{width: 100%; margin: 0; padding: 30px 0;}
    .container-posts .container-posts-engloba{margin:0 0 30px}
    .container-posts .container-posts-engloba .container-posts-a img{margin: 0 0 15px}
    .container-posts .container-posts-engloba .container-posts-a .titulo{font-size: 20px; line-height: 25px; min-height: 50px;text-align: center;margin: 0 0 15px}
    .container-posts .container-posts-engloba .container-posts-a .descricao{font-size: 14px; line-height: 23px;height: 69px;margin: 0 0 15px}
}
@media(max-width: 600px){
    .container-posts .container-posts-engloba{gap: 30px 10px;justify-content: center;}
    .container-posts .container-posts-engloba .container-posts-a{width: 100%; max-width: 240px; justify-content: center;}
    .container-posts .container-posts-engloba .container-posts-a div{width: 100%;}
    .container-posts .container-posts-engloba .container-posts-a div b{width: 100%;}
    .container-posts .engloba-paginacao a{width: 30px;height: 25px;font-size: 20px;}
    
}