.destaque-area {
    width: 100%;
    height: 480px;
    margin-top: 10px;
}

.destaque-area .news-grid-area {
    width: 100%;
    height: 100%;
    display: flex;
}

.destaque-area .news-grid-area .post-block {
    width: calc(100% / 3);
    padding: 0px 6px;
    height: 100%;
}

.destaque-area .news-grid-area .post-block:first-child {
    padding-left: 0px;
}

.destaque-area .news-grid-area .post-block:last-child {
    padding-right: 0px;
}

.destaque-area .news-grid-area .post-block .post-box {
    width: 100%;
    height: calc(100% - 6px);
    background-color: #e8e8e8;
    position: relative;
    overflow: hidden;
}

.destaque-area .news-grid-area .post-block .post-box .img-resizable {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.destaque-area .news-grid-area .post-block .post-box .img-resizable img {
    /*transition: 0.5s all;*/
}

.destaque-area .news-grid-area .post-block .post-box .img-shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(2,105,255,0) 100%);
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area {
    width: calc(100% - 40px);
    height: 162px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 16px 20px;
    display: flex;
    align-items: baseline;
    flex-flow: column;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area > div:first-child {
    margin-top: auto;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-category-list-area {
    width: 100%;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-category-list-area .category-list {
    list-style: none;
    padding: 0px;
    margin-left: -1px;
    width: calc(100% + 2px);
    margin-top: 4px;
    margin-bottom: 4px;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-category-list-area .category-list li {
    display: inline-block;
    margin: 0px 1px;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-category-list-area .category-list li a {
    display: block;
    text-decoration: none;
    color: var(--color_tag_text) !important;
    background-color: var(--color_tag_background) !important;
    padding: 0px 6px;
    border-radius: 5px;
    font-size: 12px;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-category-list-area .category-list li a:hover {
    color: var(--color_tags_text_hover) !important;
    background-color: var(--color_tags_background_hover) !important;
    cursor: pointer;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-category-list-area .title-area {

}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-category-list-area .title-area .title {

}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-category-list-area .title-area .description {

}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-date-area {
    font-size: 12px;
    color: gray;
    margin-top: 10px;
    line-height: 14px;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .post-date-area .data-tag {
    color: var(--color_font_subtitle_grid) !important;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .title-area {
    width: 100%;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .title-area .title-area-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .title-area .title-area-link .title {
    font-size: 18px;
    color: var(--color_font_title_grid) !important;
    margin-top: 0px;
    margin-bottom: 8px;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .title-area .title-area-link:hover .title {
    color: var(--color_font_title_grid_hover) !important;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .title-area .title-area-link .description {
    line-height: 22px;
    color: var(--color_font_subtitle_grid) !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .title-area .title-area-link:hover .description {
    color: var(--color_font_subtitle_grid_hover) !important;
}

.destaque-area .news-grid-area .post-block.post-splited {
    height: 50%;
}

.destaque-area .news-grid-area .post-block.post-splited .post-box:first-child {
    margin-bottom: 6px;
    height: calc(100% - 12px);
}

.destaque-area .news-grid-area .post-block.post-splited .post-box:nth-child(2),
.destaque-area .news-grid-area .post-block.post-splited .post-box:nth-child(3) {
    margin-top: 6px;
    width: calc(50% - 6px);
    float: left;
}

.destaque-area .news-grid-area .post-block.post-splited .post-box:nth-child(2) {
    margin-right: 6px;
}

.destaque-area .news-grid-area .post-block.post-splited .post-box:nth-child(3) {
    margin-left: 6px;
}

.destaque-area .news-grid-area .post-block .post-box .post-infos-area .title-area .title-area-link .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}