/* ---- Telas de entrada (login, 2FA, cadastro, recuperação de senha) ---- */

.entrada-marca {
  font-size: 1.75rem;
  font-weight: 700;
}

.entrada-divisor {
  border-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.entrada-lead {
  color: rgba(255, 255, 255, 0.85);
}

.entrada-grip {
  font-size: 3rem;
  line-height: 1;
}

.entrada .card a:not(.btn) {
  color: var(--brand-color);
  text-decoration: none;
}

.entrada .card a:not(.btn):hover {
  text-decoration: underline;
}

.entrada .form-control:not(.is-invalid):focus,
.entrada .form-check-input:focus {
  border-color: var(--brand-color-light);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--brand-color-light) 25%, transparent);
}

.entrada .form-check-input:checked {
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}