/* ======================= SESSÃO 1 ======================= */
@media (max-width: 768px) {
    section h1 {
        font-size: 25px !important;
    }

    section p {
        font-size: 15px !important;
    }

    section li {
        font-size: 15px !important;
    }
}

@media (min-width: 769px){
    section{
        max-width: 900px !important;
        margin-inline: auto !important;
    }
}

section p {
    text-align: justify;
}

section li {
    text-align: justify;
}

.sessao1 {
    padding-top: 200px;
    padding-bottom: 200px;
    background-color: transparent;
    background-image: linear-gradient(5deg, rgba(var(--cor-secundaria),0.3) 20%, rgba(var(--cor-background),1) 100%);
    height: 100px !important;
    /*margin-bottom: -100px;*/
}

/* ======================= SESSÃO 2 ======================= */
.sessao2 h1 {
    text-align: center !important;
    margin-top: 100px;
    margin-bottom: 50px;
}

.sessao2 .card-plano {
    background-color: green;
    max-width: 300px;
    /*min-height: 200px;*/
    border-radius: 30px;
    background-color: transparent;
    background-image: radial-gradient(at top right, rgba(var(--cor-secundaria),0.4) 0%, rgba(var(--cor-primaria),0.2) 70%);
    padding: 32px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    height: 100%;
}

.sessao2 .card-plano-titulo {
    height: 80px;
}