# Estado Atual do Projeto V2 (Portal Lotep)
*Última Atualização: Junho de 2026*
Este documento descreve o estado atual do desenvolvimento da interface pública (Portal V2), com foco nas reestruturações recentes de acessibilidade, responsividade e layout semântico. O portal está sendo projetado para seguir rigorosamente os padrões modernos exigidos para plataformas governamentais, mantendo compatibilidade com o legado em Bootstrap 3.
## 1. Arquitetura de Acessibilidade (Padrão e-MAG / WCAG)
O sistema de acessibilidade (`header-accessibility.blade.php`) foi completamente reescrito para abandonar antigas dependências pesadas de JavaScript e abraçar soluções baseadas em CSS moderno e semântica pura.
### Componentes da Barra de Acessibilidade:
- **Skip-Link Oculto:** O topo absoluto da aplicação possui um link oculto via `z-index: -100` (`Ir para o conteúdo principal`), desenhado exclusivamente para ser o primeiro tab stop e leitura de NVDA/VoiceOver.
- **Botões Visuais Otimizados:** O layout foi refinado para uma linha única utilizando somente ícones no Desktop e Mobile, em ordem de prioridade:
1. `Contraste`: Alterna a classe `acessibilidade-alto-contraste`.
2. `Animações`: Aciona a classe `acessibilidade-sem-animacao` que força `transition: none` e `animation: none` universalmente (fundamental para transtornos vestibulares).
3. `Reset`: Limpa todas as variáveis e limpa o `localStorage` restaurando a página padrão.
4. `Zoom (A-/A+)`: Trabalha sobre um motor de CSS inteligente de 3 níveis (`Nível 0`, `Nível 1 (110%)`, `Nível 2 (120%)`). Em vez de um loop lento do jQuery para redimensionar pixels manualmente, utiliza classes injetadas na tag `` aliadas ao atributo genérico `zoom` no `body`.
5. `V-Libras`: Chama o widget tradutor nativo do Governo.
## 2. Reestruturação do Rodapé (Footer V2)
O rodapé passou por uma mudança radical para melhorar a legibilidade e hierarquia da informação, saindo de layouts amontoados para uma grade fluida.
### Estrutura Modular Implementada:
- **Área de Logos (Topo do Rodapé):** Todos os logotipos foram transferidos para uma linha unificada horizontal no topo. Utiliza o filtro `brightness(0) invert(1)` dinâmico para garantir compatibilidade entre modo claro e modo escuro, e está distribuída para lidar com os emblemas do Governo e instituições afiliadas.
- **Área de Serviços (4 Colunas Verticais):** Todo o menu do rodapé foi expandido. Os links rápidos de serviços, regulamentação e jogos foram organizados em colunas verticais (listas `` limpas), e as fontes dos títulos padronizadas para `1rem`.
- **Contato e Redes Sociais:** Fundidos lateralmente na mesma coluna para economizar espaço e evitar assimetria. As antigas áreas de rede social da esquerda desapareceram, priorizando foco nos serviços públicos.
- **Copyright e Versão:** Movidos para a barra inferior, simétricos e balanceados.
## 3. Comportamento e CSS Base
- Foi eliminada a dependência excessiva do `last-child` em alinhamentos centralizados de grids, evitando problemas de assimetria no mobile.
- A barra de acessibilidade converte-se em um Menu "Sticky" (`js-sticky-bar`) elegante durante a rolagem com auxílio de um `placeholder` dinâmico, evitando pulos bruscos do conteúdo na viewport.
- A consistência visual global foi atingida com tamanhos padronizados (caixa-alta e tamanho 1rem nos elementos do sistema de navegação e rodapé).
## Próximos Passos (Backlog)
- Avaliar e modernizar o **Header Principal** (Menu de navegação global, campo de busca).
- Expandir a reescrita modularizada para o "Miolo" (Conteúdo principal do Portal), garantindo a aplicação efetiva da tag `` em todas as *views*.
- Avaliar injeção automática de descritivos dinâmicos e testes adicionais de contraste no layout escuro padrão Lotep.