/* Entrar, cadastro e 404 */

.pagina-auth {
  display: grid;
  place-items: center;
  min-height: 100dvh;
  padding: 24px 16px;
  background: var(--mostarda);
}

.auth-caixa {
  display: grid;
  gap: 18px;
  width: min(100%, 480px);
  padding: clamp(24px, 5vw, 40px);
  border-radius: var(--raio-l);
  background: var(--papel);
  box-shadow: 0 30px 60px -36px rgb(43 26 18 / 0.6);
}

.auth-marca {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-self: start;
  font-weight: 900;
  font-stretch: 125%;
  font-size: 1.35rem;
  text-decoration: none;
}

.auth-caixa h1 {
  font-size: clamp(2rem, 7vw, 2.6rem);
}

.auth-caixa form {
  display: grid;
  gap: 16px;
}

.auth-caixa .btn-grande {
  width: 100%;
}

.auth-rodape {
  color: var(--carvao-suave);
  font-size: var(--t-s);
  text-align: center;
}

.auth-rodape a {
  color: var(--carvao);
  font-weight: 700;
}

.disponivel {
  min-height: 1.3em;
  font-size: var(--t-xs);
  font-weight: 600;
}

.disponivel.sim {
  color: var(--picles);
}

.disponivel.nao {
  color: var(--ketchup-funda);
}