.login-page {
  min-height: 100vh;
  /* background-image: url('/img/background/fundo_login_desktop.jpg'); */
  background-image: url('/img/background/fundo_login_desktop.jpg');
  background-size: cover;
  background-position: center;
}

.login-page main.container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-6, 24px);
}

.auth-panel {
  width: 100%;
  max-width: 380px;
  padding: 40px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}

.login-logo {
  max-width: 220px;
  height: auto;
}

/* Optional polish for login inputs */
.auth-panel .form-control {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.92);

}

.pingrid {
  font-size: 3rem !important;
}

.auth-panel .btn.btn-light {
  border-radius: 14px;
}

.auth-panel .form-control:focus {
  box-shadow: 0 0 0 0.2rem var(--border-focus, rgba(48, 48, 146, 0.35));
}

.pin-box {
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: rgb(15, 14, 58) !important;
}

.pin-box:focus {
  background: rgba(255, 255, 255, 0.2);
  border-color: var(--bs-primary);
  box-shadow: 0 0 10px rgba(var(--bs-primary-rgb), 0.5);
  outline: none;
}