/* buuuuuci · página de entrar (montada pelo servidor). Só tokens. */

.entrar {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: var(--esp-3);
  padding-left: max(var(--calha), env(safe-area-inset-left, 0px));
  padding-right: max(var(--calha), env(safe-area-inset-right, 0px));
  padding-block: var(--esp-12);
  text-align: center;
}

.entrar .marca-face {
  width: calc(var(--marca) * 2);
  height: calc(var(--marca) * 2);
  border-radius: var(--raio-xl);
  font-size: var(--texto-3xl);
}

.entrar h1 {
  font-size: var(--texto-3xl);
  font-weight: var(--peso-extra);
  letter-spacing: var(--espaco-letra-display);
  margin-top: var(--esp-5);
}

.entrar-sub { color: var(--cor-texto-2); font-size: var(--texto-md); }

.entrar-form {
  display: grid;
  gap: var(--esp-5);
  width: 100%;
  max-width: var(--cartao-min);
  margin-top: var(--esp-9);
}

.entrar-erro {
  padding: var(--esp-4) var(--esp-6);
  border-radius: var(--raio-md);
  background: var(--cor-erro-fundo);
  color: var(--cor-erro);
  font-size: var(--texto-md);
  font-weight: var(--peso-semi);
}