#index {
    /* background-image: url(../media/login.svg); */
    /* background: linear-gradient(135deg, rgba(233, 243, 250, 1) 0%, rgba(255, 255, 255, 1) 100%); */
    background: var(--cor1);
    width: 100%;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding-top: 16vh; */
    justify-content: center;
}

#caixa {
    width: calc(90% - 40px);
    padding: 20px;
    /*background: #fff;*/
    display: flex;
    gap: 12px;
    border-radius: var(--curva);
    /*box-shadow: 0px 0px 18px rgba(155, 155, 155, 0.15);*/
    flex-direction: column;
    align-items: center;
    transition: allow-discrete;
}

#logo {
    max-width: 320px;
    margin: 20px;
    margin-bottom: 40px;
}

#login, #registro, #recuperacao {
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

#login.ativo, #registro.ativo, #recuperacao.ativo {
    display: flex;
    animation: toggle 1s forwards;
}

@keyframes toggle {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#form-login, #form-registro, #form-recuperacao {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ver-senha {
    cursor: pointer;
}

.ver-senha:hover {
    opacity: 0.72;
}

#registrar {
    display: block;
    text-align: center;
    padding-top: 16px;
}

#recuperar {
    display: block;
    text-align: right;
    padding: 0px 12px 0px 0px;
}

#form-recuperacao {
    display: none;
}

#form-recuperacao.ativo {
    display: flex;
}

#login-titulo {
    font-weight: 700;
    color: #fff;
}

label[for="capital-inicial"] {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    gap: 8px;
    font-size: 1em;
    background: unset;
}

label[for="convite-capital-incentivo"] {
    /*display: none;*/

    &.mostrar {
        display: flex;  
    }
}