#conteudo {
    padding: 0px;
}

#lado-esquerdo {
    background: var(--branco);
    width: 100%;
    max-width: 660px;
}

#lado-direito {
    background: url(../media/bg.jpg);
    background-size: cover;
    background-position: center;
    flex: 1;
}

#auth-container {
    border-radius: var(--radius);
    width: 100%;
    max-width: 500px;
}

#form-login, #form-registro, #form-recuperacao, #recuperacao-container {
    display: none;

    &.ativo {
        display: flex;
    }
}

#mensagem:empty, #form-mensagem:empty {
    display: none;
}

#logo {
    width: 100px;
}