.titulo h2 {
    font-size: 2rem;
    color: var(--color-primary)
}

.title {
    font-size: 2rem;
    color: var(--color-primary)
}

#listBlog .title {
    font-size: 16px;
    text-align: justify;
    margin-bottom: 0;
}

#listBlog .line {
    font-size: 16px;
    margin-bottom: 40px;
    overflow: hidden;
}

#listBlog .image {
    max-height: 150px;
}

#listBlog .image .img {
    max-height: 150px;
}

#listBlog .body {
    display: block;
    font-size: 13px;
    color: var(--color-primary);
    padding: 6px 0;
}

#listBlog .div-link {
    position: absolute;
    bottom: 0;
}

#listBlog .link {
    font-size: 14px;
}

#listBlog .info {
    position: relative;
    max-height: 120px;
}

#listBlog .page-item.active .page-link {
    color: white;
    background-color: green !important;
}

#post .title {
    font-size: 2rem;
    color: var(--color-primary);
}

#post .body * {
    /* color: var(--color-primary); */
    font-family: "ClanOT-Book" !important;
    overflow: hidden;
}

#post .body img {
    max-width: 100% !important;
}

.rrssb-facebook, .rrssb-twitter{
    width: calc(50% - 21px);
}
.rrssb-whatsapp{
    width: 41px;
}
@media (max-width: 576px) {
    #listBlog .line {
        height: auto;
        overflow: inherit;
        margin-bottom: 20px;
    }
    #listBlog .image,
    #listBlog .title,
    #listBlog .body {
        margin-bottom: 10px;
    }
    #listBlog .div-link {
        position: inherit;
        margin-bottom: 15px;
    }
    #listBlog .info {
        position: inherit;
        max-height: inherit;
    }
    #listBlog .image{
        max-height: inherit;
    }
    #listBlog .image .img{
        max-height: inherit;
    }
}