.login { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); }
.login-brand { background: var(--azul); color: #fff; display: grid; grid-template-rows: auto 1fr; align-content: space-between; align-items: end; padding: 56px; }
.login-simbolo { width: 72px; height: auto; }
.slogan { font-style: italic; font-weight: 300; font-size: 30px; line-height: 1.25; margin: 0; max-width: 16em; }
.slogan b { font-weight: 700; }
.login-brand .fio { margin: 22px 0 14px; }
.login-tag { margin: 0; font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--cinza); }
.login-form-wrap { background: #fff; display: grid; place-items: center; padding: 32px 24px; }
.login-card { width: 100%; max-width: 380px; display: grid; gap: 14px; }
.login-card .fio { margin: 2px 0 6px; }
.login-logo { width: 220px; height: auto; margin: 0 0 18px -10px; }
.login-card .btn { width: 100%; padding: 13px; }
.aviso { background: var(--azul-soft); color: var(--azul); border-radius: 10px; padding: 10px 12px; font-size: 14px; margin: 0; }
.erro:empty { display: none; }
@media (max-width: 860px) {
  .login { grid-template-columns: minmax(0, 1fr); }
  .login-brand { display: none; }
}