.spark-introducao {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--cor-spark-complemento);
}

.spark-introducao-container {
    width: min(100% - 7%, 1060px);
    height: fit-content;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    line-height: 1.6;
    font-family: var(--fonte-padrao);
}

.spark-introducao h2 {
    margin-top: 40px;
    font-size: var(--fonte-tamanho-h2);
    font-weight: var(--fonte-peso-semibold);
    color: var(--cor-texto-branco);
}

.spark-introducao p {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: var(--fonte-tamanho-p);
    color: var(--cor-texto-branco);
}

.spark-conteudo {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.spark-conteudo-container {
    width: min(100% - 7%, 860px);
    height: fit-content;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    line-height: 1.6;
    font-family: var(--fonte-padrao);
}

.spark-conteudo h2 {
    margin-top: 40px;
    font-size: var(--fonte-tamanho-h2);
    font-weight: var(--fonte-peso-semibold);
}

.spark-conteudo h3 {
    margin-top: 20px;
    font-size: var(--fonte-tamanho-h3);
    font-weight: var(--fonte-peso-medium);
}

.spark-conteudo p {
    margin-top: 10px;
    font-size: var(--fonte-tamanho-p);
}

.spark-conteudo ul {
    margin-top: 10px;
    padding-left: 20px;
    list-style: disc;
}

.spark-conteudo li {
    margin-bottom: 6px;
    font-size: var(--fonte-tamanho-p);
}
