primocode 11.0.0 → 11.1.0

package/kits/jornal/receita.json

@@ -1,170 +0,0 @@
-{
-  "kit": "jornal",
-  "fps": 30,
-  "batida_trilha_quadros": 18.75,
-  "duracao_video_s": [
-    6,
-    45
-  ],
-  "ordem_sugerida": [
-    "gancho",
-    "virada",
-    "prova",
-    "lista",
-    "oferta",
-    "marca"
-  ],
-  "batidas": [
-    {
-      "nome": "gancho",
-      "obrigatoria": true,
-      "duracao": [
-        45,
-        75
-      ],
-      "elementos": [
-        "JornalGirando",
-        "Carimbo"
-      ],
-      "entrada": [
-        "nenhuma"
-      ],
-      "sons": [
-        "swoosh",
-        "impacto"
-      ],
-      "nota": "o jornal gira e cresce até a tela; o carimbo EXTRA cai por cima."
-    },
-    {
-      "nome": "virada",
-      "obrigatoria": true,
-      "duracao": [
-        40,
-        75
-      ],
-      "elementos": [
-        "Cabecalho",
-        "Manchete"
-      ],
-      "entrada": [
-        "cortar",
-        "subir"
-      ],
-      "sons": [
-        "whoosh-entra",
-        "pop-palavra",
-        "impacto"
-      ],
-      "nota": "cabeçalho cai no topo e a manchete com o nome/novidade bate embaixo."
-    },
-    {
-      "nome": "prova",
-      "obrigatoria": true,
-      "duracao": [
-        40,
-        75
-      ],
-      "elementos": [
-        "FotoMeiaTinta",
-        "Colunas"
-      ],
-      "entrada": [
-        "subir"
-      ],
-      "sons": [
-        "pop-cartao",
-        "clique"
-      ],
-      "nota": "foto em meio-tom + colunas escrevendo (até 280 caracteres)."
-    },
-    {
-      "nome": "lista",
-      "obrigatoria": false,
-      "duracao": [
-        36,
-        66
-      ],
-      "elementos": [
-        "Manchete",
-        "Ticker"
-      ],
-      "entrada": [
-        "cortar"
-      ],
-      "sons": [
-        "pop-palavra",
-        "clique"
-      ],
-      "nota": "segunda manchete + faixa de últimas notícias com 3–4 itens."
-    },
-    {
-      "nome": "oferta",
-      "obrigatoria": false,
-      "duracao": [
-        30,
-        60
-      ],
-      "elementos": [
-        "Carimbo",
-        "Manchete"
-      ],
-      "entrada": [
-        "cortar"
-      ],
-      "sons": [
-        "impacto"
-      ],
-      "nota": "GRÁTIS / DE GRAÇA no carimbo."
-    },
-    {
-      "nome": "marca",
-      "obrigatoria": true,
-      "duracao": [
-        48,
-        90
-      ],
-      "elementos": [
-        "AssinaturaMarca"
-      ],
-      "entrada": [
-        "subir"
-      ],
-      "sons": [
-        "assinatura",
-        "impacto"
-      ],
-      "nota": "sempre a última: nome gótico entre filetes, edição e endereço."
-    }
-  ],
-  "transicoes": [
-    {
-      "nome": "cortar",
-      "quadros": 12,
-      "como": "entra com zoom 1,14 → 1 e sobra; a anterior sobe 140 px e some"
-    },
-    {
-      "nome": "subir",
-      "quadros": 12,
-      "como": "entra 200 px de baixo com desfoque de 5 px"
-    },
-    {
-      "nome": "girar",
-      "quadros": 12,
-      "como": "entra girada −14° e 1,5x"
-    },
-    {
-      "nome": "nenhuma",
-      "quadros": 0,
-      "como": "sem movimento de janela (gancho)"
-    }
-  ],
-  "camera": {
-    "deriva": "sempre",
-    "socos": "cada batida + o carimbo"
-  },
-  "trilha": {
-    "arquivo": "assets/trilha/redacao-96bpm.mp3",
-    "volume": 0.5,
-    "com_narracao": 0.25
-  }
-}

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

@@ -1,19 +0,0 @@
-# Área segura (9:16, 1080×1920)
-
-- Tudo que se lê fica entre **y = 168** e **y = 1330** e entre **x = 80** e **x = 1000** (920 px úteis).
-- Embaixo de 1330 px ficam a legenda e os botões do Reels/TikTok: ali só fundo e elementos que sangram.
-- Posições de referência (centro, em px):
-
-| uso | y |
-|---|---|
-| cabeçalho (topo) | 190 |
-| manchete (centro do bloco) | 700–900 |
-| kicker | 300 |
-| foto (centro) | 620 |
-| colunas (topo) | 1000 |
-| faixa de notícias | 1240 |
-| carimbo (centro) | 420–1000 |
-| jornal que gira (centro) | 760 |
-| marca (nome) | 660 |
-
-- O grão e a vinheta cobrem a tela inteira de propósito; texto nunca passa de 168–1330.

package/kits/jornal/regras/cor.md

@@ -1,14 +0,0 @@
-# Cor
-
-| token | hex | uso |
-|---|---|---|
-| `papel` | `#E8DFC8` | chão de todas as cenas (papel de jornal) |
-| `papelClaro` | `#F3ECD9` | folha do jornal que gira, miolo de caixas |
-| `tinta` | `#1B1A17` | texto, filetes, faixa de notícias |
-| `vermelho` | `#B3261E` | carimbo, palavra-chave, kicker |
-| `cinza` | `#8A8472` | legendas, fios finos, texto de apoio |
-
-- Sem degradê. A única sombra é a vinheta quente do Fundo (`rgba(90,60,20,0.28)` nas bordas) e a dobra central.
-- Foto sempre em meio-tom: `grayscale(1) contrast(1.35) sepia(0.3)` + retícula de pontos de 9 px a 55% de preto, mistura multiply.
-- Grão por cima de tudo (`Sobre`): ruído fractal a 22% em multiply, semente nova a cada 2 quadros.
-- O cliente pode trocar o `vermelho` e o nome no cabeçalho.

package/kits/jornal/regras/movimento.md

@@ -1,16 +0,0 @@
-# Movimento
-
-- Tela 1080×1920, **30 fps**. Curva padrão `e5` ≈ cubic-bezier(.2,.8,.2,1); toda entrada com sobra `eb` (easeOutBack, passa ~10% e volta).
-- A câmera nunca para: zoom 1,014 ± 0,012 (período 130 quadros), deslize ±12 × ±10 px, giro ±0,3°; soco de +3% que cai em 8 quadros a cada corte.
-- Entrada de cena: 12 quadros; saída sobrepõe 8 quadros com a próxima. Corte ou troca a cada 0,6–1,5 s (18–45 quadros).
-
-| movimento | quadros | valores |
-|---|---|---|
-| manchete bate | 12 | scale 1,5 → 1 e translateY −90 → 0 com `eb`; intervalo 9 entre linhas |
-| cabeçalho cai | 16 | translateY −420 → 0 com `eb` e giro de 3° que assenta |
-| foto cola | 14 | scale 0,6 → 1 e giro −8° → −2° com `eb` |
-| carimbo cai | 9 | scale 3,2 → 1 com `eb` (sobra 2) e giro fixo de −12° |
-| jornal gira | 24 | rotação 720° → 0 (`e5`) e scale 0,05 → 1 (`eb`) |
-| faixa de notícias | contínuo | texto corre 9 px por quadro; a faixa entra de baixo em 12 quadros |
-| coluna escreve | 1,6 car./quadro | texto aparece por caractere, coluna 1 depois 2 depois 3 |
-| saída de cena | 8 | sobe 140 px e some, sobrepondo 8 quadros |

package/kits/jornal/regras/ritmo.md

@@ -1,15 +0,0 @@
-# Ritmo
-
-- 96 bpm → 1 batida = **18.75 quadros** (0.625 s). Cortes caem nas batidas; o carimbo cai no tempo forte.
-- Tempo mínimo de leitura: **36** quadros por frase (≈ 0,45 s por palavra curta).
-
-| batida | duração (s) | quadros |
-|---|---|---|
-| gancho | 1.5–2.5 | 45–75 |
-| virada | 1.3–2.5 | 40–75 |
-| prova | 1.3–2.5 | 40–75 |
-| lista | 1.2–2.2 | 36–66 |
-| oferta | 1.0–2.0 | 30–60 |
-| marca | 1.6–3.0 | 48–90 |
-
-- Vídeo de demo: 8 s = 240 quadros (12.8 batidas).

package/kits/jornal/regras/som.md

@@ -1,21 +0,0 @@
-# Som
-
-- Trilha: `assets/trilha/redacao-96bpm.mp3` (9 s, 96 bpm), volume **0.5**, fade de saída nos últimos **20 quadros**. Vídeo maior que 9 s: gere outra no MotionCraft (`music make`, preset lofi-desk, 96 bpm, tom C, lead pluck, bateria lofi) — não faça loop.
-- Com narração: trilha a **0,25** e efeitos a 70% do volume da tabela.
-- Efeitos sintetizados (MotionCraft `sfx make`, pacote paper: abafados, de papel); trilha de 9 s, 96 bpm, seca e de redação.
-
-| som | volume | quando |
-|---|---|---|
-| `impacto` | 0.9 | carimbo que cai e manchete que bate |
-| `pop-palavra` | 1 | linha de manchete |
-| `pop-cartao` | 0.9 | foto que cola |
-| `swoosh` | 1 | jornal que gira |
-| `whoosh-entra` | 0.9 | cabeçalho que cai e entrada de cena |
-| `clique` | 0.8 | coluna que começa e faixa de notícias |
-| `subida` | 0.7 | 1,3 s antes do carimbo final |
-| `assinatura` | 0.9 | revelação da marca |
-| `whoosh-sai` | 0.8 | saída grande |
-
-- Um som por movimento que importa; no máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas.
-- Som entra **1 a 2 quadros antes** do visual.
-- O render nivela o mix em **−14 LUFS**, pico −1,5 dBTP.

package/kits/jornal/regras/tipografia.md

@@ -1,17 +0,0 @@
-# Tipografia
-
-Playfair Display (900 para manchete, 500 para coluna, itálico para subtítulo e rodapé) e UnifrakturMaguntia só para o cabeçalho e a assinatura.
-
-| papel | tamanho (px) | máx. caracteres | peso · tracking · caixa |
-|---|---|---|---|
-| manchete (linha) | 150 (encolhe até 80) | 14 por linha | Playfair 900 · −0,01 em · MAIÚSCULAS · entrelinha 1,0 |
-| subtítulo | 46 | 50 | Playfair itálico 500 |
-| kicker (EXTRA) | 44 | 10 | Playfair 900 · 0,2 em · MAIÚSCULAS · branco sobre vermelho |
-| cabeçalho (nome) | 170 (encolhe até 90) | 18 | UnifrakturMaguntia 400 |
-| coluna | 34 | entrelinha 1,28 | Playfair 500 · justificado · 3 colunas de 280 px |
-| legenda / data | 30 | 60 | Playfair itálico 500 · cinza |
-| carimbo | 96 | 8 | Playfair 900 · 0,08 em · MAIÚSCULAS · vermelho |
-
-- Texto que passa da largura útil (920 px) **encolhe sozinho** (`caber()` em `elementos/base.ts`). Nunca palavra cortada.
-- Uma palavra em `vermelho` por manchete, entre asteriscos, com sublinhado de 10 px.
-- Colunas escrevem a 1,6 caractere por quadro; nunca mais de 280 caracteres no total.

package/kits/legenda-viva/assets/ASSETS.md

@@ -1,23 +0,0 @@
-# Assets do kit legenda-viva
-
-| arquivo | o que é | origem | licença |
-|---|---|---|---|
-| `fontes/montserrat.woff2` | Montserrat (700 900), subset latino | Google Fonts (`https://github.com/JulietaUla/Montserrat`), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-Montserrat.txt` |
-| `fontes/inter.woff2` | Inter (500 800), subset latino | Google Fonts (`https://github.com/rsms/inter`), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-Inter.txt` |
-| `sons/whoosh-entra.mp3` | whoosh de entrada | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/whoosh-sai.mp3` | whoosh de saída | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/swoosh.mp3` | swoosh lateral | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/pop-palavra.mp3` | pop curto | sintetizado: MotionCraft `sfx make`, tipo `word_pop`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/pop-cartao.mp3` | pop de objeto que pousa | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/clique.mp3` | clique | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/impacto.mp3` | impacto grave | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/subida.mp3` | riser de 1,3 s | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `sons/assinatura.mp3` | acorde da marca | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
-| `trilha/voz-118bpm.mp3` | 9 s de trilha, 118 bpm | MotionCraft `music make` (preset tech-bright, 118 bpm, tom G, progressão soft-pop, lead pluck, bateria tight), síntese procedural | sem samples; síntese própria (CC0). MotionCraft é MIT |
-
-Conteúdo de demonstração (não faz parte do estilo, fica em `exemplos/`):
-
-| arquivo | origem | licença |
-|---|---|---|
-| `exemplos/fotos/foto-*.jpg` (4) | Unsplash via picsum (ids 1–5, 20, 26, 60), recorte 720×960, as mesmas do kit apple-tipografico | Unsplash License |
-| `exemplos/logo-dica.svg` | logo fictício desenhado para a demo | próprio |

package/kits/legenda-viva/elementos/AssinaturaMarca.tsx

@@ -1,29 +0,0 @@
-// AssinaturaMarca: o cartão final. Fundo preto abre em círculo, o avatar (círculo de 220 px com borda branca) bate com sobra,
-// nome em Montserrat 900, handle e uma chamada em Inter; o botão SEGUIR amarelo recebe um toque (scale 0,92 → 1,06 → 1) e um
-// anel que expande de 1 a 2,4x. Tudo centralizado na margem de 96 px.
-import React from 'react';
-import {Img, useCurrentFrame} from 'remotion';
-import {COR, FONTE, LARGURA_UTIL, caber, e5, eb, seg} from './base';
-
-export type AssinaturaMarcaProps = {nome: string; icone: string; handle?: string; chamada?: string; botao?: string; inicio?: number; y?: number};
-
-export const AssinaturaMarca: React.FC<AssinaturaMarcaProps> = ({nome, icone, handle, chamada, botao = 'SEGUIR', inicio = 0, y = 700}) => {
-  const f = useCurrentFrame();
-  const raio = e5(seg(f, inicio, inicio + 12)) * 1800;
-  const av = eb(seg(f, inicio + 4, inicio + 18), 2);
-  const tam = caber(nome.toUpperCase(), 110, LARGURA_UTIL, 900, -0.01);
-  const toque = f - (inicio + 36);
-  const esc = toque < 0 ? 1 : toque < 5 ? 1 - 0.08 * (toque / 5) : 0.92 + 0.14 * e5((toque - 5) / 6) - 0.06 * seg(f, inicio + 47, inicio + 56);
-  const anel = toque < 5 ? 0 : e5((toque - 5) / 18);
-  return <div style={{position: 'absolute', inset: 0}}>
-    <div style={{position: 'absolute', inset: 0, background: COR.preto, clipPath: `circle(${raio}px at 50% ${y}px)`}} />
-    <Img src={icone} style={{position: 'absolute', left: 540 - 110, top: y - 380, width: 220, height: 220, borderRadius: '50%', border: `8px solid ${COR.branco}`, boxSizing: 'border-box', transform: `scale(${Math.max(0.001, av)})`}} />
-    <div style={{position: 'absolute', left: 96, top: y - 120, width: LARGURA_UTIL, textAlign: 'center', fontFamily: FONTE.titulo, fontWeight: 900, fontSize: tam, lineHeight: `${tam}px`, color: COR.branco, opacity: seg(f, inicio + 10, inicio + 14), transform: `translateY(${(1 - e5(seg(f, inicio + 10, inicio + 24))) * 40}px)`}}>{nome.toUpperCase()}</div>
-    {handle && <div style={{position: 'absolute', left: 96, top: y + 10, width: LARGURA_UTIL, textAlign: 'center', fontFamily: FONTE.apoio, fontWeight: 600, fontSize: 44, color: COR.amarelo, opacity: seg(f, inicio + 18, inicio + 24)}}>{handle}</div>}
-    {chamada && <div style={{position: 'absolute', left: 96, top: y + 90, width: LARGURA_UTIL, textAlign: 'center', fontFamily: FONTE.apoio, fontWeight: 600, fontSize: 40, color: COR.branco, opacity: seg(f, inicio + 24, inicio + 30)}}>{chamada}</div>}
-    <div style={{position: 'absolute', left: 540 - 180, top: y + 230, width: 360, height: 120}}>
-      <div style={{position: 'absolute', inset: 0, borderRadius: 60, border: `6px solid ${COR.amarelo}`, opacity: (1 - anel) * (anel > 0 ? 1 : 0), transform: `scale(${1 + anel * 1.4})`}} />
-      <div style={{position: 'absolute', inset: 0, borderRadius: 60, background: COR.amarelo, color: COR.preto, fontFamily: FONTE.titulo, fontWeight: 900, fontSize: 48, lineHeight: '120px', textAlign: 'center', letterSpacing: '0.04em', opacity: seg(f, inicio + 28, inicio + 32), transform: `scale(${esc * (0.7 + 0.3 * eb(seg(f, inicio + 28, inicio + 40), 1.8))})`}}>{botao}</div>
-    </div>
-  </div>;
-};

package/kits/legenda-viva/elementos/Cena.tsx

@@ -1,41 +0,0 @@
-// Cena: janela de tempo de um plano. Entra com movimento (nunca corte seco) e sai deslizando,
-// sobrepondo 8 quadros com a próxima. Dentro dela, useCurrentFrame() começa em 0.
-import React, {createContext, useContext} from 'react';
-import {AbsoluteFill, Sequence, useCurrentFrame} from 'remotion';
-import {e5, eb, seg} from './base';
-
-export type Entrada = 'subir' | 'zoom' | 'direita' | 'esquerda' | 'girar' | 'cortar' | 'nenhuma';
-export const SOBREPOE = 8; // quadros em que a saída desta cena cruza a entrada da próxima
-
-const CenaCtx = createContext({duracao: 60});
-/** duração da cena atual em quadros (sem a sobreposição) */
-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 = useCurrentFrame();
-  const q = 10; // quadros da entrada
-  const en = entrada === 'nenhuma' ? 0 : 1 - (entrada === 'cortar' ? eb(seg(f, 0, q)) : e5(seg(f, 0, q)));
-  const xo = ultima ? 0 : e5(seg(f, duracao, duracao + SOBREPOE));
-  let tf = '';
-  if (entrada === 'subir') tf += `translateY(${en * 100}px) `;
-  if (entrada === 'zoom') tf += `scale(${1 + en * 0.9}) `;
-  if (entrada === 'direita') tf += `translateX(${en * 290}px) `;
-  if (entrada === 'esquerda') tf += `translateX(${-en * 290}px) `;
-  if (entrada === 'girar') tf += `rotate(${en * -14}deg) scale(${1 + en * 0.5}) `;
-  if (entrada === 'cortar') tf += `scale(${1 + en * 0.14}) `;
-  tf += `translateY(${-xo * 60}px)`;
-  const blur = (entrada === 'cortar' ? 0 : en * 4) + xo * 4;
-  const op = entrada === 'cortar' ? 1 - xo : (1 - en * 0.5) * (1 - xo);
-  return <AbsoluteFill style={{transform: tf, opacity: op, 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>;
-};

package/kits/legenda-viva/elementos/ChipTema.tsx

@@ -1,19 +0,0 @@
-// ChipTema: pílula preta de 80 px com o assunto do vídeo em Inter 800 caixa alta (0,12 em) e um ponto vermelho que pulsa.
-// Desce do topo (translateY −200 → 0 com sobra, 14 quadros). Fica em y = 270, sempre dentro da área segura.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FONTE, eb} from './base';
-
-export type ChipTemaProps = {texto: string; inicio?: number; y?: number; fim?: number};
-
-export const ChipTema: React.FC<ChipTemaProps> = ({texto, inicio = 0, y = 270, fim}) => {
-  const f = useCurrentFrame();
-  if (f < inicio || (fim !== undefined && f >= fim)) return null;
-  const p = eb((f - inicio) / 14, 1.8);
-  const pulso = 1 + 0.25 * Math.sin(f / 4);
-  return <div style={{position: 'absolute', left: 0, right: 0, top: y - 40, display: 'flex', justifyContent: 'center', transform: `translateY(${(1 - p) * -200}px)`}}>
-    <div style={{height: 80, padding: '0 36px', borderRadius: 40, background: COR.preto, border: `4px solid ${COR.branco}`, boxSizing: 'border-box', display: 'flex', alignItems: 'center', gap: 20, fontFamily: FONTE.apoio, fontWeight: 800, fontSize: 36, letterSpacing: '0.12em', textTransform: 'uppercase', color: COR.branco}}>
-      <div style={{width: 22, height: 22, borderRadius: 11, background: COR.vermelho, transform: `scale(${pulso})`}} />{texto}
-    </div>
-  </div>;
-};

package/kits/legenda-viva/elementos/Fundo.tsx

@@ -1,6 +0,0 @@
-// Fundo: preto. Só aparece se o vídeo/foto da QuadroFalante falhar; a cena real é sempre o vídeo da pessoa.
-import React from 'react';
-import {AbsoluteFill} from 'remotion';
-import {COR} from './base';
-
-export const Fundo: React.FC = () => <AbsoluteFill style={{background: COR.preto}} />;

package/kits/legenda-viva/elementos/LegendaCaixa.tsx

@@ -1,36 +0,0 @@
-// LegendaCaixa: uma linha só (112 px, Montserrat 800) em que uma caixa verde de canto 22 px desliza de palavra em palavra
-// (6 quadros em `e5`, largura acompanhando a palavra). O texto da palavra ativa vira preto; as outras ficam brancas com
-// contorno de 10 px. As palavras aparecem pulando no quadro em que são faladas.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FONTE, LARGURA_UTIL, SEGURA, caber, e5, eb, larguraTexto, lerp} from './base';
-import type {PalavraFala} from './LegendaPalavra';
-
-export type LegendaCaixaProps = {palavras: PalavraFala[]; y?: number; tamanho?: number; cor?: 'verde' | 'amarelo'; fim?: number};
-
-export const LegendaCaixa: React.FC<LegendaCaixaProps> = ({palavras, y = 1100, tamanho = 112, cor = 'verde', fim}) => {
-  const f = useCurrentFrame();
-  if (fim !== undefined && f >= fim) return null;
-  const ws = palavras.map((p) => p.t.toUpperCase());
-  const tam = caber(ws.join(' ') + '  ', tamanho, LARGURA_UTIL - 60, 800, -0.01);
-  const larg = ws.map((w) => larguraTexto(w, tam, 800, -0.01) + 44);
-  const gap = tam * 0.12;
-  const total = larg.reduce((a, b) => a + b, 0) + gap * (ws.length - 1);
-  const xs = larg.map((_, i) => larg.slice(0, i).reduce((a, b) => a + b + gap, 0));
-  const ativa = palavras.reduce((a, p, i) => (f >= p.de ? i : a), -1);
-  if (ativa < 0) return null;
-  const prev = Math.max(0, ativa - 1);
-  const k = e5((f - palavras[ativa].de) / 6);
-  const bx = lerp(xs[prev], xs[ativa], k), bw = lerp(larg[prev], larg[ativa], k);
-  const h = tam * 1.3;
-  return <div style={{position: 'absolute', left: (1080 - total) / 2, top: y - h / 2, width: total, height: h}}>
-    <div style={{position: 'absolute', left: bx, top: 0, width: bw, height: h, borderRadius: 22, background: COR[cor], boxShadow: `0 10px 0 ${COR.preto}`}} />
-    {ws.map((w, i) => {
-      const t = f - palavras[i].de;
-      if (t < 0) return null;
-      const pop = eb(t / 10, 2);
-      const act = i === ativa;
-      return <div key={i} style={{position: 'absolute', left: xs[i], width: larg[i], top: 0, height: h, lineHeight: `${h}px`, textAlign: 'center', fontFamily: FONTE.titulo, fontWeight: 800, fontSize: tam, letterSpacing: '-0.01em', whiteSpace: 'nowrap', color: act ? COR.preto : COR.branco, WebkitTextStroke: act ? '0' : `10px ${COR.preto}`, paintOrder: 'stroke fill', transform: `scale(${0.6 + 0.4 * pop})`}}>{w}</div>;
-    })}
-  </div>;
-};

package/kits/legenda-viva/elementos/LegendaPalavra.tsx

@@ -1,32 +0,0 @@
-// LegendaPalavra: a legenda animada. Páginas de 2–3 palavras; cada palavra aparece no quadro em que é falada, pulando
-// (scale 0,6 → 1 com sobra); a ativa fica amarela e 12% maior, as já faladas ficam brancas. Contorno preto de 12 px
-// (paint-order: stroke) + sombra dura. A página troca inteira em `ate`.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FONTE, LARGURA_UTIL, SEGURA, caber, e5, eb} from './base';
-
-export type PalavraFala = {t: string; /** quadro em que é falada */ de: number};
-export type PaginaLegenda = {palavras: PalavraFala[]; /** quadro em que a página some */ ate: number};
-export type LegendaPalavraProps = {paginas: PaginaLegenda[]; y?: number; tamanho?: number; cor?: 'amarelo' | 'verde' | 'vermelho'};
-
-export const LegendaPalavra: React.FC<LegendaPalavraProps> = ({paginas, y = 1080, tamanho = 150, cor = 'amarelo'}) => {
-  const f = useCurrentFrame();
-  const pg = paginas.find((p) => f >= p.palavras[0].de - 2 && f < p.ate);
-  if (!pg) return null;
-  const texto = pg.palavras.map((p) => p.t.toUpperCase()).join(' ');
-  // cada palavra cabe na largura; a página quebra em linhas se não couber numa só
-  const tam = Math.min(...pg.palavras.map((p) => caber(p.t.toUpperCase(), tamanho, LARGURA_UTIL - 40, 900, -0.01)));
-  void texto;
-  const ativa = pg.palavras.reduce((a, p, i) => (f >= p.de ? i : a), -1);
-  const ent = eb((f - pg.palavras[0].de + 2) / 8, 1.2);
-  return <div style={{position: 'absolute', left: SEGURA.lado, top: y - tam, width: LARGURA_UTIL, height: tam * 2, display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'center', alignContent: 'center', gap: `0 ${tam * 0.4}px`, transform: `translateY(${(1 - Math.min(ent, 1)) * 30}px) scale(${0.9 + 0.1 * Math.min(ent, 1)})`}}>
-    {pg.palavras.map((p, i) => {
-      const t = f - p.de;
-      if (t < 0) return <div key={i} style={{fontSize: tam, lineHeight: `${tam * 1.1}px`, opacity: 0}}>{p.t.toUpperCase()}</div>;
-      const pop = eb(t / 10, 2);
-      const act = i === ativa;
-      const esc = (0.6 + 0.4 * pop) * (act ? 1 + 0.12 * e5(t / 6) : 1);
-      return <div key={i} style={{fontFamily: FONTE.titulo, fontWeight: 900, fontSize: tam, lineHeight: `${tam * 1.1}px`, letterSpacing: '-0.01em', whiteSpace: 'nowrap', color: act ? COR[cor] : COR.branco, WebkitTextStroke: `12px ${COR.preto}`, paintOrder: 'stroke fill', textShadow: '0 8px 0 rgba(10,10,10,0.6)', transform: `scale(${esc})`}}>{p.t.toUpperCase()}</div>;
-    })}
-  </div>;
-};

package/kits/legenda-viva/elementos/Montagem.tsx

@@ -1,59 +0,0 @@
-// Montagem: transforma um plano de cenas (JSON escrito pela IA) em vídeo, usando só os elementos do kit.
-// Ela NÃO decide nada de estética: só põe Fundo + Camera + Cenas + sons onde o plano mandou.
-// Formato do plano: ver exemplos/plano.json e KITS.md (seção "plano de cenas").
-import React from 'react';
-import {AbsoluteFill} from 'remotion';
-import {Fundo} from './Fundo';
-import {Camera} from './Camera';
-import {Cena, Entrada} from './Cena';
-import {Efeito, NomeSom, Trilha} from './Som';
-import {QuadroFalante} from './QuadroFalante';
-import {LegendaPalavra} from './LegendaPalavra';
-import {LegendaCaixa} from './LegendaCaixa';
-import {PalavraGigante} from './PalavraGigante';
-import {OndaVoz} from './OndaVoz';
-import {ChipTema} from './ChipTema';
-import {AssinaturaMarca} from './AssinaturaMarca';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const ELEMENTOS: Record<string, React.FC<any>> = {
-  QuadroFalante, LegendaPalavra, LegendaCaixa, PalavraGigante, OndaVoz, ChipTema, AssinaturaMarca,
-};
-
-export type Camada = {elemento: string; props: Record<string, unknown>};
-export type CenaPlano = {
-  batida: string; de: number; ate: number; entrada?: Entrada;
-  camadas: Camada[];
-  /** sons relativos ao início da cena */
-  sons?: {som: NomeSom; em: number; volume?: number}[];
-  /** socos de câmera extras, relativos ao início da cena (o início já é um soco) */
-  socos?: number[];
-};
-export type Plano = {kit: string; duracao: number; trilha?: {volume?: number} | false; cenas: CenaPlano[]};
-
-/** troca "fotos/foto-01.jpg" pela URL importada, em qualquer prop (texto, lista ou objeto) */
-const resolver = (v: unknown, arquivos: Record<string, string>): unknown => {
-  if (typeof v === 'string') return arquivos[v] ?? v;
-  if (Array.isArray(v)) return v.map((x) => resolver(x, arquivos));
-  if (v && typeof v === 'object') return Object.fromEntries(Object.entries(v).map(([k, x]) => [k, resolver(x, arquivos)]));
-  return v;
-};
-
-export const Montagem: React.FC<{plano: Plano; arquivos?: Record<string, string>}> = ({plano, arquivos = {}}) => {
-  const socos = plano.cenas.flatMap((c) => [c.de, ...(c.socos ?? []).map((s) => c.de + s)]);
-  const ultima = plano.cenas.length - 1;
-  return <AbsoluteFill style={{background: '#0A0A0A'}}>
-    <Fundo />
-    <Camera batidas={socos}>
-      {plano.cenas.map((c, i) => <Cena key={i} de={c.de} ate={c.ate} entrada={c.entrada} ultima={i === ultima}>
-        {c.camadas.map((k, j) => {
-          const El = ELEMENTOS[k.elemento];
-          if (!El) throw new Error(`legenda-viva: elemento "${k.elemento}" não existe no kit`);
-          return <El key={j} {...(resolver(k.props, arquivos) as object)} />;
-        })}
-      </Cena>)}
-    </Camera>
-    {plano.cenas.flatMap((c, i) => (c.sons ?? []).map((s, j) => <Efeito key={`${i}-${j}`} som={s.som} em={c.de + s.em} volume={s.volume} />))}
-    {plano.trilha !== false && <Trilha volume={plano.trilha?.volume} />}
-  </AbsoluteFill>;
-};

package/kits/legenda-viva/elementos/OndaVoz.tsx

@@ -1,23 +0,0 @@
-// OndaVoz: 19 barras (largura 22, vão 24) que dançam como a voz: altura de 30 a 200 px por senoides com fases e
-// períodos diferentes (12–22 quadros). As barras do meio são amarelas, as das pontas brancas. Entra crescendo do chão.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, e5, seg} from './base';
-
-export type OndaVozProps = {y?: number; inicio?: number; barras?: number; fim?: number};
-
-export const OndaVoz: React.FC<OndaVozProps> = ({y = 1200, inicio = 0, barras = 19, fim}) => {
-  const f = useCurrentFrame();
-  if (f < inicio || (fim !== undefined && f >= fim)) return null;
-  const entra = e5(seg(f, inicio, inicio + 12));
-  const w = 22, gap = 24, total = barras * w + (barras - 1) * gap;
-  return <div style={{position: 'absolute', left: (1080 - total) / 2, top: y - 100, width: total, height: 200, display: 'flex', alignItems: 'center', gap}}>
-    {Array.from({length: barras}, (_, i) => {
-      const per = 12 + (i * 7) % 11;
-      const amp = 0.5 + 0.5 * Math.sin(f / per + i * 1.7) * Math.sin(f / (per + 5) + i);
-      const centro = 1 - Math.abs(i - (barras - 1) / 2) / ((barras - 1) / 2) * 0.5;
-      const h = (30 + 170 * Math.abs(amp) * centro) * entra;
-      return <div key={i} style={{width: w, height: h, borderRadius: 11, background: Math.abs(i - (barras - 1) / 2) < 5 ? COR.amarelo : COR.branco, border: `4px solid ${COR.preto}`, boxSizing: 'border-box'}} />;
-    })}
-  </div>;
-};

package/kits/legenda-viva/elementos/PalavraGigante.tsx

@@ -1,18 +0,0 @@
-// PalavraGigante: a palavra-chave da frase na tela inteira (Montserrat 900 até 300 px, amarela, contorno preto de 18 px).
-// Bate de 2,2x para 1x com sobra e treme 6 px nos 6 primeiros quadros; depois respira (push-in de 0,2% por quadro).
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FONTE, LARGURA_UTIL, SEGURA, caber, eb} from './base';
-
-export type PalavraGiganteProps = {palavra: string; cor?: 'amarelo' | 'branco' | 'verde' | 'vermelho'; inicio?: number; y?: number; tamanho?: number; fim?: number};
-
-export const PalavraGigante: React.FC<PalavraGiganteProps> = ({palavra, cor = 'amarelo', inicio = 0, y = 740, tamanho = 300, fim}) => {
-  const f = useCurrentFrame();
-  const t = f - inicio;
-  if (t < 0 || (fim !== undefined && f >= fim)) return null;
-  const txt = palavra.toUpperCase();
-  const tam = caber(txt, tamanho, LARGURA_UTIL - 40, 900, -0.01);
-  const p = eb(t / 12, 1.8);
-  const tremor = t < 6 ? Math.sin(t * 5) * 6 * (1 - t / 6) : 0;
-  return <div style={{position: 'absolute', left: SEGURA.lado, top: y - tam / 2, width: LARGURA_UTIL, height: tam, lineHeight: `${tam}px`, textAlign: 'center', fontFamily: FONTE.titulo, fontWeight: 900, fontSize: tam, letterSpacing: '-0.01em', whiteSpace: 'nowrap', color: COR[cor], WebkitTextStroke: `18px ${COR.preto}`, paintOrder: 'stroke fill', textShadow: '0 12px 0 rgba(10,10,10,0.6)', transform: `translate(${tremor}px, ${-tremor * 0.6}px) scale(${(2.2 - 1.2 * p) * (1 + Math.max(0, t - 12) * 0.002)})`}}>{txt}</div>;
-};

package/kits/legenda-viva/elementos/QuadroFalante.tsx

@@ -1,17 +0,0 @@
-// QuadroFalante: o vídeo (ou foto) da pessoa falando, em tela cheia, com push-in (1,12 → 1,20 até o fim da cena) e um véu
-// preto de 0% no topo a 55% embaixo para a legenda ler. Com `video`, usa OffthreadVideo (src é a URL do vídeo).
-import React from 'react';
-import {AbsoluteFill, Img, OffthreadVideo, useCurrentFrame} from 'remotion';
-import {COR} from './base';
-import {useDuracaoCena} from './Cena';
-
-export type QuadroFalanteProps = {src: string; video?: boolean; foco?: string; veu?: number; inicioDoVideo?: number};
-
-export const QuadroFalante: React.FC<QuadroFalanteProps> = ({src, video = false, foco = '50% 40%', veu = 0.55, inicioDoVideo = 0}) => {
-  const f = useCurrentFrame(), L = useDuracaoCena();
-  const st: React.CSSProperties = {width: '100%', height: '100%', objectFit: 'cover', objectPosition: foco, transform: `scale(${1.12 + 0.08 * (f / L)})`, filter: 'saturate(1.05) contrast(1.05)'};
-  return <AbsoluteFill style={{background: COR.preto}}>
-    {video ? <OffthreadVideo src={src} startFrom={inicioDoVideo} style={st} /> : <Img src={src} style={st} />}
-    <AbsoluteFill style={{background: `linear-gradient(180deg, rgba(10,10,10,0) 35%, rgba(10,10,10,${veu}) 100%)`}} />
-  </AbsoluteFill>;
-};

package/kits/legenda-viva/elementos/Som.tsx

@@ -1,38 +0,0 @@
-// Som: os efeitos e a trilha do kit. Efeitos sintetizados (MotionCraft `sfx make`, pacote soft-pop); trilha de 9 s, 118 bpm, mixada baixa (0,25) porque o vídeo tem voz.
-// 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 trilha from '../assets/trilha/voz-118bpm.mp3';
-
-export const SONS = {
-  'whoosh-entra': whooshEntra, 'whoosh-sai': whooshSai, swoosh, 'pop-palavra': popPalavra, 'pop-cartao': popCartao, clique, impacto, subida, assinatura,
-} as const;
-export type NomeSom = keyof typeof SONS;
-
-// volume de cada efeito (0..1) já calibrado contra a trilha a 0.25
-const VOLUME: Record<NomeSom, number> = {
-  'whoosh-entra': 0.9, 'whoosh-sai': 0.8, swoosh: 1, 'pop-palavra': 0.5, 'pop-cartao': 0.9, clique: 0.8, impacto: 0.9, subida: 0.7, assinatura: 0.9,
-};
-
-export type EfeitoProps = {som: NomeSom; em: number; volume?: number};
-/** um efeito no quadro `em` (absoluto, ou relativo à Cena se estiver dentro de uma) */
-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.25, saida = 20}) => {
-  const {durationInFrames} = useVideoConfig();
-  return <Audio src={trilha} volume={(f) => volume * interpolate(f, [durationInFrames - saida, durationInFrames], [1, 0], {extrapolateLeft: 'clamp', extrapolateRight: 'clamp'})} />;
-};