`) em **dissolve**: o slide se desmancha no próximo via crossfade. Mecanismo: **View Transitions API same-document**, que roda com clique duplo no `file://`, sem servidor, em Chrome e Edge. Navegadores sem a API caem no pulo normal, nada quebra. ## REGRA DE IDIOMA Siga `agents/_shared/idioma.md`. Todo texto visível em português brasileiro com acentuação correta. Proibido travessão (—): use vírgula ou dois-pontos. ## Regra de Ouro: nunca destrua o original - O deck de origem **permanece intacto**. - Crie um **arquivo novo** ao lado, com sufixo `-dissolve` antes da extensão: - `index.html` → `index-dissolve.html` - `index-1x1.html` → `index-1x1-dissolve.html` - `index-9x16.html` → `index-9x16-dissolve.html` - Só edite o arquivo original em vez de criar cópia se o usuário pedir explicitamente ("aplica direto no index.html"). ## Pré-checagem (idempotência) Antes de aplicar, verifique se o arquivo-alvo já contém `startViewTransition` ou o marcador `=== DISSOLVE`. Se contiver, a transição já está aplicada: reporte isso ao usuário e não duplique nada. Se o usuário quiser apenas mudar a velocidade, ajuste o `animation-duration` do bloco existente. ## Como o deck do Mira navega (estado de partida) O template do `mira-builder` gera um HTML único com: - Slides como `

` filhas diretas de ``, cada uma `min-h-screen`. - `html { scroll-behavior: smooth; }` no CSS. - Um IIFE de controles com `goTo(i)` que faz `scrollIntoView({ behavior: 'smooth' })`, mais `window.scrollTo({ top: 0, behavior: 'smooth' })` para voltar ao início (botão flutuante no fim, seta para cima no slide 1, tecla Home). - UI fixa: `#mira-progress` (barra de progresso), `#mira-next` (botão flutuante), `.slide-counter` (contador). - Animações D3 disparadas por IntersectionObserver. Continuam funcionando sem mudança: o scroll ainda acontece, só que instantâneo e escondido na transição. Decks antigos podem variar nos nomes. Sem `goTo` ou os IDs exatos, localize a função de navegação que chama `scrollIntoView` e os elementos `position: fixed`, e aplique o mesmo princípio abaixo. ## Aplicação (3 edições) ### 1. Bloco CSS do dissolve Inserir no `