# Identidade visual

Não é uma aplicação do menu: é a camada visual transversal do Portal, usada por todas as telas.

## O que cobre

- **As duas identidades que coexistem de propósito**: o logo cursivo "D De Paula Contadores", usado só nos documentos e PDFs que a aplicação gera (contrato, procuração, recibo do Indicador de Desempenho, simulação de custo, relatório do cliente), e a marca "P.I.D.", usada só na UI do Portal (favicon, login, sidebar). Um documento gerado carrega a identidade do escritório perante o cliente, não a do Portal como ferramenta interna.
- **A marca "P.I.D." na tela**: o crossfade entre assinatura e ícone na sidebar, o ícone clicável com os olhos piscando (sidebar e login), o card de login congelado escuro nos dois temas.
- **As animações genéricas** do Portal (entrada de modal, dropdown, troca de página) e a decisão explícita de ignorar `prefers-reduced-motion`.
- **A animação de intro pós-login**: as 4 cenas da marca que tocam entre "Entrar" e a tela Principal, e a entrada da sidebar em `portal.html` logo depois.

## Onde está o resto

- `identidade-visual.md` — o detalhamento técnico (arquivos, classes CSS, timings, por que cada decisão).
- `CHANGELOG.md` — histórico rodada a rodada.
- A variação sazonal desta mesma marca (mascote de Halloween, intro alternativa, teias de aranha) fica em `docs/temas-sazonais/`.