.resumo_materia_content{
    border: 2px solid #f25d27;
    border-radius: 8px;
    background-color: #fff;
    margin: 15px 100px;
    height: 55px;
    transition: all .2s;
}
.resumo_materia_content .resumo_title{
    font-size: 16px;
    font-weight: 600;
    padding: 14px 42px;
    margin-bottom: 0px;
    display: flex;
    align-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    color: #000;
}
.resumo_materia_content .resumo_title i{
    font-size: 20px;
    font-weight: 600;
}
.resumo_materia_content .resumo{
    transition: all .3s;
    padding: 14px 42px;
}
.resumo_materia_content .separator {
    border-bottom: 2px solid #f25d27;
}
.resumo_materia_content p.small-text{
    padding: 14px 42px;
    transition: all .3s;
    font-size: 12px;
    padding-top: 0px;
    color: #0000007a;
    font-weight: 600;
}

.resumo_materia_content .resumo,
.resumo_materia_content .separator,
.resumo_materia_content p.small-text {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

/* Quando estiver aberto */
.resumo_materia_content.open {
    height: auto;
}
.resumo_materia_content.open .resumo,
.resumo_materia_content.open .separator,
.resumo_materia_content.open p.small-text {
    max-height: none; /* ajusta conforme necessário */
    opacity: 1;
}


@media screen and (max-width: 768px) {
    .resumo_materia_content {
        margin: 10px 0px;
    }
    .resumo_materia_content p.small-text{
        padding-top: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .resumo_materia_content {
        margin: 10px 0px;
    }
    .resumo_materia_content p.small-text{
        padding-top: 14px;
    }
}