.cursos {
    filter: brightness(1.2);
}

.cursos h2 {
    margin-bottom: 3rem;
}

.cursos-lista {
    display: flex;
    flex-flow: column nowrap;
    gap: 1rem;
}

.cursos-lista__item--conteudo-lista h4 {
    margin-bottom: .5rem;
}

.cursos-lista__item--conteudo-lista li {
    list-style: inside disc;
}

.cursos-lista__item {
    border-bottom: 1px solid var(--border-color-dark);
    border-radius: 8px;
}

.cursos-lista__item details {
    border-radius: 8px;
}

.cursos-lista summary {
    border-radius: 8px;
    list-style: none;
    cursor: pointer;
    color: var(--color-texto-destaque-dark);
    background-color: var(--background-botao);
    font-weight: bold;
    padding: 1rem;
    font-size: 1.1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    filter: brightness(1.1);
}

.cursos-lista summary::-webkit-details-marker {
    list-style: none;
}

.cursos-lista summary::after {
    content: "↑";
    font-size: 1.5rem;
    float: right;
    transition: .1s transform ease-in-out;
    transform: rotate(180deg);
}

.cursos-lista details[open] summary::after {
    transform: rotate(0deg);
}

.cursos-lista__item--conteudo {
    margin-top: .2rem;
    padding: 1rem;
    display: flex;
    flex-flow: column nowrap;
    background-color: var(--background-botao);
    gap: 1rem;
    border-radius: 8px;
    filter: brightness(.9);
}

.cursos-lista__item--conteudo h4 {
    display: inline-block;
}

.cursos-lista__item--conteudo h4, .cursos-lista__item--conteudo p, .cursos-lista__item--conteudo li, .cursos-lista__item--conteudo span, .cursos-lista__item--conteudo strong {
    color: var(--color-texto-destaque-dark) !important;
}

@media screen and (min-width: 768px) {
    .cursos-lista {
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items: center;
    }

    .cursos-lista__item {
        flex: 0 1 70%;
        align-self: flex-start;
    }
}