.container.blog{padding: 90px 0 74px;}
.container.blog .titulo-not-post {font: 500 20.97px / 1.5615em var(--mont);text-align: center;margin: 31px 0 32px ;flex: 1 1 auto;color: #fff;}
.container.blog .parent .lista-posts{display: grid;grid-template-columns: repeat(3, 1fr); gap: 60px 35px;}
.container.blog .parent .post{display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start; transition: var(--transition-df);}
.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 16.34px / 1.78em var(--mont);text-align: center;margin: 29px 0 0 ;flex: 1 1 auto;color: var(--preto-3);}
.container.blog .parent .post .ver-mais{padding: 16px 15px 13px;margin: 0 auto;border-radius: 20px; font: 600 13.27px / 1.3em var(--mont); text-align: center; transition: .4s; border-radius: 8px; border: 2px solid transparent; background: linear-gradient(#202020, #212121) padding-box, linear-gradient(to right, #CE8F00, #CD9400, #CB9C25, #C9A448, #C4B181, #C4B181, #C4B181, #D08900) border-box; width: 100%; transition: var(--transition-df);}
.container.blog .parent .post .ver-mais:hover{cursor: pointer;box-shadow: 0 0 2px 0 #343434; background: var(--amarelo); color: var(--branco);}
.container.blog .parent .post .ver-mais:hover p {-webkit-text-fill-color:var(--branco)}
.container.blog .parent .paginas{display: flex;align-items: center;justify-content: center;gap: 15px 13px;margin: 71px 0 0;}
.container.blog .parent .paginas .pagina{width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;font: 700 27.76px var(--mont);background: var(--vermelho);border-radius: 10px;color: var(--branco);transition:.4s;}
.container.blog .parent .paginas .pagina.ativo,
.container.blog .parent .paginas .pagina:hover{background: var(--azul);}
.container.blog .parent .img {width: 100%; height: auto; display: flex;}
.container.blog .parent img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px; aspect-ratio: 800 / 600;}

@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;}
     .container.blog .parent .paginas {margin: 20px 0 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;}
     
}