body {
    margin: 0px;
    background-color: #00262be6;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
* {
    font-family:vaR(--barao_font_principal);
}
.barao_login {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 450px;
    display: grid;
    transform: scale(1.1);
}
.barao_login .logo {
    width: 250px;
}
.barao_login .foto {
    background-image: url(../imagens/login/header.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 30px 0px 0px 30px;
}
.barao_login .conteudo {
    background-color: var(--barao_cor_fundo);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px;
    border-radius: 0px 30px 30px 0px;
}
.barao_login a {
    text-decoration: none;
    color:var(--barao_cor_menuitem);
    width: 85%;
    transition: color 0.2s;
    cursor: pointer;
}
.barao_login a:hover {
    color:var(--barao_cor_fundo_menu);
}
@media (max-width: 815px), (max-height: 550px)
{
    .barao_login .foto {
        display: none;
    }
    .barao_login .conteudo {
        border-radius: 0px;
    }
    .barao_login {
        transform: scale(1);
        grid-template-columns:auto;
    }
    body {
        background-image: url(../imagens/login/header.jpg);
        background-size: cover;
    }
}