.truncate-text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container-blog-info-grid {
    min-height: 90px;
    margin-top: 0.5rem;
}

@media screen and (max-width: 1170px) {
    .blog-grid-principal {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
        padding: 3rem;
    }

    .container-blog-info {
        margin-top: 0;
        z-index: auto;
    }
}

@media screen and (max-width: 1024px) {
    .blog-grid-principal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 840px) {

    .blog-grid-principal,
    .container-blog-title {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}