.wiz-steps {
  display: flex;
  gap: 4px;
  user-select: none;
}

.wiz-step-item {
  flex: 1;
  position: relative;
  height: 36px;                 /* um pouco menor que antes */
  border-radius: 6px;
  background: #e9ecef;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2px 4px;
}

.wiz-step-item .wiz-step-label {
  font-size: 0.70rem;           /* fonte menor */
  line-height: 1rem;
  font-weight: 500;
  white-space: nowrap;          /* evita quebrar linhas */
  overflow: hidden;
  text-overflow: ellipsis;      /* adiciona "..." se o texto não couber */
}

.wiz-step-item .wiz-step-num {
  font-weight: 700;
  margin-right: 4px;
}

.wiz-step-item.is-done  { background: #198754; color: #fff; }
.wiz-step-item.is-active{ background: #0d6efd; color: #fff; }
.wiz-step-item.is-next  { background: #f1f3f5; color: #212529; }

/* Melhor ajuste em telas muito pequenas */
@media (max-width: 576px){
  .wiz-step-item {
    height: 30px;
    padding: 1px 2px;
  }
  .wiz-step-item .wiz-step-label {
    font-size: 0.60rem;
    line-height: 0.9rem;
  }
}
#header .header-body {
  background: #fff;          /* fundo branco */
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  z-index: 1030;             /* acima do conteúdo */
}
/* Animação suave entre steps */
.wiz-step {
  opacity: 0;
  transition: opacity .5s ease;
}
.wiz-step.d-none { /* garante que escondido continue fora do fluxo */
  display: none !important;
}
/* Força os steps do cadastro rápido a ficarem visíveis */
#formCadastro2 fieldset.wiz-step {
    display: block !important;
    visibility: visible;
    opacity: 1;
}

    /* Continua escondendo apenas quando tiver d-none */
    #formCadastro2 fieldset.wiz-step.d-none {
        display: none !important;
    }