# Apresentação Interativa Animada (HTML + Roteiro de Vídeo) Autora do projeto: **Juliana Galhardi Martins – Psicóloga & Neuropsicóloga — CRP 06/76313** Implementação técnica: **Luz Digital – IA Afetiva Neuropsicológica** --- ## Como usar no WordPress (Elementor) 1. Crie/edite uma página no Elementor e adicione um **Widget HTML**. 2. **Cole o código** completo do bloco “HTML interativo animado” abaixo. 3. Atualize a página. O conteúdo roda sem dependências externas. --- ## HTML interativo animado (copiar e colar) ```html ``` --- ## Roteiro cinematográfico para vídeo animado (estilo Disney/Pixar – autoexplicativo e científico) **Duração sugerida:** 3–4 minutos (versão curta para redes) e 8–10 minutos (versão completa para aula/apresentação). **Narradora:** Juliana Galhardi Martins (voz calorosa, confiante e acessível). **Paleta:** fundo azul-noite com brilhos dourados discretos; acentos verde-água e azul. **Trilha:** piano leve + camadas sutis de cordas; subida emocional nas transições de área. ### Cena 1 — Abertura (0:00–0:30) **Visual:** constelações formando um “cérebro estelar”; partículas douradas convergem para um globo luminoso. **Voz:** “Bem-vinda, bem-vindo. Eu sou Juliana Galhardi Martins, psicóloga e neuropsicóloga. Nesta jornada, vamos ver como cada função cognitiva sustenta sua autonomia, desempenho e bem-estar — da clínica à vida real.” ### Cena 2 — Atenção (0:30–1:10) **Visual:** holofote suave destaca um objeto entre vários; ruídos se dissolvem. **Voz:** “Atenção é o nosso holofote. Sem ela, o cérebro tenta fazer tudo — e dispersa. Treinamos focos específicos (sustentada, seletiva, alternada e dividida) para priorizar o que importa e reduzir interferências.” **On-screen bullets:** foco; inibição de distrações; timers e pausas ativas. ### Cena 3 — Memória (1:10–1:50) **Visual:** gavetas que se organizam sozinhas; cartões sobem e se conectam. **Voz:** “Memória codifica, mantém e recupera informações no momento certo. A memória de trabalho integra o agora aos objetivos. Técnicas práticas: repetição espaçada, associações e pistas de recuperação.” ### Cena 4 — Linguagem (1:50–2:20) **Visual:** palavras viram setas e fluxos; um diálogo se alinha. **Voz:** “Linguagem dá forma ao pensamento. Trabalhamos clareza, intenção e pragmática para reuniões, família, liderança e ensino.” ### Cena 5 — Funções Executivas (2:20–3:00) **Visual:** tabuleiro com metas; peças se movem em planejamento, execução e revisão. **Voz:** “Executivas transformam intenção em ação: planejar, iniciar, monitorar, ajustar e concluir. Ferramentas simples — checklists, matriz de prioridades, revisão pós-ação — geram consistência.” ### Cena 6 — Gnosias (3:00–3:30) **Visual:** ícones desfocados que ficam nítidos; reconhecimento de faces/objetos. **Voz:** “Gnosias reconhecem padrões do mundo. Treinamos discriminação sensorial e pareamentos para decisões rápidas e seguras.” ### Cena 7 — Praxias (3:30–4:00) **Visual:** sequência de gestos funcionais (servir água, digitar, organizar). **Voz:** “Praxias integram percepção e movimento. Sequências motoras e coordenação fina favorecem autonomia e precisão.” ### Cena 8 — Cognição Social (4:00–4:40) **Visual:** expressões faciais; balões com pistas não verbais. **Voz:** “Cognição social lê emoções, intenções e normas. Roteiros sociais e role-plays reduzem conflitos e ampliam colaboração.” ### Cena 9 — Orientação (4:40–5:10) **Visual:** calendário, bússola e mapa que se encaixam. **Voz:** “Orientação ancora no tempo, espaço e situação. Calendários visuais, rotas e rotinas fortalecem segurança e decisões.” ### Cena 10 — Velocidade de Processamento (5:10–5:40) **Visual:** trilha de checkpoints iluminando rapidamente, sem perder precisão. **Voz:** “Velocidade eficiente organiza percepção → decisão → resposta, no ritmo certo para cada contexto.” ### Cena 11 — Integração em Rede (5:40–6:40) **Visual:** as áreas viram nós conectados; luz percorre a rede. **Voz:** “O cérebro trabalha em rede. Ao treinar funções específicas e estratégias metacognitivas, garantimos transferência para a vida diária, manutenção de ganhos e autonomia.” ### Cena 12 — Aplicações e Próximos Passos (6:40–7:30) **Visual:** trilha de metas SMART; tela com botões “Agendar” e “Reabilitação personalizada”. **Voz:** “Reabilitação funciona quando é personalizada e mensurável. Vamos transformar ciência em rotina prática, com metas claras e acompanhamento.” **Encerramento on-screen:** “Agendar avaliação” (link/QR para WhatsApp) • “Conhecer a Reabilitação”. --- ## Observações de rigor científico (sem alucinação) * O roteiro e os painéis científicos utilizam **definições amplamente aceitas** em neuropsicologia para cada função, sem promessas de cura e sem inferir resultados garantidos. * Aconselhável manter os links para suas páginas de referência (CID-10/CID-11 e aplicabilidade clínica) diretamente no modal de cada área — já configurados no HTML acima. --- ## Personalizações rápidas * **Cores:** ajuste variáveis em `:root` (ex.: `--brand`, `--brand-2`, `--gold`). * **Tempo dos slides:** mude `8000` ms em `setInterval` (autoplay). * **Ordem/Texto das áreas:** edite o array `AREAS` no `