/* UNIVERSAL
#About h2,
#PublicoAlvo h2,
#CTA h2,
footer h2 {
    font-size: 0;
    width: 1px;
    height: 1px;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    border: 0;
    padding: 0;
    margin: 0;
    clip: rect(1px, 1px, 1px, 1px);
} */

/* SESSÃO Capa */
#Capa {
    background-color: var(--destaque);
    margin-top: 90px;
}

#Capa .container-lg {
    position: relative;
    height: 300px;
    padding: 0;
}

#Capa .squareWhite,
#Capa h2 {
    position: absolute;
    transform: translateY(-50%);
}

#Capa .squareWhite {
    height: 150px;
    width: 100px;
    background-color: #fff;
    left: 10vw;
    top: 50%;
}

#Capa h2 {
    top: calc(50% + 25px);
    font-size: 50px;
    font-weight: 600;
    line-height: 43px;
    letter-spacing: -2.365384578704834px;
    color: var(--cinza-600);
    left: calc(10vw + 71px);
}

/* SESSÃO Formulario */
#Formulario {
    margin-bottom: 130px;
}

#Formulario h3 {
    font-size: 40px;
    line-height: 30px;
    letter-spacing: 1.647706389427185px;
    color: var(--destaque);
    margin-bottom: 60px;
}

form.container {
    padding: 80px 80px 0 80px;
    background-color: var(--cinza-500);
    margin-top: 80px;
}

form.container button {
    width: 330px;
    height: 55px;
    background-color: var(--destaque);
    color: var(--cinza-500);
    border-radius: 12px;
    font-size: 23px;
    font-weight: 700;
    line-height: 19px;
    border: 2px solid transparent;
    transition: background-color 0.4s;
    margin: 40px 0;
}

form.container button:hover {
    background-color: var(--hover);
}

form.container button:active {
    background-color: var(--hover);
    border: 2px solid var(--destaque);
    color: var(--destaque);
}

form.container button.loading {
    cursor: default;
    filter: saturate(0);
    pointer-events: none;
}

.form-input-group {
    display: flex;
    flex-direction: column;
}

.form-input-group label {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 17px;
    position: relative;
}

.form-input-group label::after {
    content: ":";
}

.form-input-group input,
.form-input-group select {
    height: 55px;
    margin-bottom: 34px;
}

@media (max-width: 576px) {

    #Formulario {
        margin-bottom: 0;
    }

    .form-input-group input,
    .form-input-group label,
    .form-input-group select {
        text-align: center;
    }

    .form-input-group label::after {
        content: "";
    }
}

.form-input-group:focus-within label {
    color: var(--hover);
}

.form-input-group input,
.form-input-group textarea,
.form-input-group select {
    font-size: 24px;
    line-height: 30px;
    color: var(--cinza-500);
    border-radius: 11px;
    border: none;
    padding: 10px;
}

.form-input-group input:hover,
.form-input-group textarea:hover,
.form-input-group select:hover {
    outline: 1px solid var(--hover);
}

.form-input-group input:focus,
.form-input-group textarea:focus,
.form-input-group select:focus {
    /* border: none; */
    outline: 3px solid var(--hover);
    caret-color: var(--hover);
}

.form-input-group .textbox {
    height: 280px;
    text-align: start;
    display: flex;
    resize: none;
}

#Formulario .requirements {
    margin: 20px 0 0 0;
}

@media (max-width: 992px) {
    form.container {
        box-sizing: border-box;
        width: calc(100vw - 45px);
        margin-left: 22.5px;
        max-width: none;
        background-color: transparent;
    }
}

@media (max-width: 576px) {
    form.container {
        box-sizing: border-box;
        width: 100vw;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        padding: 80px 40px;
    }
    #Formulario .requirements {
        text-align: center;
    }
}


/* SESSÃO Agradecimentos */
#Agradecimentos {
    margin-bottom: 140px;
}

#Agradecimentos p {
    font-size: 36px;
    line-height: 51px;
    letter-spacing: 0.6057755947113037px;
    display: inline-block;
}

#Agradecimentos img {
    width: 100%;
    max-width: 680px;
}