.finder {
    display: flex;
    justify-content: center;
    width: 100%;
}

.com-finder > * + *, .com-finder__results > * + * {
    margin-top: 0 !important;
}

.finder .btn-primary {
    color: var(--color-branco) !important;
    background-color: var(--color-verde-petroleo) !important;
    border-color: var(--color-verde-petroleo) !important;
}

.finder .finder-col {
    max-width: 960px;
    width: 100%;
}

.area-artigo {
    display: flex;
    align-items: stretch; /* Faz com que a altura do conteúdo e da imagem sejam iguais */
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #DCDCDC;
}

.area-artigo:last-child {
    border-bottom: none; /* Remove a borda inferior da última div */
}

.info-artigo {
    max-width: 78%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.info-artigo h4 a {
    font-family: var(--font-intro-medium);
    font-weight: var(--weight-medium);
    font-size: 16px;
    line-height: 18px;
    color: var(--color-azul-marinho);
    margin-bottom: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 36px;
    flex-grow: unset;
}

.artigo-introtext {
    font-family: var(--font-inter);
    font-weight: var(--weight-regular);
    font-size: 12px;
    line-height: 17px;
    color: var(--color-azul-marinho);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 34px;
}

.img-artigo {
    max-width: 30%; /* Limita a largura da imagem */
}

.img-artigo img {
    width: 191px;
    height: 128px;
    border-radius: 10px;
    object-fit: cover;
    align-self: start;
}