body {
  background: linear-gradient(180deg, var(--gradiente-inicio) 0%, var(--gradiente-fim) 100%);
  height: 100%;
}

.register-card {
  background: #fff;
  border-radius: 1rem;
  border: none;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
  color: #495057;
  overflow: hidden; /* To contain the progress bar */
}

.form-step {
  display: none;
}

.form-step.active {
  display: block;
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Progress bar styles */
.progress {
  height: 8px;
  border-radius: 0;
  background-color: #e9ecef;
}

.progress-bar {
    background-color: var(--cor-foco, #FF0000);
}

.btn-nav {
    width: 120px;
}