> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nextmed.med.br/llms.txt
> Use this file to discover all available pages before exploring further.
# Criar uma conta e ativar
> Fluxo de criação, validação e ativação de conta médica na Plataforma de Atendimento.
Documentação Revisada
## Módulo: Criar uma Conta e Ativar
***
## O que este módulo faz?
Este módulo cobre todo o fluxo de **criação e ativação de conta** de um médico na plataforma Nextmed. Ele vai desde o preenchimento das informações profissionais iniciais até a confirmação do código de ativação enviado por e-mail ou WhatsApp. O módulo é composto por **10 telas** organizadas em sequência, com ramificações para cenários de erro e casos especiais.
***
## Índice do Módulo
| # | Nome da Tela | Tipo | Arquivo |
| -- | -------------------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------ |
| 01 | Cadastro I — Informações do Médico | Formulário | [1. Cadastro I — Informações do Médico](#1-cadastro-i-informacoes-do-medico) |
| 02 | Cadastro I — Validações com Erros | Estado de erro | [2. Cadastro I - Validações com Erros](#2-cadastro-i-validacoes-com-erros) |
| 03 | Cadastro I — Erro Dados Incoerentes | Modal de erro | [3. Cadastro I - Erro de Dados Incoerentes](#3-cadastro-i-erro-de-dados-incoerentes) |
| 04 | Cadastro I — Conferência para Correção | Formulário (pré-preenchido) | [4. Cadastro I - Conferência para Correção](#4-cadastro-i-conferencia-para-correcao) |
| 05 | Cadastro I — Erro Médico Já Cadastrado | Aviso | [5. Cadastro I - Erro Médico já Cadastrado](#5-cadastro-i-erro-medico-ja-cadastrado) |
| 06 | Completar Cadastro Médico | Modal de boas-vindas | [6. Cadastro I - Completar Cadastro Médico](#6-cadastro-i-completar-cadastro-medico) |
| 07 | Cadastro II — Email e Telefone | Formulário | [7. Cadastro II - E-mail e Telefone](#7-cadastro-ii-e-mail-e-telefone) |
| 08 | Cadastro III — Criar Senha | Formulário | [8. Cadastro III - Criar Senha](#8-cadastro-iii-criar-senha) |
| 09 | Aviso: Código de Ativação Enviado | Informativo | [9. Cadastro III - Código de Ativação Enviado](#9-cadastro-iii-codigo-de-ativacao-enviado) |
| 10 | Confirmar Código de Ativação | Formulário OTP | [10. Cadastro III - Confirmar Código de Ativação](#10-cadastro-iii-confirmar-codigo-de-ativacao) |
***
## Fluxo Completo do Módulo
```
[Login] → clica em "Cadastre-se"
│
▼
[01] Cadastro I — Informações do Médico
Preenche: CPF, CRM, Data de nascimento, UF
→ Validação local dos campos
✗ Campos inválidos → [02] Cadastro I — Validações com Erros (mesma tela com mensagens)
✓ Campos válidos → Consulta base de dados
→ Dados incoerentes (CPF/CRM/UF não batem) → [03] Erro: Dados Incoerentes
→ "Conferir dados" → [04] Cadastro I — Conferência para Correção
→ "Cancelar" → abandona o cadastro
→ Médico JÁ cadastrado (ativo) → [05] Médico Já Cadastrado
→ "Fazer Login" → [Login]
→ "Voltar" → [01]
→ Médico JÁ cadastrado (incompleto) → [06] Completar Cadastro Médico
→ "Iniciar" → continua cadastro a partir de onde parou
→ Médico válido e NOVO → [01 estado validado] → campos verdes, Próximo habilitado
▼
[07] Cadastro II — Email e Telefone
Preenche: E-mail, Confirmar e-mail, Telefone (WhatsApp)
→ Validação
✗ Erros → [08] Cadastro II — Erro na Validação (mesma tela com mensagens)
✓ Válido → Próximo
▼
[09] Cadastro III — Criar Senha
Preenche: Senha, Confirmar senha + aceite dos termos
Critérios: 8+ chars, maiúscula, minúscula, especial, número
→ Próximo (habilitado somente quando todos critérios + termos OK)
▼
[10] Aviso: Código de Ativação Enviado
Informa que o código foi enviado por e-mail ou WhatsApp
→ "Entendi"
▼
[11] Confirmar Código de Ativação
Digita os 5 dígitos do código (expira em 10 min)
→ Próximo → [Acesso ao sistema / Dashboard]
```
***
## Atenções e regras importantes
**Fique de olho**
* **Botão "Entrar" desabilitado:** O botão permanece inativo enquanto os campos de e-mail e/ou senha estiverem vazios.
* **Sessão expirada:** Caso o sistema encerre a sessão por inatividade, o usuário é redirecionado automaticamente para esta tela de login.
* **Credenciais inválidas:** Em caso de e-mail ou senha incorretos, o sistema exibirá uma mensagem de dados incorretos solicitando que o usuário confira os dados inseridos.
* **"Relembre-me" marcado:** A sessão pode ser mantida por tempo indeterminado no mesmo navegador e dispositivo — recomendável apenas em dispositivos pessoais.
***
## 1. Cadastro I — Informações do Médico
## O que esta tela faz?
Esta é a **primeira etapa do cadastro de um novo médico** na plataforma Nextmed. Ela coleta as informações básicas de identificação profissional: CPF, CRM, data de nascimento e estado (UF). É exibida quando o usuário clica em "Cadastre-se" na tela de login. O formulário é multi-etapas.
***
## O que você vê nesta tela
* **Painel direito (formulário):** Contém o logotipo reduzido da Nextmed, a mensagem de boas-vindas *"Vamos começar? É simples e rápido..."*, quatro campos de entrada e o botão de avanço.
* **Botão de voltar (←):** Seta no canto superior esquerdo do painel direito, para retornar à tela anterior.
* **Ícone de modo escuro (🌙):** No canto inferior direito da tela para alternar o tema visual.
* **Ícone de dúvidas ( ? ):** No canto inferior direito da tela para a Central de Ajuda da Nextmed.
***
## O que cada botão faz
**Guia de botões e ações**
| **← (seta voltar)** | Retorna à tela de Login, descartando o preenchimento atual. |
| ----------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Próximo** | Valida os campos preenchidos e avança para a próxima etapa do cadastro. Fica desabilitado até que todos os campos obrigatórios sejam preenchidos. |
| **Ícone de calendário 📅 (Data de nascimento)** | Abre um seletor de data para facilitar o preenchimento do campo. |
| **Seta ▼ (UF)** | Abre um menu suspenso (dropdown) com a lista de estados brasileiros para seleção. |
| **🌙 (canto inferior direito)** | Alterna entre tema claro e tema escuro da interface. |
| ? (canto inferior direito)\*\* | Site da Central de Ajuda Nextmed |
***
## Como usar esta tela — passo a passo
1. Acesse esta tela clicando em **"Cadastre-se"** na tela de login.
2. Preencha o campo **CPF** com seu número de CPF (somente números, conforme a máscara do campo).
3. Preencha o campo **CRM** com seu número de registro no Conselho Regional de Medicina (somente números).
4. Clique no campo **Data de nascimento** e digite ou selecione sua data usando o ícone de calendário.
5. No campo **UF**, clique na seta para abrir a lista e selecione o estado onde seu CRM está registrado.
6. Com todos os campos preenchidos, clique em **Próximo** para avançar para a próxima etapa do cadastro.
7. Se precisar voltar, clique na **seta ←** no topo do painel para retornar ao login.
***
## Campos desta tela
| Campo | O que preencher | Obrigatório |
| ---------------------- | ---------------------------------------------------------- | :---------: |
| **CPF** | Número do CPF do médico | Sim |
| **CRM** | Número de registro no Conselho Regional de Medicina | Sim |
| **Data de nascimento** | Data de nascimento do médico (formato DD/MM/AAAA) | Sim |
| **UF** | Estado de registro do CRM — selecionado via lista suspensa | Sim |
**Dicas de preenchimento**
* O campo CPF aplica máscara automática (`000.000.000-00`).
* O CRM pode exigir apenas os números, sem o prefixo do estado — pois a UF é informada separadamente.
* Use o ícone de calendário para evitar erros ao digitar a data de nascimento.
***
## Atenções e regras importantes
**Fique de olho**
* **Cadastro multi-etapas:** Esta é apenas a primeira etapa.
* **Validação dos dados:** Ao clicar em "Próximo", o sistema consulta primeiramente dentro da base de dados própria e verifica se já existe um usuário cadastrado com as informações inseridas.
* Caso exista e ativo:
* O usuário é direcionado para uma tela informando que já existe uma cadastro ativo com as informações e direcionando para a tela de login.
* Caso exista e inativo:
* O usuário é direcionado para completar e ativar o cadastro.
* Caso não exista:
* O sistema realiza uma verificação dos dados através da API do CFM. Caso as informações forem corretas o usuário é direcionado para as próximas etapas.
* **Dados incoerentes:** Se os dados informados não corresponderem a um médico válido após a verificação junto ao CFM, o sistema exibe a mensagem "Dados Inconsistentes" e a opção de tentar novamente.
* **Médico já cadastrado com cadastro completo:** Se o médico já tiver uma conta completa, o sistema exibe a mensagem informando que ele já possui cadastro e oferecendo o botão "Fazer login".
* **Médico válido e novo:** Se os dados forem válidos e o médico ainda não tiver conta, o sistema solicita ao médico que revise as informações antes de prosseguir para a etapa seguinte.
* **Botão "Próximo" desabilitado:** Enquanto algum campo obrigatório estiver vazio ou inválido, o botão permanece inativo.
***
## 2. Cadastro I - Validações dos campos com Erros
## O que esta tela faz?
Esta é a mesma tela de [1. Cadastro I — Informações do Médico](#1-cadastro-i-informacoes-do-medico), porém exibida **após uma tentativa de avanço com dados inválidos**. O sistema mantém o usuário na mesma tela e exibe mensagens de erro abaixo de cada campo problemático, sem redirecionar. O botão "Próximo" permanece desabilitado enquanto os erros não forem corrigidos.
***
## O que você vê nesta tela
* **Campos com bordas normais (sem erro):** Indicam dados válidos ou ainda não validados.
* **Mensagens de erro em vermelho abaixo dos campos:** Indicam exatamente o que está errado em cada campo.
* **Botão "Próximo" desabilitado (acinzentado):** Não é possível avançar até corrigir todos os erros.
***
## Mensagens de erro possíveis por campo
**Erros que podem aparecer nesta tela**
| Campo | Mensagem de erro exibida | Causa |
| ---------------------- | ------------------------ | ------------------------------------------------------------ |
| **CPF** | `* CPF incorreto` | CPF com formato inválido ou dígitos verificadores incorretos |
| **CRM** | `* CRM inválido` | Número de CRM inexistente ou fora do formato esperado |
| **Data de nascimento** | `* Menor de 18 anos` | Data indica que o médico tem menos de 18 anos |
***
## Como usar esta tela — passo a passo
1. Ao ver as mensagens de erro, identifique quais campos estão marcados.
2. **Corrija o CPF** se estiver marcado como incorreto — verifique se todos os 11 dígitos estão corretos.
3. **Corrija o CRM** se estiver marcado como inválido — verifique se o número está completo.
4. **Corrija a data de nascimento** se indicar "Menor de 18 anos" — apenas médicos maiores de 18 anos podem se cadastrar.
5. Após corrigir, clique em **Próximo** — o botão ficará ativo assim que todos os campos estiverem válidos.
***
## Atenções e regras importantes
**Fique de olho**
* **Validação de idade:** O sistema bloqueia cadastros de pessoas com menos de 18 anos, mesmo que por ventura tenham um CRM válido.
* **Erros são exibidos inline:** Não há popup ou redirecionamento — as mensagens aparecem diretamente abaixo de cada campo problemático.
* **Múltiplos erros simultâneos:** Todos os campos inválidos são sinalizados ao mesmo tempo, não um por vez.
* **Botão Próximo:** Só é ativado (fica verde) quando todos os campos estão preenchidos e válidos.
***
## 3. Cadastro I - Erro de Dados Incoerentes
## O que esta tela faz?
Esta tela é exibida quando o usuário informa dados que são individualmente válidos (CPF e CRM no formato correto), mas que **não correspondem ao mesmo médico** na base de dados consultada pelo sistema. Por exemplo: um CPF válido combinado com um CRM de outro médico. A tela oferece duas saídas: corrigir os dados ou cancelar o cadastro.
***
## O que você vê nesta tela
* **Ícone amarelo de alerta :** Sinaliza visualmente que algo deu errado, com tom de aviso — não de erro crítico.
* **Mensagem "Dados incoerentes!"** em destaque.
* **Botão "Conferir dados"** (verde, destaque): principal ação, leva o usuário de volta para revisar os dados.
* **Botão "Cancelar"** (cinza): encerra o cadastro e retorna ao login.
***
## O que cada botão faz
**Guia de botões e ações**
| Botão | O que faz |
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------ |
| **Conferir dados** | Leva o usuário para a tela de conferência para correção , onde os dados já preenchidos ficam visíveis para revisão e correção. |
| **Cancelar** | Abandona o processo de cadastro e retorna à tela de login. |
***
## Como usar esta tela — passo a passo
1. Ao ver a mensagem "Dados incoerentes!", clique em **Conferir dados**.
2. Na tela seguinte, revise os campos preenchidos: CPF, CRM, data de nascimento e UF.
3. Corrija o campo que está errado e clique em **Próximo** para tentar novamente.
4. Se quiser desistir do cadastro, clique em **Cancelar**.
***
## Atenções e regras importantes
**Fique de olho**
* **Diferença de "campo inválido" e "dados incoerentes":** Erros de formato (CPF com dígito errado) são exibidos inline na tela anterior. Esta tela só aparece quando os dados têm formato correto, mas não correspondem a um médico real na base consultada.
* **Possíveis causas:** CRM de outro estado diferente da UF selecionada, data de nascimento diferente do registro, ou CPF não vinculado ao CRM informado.
* **A base consultada é externa:** O sistema valida contra uma base de dados oficial de médicos registrados.
***
## 4. Cadastro I - Conferência para Correção
## O que esta tela faz?
Esta tela é exibida após o usuário clicar em **"Conferir dados"**. Ela apresenta os dados que foram informados anteriormente já preenchidos nos campos, com a instrução *"Confira seus dados e tente novamente..."*. O objetivo é facilitar a identificação e correção do dado incorreto sem que o usuário precise redigitar tudo.
***
## O que você vê nesta tela
* **Ícone amarelo:** Mantém o tom de alerta, sinalizando que ainda há um problema a resolver.
* **Mensagem "Confira seus dados e tente novamente..."**
* **Campos pré-preenchidos** com os dados digitados anteriormente: CPF, CRM, Data de nascimento e UF.
* **Botão "Próximo"** (cinza/desabilitado): Fica ativo assim que o usuário alterar algum campo.
* **Botão de voltar (←):** No topo, para retornar à tela anterior.
***
## O que cada botão faz
**Guia de botões e ações**
| Botão / Ícone | O que faz |
| -------------------------- | --------------------------------------------------------------------------------------- |
| **← (seta voltar)** | Retorna para a tela de Erro de Dados Incoerentes. |
| **Próximo** | Reenvia os dados para validação na base. Disponível após qualquer alteração nos campos. |
| **Ícone de calendário 📅** | Abre o seletor de data para corrigir a data de nascimento. |
| **Seta ▼ (UF)** | Abre o dropdown para trocar o estado selecionado. |
***
## Como usar esta tela — passo a passo
1. Verifique os dados exibidos nos campos — compare com seus documentos (carteira do CRM, CPF).
2. Identifique o campo incorreto e clique nele para editar.
3. Corrija o valor errado.
4. Clique em **Próximo** para reenviar a validação.
5. Se os dados agora estiverem corretos e coerentes, o sistema avançará para a próxima etapa.
***
## Campos desta tela
| Campo | O que revisar | Obrigatório |
| ---------------------- | --------------------------------------------------------------------- | :---------: |
| **CPF** | Confirme todos os 11 dígitos — compare com seu documento | Sim |
| **CRM** | Confirme o número do seu registro no CRM | Sim |
| **Data de nascimento** | Confirme dia, mês e ano — deve ser exatamente como consta no registro | Sim |
| **UF** | Confirme se é o estado onde seu CRM está registrado | Sim |
***
## Atenções e regras importantes
**Fique de olho**
* **Todos os campos vêm preenchidos:** Altere apenas o campo que estiver incorreto.
* **Erro pode estar em mais de um campo:** Verifique todos antes de tentar novamente.
* **UF deve ser o estado do CRM:** Não confundir com o estado de residência ou de nascimento.
## 5. Cadastro I - Erro Médico já Cadastrado
## O que esta tela faz?
Esta tela é exibida quando o médico tenta se cadastrar, mas o sistema identifica que **já existe uma conta ativa e completa** vinculada aos dados informados. O sistema não permite a criação de uma segunda conta e orienta o usuário a realizar o login na conta existente.
***
## O que você vê nesta tela
* **Ícone amarelo:** Tom de aviso amigável — não é uma tela de erro crítico.
* **Mensagem:** *"Já existe um cadastrado Ativo com essas informações"*
* **Botão "Fazer Login"** (verde, destaque): direciona para a tela de acesso.
* **Botão "Voltar"** (cinza): retorna para redigitar os dados iniciais.
***
## O que cada botão faz
**Guia de botões e ações**
| Botão | O que faz |
| --------------- | ------------------------------------------------------------------------------ |
| **Fazer Login** | Redireciona para a tela de Login para acessar a conta existente. |
| **Voltar** | Retorna para a tela de Informações do Médico para tentar com dados diferentes. |
***
## Atenções e regras importantes
**Fique de olho**
* **Conta ativa:** Esta tela aparece somente quando o cadastro anterior está **completo e ativo**.
* **Não é possível criar uma segunda conta:** O sistema vincula o médico pelo CPF + CRM, que são únicos.
* **Caso não se lembre da senha:** Após clicar em "Fazer Login", utilize a opção "Esqueceu sua senha?" na tela de login.
***
## 6. Cadastro I - Completar Cadastro Médico
## O que esta tela faz?
Esta tela é exibida quando o sistema identifica que o médico **já iniciou um cadastro anteriormente, mas não o concluiu**. O sistema reconhece o médico pelo CPF/CRM e exibe seu nome, convidando-o a retomar de onde parou. É apresentada como um modal sobreposto à tela principal.
***
## O que você vê nesta tela
* **Modal centralizado** sobre o fundo da tela de cadastro (com botão X para fechar no canto superior direito).
* **Saudação "Bem-vindo!" em verde** — tom acolhedor.
* **Nome do médico** exibido automaticamente (ex: "Marcos Santos"), confirmando que o sistema o reconheceu.
* **Mensagem:** *"Vamos completar o seu cadastro, é rápido e prático..."*
* **Botão "Iniciar"** (verde): única ação principal — continua o cadastro.
* **Ícone X** no canto superior direito para fechar o modal.
***
## O que cada botão faz
**Guia de botões e ações**
| Botão / Ícone | O que faz |
| -------------------- | ------------------------------------------------------------------------------- |
| **Iniciar** | Retoma o fluxo de cadastro a partir da etapa onde o médico parou anteriormente. |
| **X (fechar modal)** | Fecha o modal e retorna à tela anterior. |
***
## Como usar esta tela — passo a passo
1. Ao ver o modal com seu nome, confirme que é você quem está se cadastrando.
2. Clique em **Iniciar** para retomar o cadastro do ponto onde parou.
3. Siga as etapas restantes até a confirmação do código de ativação.
***
## De onde vem e para onde vai
```
Nextmed - Cadastro Inicial (Informações do Médico)
→ [Próximo → médico com cadastro incompleto] → esta tela (modal)
→ [Iniciar] → etapa do cadastro onde parou
→ Nextmed - Cadastro II — Email e Telefone (ou etapa posterior, dependendo do progresso)
→ [X fechar] → Nextmed - Cadastro Inicial (Informações do Médico)
```
***
## Atenções e regras importantes
**Fique de olho**
* **O sistema reconhece o médico automaticamente**:
* **Diferença de conta ativa:** Esta tela é exclusiva para cadastros **incompletos**. Cadastros completos e ativos levam para a tela de médicos cadastrados.
* **Retomada a partir da etapa correta:** O sistema deve salvar o progresso e levar o usuário direto para a próxima etapa não concluída.
***
## 7. Cadastro II - E-mail e Telefone
## O que esta tela faz?
Esta é a **segunda etapa do cadastro**. Após validar a identidade profissional do médico, o sistema solicita os dados de contato: e-mail (com confirmação) e telefone celular (WhatsApp). Essas informações serão usadas para enviar o **código de ativação** da conta. A saudação *"Quase lá..."* reforça que o processo está próximo do fim.
***
## O que você vê nesta tela
* **Ícone verde da Nextmed:** Sinaliza que a etapa anterior foi aprovada.
* **Mensagem "Quase lá..."** — indica progresso positivo no fluxo.
* **Três campos de entrada:** E-mail, Confirmar e-mail e Telefone (WhatsApp).
* **Botão "Próximo"** (cinza quando vazio, verde quando preenchido e válido).
* **Separador "ou"** e **botão "Cancelar"** (cinza).
* **Botão de voltar (←)** no topo.
***
## O que cada botão faz
**Guia de botões e ações**
| Botão / Ícone | O que faz |
| ------------------- | ------------------------------------------------------------------------------------------------------------ |
| **← (seta voltar)** | Retorna para a etapa anterior.. |
| **Próximo** | Valida os campos e avança para a criação de senha. Fica verde somente quando todos os campos estão corretos. |
| **Cancelar** | Exibe a tela de confirmação de cancelamento *(inferido)* ou retorna ao Login. |
***
## Como usar esta tela — passo a passo
1. Digite seu **e-mail** no primeiro campo — será o endereço usado para acessar a plataforma.
2. Digite o **mesmo e-mail novamente** no campo "Confirmar e-mail" — para evitar erros de digitação.
3. Digite seu **número de celular com DDD** no campo Telefone — será usado para envio via WhatsApp.
4. Clique em **Próximo** quando o botão estiver verde.
5. Se quiser cancelar, clique em **Cancelar**.
***
## Estado com erro (Cadastro II — Erro na Validação)
Se os dados estiverem inválidos ao clicar em "Próximo", a mesma tela exibe mensagens de erro inline:
| Campo | Mensagem de erro | Causa |
| -------------------- | ---------------------- | --------------------------------------------- |
| **E-mail** | `* E-mail incorreto` | Formato inválido (ex: sem @, sem domínio) |
| **Confirmar e-mail** | `* E-mail diferente` | Os dois campos de e-mail não são idênticos |
| **Telefone** | `* Telefone incorreto` | Número incompleto ou fora do formato esperado |
**Fique de olho nos erros**
* O botão "Próximo" permanece desabilitado enquanto houver erros.
* Todos os erros são exibidos simultaneamente, não um por vez.
* O campo de telefone aplica máscara `(00) 00000-0000`.
***
## De onde vem e para onde vai
```
Nextmed - Cadastro Inicial (Informações do Médico) (médico válido e novo)
→ esta tela
→ [Próximo com dados inválidos] → mesma tela com erros inline
→ [Próximo com dados válidos] → Nextmed - Cadastro III — Criar Senha
→ [Cancelar] → Nextmed - Login ou confirmação de cancelamento
→ [← Voltar] → Nextmed - Cadastro Inicial (Informações do Médico)
```
***
## Campos desta tela
| Campo | O que preencher | Obrigatório |
| -------------------- | ---------------------------------------------------------------------- | :---------: |
| **E-mail** | Endereço de e-mail válido que o médico usará para acessar a plataforma | Sim |
| **Confirmar e-mail** | Repetição exata do e-mail digitado acima | Sim |
| **Telefone** | Número de celular com DDD — será usado para envio via WhatsApp | Sim |
**Dicas de preenchimento**
* Use um e-mail que você acesse regularmente — ele será o login da plataforma.
* O telefone deve ser WhatsApp ativo, pois o código de ativação pode ser enviado por lá.
* Não use espaços no e-mail.
***
## 8. Cadastro III - Criar Senha
## O que esta tela faz?
Esta é a **terceira etapa do cadastro**. O médico cria a senha que usará para acessar a plataforma. O sistema exibe em tempo real os critérios de segurança que precisam ser atendidos, marcando cada um com um ✓ verde conforme a senha vai sendo digitada. Além disso, o médico deve **aceitar os termos de uso** antes de poder avançar. O botão "Próximo" só é ativado quando todos os critérios e o aceite estiverem cumpridos.
***
## O que você vê nesta tela
* **Mensagem "Agora crie a sua senha..."**
* **Campo Senha** com ícone de olho para mostrar/ocultar.
* **Campo Confirmar senha** com ícone de olho para mostrar/ocultar.
* **Lista de critérios de senha** — cada item fica com ✓ verde ao ser atendido.
* **Checkbox "Aceito todos os termos"** com link clicável em "termos".
* **Botão "Próximo"** (cinza quando incompleto, verde quando tudo OK).
* **Separador "ou"** e **botão "Cancelar"**.
* **Botão ← voltar** no topo.
***
## Critérios obrigatórios da senha
**A senha deve conter todos os itens abaixo**
| Critério | Exemplo |
| --------------------------------------- | ---------------------- |
| Pelo menos 8 caracteres | `MinhaSenh@1` tem 11 ✓ |
| Pelo menos 1 letra maiúscula (A...Z) | `M` em "Minha" ✓ |
| Pelo menos 1 letra minúscula (a...z) | `inha` ✓ |
| Pelo menos 1 caractere especial (!...@) | `@` ✓ |
| Pelo menos 1 número (0...9) | `1` ✓ |
Cada critério exibe um **✓ verde** ao ser atendido conforme o usuário digita. Antes do preenchimento, os itens ficam sem marcação.
***
## O que cada botão faz
**Guia de botões e ações**
| Botão / Ícone | O que faz |
| -------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| **← (seta voltar)** | Retorna para tela anterior. |
| **Ícone de olho 👁 (Senha)** | Alterna visibilidade da senha digitada. |
| **Ícone de olho 👁 (Confirmar senha)** | Alterna visibilidade da confirmação de senha. |
| **Link "termos"** | Abre os termos de uso da plataforma para leitura. |
| **Checkbox "Aceito todos os termos"** | Marca o aceite dos termos — obrigatório para habilitar o botão Próximo. |
| **Próximo** | Salva a senha e avança para o envio do código de ativação. Disponível somente quando todos os critérios e o aceite estão OK. |
| **Cancelar** | Interrompe o cadastro e retorna ao Login. |
***
## Como usar esta tela — passo a passo
1. Digite sua senha no campo **Senha** — observe os critérios sendo marcados com ✓ à medida que digita.
2. Certifique-se de que todos os 5 critérios estão com ✓ verde.
3. Digite a mesma senha no campo **Confirmar senha**.
4. Leia os termos clicando no link **"termos"** e, em seguida, marque o checkbox **"Aceito todos os termos"**.
5. Com tudo preenchido e correto, o botão **Próximo** ficará verde — clique nele para avançar.
***
## De onde vem e para onde vai
```
Nextmed - Cadastro II — Email e Telefone
→ esta tela
→ [Próximo (todos critérios + termos OK)] → Nextmed - Cadastro — Código de Ativação Enviado
→ [Cancelar] → Nextmed - Login
→ [← Voltar] → Nextmed - Cadastro II — Email e Telefone
```
***
## Campos desta tela
| Campo | O que preencher | Obrigatório |
| -------------------------- | -------------------------------------------------- | :---------: |
| **Senha** | Nova senha que atenda aos 5 critérios de segurança | Sim |
| **Confirmar senha** | Repetição exata da senha digitada acima | Sim |
| **Aceito todos os termos** | Checkbox de aceite dos termos de uso | Sim |
**Dicas de preenchimento**
* Use o ícone de olho para verificar o que está sendo digitado antes de confirmar.
* A senha e a confirmação devem ser **exatamente iguais**.
* O botão só fica verde quando **todos os critérios + checkbox** estiverem OK.
***
## Atenções e regras importantes
**Fique de olho**
* **Critérios em tempo real:** Os ✓ aparecem conforme você digita — não é necessário clicar em nada para ver o status.
* **Aceite dos termos é obrigatório:** Mesmo com todos os critérios de senha OK, sem marcar o checkbox o botão Próximo permanece desabilitado.
* **Senhas devem coincidir:** Se a confirmação for diferente da senha, o sistema não avança. *(inferido)*
* **Guarde sua senha:** Após este passo, a senha será a chave de acesso à plataforma Nextmed.
***
## 9. Cadastro III - Código de Ativação Enviado
## O que esta tela faz?
Esta tela é exibida imediatamente após o médico criar a senha. Ela **confirma que o código de ativação foi enviado** e orienta o usuário a verificar seu e-mail ou WhatsApp. Não exige nenhuma ação além de clicar em "Entendi" para avançar à tela de inserção do código.
***
## O que você vê nesta tela
* **Ícone de ✓ circular (verde):** Confirma que o envio foi realizado com sucesso.
* **Mensagem:** *"Enviamos um código de ativação"*
* **Instrução:** *"Confira seu E-mail ou Whatsapp"* com ícones dos dois canais (envelope amarelo e WhatsApp verde).
* **Botão "Entendi"** (verde): única ação disponível.
* **Dica:** *"Se não encontrar, por favor, verifique sua pasta de spam."*
***
## O que cada botão faz
**Guia de botões e ações**
| Botão | O que faz |
| ----------- | ---------------------------------------------------------------------------------- |
| **Entendi** | Confirma que o usuário está ciente e avança para a tela Código de Ativação Enviado |
***
## Como usar esta tela — passo a passo
1. Ao ver esta tela, abra seu **e-mail** ou **WhatsApp** em outra aba ou dispositivo.
2. Procure uma mensagem da Nextmed com o código de ativação de 5 dígitos.
3. Se não encontrar, verifique a **pasta de spam/lixo eletrônico**.
4. Clique em **Entendi** para ir à tela onde você digitará o código.
***
## De onde vem e para onde vai
```
Nextmed - Cadastro III — Criar Senha
→ [Próximo] → esta tela
→ [Entendi] → Nextmed - Cadastro — Confirmar Código de Ativação
```
***
## Atenções e regras importantes
**Fique de olho**
* **Verifique spam:** Especialmente em e-mails corporativos ou com filtros rígidos, a mensagem pode cair na pasta de spam.
* **Dois canais disponíveis:** O código é enviado tanto para o e-mail quanto para o WhatsApp informados no cadastro.
* **O código expira em 10 minutos:** Vá rapidamente para a próxima tela após receber o código.
***
## 10. Cadastro III - Confirmar Código de Ativação
## O que esta tela faz?
Esta é a **etapa final do cadastro**. O médico digita o código de 5 dígitos recebido por e-mail ou WhatsApp para confirmar sua identidade e **ativar a conta**. O código tem validade de 10 minutos a partir do envio. Após inserir o código e clicar em "Próximo", a conta é ativada e o médico é redirecionado para o sistema.
***
## O que você vê nesta tela
* **Título:** *"Informe o código de ativação"*
* **Instrução:** *"Confira seu E-mail ou Whatsapp"* com ícones dos dois canais.
* **5 campos individuais** para digitar cada dígito do código separadamente (OTP — One-Time Password).
* **Contador de expiração:** *"Expira em: 10 min"* (antes de digitar) ou contagem regressiva como *"Expira em: 3:00"* (após iniciar o preenchimento).
* **Botão "Próximo"** — desabilitado até o preenchimento completo dos 5 campos.
* **Botão ← voltar** no topo.
***
## O que cada botão faz
**Guia de botões e ações**
| Botão / Ícone | O que faz |
| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **← (seta voltar)** | Retorna para a tela anterior. |
| **Campos de código (5 dígitos)** | Cada campo aceita 1 dígito numérico. O cursor avança automaticamente para o próximo campo após cada digitação. *(inferido)* |
| **Próximo** | Valida o código contra o que foi enviado. Se correto, ativa a conta e redireciona para o sistema. Fica habilitado (verde) após os 5 campos serem preenchidos. |
***
## Como usar esta tela — passo a passo
1. Abra o e-mail ou WhatsApp e localize a mensagem da Nextmed com o código de 5 dígitos.
2. Digite cada dígito nos campos correspondentes (o cursor provavelmente avança automaticamente).
3. Observe o contador de tempo — você tem **10 minutos** a partir do envio.
4. Com os 5 campos preenchidos, clique em **Próximo**.
5. Se o código for válido, sua conta será ativada e você acessará o sistema.
***
## De onde vem e para onde vai
```
Nextmed - Cadastro — Código de Ativação Enviado
→ [Entendi] → esta tela
→ [Próximo com código correto] → Painel Principal / Dashboard (conta ativada)
→ [Próximo com código inválido ou expirado] → mensagem de erro *(inferido)*
→ [← Voltar] → Nextmed - Cadastro — Código de Ativação Enviado
```
***
## Atenções e regras importantes
**Fique de olho**
* **Código expira em 10 minutos:** Após a expiração, será necessário solicitar o reenvio. *(inferido — fluxo de reenvio não mapeado neste módulo)*
* **Código de uso único (OTP):** Cada código só pode ser usado uma vez. Após validação, torna-se inválido.
* **5 campos separados:** O código deve ser digitado um dígito por campo — não cole o código inteiro em um único campo, pois o sistema pode não aceitar. *(inferido)*
* **Código numérico:** Os 5 dígitos são todos números (ex: 2 6 8 7 3).
* **Cheque spam:** Se o código não chegou, volte e verifique a pasta de spam antes de solicitar reenvio.
***
## Observações adicionais
* Esta tela possui dois estados visuais: **antes de digitar** (campos vazios, tempo exibido como "10 min") e **durante o preenchimento** (campos com dígitos, contador regressivo exibido como "3:00").
* O ícone de e-mail (amarelo) e WhatsApp (verde) lembram visualmente os canais disponíveis para buscar o código.
***