# 2.5 Serviços

1. Vá a **Configuração da loja → Serviços** e clique em **Novo serviço**.
2. Preencha:
   - **Nome** e **descrição**.
   - **Duração** (minutos) — determina quanto espaço o serviço ocupa na agenda e os horários possíveis.
   - **Preço**.
   - **Cor** — usada para identificar o serviço na agenda (escolha um gradiente).
3. **Grupos (opcional):** crie grupos (ex. "Cabelo", "Barba") e associe os serviços; arraste pelo
   manípulo para **reordenar** serviços e grupos. Os grupos aparecem como cabeçalhos na reserva
   pública e nos seletores do backoffice.
4. Guarde. Pode marcar um serviço como **inativo** para o esconder sem o apagar.

> 📸 **`02-servicos-lista.png`** — Lista de serviços agrupados com cores, duração e preço, e o botão "Novo serviço".
![Serviços](images/02-servicos-lista.png)

> 📸 **`02-servico-editar.png`** — Edição de um serviço (duração, preço, cor, grupo).
![Editar serviço](images/02-servico-editar.png)

> 💡 **Cenário (clínica):** crie "Consulta" (30 min), "Fisioterapia" (45 min), "Nutrição" (30 min). A
> duração diferente faz com que cada serviço ocupe o espaço certo na agenda.

---