# LA CASA TALENT: direções de design do website institucional

Este documento descreve os oito modelos de layout em `templates/`, em duas rondas. Cada modelo tem três páginas: `index.html` (início), `candidatura.html` e `contactos.html`. São 24 páginas ao todo.

- **Segunda ronda (atual): modelos 5 a 8.** Galeria em `templates/index.html`, comparação em `templates/comparison.html`.
- **Primeira ronda: modelos 1 a 4.** Galeria em `templates/previous.html`, comparação em `templates/comparison-previous.html`. Continuam disponíveis tal como estavam. As páginas são geradas com `python3 scripts/build_templates.py` a partir de `templates/_src/`.

## Âmbito comum (igual em todos os modelos)

O âmbito vem da proposta (`docs/proposal-source.txt`, secção 1). Os quatro modelos são **o mesmo site institucional** com quatro abordagens visuais. Não são quatro produtos diferentes.

| Página / secção | Endereço | O que contém em todos os modelos |
|---|---|---|
| Início | `index.html` | Mensagem principal, ações "Enviar CV" e "Pedir proposta" |
| Escolha do caminho | `index.html` | Dois caminhos destacados: candidatos e empresas |
| Empresa | `index.html#empresa` | Apresentação curta da empresa |
| Serviços | `index.html#servicos` | Recrutamento e seleção, equipas para serviços, escalas e substituições, acompanhamento |
| Setores | `index.html#setores` | Hotelaria, Restauração, Limpeza, Logística, Construção, Indústria. Cada setor abre `candidatura.html?area=<setor>#form-candidatura` com a área já escolhida |
| Fecho do início | `index.html` | Duas ligações claras, para a candidatura e para os contactos, desenhadas na linguagem de cada modelo. O início não tem formulários |
| Candidatura | `candidatura.html` | Título próprio, os quatro passos depois do envio, formulário com envio de CV (PDF/DOC/DOCX, até 5 MB) e ligação para empresas |
| Contactos | `contactos.html` | Título próprio, dados de contacto (por preencher), o que indicar num pedido de proposta, formulário e ligação para candidatos. `?assunto=proposta` escolhe o assunto |
| Rodapé | | Navegação, textos legais (abrem uma janela a explicar que serão fornecidos pelo cliente), créditos, ligação à galeria |

Comportamento comum (`assets/js/site.js`, `assets/css/base.css`):

- menu móvel com `aria-expanded`, fecha com Esc e ao escolher uma ligação;
- navegação entre as três páginas: o menu marca a página atual com `aria-current` (só no menu, não nos botões), há um percurso "Início / página" e o logótipo volta ao início;
- pré-seleções por endereço (`?area=` e `?assunto=`): só são aceites valores que existem no campo. Não passa nenhum dado pessoal entre páginas;
- ligação "Saltar para o conteúdo", foco visível e botão "Pausar animações" (no topo e no rodapé). Com `prefers-reduced-motion`, as animações e revelações desligam-se, também se a preferência mudar durante a visita;
- formulários com etiquetas, mensagens de erro associadas aos campos (`aria-describedby`), resumo de erros em `role="status"` e foco no primeiro campo errado;
- **modo demonstração**: a validação é feita só no navegador. Ao submeter, aparece uma mensagem a dizer que nada foi enviado nem guardado e o formulário é limpo. Não há pedidos de rede, cookies nem `localStorage`;
- SEO básico: `lang="pt-PT"`, um único `h1`, hierarquia de títulos, `title` e `meta description`, Open Graph e JSON-LD `EmploymentAgency` mínimo. Os modelos levam `noindex` por serem protótipos; o site final retira-o e acrescenta sitemap e URL canónico com o domínio real.

O que **não** está nos modelos, porque está fora do âmbito: área pessoal para candidatos ou clientes, bolsa de emprego, registo de ponto, emparelhamento por IA, blog ou notícias, processamento salarial e faturação. A plataforma de gestão interna faz parte deste projeto, numa fase posterior, e não foi desenhada aqui.

## Segunda ronda: modelos 5 a 8

O cliente gostou das fotografias de pessoas em forma de casa do modelo 3 (Casa) e do azul-noite do modelo 4 (Órbita), e achou que as tipografias da primeira ronda pareciam todas iguais. Os modelos 5 a 8 partem dessas duas direções, com quatro composições diferentes e quatro sistemas tipográficos claramente distintos.

### Tipografia (o que mudou)

Nenhuma das famílias da primeira ronda é reutilizada. Todas as letras têm largura normal (sem `font-stretch`, sem condensadas em maiúsculas, sem espaçamento negativo apertado), entrelinhas confortáveis e acentos portugueses no próprio tipo de letra.

| Modelo | Títulos | Texto | Carácter |
|---|---|---|---|
| 5 · Lar | Alegreya Sans 800 | Source Sans 3 | Humanista, com traço caligráfico nos títulos |
| 6 · Soleira | Newsreader 500 (e itálico) | Mulish | Serifa editorial + sem serifa limpa |
| 7 · Bairro | Schibsted Grotesk 700 | Schibsted Grotesk 400 | Grotesca de largura normal, uma família |
| 8 · Encontro | Nunito 800 | Nunito 400–700 | Sem serifa suave e arredondada, uma família |

A galeria e a comparação mostram a mesma frase, "O seu talento tem casa.", com a fonte real de cada modelo. A renderização foi verificada no Chrome com `CSS.getPlatformFontsForNode`: cada título e texto usa o ficheiro local do modelo, sem recurso a fontes do sistema.

### Regras comuns da segunda ronda

- Azul-noite `#061A3A`, noite-2 `#0A2550` e navy `#0B3B7A` em todos os modelos; laranja do logótipo só em botões, ênfases e pequenos sinais.
- O logótipo original fica sempre sobre branco (placa, casa ou círculo), sem ser redesenhado.
- Fotografias de pessoas da mesma coleção local de 16 imagens.
- Candidatura e contactos começam com o título e uma ligação "Preencher candidatura" / "Escrever mensagem". Em telemóvel, o formulário aparece logo a seguir ao título; os passos e os contactos ficam depois.
- O movimento usa curvas de desaceleração suaves, sem ressaltos. Pausa e movimento reduzido funcionam como na primeira ronda.

### Modelo 5: Lar (`templates/05-lar/`)

- **Conceito:** a rua de casas do modelo Casa, à noite, no azul do modelo Órbita. É o híbrido mais direto dos dois.
- **Assinatura:** cinco fotografias em forma de casa sobem de uma rua azul-clara e cada uma acende uma janela laranja.
- **Cores:** noite `#061A3A`, noite-2 `#0A2550`, navy `#0B3B7A`, céu `#EAF2FF`, luz `#FFC27A`, laranja `#F86E01`.
- **Composição:** início centrado sobre azul-noite. Caminhos em cartões com fotografia-casa (o de empresas em navy). Empresa numa casa grande com janela. Serviços em "salas" com telhado sobre azul. Setores em fila de casas. Fecho com duas portas: laranja e branca.
- **Páginas:** faixa azul-noite com o título e duas casas iluminadas. O formulário vive numa casa com telhado navy e o logótipo na janela, que assenta sobre a faixa. Os passos são casinhas numeradas em luz.
- **Movimento:** as casas sobem uma a uma e as janelas acendem-se em sequência; as fotografias continuam a mexer-se devagar dentro do recorte; o telhado desce sobre o formulário.

### Modelo 6: Soleira (`templates/06-soleira/`)

- **Conceito:** a casa desenhada como um traço navy à volta das fotografias, a soleira de uma porta aberta. É o modelo mais claro e editorial.
- **Assinatura:** o contorno da casa, afastado da fotografia, que se desenha ao carregar e se afasta como uma porta entreaberta ao passar o rato.
- **Cores:** papel `#FBFCFE`, gelo `#EEF4FC`, névoa `#D6E3F5`, navy `#0B3B7A`, noite `#061A3A`, laranja `#F86E01`.
- **Composição:** início assimétrico com título em serifa e itálico azul; a casa desenhada assenta numa soleira navy. Caminhos lado a lado separados por um fio. Serviços em azul-noite, como lista de duas colunas, sem ícones. Setores em grelha de casas desenhadas. Fecho com duas casas: uma em papel, uma em navy.
- **Páginas:** coluna do título, fotografia desenhada e passos (números em itálico); o formulário fica num cartão com moldura navy afastada, como o aro de uma porta.
- **Movimento:** o contorno desenha-se e a fotografia entra pela porta; a soleira estende-se; nos setores e no fecho, o contorno desenha-se ao chegar ao ecrã.

### Modelo 7: Bairro (`templates/07-bairro/`)

- **Conceito:** as casas juntam-se num bairro sobre azul-noite, atravessado por uma estrada curva que liga quem procura trabalho a quem contrata.
- **Assinatura:** o mosaico de casas-fotografia e casas de cor (azul e laranja), com a estrada por baixo e um traço laranja a percorrê-la.
- **Cores:** noite `#061A3A`, noite-2 `#0A2550`, azul-vivo `#0B62CB`, órbita `#3D8BFF`, gelo `#EAF2FF`, laranja `#F86E01`.
- **Composição:** início dividido: título à esquerda, bairro à direita. Caminhos em duas metades a toda a largura. Empresa com duas casas. Serviços em quatro colunas com fio navy. Setores em casas grandes com legenda sobre a fotografia. Fecho com duas casas ligadas pela estrada.
- **Páginas:** faixa azul-noite com três casas e a estrada; uma folha com empena sobe por cima com o formulário; os passos seguem um caminho tracejado.
- **Movimento:** as casas sobem por ordem, a estrada desenha-se e um traço laranja percorre-a em ciclo. Ao pausar, o traço desaparece e a estrada fica completa.

### Modelo 8: Encontro (`templates/08-encontro/`)

- **Conceito:** as órbitas do modelo Órbita giram à volta de uma casa; pessoas em retratos circulares andam à volta dela. É o mais amigável e suave.
- **Assinatura:** casa ao centro, dois anéis em sentidos opostos e três retratos em órbita que se mantêm sempre direitos.
- **Cores:** navy `#0B3B7A`, profundo `#061A3A`, órbita `#3D8BFF`, nuvem `#F3F7FE`, gelo `#E4EEFC`, laranja `#F86E01`.
- **Composição:** início em degradé navy; cartões macios de caminhos sobem por cima do azul. Empresa em fotografia circular com arco laranja. Serviços em cartões suaves desencontrados. Setores como "planetas" circulares sobre azul profundo. Fecho com o logótipo em órbita e duas cápsulas.
- **Páginas:** cabeçalho em degradé com uma órbita pequena; uma doca clara e arredondada sobe com o formulário; os passos ficam em cápsulas numeradas.
- **Movimento:** anéis a girar, retratos em órbita, a casa a respirar, o arco da empresa a desenhar-se ao percorrer.

## Primeira ronda: modelos 1 a 4

Os modelos abaixo mantêm-se como opções anteriores.

## Movimento (comum aos modelos 1 a 4)

O movimento é uma parte visível de cada direção, mas segue regras comuns (`assets/css/motion.css`):

- **Entradas**: os títulos, as fotografias e os painéis entram uma vez ao carregar, com atrasos encadeados, durante cerca de 2 segundos. Só são ativadas pela classe `motion-intro`, que o `<head>` põe antes de a página aparecer e o JS retira ao fim de 4 segundos ou ao pausar. Sem essa classe tudo fica no estado final, por isso nada fica escondido se o JS falhar.
- **Revelações**: as secções do início e os fechos aparecem ao percorrer a página (`data-reveal`).
- **Assinatura em ciclo**: cada direção tem um movimento contínuo (descrito abaixo).
  - Os ciclos que mudam o conteúdo (turnos que se redesenham, letreiro) são retirados quando se pausa: o conteúdo fica completo.
  - Os ciclos de ambiente (anéis, fotografias, cometa) ficam parados onde estão.
- **Microinterações**: setas que avançam nos botões, portas e casas que reagem ao rato, cartões que sobem.
- **Formulários parados**: o cartão do formulário entra uma vez ao carregar e depois não se mexe. Nenhuma animação corre sobre os campos.
- **Controlo**: "Pausar animações" / "Retomar animações" no topo e no rodapé de cada página, acessíveis por teclado (segundo Tab da página). A escolha não é guardada. Com movimento reduzido no sistema, o botão fica desativado e diz "Animações reduzidas pelo sistema".
- Não há bibliotecas de animação: só CSS e algumas linhas de JS.

## Referências (estrutura, não cópia)

- **clan.pt**: separa claramente candidatos e empresas, com caminhos de recrutamento e de setores bem visíveis. Usado nos modelos 1 e 2.
- **swork.pt**: dá prioridade ao candidato, ao contacto e ao pedido de proposta das empresas, com fotografia de pessoas reais, serviços e setores. Usado nos modelos 3 e 4.
- Não foram reutilizados textos, desenhos, imagens nem funcionalidades destes sites. Os portais, as funcionalidades de IA, o blog e a bolsa de emprego de ambos ficaram deliberadamente de fora.

## Paleta base (retirada do logótipo)

Cores medidas nos píxeis de `lacasa-talent-logo.png`:

| Nome | Hex | Origem |
|---|---|---|
| Navy | `#0B3B7A` | Letras "TAL" |
| Azul-profundo | `#06285A` | Sombra do anel |
| Azul-vivo | `#0B62CB` | Edifícios |
| Laranja | `#F86E01` | Anel e letras "ENT" |
| Laranja-texto | `#B84F00` | Variante escurecida para texto pequeno sobre branco (contraste AA) |

O laranja `#F86E01` usa-se em fundos de botões com texto escuro (`#1B0D00`) e em elementos gráficos. Não se usa em texto pequeno sobre branco.

## Modelo 1: Duas Entradas (`templates/01-entradas/`)

- **Conceito:** a marca chama-se "casa", e uma casa tem portas. O início é um ecrã dividido em duas portas, "Procuro trabalho" e "Procuro profissionais", com o logótipo num círculo branco a fazer de dobradiça entre elas. Em computador, a porta onde está o rato ou o foco alarga-se.
- **Assinatura:** as duas portas com o logótipo ao centro. A mesma ideia continua nos serviços, apresentados em duas colunas: "Para empresas" e "Para candidatos".
- **Tipografia:** Archivo variável. Títulos em largura expandida (125%) e peso 800, texto em largura normal. Etiquetas em maiúsculas espaçadas.
- **Cores:** navy `#0B3B7A`, laranja `#F86E01`, névoa `#EEF3FA`, tinta `#0A1F3D`.
- **Imagens:** fotografias a toda a largura com filtro de cor (laranja do lado dos candidatos, navy do lado das empresas). Setores em mosaico com gradiente escuro.
- **Esquema:**
  ```
  [logo | menu | Enviar CV | Pedir proposta]
  DUAS ENTRADAS, / A MESMA CASA.            texto de apoio
  [ porta candidatos  (logo)  porta empresas ]
  empresa: frase grande | texto + foto com bloco laranja
  serviços: serviço | para empresas | para candidatos
  setores 3×2 → fecho: duas portas de cor (candidatura | contactos)
  ```
- **Páginas:** cada página é uma das portas, aberta. Na candidatura, a porta laranja (fotografia com filtro) fica à esquerda com o título e os passos, e o formulário à direita. Nos contactos é ao contrário: a porta navy fica à direita, com o que indicar num pedido e os contactos. O logótipo fica na junção, como dobradiça. No fim, uma faixa "Do outro lado da casa" leva à outra página.
  ```
  [ porta laranja: título, passos  ◉  formulário ]   candidatura
  [ formulário  ◉  porta navy: título, pedido, contactos ]   contactos
  [ faixa com fotografia → a outra porta ]
  ```
- **Movimento:**
  - as portas abrem-se a partir da dobradiça, em sentidos opostos;
  - o logótipo roda até ao lugar e o texto entra em cascata;
  - as fotografias respiram devagar (zoom lento);
  - no fecho do início, as portas de cor alargam ao passar o rato.

## Modelo 2: Escala (`templates/02-escala/`)

- **Conceito:** o trabalho da LA CASA TALENT é pôr pessoas certas em turnos certos (a plataforma interna gere precisamente escalas e horas). O site público mostra essa organização sem mostrar dados reais.
- **Assinatura:** um quadro de planeamento semanal (Seg–Dom × setores) com turnos nas cores do logótipo, sobre papel quadriculado. As barras crescem ao carregar a página. É uma ilustração decorativa (`aria-hidden`) com a legenda "Ilustração de um plano semanal".
- **Tipografia:** Barlow Condensed 800 em maiúsculas para os títulos (ar de sinalética industrial), Barlow para o texto e IBM Plex Mono para etiquetas e legendas.
- **Cores:** navy `#0A3A78`, laranja `#F86E01`, papel `#F7FAFF`, tinta `#0B1B33`, âmbar `#FFE3CC`.
- **Imagens:** retângulos com sombra sólida laranja deslocada. Os setores aparecem como crachás de identificação (com a ranhura da fita).
- **Outros elementos:** dois "bilhetes" com recortes laterais (empresa e candidato), serviços num quadro escuro tipo painel de partidas e linha temporal de quatro passos.
- **Páginas:** uma secretária de planeamento sobre papel quadriculado.
  - Candidatura: um quadro de turnos com os seis setores e uma ficha em forma de bilhete, com recortes ao nível da linha picotada. A área escolhida no formulário fica marcada no quadro (também quando vem do endereço).
  - Contactos: um painel de partidas com um letreiro "Reforço para…" que percorre os setores, o que indicar num pedido e os contactos diretos.
  - Fecho do início: um quadro de partidas com duas linhas, "Ficha de candidatura · Aberta" e "Pedido de proposta · Aberto".
- **Movimento:**
  - os turnos desenham-se, ficam cerca de 7 segundos e voltam a desenhar-se, linha a linha;
  - um traço laranja de turno desenha-se por baixo dos títulos;
  - o letreiro muda de setor a cada 2,5 segundos;
  - na candidatura, a linha escolhida mantém-se completa e as outras ficam esbatidas.

## Modelo 3: Casa (`templates/03-casa/`)

- **Conceito:** "LA CASA" levado à letra, com um tom acolhedor e próximo. É o modelo mais centrado nas pessoas.
- **Assinatura:** fotografias recortadas em forma de casa (empena triangular), alinhadas no início como uma rua sobre uma linha navy. A mesma forma aparece nos setores, nas etiquetas e no fundo dos contactos.
- **Tipografia:** Bricolage Grotesque (títulos ligeiramente comprimidos, peso 700) e Figtree para o texto.
- **Cores:** navy `#0D3D7F`, laranja `#F86E01`, céu `#F2F7FD`, pêssego `#FFF1E6`, tinta `#13213A`.
- **Imagens:** recortes em forma de casa, cartões com cantos arredondados de 22 px e ícones de traço simples.
- **Esquema:**
  ```
  [logo grande |  menu em cápsula  | Enviar CV]
          HÁ LUGAR PARA SI / NESTA CASA.
          [Quero trabalhar] [Preciso de uma equipa]
     ⌂   ⌂⌂   ⌂⌂⌂   ⌂⌂   ⌂     ← rua de fotografias
  ─────────────────────────────
  cartão candidatos | cartão empresas
  ```
- **Páginas:** centradas e acolhedoras. O formulário fica dentro de uma casa, com um telhado navy por cima do cartão e o logótipo na janela.
  - Ao lado: uma fotografia em forma de casa sobre uma linha de rua e um cartão com os passos, desenhados como casinhas numeradas (nos contactos, os dados de contacto e o pedido de proposta).
  - Fecho do início: duas casas grandes ("Quero trabalhar" e "Preciso de uma equipa") sobre a rua.
- **Movimento:**
  - as casas sobem da rua uma a uma e as fotografias continuam a mexer-se devagar lá dentro, sem mudar o recorte;
  - o telhado assenta sobre o formulário com um pequeno ressalto;
  - a janela do logótipo tem um brilho suave;
  - os números dos passos aparecem em sequência e as casas do fecho sobem quando chegam ao ecrã.

## Modelo 4: Órbita (`templates/04-orbita/`)

- **Conceito:** o anel laranja e azul do logótipo passa a ser um sistema de órbitas. Empresas e profissionais giram em torno de um centro comum. É a direção mais premium e cinematográfica.
- **Assinatura:** uma fotografia circular rodeada por dois arcos em rotação lenta (laranja num sentido, azul no outro) e um pequeno satélite. Com movimento reduzido, fica tudo parado.
- **Tipografia:** Unbounded (larga e arredondada, usada com contenção nos títulos) e Manrope para o texto.
- **Cores:** azul-noite `#061A3A`, noite-2 `#0A2550`, laranja `#F86E01`, azul-órbita `#3D8BFF`, gelo `#EAF2FF`.
- **Imagens:** fotografia circular no início. Os setores aparecem num carril horizontal com scroll-snap, botões anterior/seguinte e navegação por teclado (o carril recebe foco).
- **Logótipo:** como o ficheiro tem fundo branco, fica numa placa branca arredondada no cabeçalho e num círculo branco com anel laranja no rodapé.
- **Atenção:** o fundo escuro exige verificar o contraste de cada novo texto.
- **Páginas:** um cabeçalho azul-noite com o título e uma órbita mais pequena (fotografia, anéis e satélite). Uma doca clara sobe por cima dele com o formulário e, ao lado, o trajeto: os quatro passos ligados por uma linha tracejada (nos contactos, os pontos de contacto e o pedido). Um cartão escuro leva à outra página. O fecho do início junta dois cartões de caminho à volta do logótipo, rodeado pelos mesmos anéis.
- **Movimento:**
  - os anéis desenham-se ao carregar e giram em sentidos opostos, mais depressa do que na primeira versão;
  - a fotografia entra a crescer;
  - a doca sobe sobre o céu escuro;
  - um cometa laranja percorre o trajeto de cima a baixo.

## Revisão crítica (o que foi mudado durante o processo)

- Evitaram-se três estéticas genéricas: fundo creme com serifa e terracota, fundo preto com um acento néon, e layout de jornal. Os fundos claros são brancos ou azulados (a partir do logótipo) e o modelo escuro usa o azul-noite da marca.
- Os números de passos (01–04) só aparecem no processo de recrutamento, que é de facto uma sequência. Nos serviços e setores não há números.
- O hero do modelo 1 foi encurtado para que as portas, a assinatura, apareçam acima da dobra a 1440×900.
- No modelo 3, a mesma fotografia aparecia duas vezes (no início e na secção da empresa) e foi trocada.
- Na revisão de três páginas, os formulários saíram do início para páginas próprias. Cada direção tem a sua composição de página: as primeiras versões dos modelos 1 e 4 tinham a mesma divisão título/formulário, mudando só as cores.
- O botão de pausa flutuante tapava o canto dos formulários e passou para a faixa do topo e para o rodapé.
- Uma classe `.ticket` nova colidia com os bilhetes do início do modelo 2 e desenhava recortes a meio do formulário. Foi renomeada.
- A revalidação dos campos passou a fazer-se enquanto se escreve e não ao sair do campo. Antes, a mensagem de erro desaparecia a meio de um clique, o layout mudava e o clique perdia-se.

## Conteúdo provisório: substituir antes de publicar

Todo o texto dos modelos é **ilustrativo** e foi escrito para mostrar a hierarquia. A proposta indica que os conteúdos são fornecidos pelo cliente. Em concreto:

| Elemento | Estado |
|---|---|
| Títulos, frases de apresentação, textos "Empresa" | Rascunho de design, a validar ou substituir pelo cliente |
| Lista de serviços e descrições | Inferida da proposta (recrutamento, equipas, escalas, horas confirmadas). Confirmar com o cliente |
| Lista de setores | Exemplos (Hotelaria, Restauração, Limpeza, Logística, Construção, Indústria). Confirmar com o cliente |
| Opções de disponibilidade e de assunto nos formulários | Exemplos, a validar |
| Os quatro passos da candidatura | Processo genérico, a validar com a empresa |
| Lista "o que indicar num pedido de proposta" e títulos das páginas de candidatura e contactos | Rascunho de design, a validar |
| Telefone, email, morada, horário | Não inventados: marcados como "a fornecer pelo cliente" |
| Política de privacidade, cookies, resolução de litígios | A fornecer pelo cliente. A ligação abre uma janela que o explica |
| Números, testemunhos, clientes, prémios | Não existem nos modelos nem foram inventados |
| Fotografias | Fotografias livres da Unsplash, ilustrativas. As pessoas não são colaboradores da LA CASA TALENT (ver `IMAGE-CREDITS.md`) |

## Próximos passos depois da escolha

1. O cliente escolhe um modelo, ou combinações (por exemplo, o início do 1 com os setores do 4).
2. Aplicar os textos, contactos e textos legais finais e um logótipo em vetor ou com fundo transparente.
3. Ligar os formulários a um envio real com proteção anti-spam, consentimento RGPD e armazenamento seguro dos CV. Faz parte do desenvolvimento e não deste trabalho de design.
4. Criar as restantes páginas próprias, se se quiser (empresa, serviços, setores), com títulos e descrições por página, sitemap e URL canónico. A candidatura e os contactos já têm página própria. Retirar o `noindex`.