/* Estilo para o contêiner principal */
.mod-ma-latesthighlight {
    display: flex;
    flex-wrap: wrap;
    gap: 40px; /* Espaçamento entre os elementos */
    background: #ffffff;
    border-radius: 10px;
    padding: 20px 40px;
}

/* Estilo para a área de destaques */
.mod-ma-latesthighlight .mainarticles-destaques,
.mod-ma-latesthighlight .mainarticles-ultimas {
    flex: 1 1 48%; /* Ocupa 50% menos o gap, permitindo flexibilidade */
    display: flex;
    flex-direction: column; /* Elementos empilhados verticalmente */
    box-sizing: border-box; /* Inclui padding e border no tamanho total */
}

.mainarticles-destaques .article-main img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: 100% 25%;
    border-radius: 10px !important;
    margin-bottom: 15px;
}

.mod-ma-latesthighlight .article-main .info .category {
    font: 700 10px/15px Inter !important;
    letter-spacing: 0 !important;
}

.mod-ma-latesthighlight .article-main .info .date {
    font: 400 10px/15px Inter !important;
    letter-spacing: 0 !important;
}

.mainarticles-destaques .article-main h2 {
    font: 400 28px/34px Intro !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 112px;
    margin-top: 15px;
}

.mainarticles-destaques .article-main .text {
    font: 400 16px/19px Inter !important;
    letter-spacing: 0 !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 64px;
    margin-top: 0;
}

.mainarticles-ultimas .article-main .article-info {
    display: flex;
    flex-direction: column; /* Elementos empilhados verticalmente */
    box-sizing: border-box; /* Inclui padding e border no tamanho total */
}

.mainarticles-ultimas .article-main h3 {
    font: 400 18px/23px Intro !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 36px;
    margin-top: 15px;
}

.mainarticles-ultimas .article-main .text {
    font: 400 14px/19px Inter !important;
    letter-spacing: 0 !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 28px;
    margin-top: 15px;
}

.mod-ma-latesthighlight hr {
    background-color: #ebe9ea !important; /* Aplica a borda inferior */
    height: 1px !important; /* Remove altura padrão */
    margin: 30px 0;
}
.mod-ma-latesthighlight .mainarticles-ultimas hr {
    margin: 14px 0 15px 0;
}

/* Adaptação responsiva */
@media (max-width: 992px) {
    .mod-ma-latesthighlight {
        padding: 15px;
    }

    .mod-ma-latesthighlight .mainarticles-destaques,
    .mod-ma-latesthighlight .mainarticles-ultimas {
        flex: 1 1 100%; /* No mobile, cada área ocupa 100% da largura */
    }
}