[OC 2026] [CADASTRO] Adição de Barra de Progresso (Stepper) em 3 etapas no fluxo de cadastro
Vamos implementar o componente visual de barra de progresso utilizando as Etapa 1 (Dados de Acesso):
-
Imagem: barra_etapa1.svg (bolinha 1 destacada). -
Posição: Inserir no topo, posicionada logo acima do primeiro campo de preenchimento ("Nome de usuário").imagens SVG anexadas.
Etapa 2 (Verificação de E-mail):
- Imagem: barra_etapa2.svg (bolinha 2 destacada).
-
Posição: Inserir logo abaixo do título da página "Confirme seu e-mail".
Etapa 3 (Minha Conta / Dados Pessoais):
- Imagem: barra_etapa3.svg (bolinha 3 destacada).
-
Posição: Inserir logo abaixo do texto "Finalize seu cadastro".
Regra Especial: Esta imagem deve seguir a mesma lógica do título "Finalize seu cadastro" — deve ser exibida apenas no primeiro acesso do usuário a esta aba. Se o texto de onboarding estiver oculto, a barra também deve estar.
Tamanho de Exibição mínimo: 338px de largura por 33.39px de altura.