primocode 10.19.0 → 11.1.0

package/kits/mapa/elementos/RotaAnimada.tsx

@@ -1,38 +0,0 @@
-// RotaAnimada: a rota traçada ponto a ponto (borda branca + linha magenta de 22 px na tela) com uma bolinha que corre na frente.
-// Dentro do MapaBase usa coordenadas do mapa; solta, usa coordenadas da tela. `pontos` é a lista de [x, y] das esquinas.
-import React, {useContext} from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, MapaCtx, e5, seg} from './base';
-
-export type RotaAnimadaProps = {
-  pontos: [number, number][];
-  inicio?: number;
-  /** quadros para percorrer a rota inteira */
-  duracao?: number;
-  cor?: string;
-  fim?: number;
-};
-
-export const RotaGrupo: React.FC<RotaAnimadaProps> = ({pontos, inicio = 0, duracao = 40, cor = COR.magenta, fim = 1e9}) => {
-  const f = useCurrentFrame();
-  const ctx = useContext(MapaCtx);
-  if (f < inicio - 1 || f > fim + 10) return null;
-  const k = ctx ? 1 / ctx.s : 1, p = e5(seg(f, inicio, inicio + duracao));
-  const seg_ = pontos.slice(1).map((b, i) => Math.hypot(b[0] - pontos[i][0], b[1] - pontos[i][1]));
-  const total = seg_.reduce((a, b) => a + b, 0);
-  let alvo = total * p, ponto: [number, number] = pontos[0];
-  const feitos: [number, number][] = [pontos[0]];
-  for (let i = 0; i < seg_.length; i++) {
-    if (alvo >= seg_[i]) {alvo -= seg_[i]; feitos.push(pontos[i + 1]); ponto = pontos[i + 1];}
-    else {const t = alvo / seg_[i]; ponto = [pontos[i][0] + (pontos[i + 1][0] - pontos[i][0]) * t, pontos[i][1] + (pontos[i + 1][1] - pontos[i][1]) * t]; feitos.push(ponto); break;}
-  }
-  const d = feitos.map((q, i) => `${i ? 'L' : 'M'}${q[0]} ${q[1]}`).join(' ');
-  return <g>
-    <path d={d} fill="none" stroke="#fff" strokeWidth={34 * k} strokeLinecap="round" strokeLinejoin="round" />
-    <path d={d} fill="none" stroke={cor} strokeWidth={20 * k} strokeLinecap="round" strokeLinejoin="round" />
-    <circle cx={ponto[0]} cy={ponto[1]} r={26 * k} fill="#fff" stroke={cor} strokeWidth={10 * k} />
-    <circle cx={pontos[0][0]} cy={pontos[0][1]} r={20 * k} fill="#fff" stroke={COR.tinta} strokeWidth={9 * k} />
-  </g>;
-};
-
-export const RotaAnimada: React.FC<RotaAnimadaProps> = (p) => <svg width={1080} height={1920} style={{position: 'absolute', inset: 0, overflow: 'visible'}}><RotaGrupo {...p} /></svg>;

package/kits/mapa/elementos/Som.tsx

@@ -1,41 +0,0 @@
-// Som: os efeitos e a trilha do kit. Efeitos sintetizados (MotionCraft `sfx make`, pacote organic-wood); trilha de 8.6 s
-// (MotionCraft `music make`, preset lofi-desk, 100 bpm, tom Bb). Ver assets/ASSETS.md.
-// Regra: um som por movimento que importa, 1 a 2 quadros ANTES do visual.
-import React from 'react';
-import {Audio, Sequence, interpolate, useVideoConfig} from 'remotion';
-import whooshEntra from '../assets/sons/whoosh-entra.mp3';
-import whooshSai from '../assets/sons/whoosh-sai.mp3';
-import swoosh from '../assets/sons/swoosh.mp3';
-import popPalavra from '../assets/sons/pop-palavra.mp3';
-import popCartao from '../assets/sons/pop-cartao.mp3';
-import clique from '../assets/sons/clique.mp3';
-import impacto from '../assets/sons/impacto.mp3';
-import subida from '../assets/sons/subida.mp3';
-import assinatura from '../assets/sons/assinatura.mp3';
-import traco from '../assets/sons/traco.mp3';
-import quique from '../assets/sons/quique.mp3';
-import trilha from '../assets/trilha/rota-100bpm.mp3';
-
-export const SONS = {
-  'whoosh-entra': whooshEntra, 'whoosh-sai': whooshSai, swoosh, 'pop-palavra': popPalavra, 'pop-cartao': popCartao, clique, impacto, subida, assinatura, traco, quique,
-} as const;
-export type NomeSom = keyof typeof SONS;
-
-// volume de cada efeito (0..1) já calibrado contra a trilha a 0.45
-const VOLUME: Record<NomeSom, number> = {
-  'whoosh-entra': 0.8, 'whoosh-sai': 0.65, swoosh: 0.85, 'pop-palavra': 0.9, 'pop-cartao': 0.95, clique: 0.85, impacto: 0.8, subida: 0.65, assinatura: 0.85, traco: 0.55, quique: 0.8,
-};
-
-export type EfeitoProps = {som: NomeSom; em: number; volume?: number};
-/** um efeito no quadro `em` (relativo à Cena se estiver dentro de uma, absoluto no resto) */
-export const Efeito: React.FC<EfeitoProps> = ({som, em, volume}) =>
-  <Sequence from={Math.max(0, Math.round(em))} durationInFrames={90} layout="none">
-    <Audio src={SONS[som]} volume={volume ?? VOLUME[som]} />
-  </Sequence>;
-
-export type TrilhaProps = {volume?: number; /** quadros de fade no fim */ saida?: number};
-/** a trilha do kit, do quadro 0 ao fim, com fade de saída */
-export const Trilha: React.FC<TrilhaProps> = ({volume = 0.45, saida = 20}) => {
-  const {durationInFrames} = useVideoConfig();
-  return <Audio src={trilha} volume={(f) => volume * interpolate(f, [durationInFrames - saida, durationInFrames], [1, 0], {extrapolateLeft: 'clamp', extrapolateRight: 'clamp'})} />;
-};

package/kits/mapa/elementos/TituloLocal.tsx

@@ -1,38 +0,0 @@
-// TituloLocal: o nome do lugar em DM Sans 800 branco sobre o magenta, até 2 linhas, subindo de uma máscara com overshoot.
-// `*palavra*` ganha um bloco creme com letra magenta. Embaixo, uma linha de apoio e um traço de rota que se desenha.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FONTE, LARGURA, MONO, caber, e5, ov, partes, seg, textoLimpo} from './base';
-
-export type TituloLocalProps = {
-  linhas: string[];
-  apoio: string;
-  inicio?: number;
-  /** centro vertical do bloco, px */
-  y: number;
-  tamanho?: number;
-  fim?: number;
-};
-
-export const TituloLocal: React.FC<TituloLocalProps> = ({linhas, apoio, inicio = 0, y, tamanho = 230, fim = 1e9}) => {
-  const f = useCurrentFrame();
-  if (f < inicio - 1 || f > fim + 12) return null;
-  const tam = Math.min(...linhas.map((l) => caber(textoLimpo(l), tamanho, 880, 800, -0.04, 'MP DM Sans')));
-  const alt = tam * 1.12, topo = y - (linhas.length * alt) / 2, sai = e5(seg(f, fim, fim + 10));
-  const traco = e5(seg(f, inicio + 16, inicio + 36));
-  return <div style={{position: 'absolute', inset: 0, opacity: 1 - sai, transform: `translateY(${-sai * 140}px)`}}>
-    {linhas.map((l, i) => {
-      const p = ov(seg(f, inicio + i * 6, inicio + i * 6 + 16));
-      return <div key={i} style={{position: 'absolute', left: 0, width: LARGURA, top: topo + i * alt, height: alt, overflow: 'hidden', textAlign: 'center'}}>
-        <div style={{transform: `translateY(${(1 - p) * 115}%)`, fontFamily: FONTE, fontWeight: 800, fontSize: tam, lineHeight: `${alt}px`, color: '#fff', letterSpacing: '-0.04em', whiteSpace: 'nowrap'}}>
-          {partes(l).map((s, k) => s.d ? <span key={k} style={{background: COR.creme, color: COR.magenta, borderRadius: tam * 0.14, padding: `0 ${tam * 0.1}px`}}>{s.t}</span> : <span key={k}>{s.t}</span>)}
-        </div>
-      </div>;
-    })}
-    <svg width={720} height={80} viewBox="0 0 720 80" style={{position: 'absolute', left: 180, top: topo + linhas.length * alt + 20}}>
-      <path d="M10 60 L10 20 L360 20 L360 60 L710 60" pathLength={1} fill="none" stroke={COR.creme} strokeWidth={14} strokeLinecap="round" strokeLinejoin="round" strokeDasharray={1} strokeDashoffset={1 - traco} />
-      <circle cx={10} cy={60} r={12} fill={COR.creme} /><circle cx={710} cy={60} r={12} fill={COR.creme} opacity={traco > 0.98 ? 1 : 0} />
-    </svg>
-    <div style={{position: 'absolute', left: 0, width: LARGURA, top: topo + linhas.length * alt + 120, textAlign: 'center', fontFamily: MONO, fontWeight: 500, fontSize: 48, color: '#fff', opacity: 0.9 * seg(f, inicio + 20, inicio + 32), transform: `translateY(${(1 - ov(seg(f, inicio + 20, inicio + 36))) * 50}px)`}}>{apoio}</div>
-  </div>;
-};

package/kits/mapa/elementos/base.ts

@@ -1,89 +0,0 @@
-// Base do kit mapa: cores, fontes, curvas e medidas. Todo número visual sai daqui.
-// Os elementos importam só este arquivo, 'react' e 'remotion'. Nada de fora da pasta do kit.
-import {continueRender, delayRender} from 'remotion';
-import fonte0Url from '../assets/fontes/dmsans.woff2';
-import fonte1Url from '../assets/fontes/dmmono.woff2';
-
-// ---------- tela ----------
-export const LARGURA = 1080, ALTURA = 1920, FPS = 30;
-// área segura (Reels/TikTok): o que se lê fica entre estas linhas
-export const SEGURA = {topo: 168, base: 1330, lado: 80};
-export const LARGURA_UTIL = LARGURA - SEGURA.lado * 2; // 920 px
-
-// ---------- cor ----------
-export const COR = {
-  magenta: '#F2175B',
-  magentaEscuro: '#C70E47',
-  tinta: '#1B1F2A',
-  creme: '#FFF7EE',
-  terra: '#F3EEE3',
-  agua: '#BFE3F2',
-  parque: '#CFE8BB',
-  rua: '#FFFFFF',
-  ruaBorda: '#E2DACA',
-  avenida: '#FFE7A0',
-  avenidaBorda: '#E8CE84'
-};
-
-
-// ---------- fonte ----------
-// Nome de família com o prefixo do kit, pra não colidir com outro kit no mesmo estúdio.
-export const FONTE = "\"MP DM Sans\", system-ui, sans-serif";
-export const MONO = "\"MP DM Mono\", ui-monospace, Menlo, monospace";
-const fontes = [
-  {nome: 'MP DM Sans', url: fonte0Url, peso: '500 800', estilo: 'normal'},
-  {nome: 'MP DM Mono', url: fonte1Url, peso: '500', estilo: 'normal'},
-];
-if (typeof document !== 'undefined' && !(globalThis as Record<string, unknown>).__mapa) {
-  (globalThis as Record<string, unknown>).__mapa = true;
-  for (const f of fontes) {
-    const h = delayRender('mapa: ' + f.nome);
-    new FontFace(f.nome, `url(${f.url}) format('woff2')`, {weight: f.peso, style: f.estilo}).load()
-      .then((ff) => {document.fonts.add(ff); continueRender(h);})
-      .catch(() => continueRender(h));
-  }
-}
-
-// ---------- tempo e curva ----------
-export const c01 = (t: number) => Math.max(0, Math.min(1, t));
-/** progresso 0..1 de f entre a e b */
-export const seg = (f: number, a: number, b: number) => c01((f - a) / (b - a));
-/** saída rápida e pouso longo, parecida com cubic-bezier(.2,.8,.2,1) */
-export const e5 = (t: number) => 1 - Math.pow(1 - c01(t), 5);
-/** pouso com overshoot (passa 1.1x e volta), toda entrada usa esta */
-export const ov = (t: number) => { const x = c01(t) - 1; const k = 2.2; return 1 + (k + 1) * x * x * x + k * x * x; };
-export const lerp = (a: number, b: number, t: number) => a + (b - a) * t;
-/** uma batida da trilha do kit (100 bpm) em quadros */
-export const BATIDA = 18.0;
-
-// ---------- medida de texto ----------
-// Mede com canvas (só guarda no cache depois que a fonte carregou) pra encolher a linha que passaria
-// da largura útil. Nunca deixa palavra cortada.
-let canvas: HTMLCanvasElement | null = null;
-const cache = new Map<string, number>();
-export const larguraTexto = (texto: string, tamanho: number, peso = 800, trackingEm = -0.03, familia = 'MP DM Sans'): number => {
-  const chave = `${texto}|${tamanho}|${peso}|${trackingEm}|${familia}`;
-  const c = cache.get(chave); if (c !== undefined) return c;
-  if (typeof document === 'undefined') return texto.length * tamanho * 0.56;
-  canvas = canvas || document.createElement('canvas');
-  const ctx = canvas.getContext('2d'); if (!ctx) return texto.length * tamanho * 0.56;
-  const fonte = `${peso} ${tamanho}px "${familia}"`;
-  ctx.font = fonte;
-  const w = ctx.measureText(texto).width + texto.length * trackingEm * tamanho;
-  if (document.fonts.check(fonte)) cache.set(chave, w);
-  return w;
-};
-/** o maior tamanho até `tamanho` em que o texto cabe em `largura` */
-export const caber = (texto: string, tamanho: number, largura = LARGURA_UTIL, peso = 800, trackingEm = -0.03, familia = 'MP DM Sans') => {
-  const w = larguraTexto(texto, tamanho, peso, trackingEm, familia);
-  return w > largura ? Math.floor(tamanho * (largura / w)) : tamanho;
-};
-/** tira os asteriscos de destaque: "Usar *IA*" -> "Usar IA" */
-export const textoLimpo = (t: string) => t.replace(/\*/g, '');
-/** quebra "a *b* c" em partes {t, d}: d = destaque */
-export const partes = (t: string) => t.split(/(\*[^*]+\*)/).filter(Boolean).map((s) => s.startsWith('*') ? {t: s.slice(1, -1), d: true} : {t: s, d: false});
-import React from 'react';
-/** escala do mapa na tela (px por unidade do mapa); os pinos e rótulos se contra-escalam com isto */
-export const MapaCtx = React.createContext<{s: number} | null>(null);
-/** valores de uma lista de chaves [[quadro, v1, v2...], ...] no quadro f, com pouso suave entre as chaves */
-export const chavesN = (f: number, ks: number[][]): number[] => { if (f <= ks[0][0]) return ks[0].slice(1); for (let i = 1; i < ks.length; i++) if (f <= ks[i][0]) { const t = e5(seg(f, ks[i - 1][0], ks[i][0])); return ks[i].slice(1).map((v, j) => lerp(ks[i - 1][j + 1] ?? 0, v, t)); } return ks[ks.length - 1].slice(1); };

package/kits/mapa/elementos/index.ts

@@ -1,15 +0,0 @@
-// Tudo que o kit mapa oferece. A IA monta o vídeo combinando isto (ou escrevendo um plano pra Montagem).
-export * from './base';
-export {Fundo} from './Fundo';
-export {Camera, posCamera} from './Camera';
-export {Cena, useDuracaoCena, SOBREPOE} from './Cena';
-export {MapaBase} from './MapaBase';
-export {Pino} from './Pino';
-export {RotaAnimada} from './RotaAnimada';
-export {ChipTempo} from './ChipTempo';
-export {CartaoEndereco} from './CartaoEndereco';
-export {TituloLocal} from './TituloLocal';
-export {Efeito, Trilha, SONS} from './Som';
-export type {NomeSom} from './Som';
-export {Montagem, ELEMENTOS} from './Montagem';
-export type {Plano, CenaPlano, Camada} from './Montagem';

package/kits/mapa/exemplos/plano.json

@@ -1,48 +0,0 @@
-{
-  "kit": "mapa",
-  "roteiro": "exemplos/roteiro.md",
-  "duracao": 240,
-  "trilha": {"volume": 0.45},
-  "cenas": [
-    {
-      "batida": "mapa", "de": 0, "ate": 52, "entrada": "nenhuma",
-      "camadas": [
-        {"elemento": "MapaBase", "props": {"foco": [[0, 1000, 1200, 0.95, 0], [52, 930, 1300, 1.7, 0]], "pinos": [{"x": 930, "y": 1330, "tamanho": 200, "inicio": 16}], "inicio": 0, "y": 780, "altura": 1100}}
-      ],
-      "socos": [16],
-      "sons": [{"som": "whoosh-entra", "em": 0}, {"som": "quique", "em": 20}, {"som": "pop-cartao", "em": 24}]
-    },
-    {
-      "batida": "rota", "de": 52, "ate": 116, "entrada": "deslizar",
-      "camadas": [
-        {"elemento": "MapaBase", "props": {"foco": [[0, 670, 1000, 1.5, 0], [24, 670, 920, 1.4, 0], [60, 700, 1000, 1.7, -4]], "rotas": [{"pontos": [[410, 600], [410, 1080], [930, 1080], [930, 1330]], "inicio": 6, "duracao": 36}], "pinos": [{"x": 930, "y": 1330, "tamanho": 190, "inicio": 0}], "chips": [{"texto": "6 min a pé", "x": 670, "y": 1005, "inicio": 30}], "inicio": 0, "y": 780, "altura": 1100}}
-      ],
-      "socos": [10, 40],
-      "sons": [{"som": "swoosh", "em": -1}, {"som": "traco", "em": 6}, {"som": "pop-cartao", "em": 32}, {"som": "clique", "em": 44}]
-    },
-    {
-      "batida": "unidades", "de": 116, "ate": 168, "entrada": "baixo",
-      "camadas": [
-        {"elemento": "MapaBase", "props": {"foco": [[0, 1000, 1250, 0.85, -14], [52, 1000, 1250, 1.0, -8]], "pinos": [{"x": 930, "y": 1330, "tamanho": 180, "inicio": 4, "miolo": "1"}, {"x": 560, "y": 760, "tamanho": 180, "inicio": 14, "miolo": "2"}, {"x": 1450, "y": 1530, "tamanho": 180, "inicio": 24, "miolo": "3"}], "inicio": 0, "y": 780, "altura": 1100}}
-      ],
-      "socos": [8, 18, 28],
-      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "quique", "em": 10}, {"som": "pop-cartao", "em": 20}, {"som": "quique", "em": 30}]
-    },
-    {
-      "batida": "endereco", "de": 168, "ate": 212, "entrada": "direita",
-      "camadas": [
-        {"elemento": "CartaoEndereco", "props": {"nome": "Café Rota", "endereco": "Rua das Flores, 120", "detalhe": "Abre às 8h · 6 min a pé", "botao": "Como chegar", "inicio": 2, "clica": 30, "y": 760}}
-      ],
-      "socos": [30],
-      "sons": [{"som": "swoosh", "em": -1}, {"som": "pop-cartao", "em": 10}, {"som": "clique", "em": 30}]
-    },
-    {
-      "batida": "marca", "de": 212, "ate": 240, "entrada": "circulo",
-      "camadas": [
-        {"elemento": "TituloLocal", "props": {"linhas": ["Café", "*Rota*"], "apoio": "Rua das Flores, 120", "inicio": 2, "y": 740, "tamanho": 260}}
-      ],
-      "socos": [12],
-      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "impacto", "em": 12}, {"som": "assinatura", "em": 14}]
-    }
-  ]
-}

package/kits/mapa/exemplos/roteiro.md

@@ -1,19 +0,0 @@
-# Roteiro de demonstração · "Café Rota" (cafeteria fictícia)
-
-Pedido: *"um reels de 8 s do Café Rota: mostrar onde fica, a rota de 6 minutos a pé do metrô, as 3 unidades, o endereço Rua das Flores, 120 com botão 'Como chegar' e fechar com o nome."*
-
-Sem narração: os cortes seguem a trilha (1 batida = 18 quadros).
-
-| # | batida | quadros | na tela | elemento | som |
-|---|---|---|---|---|---|
-| 1 | mapa | 0–52 | mapa amplo descendo até o pino, que cai e quica | MapaBase + Pino | whoosh, quique, pop |
-| 2 | rota | 52–116 | rota do metrô até o café traçada, chip "6 min a pé" | MapaBase + RotaAnimada, ChipTempo | swoosh, traço, pop, clique |
-| 3 | unidades | 116–168 | mapa girado com 3 pinos numerados caindo | MapaBase + Pino ×3 | whoosh, quiques, pop |
-| 4 | endereco | 168–212 | cartão "Café Rota · Rua das Flores, 120 · Abre às 8h · 6 min a pé" + botão | CartaoEndereco | swoosh, pop, clique |
-| 5 | marca | 212–240 | "Café *Rota*" gigante + traço de rota | TituloLocal | whoosh, impacto, assinatura |
-
-Como a IA chegou nisso:
-1. Foi do geral ao específico: onde (mapa), como chegar (rota), quantos (unidades), o endereço exato (cartão) e a marca.
-2. Deu um herói por plano (mapa, mapa, mapa, cartão, título) e um só apoio (pino ou chip), com pausa depois de cada evento.
-3. Cortou nas batidas da trilha (0, 52, 116, 168, 212) e alternou a troca (nenhuma, deslizar, baixo, direita, círculo).
-4. O `preview.tsx` passa o plano para `Montagem`, que só usa os elementos do kit.

package/kits/mapa/preview.tsx

@@ -1,9 +0,0 @@
-// Preview do kit: o vídeo de demonstração (8 s) montado SÓ com os elementos do kit, a partir de exemplos/plano.json.
-// O estúdio registra isto como `Kit-mapa`.
-import React from 'react';
-import {Montagem, Plano} from './elementos';
-import plano from './exemplos/plano.json';
-
-const Preview: React.FC = () => <Montagem plano={plano as Plano} />;
-
-export const preview = {duracaoEmQuadros: plano.duracao, quadroCapa: 100, Componente: Preview};

package/kits/mapa/receita.json

@@ -1,21 +0,0 @@
-{
-  "kit": "mapa", "fps": 30, "batida_trilha_quadros": 18,
-  "duracao_video_s": [6, 30],
-  "ordem_sugerida": ["mapa", "rota", "unidades", "endereco", "marca"],
-  "batidas": [
-    {"nome": "mapa", "obrigatoria": true, "duracao": [48, 54], "elementos": ["MapaBase", "Pino"], "entrada": ["nenhuma"], "sons": ["whoosh-entra", "quique", "pop-cartao"], "nota": "vista ampla que desce até o pino; o pino cai no quadro 16."},
-    {"nome": "rota", "obrigatoria": false, "duracao": [60, 72], "elementos": ["MapaBase", "RotaAnimada", "ChipTempo", "Pino"], "entrada": ["deslizar"], "sons": ["swoosh", "traco", "pop-cartao", "clique"], "nota": "zoom 1,4–1,7 na rota; chip com o tempo acima da linha, nunca sobre ela."},
-    {"nome": "unidades", "obrigatoria": false, "duracao": [48, 54], "elementos": ["MapaBase", "Pino"], "entrada": ["baixo"], "sons": ["whoosh-entra", "quique", "pop-cartao"], "nota": "mapa girado −14° → −8°, 2–3 pinos numerados caindo a cada 10 quadros."},
-    {"nome": "endereco", "obrigatoria": true, "duracao": [42, 48], "elementos": ["CartaoEndereco"], "entrada": ["direita"], "sons": ["swoosh", "pop-cartao", "clique"], "nota": "cartão com nome, endereço, horário e botão que aperta no quadro 30."},
-    {"nome": "marca", "obrigatoria": true, "duracao": [28, 42], "elementos": ["TituloLocal"], "entrada": ["circulo"], "sons": ["whoosh-entra", "impacto", "assinatura"], "nota": "sempre a última: nome do lugar gigante em branco, 1 palavra no bloco creme."}
-  ],
-  "transicoes": [
-    {"nome": "deslizar", "quadros": 9, "como": "entra 1080 px da direita; a anterior sai 460 px para a esquerda"},
-    {"nome": "direita", "quadros": 9, "como": "igual a deslizar, vindo da direita"},
-    {"nome": "baixo", "quadros": 9, "como": "entra 900 px de baixo"},
-    {"nome": "circulo", "quadros": 9, "como": "entra com zoom 1,6× → 1"},
-    {"nome": "nenhuma", "quadros": 0, "como": "só no gancho"}
-  ],
-  "camera": {"deriva": "sempre, suave", "socos": "pino batendo, chip, botão, título"},
-  "trilha": {"arquivo": "assets/trilha/rota-100bpm.mp3", "volume": 0.45, "com_narracao": 0.2}
-}

package/kits/mapa/regras/area-segura.md

@@ -1,15 +0,0 @@
-# Área segura (9:16, 1080×1920)
-
-- Todo texto lido: **y 168–1330**, **x 100–980** (margem ≥ 96 px). A janela do mapa fica em x 100–980.
-- Respiro (regra do dono): 35–45% de cada quadro vazio; 1 herói + no máximo 1 apoio.
-
-| elemento | y de referência (centro) |
-|---|---|
-| janela do mapa (880 × 1100) | 780 (ocupa 230–1330) |
-| pino (190–200 px) | dentro da janela; deixe ≥ 150 px até a borda |
-| chip de tempo | acima da rota; nunca sobre ela |
-| cartão de endereço (880 × 720) | 760 |
-| título (2 linhas, 260 px) | 740 |
-| apoio do título | ≈ 1130 (topo) |
-
-- O zoom e o giro acontecem dentro da janela (overflow cortado); a janela nunca muda de posição.

package/kits/mapa/regras/cor.md

@@ -1,18 +0,0 @@
-# Cor
-
-| token | hex | uso |
-|---|---|---|
-| `magenta` | `#F2175B` | chão (topo), rota, pino, botão |
-| `magentaEscuro` | `#C70E47` | chão (base), sombra do botão, texto do detalhe |
-| `tinta` | `#1B1F2A` | texto, chip de tempo, ponto de origem |
-| `creme` | `#FFF7EE` | contorno do pino, bloco do título |
-| `terra` | `#F3EEE3` | chão do mapa |
-| `agua` | `#BFE3F2` | rio |
-| `parque` | `#CFE8BB` | parques |
-| `rua` / `ruaBorda` | `#FFFFFF` / `#E2DACA` | ruas (30 px, borda 42 px) |
-| `avenida` / `avenidaBorda` | `#FFE7A0` / `#E8CE84` | avenidas (50 px, borda 66 px) |
-
-- Quadras: retângulos de canto 18 px em `#EAE3D3`/`#EDE6D6` alternados, 200 × 180 unidades. Rio: traço de 170 unidades com tracejado branco 50%.
-- Curvas de nível: elipses brancas, traço 4 e 8 px, opacidade ≤ 10%, centro (980, 1700), expandem 1,4 px/quadro.
-- Sombra da janela: `0 50px 90px rgba(80,0,30,.4)`; do cartão: `0 60px 100px rgba(80,0,30,.45)`.
-- O cliente pode trocar o magenta pela cor da marca (mantendo contraste com branco ≥ 3:1) e os tons do mapa por uma paleta mais fria. Proibido: degradê roxo-azul.

package/kits/mapa/regras/movimento.md

@@ -1,21 +0,0 @@
-# Movimento
-
-Curvas: `e5(t) = 1 − (1 − t)^5` e `ov(t)` = pouso com overshoot (`1 + 3,2x³ + 2,2x²`). **Toda entrada usa `ov`.** A câmera do mapa interpola cada canal com `e5` entre as chaves.
-
-| movimento | duração | valores |
-|---|---|---|
-| janela entra | 18 quadros | sobe 1100 px, gira 5° → 0, escala 0,92 → 1 |
-| câmera do mapa | 24–60 quadros por trecho | chaves [quadro, cx, cy, zoom, giro]; zoom 0,95 → 1,7; giro de 0 a −14° |
-| pino cai | 18 quadros | cai 5× a altura com overshoot; sombra cresce em 10 quadros |
-| ondas do pino | 26 quadros, 8 de defasagem | duas elipses de 0 a 0,9× a altura, somem |
-| rota | 36–40 quadros | `e5` de 0 a 100% do comprimento; bolinha na ponta |
-| chip | 14 quadros | escala 0 → 1 com overshoot, contra-escalado pelo zoom |
-| cartão entra | 18 quadros | sobe 1200 px, gira −4° → 0 |
-| botão aperta | 8 quadros | escala 0,96, desce 8 px; anel de 60 px que some em 16 quadros |
-| título | 16 quadros, 6 de intervalo | sobe 115% da altura; traço de rota se desenha em 20 quadros |
-| troca de cena | 9 quadros | `direita`/`esquerda` 1080 px, `subir` 900 px, `zoom` 1,6× |
-| curvas de nível | contínuo | 1,4 px/quadro |
-| câmera (sempre) | contínuo | zoom 1,014 ± 0,012 (+0,00012/quadro), deriva ±8/±8 px, giro ±0,17° |
-| soco de câmera | decai em ~7 quadros | +0,025 de zoom, tremor 5 px |
-
-- **Pausa**: depois do pino quicar ou do botão apertar, 15–24 quadros sem evento novo (o mapa pode continuar a se mover devagar).

package/kits/mapa/regras/ritmo.md

@@ -1,15 +0,0 @@
-# Ritmo
-
-- 100 bpm: **1 batida = 18 quadros** (0,6 s). Cortes caem a cada 2–3 batidas; a rota de 36 quadros dura 2 batidas.
-- Vídeo de 8 s = 240 quadros = 5 cenas.
-
-| batida | duração s | quadros |
-|---|---|---|
-| mapa | 1,6–1,8 | 48–54 (pino cai no quadro 16) |
-| rota | 2,0–2,4 | 60–72 (rota 36–40, chip no quadro 30) |
-| unidades | 1,6–1,8 | 48–54 (um pino a cada 10 quadros) |
-| endereco | 1,4–1,6 | 42–48 (botão no quadro 30) |
-| marca | 0,9–1,4 | 28–42 |
-
-- Leitura mínima: chip ≥ 24 quadros; endereço ≥ 30 quadros depois do cartão pousar.
-- Em cada cena: entrada → evento (pino, rota, botão) → **pausa de 15–24 quadros** → saída.

package/kits/mapa/regras/som.md

@@ -1,21 +0,0 @@
-# Som
-
-- Trilha: `assets/trilha/rota-100bpm.mp3` (8,6 s, 100 bpm, lofi-desk, tom Bb), volume **0,45**, fade nos últimos **20 quadros**. Vídeo maior: gere outra (`music make --preset lofi-desk --bpm 100 --key Bb --force`), sem loop.
-- Com narração: trilha a **0,2** e efeitos a 70%.
-
-| som | volume | quando |
-|---|---|---|
-| `quique` | 0,8 | pino bate no chão |
-| `pop-cartao` | 0,95 | pino pousa, chip, cartão |
-| `traco` | 0,55 | rota começando a se traçar |
-| `clique` | 0,85 | botão, chegada ao destino |
-| `swoosh` | 0,85 | cena que entra de lado |
-| `whoosh-entra` | 0,8 | cena sem lado (−1 quadro) |
-| `impacto` | 0,8 | título assenta |
-| `assinatura` | 0,85 | fecho, 2 quadros depois do impacto |
-| `pop-palavra` | 0,9 | opcional |
-| `subida` | 0,65 | opcional |
-| `whoosh-sai` | 0,65 | opcional |
-
-- No máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas. Som entra 1 a 2 quadros antes do visual.
-- Alvo −14 LUFS, pico −1,5 dBTP.

package/kits/mapa/regras/tipografia.md

@@ -1,16 +0,0 @@
-# Tipografia
-
-- **DM Sans 500–800** (nomes, botão, chip) · **DM Mono 500** (endereços, nomes de rua, apoio). Registradas como `"MP DM Sans"` e `"MP DM Mono"`.
-- DM Sans com tracking −0,03 a −0,04 em; sem caixa alta.
-
-| papel | fonte | tamanho px | máx. caracteres |
-|---|---|---|---|
-| título do local | DM Sans 800, branco | 260 (encolhe até 880) | 8 por linha |
-| apoio do título | DM Mono 500 | 48 | 24 |
-| nome no cartão | DM Sans 800 | 118 (até 780) | 12 |
-| endereço no cartão | DM Mono 500 | 42 | 26 |
-| detalhe (chip rosa) | DM Sans 700 | 40 | 28 |
-| botão | DM Sans 800 | 56 | 14 |
-| chip de tempo | DM Sans 800 | 54 na tela | 14 |
-| nome de rua no mapa | DM Mono 500, 55% | 30 (unidades do mapa) | 16 |
-| número no pino | DM Sans 800 | 28 (unidades do pino) | 1 |

package/kits/massinha/assets/ASSETS.md

@@ -1,18 +0,0 @@
-# Assets do kit massinha
-
-| arquivo | o que é | origem | licença |
-|---|---|---|---|
-| `fontes/chewy.woff2` | Chewy (título), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | Apache 2.0 (Chewy) — texto em `fontes/OFL-chewy.txt` |
-| `fontes/nunito-800.woff2` | Nunito (texto), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-nunito-800.txt` |
-| `sons/whoosh-entra.mp3` | efeito whoosh-entra | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/whoosh-sai.mp3` | efeito whoosh-sai | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/swoosh.mp3` | efeito swoosh | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/pop-palavra.mp3` | efeito pop-palavra | sintetizado: MotionCraft `sfx make`, tipo `word_pop`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/pop-cartao.mp3` | efeito pop-cartao | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/clique.mp3` | efeito clique | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/impacto.mp3` | efeito impacto | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/subida.mp3` | efeito subida | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/assinatura.mp3` | efeito assinatura | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/tick.mp3` | efeito tick | sintetizado: MotionCraft `sfx make`, tipo `letter_tick`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `trilha/trilha.mp3` | trilha de 8,7 s, 116 bpm | MotionCraft `music make --preset warm-major --bpm 116 --key F` | síntese própria (CC0); MotionCraft é MIT |
-

package/kits/massinha/elementos/AssinaturaMarca.tsx

@@ -1,20 +0,0 @@
-// AssinaturaMarca: o nome em letras de massinha sobre um disco grande de massinha branca, uma bolinha colorida quicando ao lado,
-// detalhe em Nunito e o endereço numa tira de massinha. Sempre a última cena.
-import React from 'react';
-import {COR, FONTE_TEXTO, caber, mola, seg, useF} from './base';
-import {argila, pulo} from './argila';
-import {TituloMassa} from './TituloMassa';
-
-export type AssinaturaMarcaProps = {nome: string; detalhe?: string; endereco?: string; inicio?: number};
-export const AssinaturaMarca: React.FC<AssinaturaMarcaProps> = ({nome, detalhe, endereco, inicio = 0}) => {
-  const f = useF() - inicio;
-  const pd = mola(seg(f, 0, 12), 1.3);
-  const hop = pd >= 1 ? pulo(f - 12, 44, 40) : {y: 0, sx: 1, sy: 1};
-  const pe = mola(seg(f, 18, 28), 1.6);
-  return <>
-    <div style={{position: 'absolute', left: 540 - 270, top: 380 + (1 - pd) * -900 - hop.y, width: 540, height: 540, borderRadius: '50%', ...argila(COR.massaBranca, 24), transformOrigin: '50% 100%', transform: `scale(${hop.sx}, ${hop.sy})`}} />
-    <TituloMassa linhas={[nome]} inicio={inicio + 4} y={650} tamanho={190} />
-    {detalhe && <div style={{position: 'absolute', left: 96, right: 96, top: 990, textAlign: 'center', fontFamily: FONTE_TEXTO, fontWeight: 800, fontSize: caber(detalhe, 76, 888, FONTE_TEXTO, 800, 0), color: COR.tinta, opacity: pe}}>{detalhe}</div>}
-    {endereco && <div style={{position: 'absolute', left: 0, right: 0, top: 1100, display: 'flex', justifyContent: 'center', opacity: f > 18 ? 1 : 0}}><div style={{padding: '12px 64px', borderRadius: 80, fontFamily: FONTE_TEXTO, fontWeight: 800, fontSize: 62, color: COR.massaBranca, textShadow: '0 5px 0 rgba(0,0,0,0.25)', ...argila(COR.tomate, 14), transform: `scale(${Math.max(0.01, pe)})`}}>{endereco}</div></div>}
-  </>;
-};

package/kits/massinha/elementos/BichinhoMassa.tsx

@@ -1,30 +0,0 @@
-// BichinhoMassa: um bichinho de massinha (corpo de gota, dois olhos de bola com pupila, boca, bracinhos e pés) que cai, pula com squash & stretch,
-// pisca e olha para os lados. O herói da virada; a `fala` é o único apoio, num balão de massinha branca.
-import React from 'react';
-import {COR, FONTE_TEXTO, caber, mola, seg, useF} from './base';
-import {argila, pulo, tom} from './argila';
-
-export type BichinhoMassaProps = {cor?: string; fala?: string; x?: number; y?: number; tam?: number; inicio?: number};
-export const BichinhoMassa: React.FC<BichinhoMassaProps> = ({cor = COR.verde, fala, x = 540, y = 900, tam = 640, inicio = 0}) => {
-  const f = useF() - inicio;
-  const p = mola(seg(f, 0, 14), 1.3);
-  const hop = p >= 1 ? pulo(f - 14, 40, 110) : {y: 0, sx: 1, sy: 1};
-  const pisca = f % 46 > 42 ? 0.1 : 1;
-  const olhar = Math.sin(f / 14) * 7;
-  const pb = mola(seg(f, 20, 32), 2);
-  const olho = (cx: number) => <div style={{position: 'absolute', left: cx, top: '27%', width: '24%', height: '27%', borderRadius: '50%', background: COR.massaBranca, boxShadow: 'inset -4px -6px 8px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2)', overflow: 'hidden', transform: `scaleY(${pisca})`}}><div style={{position: 'absolute', left: `${40 + olhar}%`, top: '32%', width: '38%', height: '42%', borderRadius: '50%', background: '#2B1B14'}}><div style={{position: 'absolute', left: '18%', top: '14%', width: '30%', height: '30%', borderRadius: '50%', background: '#fff'}} /></div></div>;
-  return <>
-    <div style={{position: 'absolute', left: x - tam * 0.38, top: y + tam * 0.5, width: tam * 0.76, height: tam * 0.1, borderRadius: '50%', background: 'rgba(20,60,60,0.3)', filter: 'blur(14px)', transform: `scale(${1 - hop.y / 500})`}} />
-    <div style={{position: 'absolute', left: x - tam / 2, top: y - tam / 2 + (1 - p) * -1200 - hop.y, width: tam, height: tam, transformOrigin: '50% 100%', transform: `scale(${hop.sx}, ${hop.sy})`}}>
-      {[[-0.02, 0.16], [0.9, 0.16]].map(([bx], i) => <div key={i} style={{position: 'absolute', left: tam * bx, top: tam * 0.52 + Math.sin(f / 5 + i) * 8, width: tam * 0.16, height: tam * 0.3, borderRadius: '50%', ...argila(tom(cor, -0.08), 10), transform: `rotate(${i ? -28 : 28}deg)`}} />)}
-      {[0.2, 0.58].map((px, i) => <div key={i} style={{position: 'absolute', left: tam * px, top: tam * 0.86, width: tam * 0.22, height: tam * 0.14, borderRadius: '50%', ...argila(tom(cor, -0.12), 8)}} />)}
-      <div style={{position: 'absolute', left: tam * 0.06, top: 0, width: tam * 0.88, height: tam * 0.92, borderRadius: '50% 50% 46% 46% / 58% 58% 42% 42%', ...argila(cor, 12)}}>
-        {olho(tam * 0.88 * 0.17)}{olho(tam * 0.88 * 0.57)}
-        <div style={{position: 'absolute', left: '34%', top: '62%', width: '32%', height: '16%', borderRadius: '0 0 100px 100px', background: '#7A2A22', boxShadow: 'inset 0 6px 8px rgba(0,0,0,0.35)'}} />
-        <div style={{position: 'absolute', left: '12%', top: '58%', width: '12%', height: '9%', borderRadius: '50%', background: COR.rosa, opacity: 0.55, filter: 'blur(3px)'}} />
-        <div style={{position: 'absolute', left: '76%', top: '58%', width: '12%', height: '9%', borderRadius: '50%', background: COR.rosa, opacity: 0.55, filter: 'blur(3px)'}} />
-      </div>
-    </div>
-    {fala && <div style={{position: 'absolute', left: 540 - 300, top: y - tam / 2 - 330, width: 600, textAlign: 'center', transform: `scale(${Math.max(0.01, pb)})`, transformOrigin: '50% 100%'}}><div style={{display: 'inline-block', padding: '16px 56px', borderRadius: 80, fontFamily: FONTE_TEXTO, fontWeight: 800, fontSize: caber(fala, 120, 500, FONTE_TEXTO, 800, 0), color: COR.tinta, ...argila(COR.massaBranca, 10)}}>{fala}</div></div>}
-  </>;
-};

package/kits/massinha/elementos/BolasMassa.tsx

@@ -1,25 +0,0 @@
-// BolasMassa: o herói. 1 a 3 bolas grandes de massinha (gradiente radial, brilho, sombra na mesa) que caem, amassam e ficam quicando fora de fase,
-// com uma marca de dedo (dedada) em cada uma. `cores` define quantas e de que cor.
-import React from 'react';
-import {COR, mola, seg, useF} from './base';
-import {argila, pulo} from './argila';
-
-export type BolasMassaProps = {cores?: string[]; inicio?: number; y?: number; diametro?: number};
-export const BolasMassa: React.FC<BolasMassaProps> = ({cores = [COR.tomate, COR.amarelo, COR.azul], inicio = 0, y = 800, diametro = 460}) => {
-  const f = useF() - inicio;
-  const n = cores.length;
-  const d = n === 1 ? diametro * 1.4 : n === 2 ? diametro * 1.05 : diametro;
-  const pos: [number, number][] = n === 1 ? [[540, y]] : n === 2 ? [[330, y + 60], [750, y - 60]] : [[540, y - 230], [330, y + 170], [750, y + 170]];
-  return <>{pos.map(([cx, cy], i) => {
-    const t0 = i * 5;
-    const p = mola(seg(f, t0, t0 + 12), 1.2);
-    const hop = p >= 1 ? pulo(f - t0 - 12 - i * 7, 54, 70) : {y: 0, sx: 1, sy: 1};
-    const dd = d * (n === 3 && i === 0 ? 1.0 : 1);
-    return <React.Fragment key={i}>
-      <div style={{position: 'absolute', left: cx - dd * 0.4, top: cy + dd * 0.46, width: dd * 0.8, height: dd * 0.12, borderRadius: '50%', background: 'rgba(20,60,60,0.3)', filter: 'blur(14px)', transform: `scale(${1 - hop.y / 400})`, opacity: f >= t0 ? 1 : 0}} />
-      <div style={{position: 'absolute', left: cx - dd / 2, top: cy - dd / 2 + (1 - p) * -1100 - hop.y, width: dd, height: dd, borderRadius: '50%', ...argila(cores[i], 12), transformOrigin: '50% 100%', transform: `scale(${hop.sx}, ${hop.sy})`, opacity: f >= t0 ? 1 : 0}}>
-        <div style={{position: 'absolute', left: '58%', top: '50%', width: '18%', height: '18%', borderRadius: '50%', boxShadow: 'inset 6px 8px 12px rgba(0,0,0,0.25), 3px 3px 6px rgba(255,255,255,0.35)'}} />
-      </div>
-    </React.Fragment>;
-  })}</>;
-};

package/kits/massinha/elementos/Camera.tsx

@@ -1,21 +0,0 @@
-// Camera: deriva constante por baixo de tudo e um soco em cada batida. O quadro nunca fica parado.
-import React from 'react';
-import {AbsoluteFill, useCurrentFrame} from 'remotion';
-import {q} from './base';
-
-export type CameraProps = {batidas?: number[]; forca?: number; children: React.ReactNode};
-
-export const posCamera = (f: number, batidas: number[], forca = 1) => {
-  let z = 1.02 + 0.012 * Math.sin(f / 60), dx = Math.sin(f / 31) * 10, dy = Math.cos(f / 43) * 8;
-  let rot = Math.sin(f / 71) * 0.004;
-  for (const h of batidas) if (f >= h) {
-    const d = Math.exp(-(f - h) / 7) * forca;
-    z += 0.03 * d; dx += 12 * d * Math.sin((f - h) * 2.7 + h); dy += 12 * d * Math.cos((f - h) * 3.3 + h); rot += 0.004 * 0.8 * d * Math.sin((f - h) * 2 + h);
-  }
-  return {z, dx, dy, rot};
-};
-
-export const Camera: React.FC<CameraProps> = ({batidas = [], forca = 1, children}) => {
-  const c = posCamera(q(useCurrentFrame()), batidas, forca);
-  return <AbsoluteFill style={{transform: `translate(${c.dx}px, ${c.dy}px) rotate(${c.rot}rad) scale(${c.z})`, transformOrigin: '50% 44%'}}>{children}</AbsoluteFill>;
-};

package/kits/massinha/elementos/Cena.tsx

@@ -1,36 +0,0 @@
-// Cena: janela de tempo de um plano. Entra com movimento (nunca corte seco), sai com movimento e sobrepõe 10 quadros com a próxima.
-// Dentro dela, useCurrentFrame() começa em 0 e useDuracaoCena() devolve a duração.
-import React, {createContext, useContext} from 'react';
-import {AbsoluteFill, Sequence, useCurrentFrame} from 'remotion';
-import {mola, e5, seg, q} from './base';
-
-export type Entrada = 'subir' | 'zoom' | 'direita' | 'esquerda' | 'nenhuma';
-export const SOBREPOE = 10;
-
-const CenaCtx = createContext({duracao: 60});
-export const useDuracaoCena = () => useContext(CenaCtx).duracao;
-
-export type CenaProps = {de: number; ate: number; entrada?: Entrada; ultima?: boolean; children: React.ReactNode};
-
-const Janela: React.FC<{duracao: number; entrada: Entrada; ultima: boolean; children: React.ReactNode}> = ({duracao, entrada, ultima, children}) => {
-  const f = q(useCurrentFrame());
-  const en = entrada === 'nenhuma' ? 0 : 1 - mola(seg(f, 0, 12));
-  const xo = ultima ? 0 : e5(seg(f, duracao, duracao + SOBREPOE));
-  let tf = '';
-  if (entrada === 'subir') tf += `translateY(${en * 240}px) `;
-  if (entrada === 'zoom') tf += `scale(${1 + en * 0.9}) `;
-  if (entrada === 'direita') tf += `translateX(${en * 720}px) `;
-  if (entrada === 'esquerda') tf += `translateX(${-en * 720}px) `;
-  tf += `translateY(${-xo * 300}px)`;
-  const blur = (en * 0 + xo * 0);
-  return <AbsoluteFill style={{transform: tf, opacity: Math.max(0, (1 - Math.max(0, en) * 0.9) * (1 - xo)), filter: blur > 0.3 ? `blur(${blur}px)` : undefined}}>{children}</AbsoluteFill>;
-};
-
-export const Cena: React.FC<CenaProps> = ({de, ate, entrada = 'subir', ultima = false, children}) => {
-  const duracao = ate - de;
-  return <Sequence from={de} durationInFrames={duracao + (ultima ? 0 : SOBREPOE)} layout="none">
-    <CenaCtx.Provider value={{duracao}}>
-      <Janela duracao={duracao} entrada={entrada} ultima={ultima}>{children}</Janela>
-    </CenaCtx.Provider>
-  </Sequence>;
-};