.container.blog{padding: 86px 0 87px;}
.container.blog .titulo-not-post {font: 500 20.97px / 1.5615em montserrat;text-align: center;margin: 31px 0 32px ;flex: 1 1 auto;color: #000;}
.container.blog .parent .lista-posts{display: grid;grid-template-columns: repeat(3, 1fr); gap: 73px 54px;}
.container.blog .parent .lista-posts li {display: flex; flex-direction: column; justify-content: flex-end;}
.container.blog .parent .post{display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start; transition: .3s;}
.container.blog .parent .post:hover {transform: scale(1.02);}
.container.blog .parent .post .capa{height: 200px;display: block;margin: 0 0 20px;}
.container.blog .parent .post .capa.fundo{background: #000;}
.container.blog .parent .post .titulo{font: 500 18.67px/1.4 garet; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: center;margin: 31px 0 32px ;flex: 1 1 auto;color: var(--cinza8);}
.container.blog .parent .post .ver-mais{padding: 10px 18px 10px 17px;margin: 0 auto; color: var(--branco); border-radius: 20px; font: 500 13px / 2.1 montserrat; text-align: center; transition: .4s; border-radius: 8px; border: 2px solid transparent; background: var(--bege3); transition: .3s;}
.container.blog .parent .post .ver-mais:hover{cursor: pointer; color: var(--cor1);}
.container.blog .parent .paginas{display: flex;align-items: center;justify-content: center;gap: 12px 10px;margin: 30px 0 0;}
.container.blog .parent .paginas .pagina{width: 46.2px;height: 46.2px;display: flex;align-items: center; border-radius: 10px; justify-content: center;font: 500 18.46px/1 garet; color: #000 ;background: #fff;color: #121212;border: 3px solid var(--cinza4);transition: .4s;}
.container.blog .parent .paginas .pagina.ativo,
.container.blog .parent .paginas .pagina:hover{color: var(--branco);background: #000; border: transparent;}
.container.blog .parent .img {width: 100%; height: 100%; display: flex; max-height: 252px;}
.container.blog .parent img {width: 100%; height: auto; object-fit: contain; border-radius: 10px;}
@media (max-width:990px){
     .container.blog {padding: 25px 0;}
     .container.blog .parent .lista-posts {gap: 25px 3%;}
     .container.blog .parent .post .titulo {margin: 15px 0;}
}
@media (max-width:900px){
     .container.blog .parent .lista-posts {gap: 25px 3%; grid-template-columns: repeat(2,1fr); max-width: 700px; margin: 0 auto;}
     
}
@media (max-width:600px){
     .container.blog .parent .lista-posts {gap: 25px 3%; grid-template-columns: repeat(1,1fr); max-width: 380px; margin: 0 auto;}
     
}