.custom-potentialize-home {
z-index: 1;
position: relative;
}
.potentialize-home h2 {
padding-top: 100px;
}
.potentialize-home p {
margin: 0 0 112px 0;
}
.box-posts-home {
flex: 1;
height: 260px;
border-radius: 30px;
position: relative;
overflow: hidden;
list-style: none;
border: 2px solid var(--tm_cinza, rgba(0, 0, 0, 0.10));
}
.custom-potentialize-home {
gap: 24px;
}
.box-posts-home img {
width: 100%;
height: 100%;
object-fit: cover;
}
.box-posts-home .image-post {
height: 260px;
position: absolute;
top: 0px;
left: 0;
width: 100%;
}
.box-posts-home h2 {
position: absolute;
bottom: -300px;
padding: 30px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
z-index: 1;
line-height: 32px;
transition: all 0.4s ease;
margin-bottom: 0;
font-size: 22px;
}
.box-posts-home:hover h2 {
bottom: 0;
transition: all 0.4s ease;
}
.image-post img {
transition: all 0.4s ease;
}
.custom-potentialize-home .image-post img:hover, .box-posts-home:hover   img {
transform: scale(1.1);
transition: all 0.4s ease;
}
.post-title-box-materials h3 {
line-height: 22px;
font-size: 16px;
font-weight: 700;
}
.post-title-box-materials {
color: var(--tm-dark-blue);
display: block;
position: absolute;
bottom: 0;
padding: 16px 30px 20px 30px;
background: #fff;
width: 100%;
border-radius: 0px 0px 30px;
z-index: 1;
border-top: 2px solid var(--tm_cinza, rgba(0, 0, 0, 0.10));
}
@media (min-width: 767px) and (max-width: 927px) {
.custom-potentialize-home {
gap: 16px;
margin: auto;
display: grid;
grid-template-columns: 1fr 1fr;
}
.materials-title {
width: 100%;
}
.box-posts-home h2 {
font-size: 20px;
line-height: 26px;
}
}
@media (min-width: 490px) and (max-width: 668px) {
.custom-potentialize-home {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 669px) {
.custom-potentialize-home {
display: grid;
grid-template-columns: 1fr;
}
.box-posts-home .image-post {
height: 100%;
}
.box-posts-home {
margin-bottom: 60px;
}
.box-posts-home {
width: 100%;
height: 218px;
}
.box-posts-home {
margin-bottom: 0;
}
.potentialize-home p {
margin: 0 0 60px 0;
}
}