primocode 10.17.1 → 10.19.0

package/kits/convite-evento/regras/area-segura.md

@@ -0,0 +1,20 @@
+# Área segura (9:16, 1080×1920)
+
+- Todo texto lido: **y 168–1330**, **x 100–980** (margem ≥ 96 px). Nada encosta na borda.
+- Respiro (regra do dono): 35–45% de cada quadro vazio; 1 herói + no máximo 1 apoio.
+
+| elemento | y de referência (centro) |
+|---|---|
+| título (2 linhas, 210 px) | 860 |
+| selo (300 px, canto) | 330, x 800 |
+| dia (600 px) | 700 (ocupa ≈ 350–1050) |
+| mês | ≈ 1110 (topo) |
+| apoio da data | ≈ 1330 (topo) — suba o conjunto se o dia for menor que 600 |
+| lugar (2 linhas, 190 px) | 800 |
+| pino | topo do lugar − 270 |
+| endereço | logo abaixo do nome (≈ 1020) |
+| ingresso (880 × 700) | 780 |
+| botão (880 × 200) | 760 |
+| endereço do site | ≈ 950 |
+
+- O raio de sol e a luz de fundo sangram à vontade (são fundo, não texto).

package/kits/convite-evento/regras/cor.md

@@ -0,0 +1,13 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| `floresta` | `#0C3B2C` | chão, texto sobre creme |
+| `florestaClara` | `#14523D` | raios de sol |
+| `lima` | `#E8FF5A` | data, lugar, destaque, selo |
+| `creme` | `#FFF6E5` | texto sobre verde, ingresso, mês |
+| `coral` | `#FF6B4A` | pino, botão, rótulo do ingresso (a única cor quente) |
+
+- Raios: 14 fatias de 12,86°, giro 0,22°/quadro, centro (540, 1500). Luz lima `rgba(232,255,90,.16)` a 82% da altura.
+- Sombras: ingresso `drop-shadow(0 50px 50px rgba(0,0,0,.38))`; botão `0 28px 0 #B8442A, 0 60px 60px rgba(0,0,0,.35)`; dígitos do dia `0 18px 0 rgba(0,0,0,.22)`.
+- O cliente pode trocar `floresta`/`florestaClara` por outro verde, azul-petróleo ou vinho escuro (dois tons próximos) e `lima` por a cor da marca. Proibido: chão claro, degradê roxo-azul.

package/kits/convite-evento/regras/movimento.md

@@ -0,0 +1,20 @@
+# Movimento
+
+Curvas: `e5(t) = 1 − (1 − t)^5` e `ov(t)` = pouso com overshoot (`1 + 3,2x³ + 2,2x²`). **Toda entrada usa `ov`.**
+
+| movimento | duração | valores |
+|---|---|---|
+| linha do título | 16 quadros, 6–7 de intervalo | sobe 115% da altura, gira ±5° → 0 |
+| selo | 16 quadros | gira 160° → 0, escala 0 → 1; anel gira 2,4°/quadro, estrela −1,2°/quadro |
+| dígito do dia | 18 quadros, 5 de intervalo | gira em X −95° → 0 (perspectiva 1600), cai 200 px, escala 0,8 → 1 |
+| mês / apoio | 16 quadros, entram 12 e 20 quadros depois | sobem 120 e 60 px com overshoot |
+| pino | 18 quadros | cai 900 px com quique; sombra no chão cresce junto |
+| nome do lugar | 16 quadros, 6 de intervalo, começa 12 depois do pino | sobe 115% |
+| ingresso | 20 quadros | sobe 1200 px, gira X 70° → 0; depois Z −5° ± 1,2°, Y ± 4° |
+| botão | 18 quadros | sobe 900 px; aperta 14 px e 3% no quadro do clique; anel de 160 px em 18 quadros |
+| troca de cena | 14 quadros | `cortina` diagonal, `circulo`, `baixo`, `flip`; a anterior encolhe 5% |
+| raios de sol | contínuo | giro 0,22°/quadro |
+| câmera (sempre) | contínuo | zoom 1,02 ± 0,012 (+0,00012/quadro), deriva ±10/±10 px, giro ±0,29° |
+| soco de câmera | decai em ~7 quadros | +0,03 de zoom, tremor 7 px |
+
+- **Pausa**: depois do impacto (soco), segure 15–24 quadros (0,5–0,8 s) sem evento novo; o raio e a câmera continuam andando.

package/kits/convite-evento/regras/ritmo.md

@@ -0,0 +1,15 @@
+# Ritmo
+
+- 112 bpm: **1 batida = 16,1 quadros** (0,54 s). Cortes caem a cada 3 batidas (≈ 48 quadros).
+- Vídeo de 8 s = 240 quadros = 5 cenas de 44–52 quadros.
+
+| batida | duração s | quadros |
+|---|---|---|
+| gancho | 1,3–1,6 | 40–48 |
+| data | 1,5–1,8 | 46–54 |
+| lugar | 1,5–1,8 | 46–54 |
+| ingresso | 1,5–1,8 | 46–54 |
+| cta | 1,5–2,4 | 46–72 |
+
+- Em cada cena: entrada (≤ 20 quadros) → impacto → **pausa de 15–24 quadros** → saída. Um herói, um apoio no máximo.
+- Leitura mínima: data e lugar ficam ≥ 25 quadros parados e legíveis.

package/kits/convite-evento/regras/som.md

@@ -0,0 +1,20 @@
+# Som
+
+- Trilha: `assets/trilha/festa-112bpm.mp3` (8,6 s, 112 bpm, warm-major, tom D), volume **0,5**, fade nos últimos **20 quadros**. Vídeo maior: gere outra (`music make --preset warm-major --bpm 112 --key D --force`), sem loop.
+- Com narração: trilha a **0,25** e efeitos a 70%.
+
+| som | volume | quando |
+|---|---|---|
+| `whoosh-entra` | 0,85 | entrada de cena sem lado (−1 quadro) |
+| `swoosh` | 0,9 | troca de cena de lado ou de baixo |
+| `impacto` | 0,9 | título assenta, dia pousa, ingresso bate |
+| `pop-cartao` | 0,9 | selo, pino, botão que pousam |
+| `pop-palavra` | 0,9 | mês, nome do lugar |
+| `clique` | 0,8 | clique do botão, quando o ingresso assenta |
+| `confete` | 0,7 | só no clique final |
+| `assinatura` | 0,85 | fechamento, 1 quadro depois do clique |
+| `subida` | 0,7 | 1,2 s antes de um impacto grande (opcional) |
+| `whoosh-sai` | 0,7 | saída grande (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/convite-evento/regras/tipografia.md

@@ -0,0 +1,18 @@
+# Tipografia
+
+- **Unbounded 500–900** (títulos, números, botão, rótulos) · **Instrument Serif itálico 400** (mês, endereço, lugar no ingresso). Registradas como `"CE Unbounded"` e `"CE Instrument Serif"`.
+- Unbounded 900 em caixa alta com tracking −0,03 em; números −0,05 em.
+
+| papel | fonte | tamanho px | máx. caracteres |
+|---|---|---|---|
+| nome do evento | Unbounded 900 | 200–210 (encolhe até 880) | 10 por linha |
+| dia | Unbounded 900 | 600 (encolhe até 860) | 2 |
+| mês | Instrument Serif itálico | 210 | 10 |
+| apoio da data | Unbounded 600, tracking 0,18 em | 52 | 16 |
+| lugar | Unbounded 900 | 170–190 | 12 por linha |
+| endereço | Instrument Serif itálico | 76 | 26 |
+| nome no ingresso | Unbounded 900 | 108 (até 760) | 8 |
+| lugar no ingresso | Instrument Serif itálico | 84 | 18 |
+| quando (canhoto) | Unbounded 800 | 40 | 22 |
+| botão | Unbounded 800 | 66 (até 600) | 18 |
+| endereço do site | Unbounded 600 | 52 | 18 |

package/kits/corte-podcast/SKILL.md

@@ -0,0 +1,53 @@
+---
+slug: corte-podcast
+nome: Corte de podcast
+descricao: tomate chapado, onda do áudio gigante em barras pretas, citação em Anton com marca-texto preto, crachá de papel com sombra dura
+familia: Redes sociais
+versao: 1
+quando:
+  - "corte de podcast com a melhor frase do convidado"
+  - "reels de episódio novo com onda de áudio e legenda falada"
+  - "citação grande de entrevista ou palestra pra rede social"
+  - "teaser de episódio com número, convidado e botão de play"
+nao_serve:
+  - "vídeo sem fala nem frase (o estilo vive de citação e onda)"
+  - "visual calmo, claro ou luxuoso (use apple-tipografico ou luxo)"
+---
+
+# Corte de podcast
+
+Um corte de episódio como cartaz de rádio. O chão é **tomate chapado** com um disco de vinil enorme girando
+atrás. O herói é a **onda do áudio**: 27 barras pretas em pílula que cruzam a tela e respiram no ritmo da fala.
+A frase do convidado vem em **Anton** gigante, palavra por palavra, e a palavra-chave ganha um **bloco preto**
+(o marca-texto do kit). Tudo que é cartão tem **borda preta de 7 px e sombra dura** (sem blur). O som é digital,
+seco, com um tique em cada palavra da legenda.
+
+## Como montar um vídeo com este kit
+
+1. **Pegue a melhor frase** do corte (até 12 palavras) e o nome e cargo de quem fala. Quebre a frase em linhas de 1 a 3 palavras.
+2. **Escolha as batidas** em `receita.json` (gancho → citacao → convidado → onda → selo → cta). Cada cena dura 36–48 quadros.
+3. **Escreva o plano** (`plano.json`, mesmo formato de `exemplos/plano.json`): cena a cena, `de`/`ate`, `entrada`, `camadas` e `sons`. Use `pulsos` na onda nos quadros em que a voz sobe.
+4. **Renderize** com `<Montagem plano={...} />`.
+5. **Confira** os quadros contra `regras/`: texto em y 168–1330, no máximo 1 palavra com bloco preto por linha, onda nunca atrás do texto sem espaço, nenhum quadro parado.
+
+## Elementos
+
+| elemento | o que faz | batidas |
+|---|---|---|
+| `OndaAudio` | barras de pílula que nascem, respiram e pulsam; herói (altura 620–700) ou apoio (altura 300–360) | gancho, onda, apoio de todas |
+| `CitacaoGrande` | a frase em Anton 170–270 px, palavra por palavra; `*palavra*` vira bloco preto | gancho, citacao, onda, selo |
+| `CartaoConvidado` | crachá de papel com avatar/foto, nome e cargo, entra da esquerda inclinado | convidado |
+| `LegendaKaraoke` | a fala com a palavra da vez em bloco preto e crescendo | convidado, cta |
+| `BarraEpisodio` | player com play, título, barra que enche e relógio que corre | cta |
+| `SeloEpisodio` | adesivo redondo com texto em volta e número do episódio, gira | gancho, selo |
+| `Fundo`, `Camera`, `Cena` | disco de vinil, respiração da câmera, janela deslizante de cada plano | todas |
+| `Efeito`, `Trilha` | sons e trilha do kit | todas |
+
+## Proibido
+
+- Fundo que não seja tomate (a cor do convidado pode trocar o destaque, nunca o chão).
+- Brilho, glow, degradê roxo-azul, foto de banco como avatar, pessoa inventada por IA.
+- Onda pequena (< 300 px) como único elemento da cena, ou onda atrás do texto sem 60 px de respiro.
+- Mais de uma palavra com bloco preto por linha; frase inteira em bloco.
+- Sombra com blur nos cartões (é sempre sombra dura de 14 px).
+- Texto fora da área segura (168–1330 px na vertical, 80 px nas laterais) e quadro parado.

package/kits/corte-podcast/assets/ASSETS.md

@@ -0,0 +1,19 @@
+# Assets do kit corte-podcast
+
+| arquivo | o que é | origem | licença |
+|---|---|---|---|
+| `fontes/anton.woff2` | Anton regular (400), subset latino | Google Fonts (`fonts.googleapis.com/css2?family=Anton`), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-Anton.txt` |
+| `fontes/plexmono.woff2` | IBM Plex Mono 500, subset latino | Google Fonts (`fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500`), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-IBMPlexMono.txt` |
+| `sons/whoosh-entra.mp3` | whoosh de entrada | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `sons/whoosh-sai.mp3` | whoosh de saída | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `sons/swoosh.mp3` | swoosh lateral | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `sons/pop-palavra.mp3` | pop curto de palavra | sintetizado: MotionCraft `sfx make`, tipo `word_pop`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `sons/pop-cartao.mp3` | pop de cartão/selo que pousa | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `sons/clique.mp3` | clique de botão | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `sons/impacto.mp3` | impacto grave | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `sons/subida.mp3` | riser de 1,2 s | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `sons/assinatura.mp3` | acorde da marca | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `sons/tick.mp3` | tique curto de palavra do karaokê | sintetizado: MotionCraft `sfx make`, tipo `letter_tick`, pacote `digital-soft` | sem samples; síntese própria, uso livre (CC0) |
+| `trilha/lofi-pulso-100bpm.mp3` | 8.6 s de trilha, preset lofi-desk, 100 bpm, tom E | MotionCraft `music make --preset lofi-desk --bpm 100 --key E --duration 10 --force`, cortada em 8,6 s com fade | sem samples; síntese própria (CC0). MotionCraft é MIT |
+
+A demo não usa foto nem arquivo externo: tudo é desenhado pelos elementos do kit.

package/kits/corte-podcast/assets/fontes/OFL-Anton.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Anton Project Authors (https://fonts.google.com/specimen/Anton)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/kits/corte-podcast/assets/fontes/OFL-IBMPlexMono.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The IBM Plex Mono Project Authors (https://fonts.google.com/specimen/IBM+Plex+Mono)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/kits/corte-podcast/elementos/BarraEpisodio.tsx

@@ -0,0 +1,43 @@
+// BarraEpisodio: o player. Botão de play preto, título em mono, barra de progresso que enche e o relógio que corre.
+// Sobe de baixo com overshoot. Fica sempre dentro da área segura (y de referência 1230).
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, MONO, ov, seg, lerp} from './base';
+
+export type BarraEpisodioProps = {
+  titulo: string;
+  /** minuto inicial e final mostrados, em segundos do episódio */
+  de?: number;
+  ate?: number;
+  /** duração total do episódio, em segundos */
+  total: number;
+  inicio?: number;
+  /** centro vertical, px */
+  y: number;
+  fim?: number;
+};
+
+const relogio = (s: number) => `${String(Math.floor(s / 60)).padStart(2, '0')}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
+
+export const BarraEpisodio: React.FC<BarraEpisodioProps> = ({titulo, de = 760, ate = 790, total, inicio = 0, y, fim = 1e9}) => {
+  const f = useCurrentFrame();
+  if (f < inicio - 1 || f > fim + 12) return null;
+  const t = ov(seg(f, inicio, inicio + 16)), sai = seg(f, fim, fim + 10);
+  const corre = seg(f, inicio, inicio + 60);
+  const agora = lerp(de, ate, corre);
+  return <div style={{position: 'absolute', left: 100, width: 880, top: y - 120, height: 240, transform: `translateY(${(1 - t) * 420 + sai * 420}px)`}}>
+    <div style={{display: 'flex', alignItems: 'center', gap: 28}}>
+      <div style={{width: 112, height: 112, borderRadius: 56, background: COR.tinta, display: 'flex', alignItems: 'center', justifyContent: 'center', transform: `scale(${1 + 0.06 * Math.sin(f / 5)})`}}>
+        <svg width={46} height={52} viewBox="0 0 46 52"><path d="M4 2 L44 26 L4 50 Z" fill={COR.papel} /></svg>
+      </div>
+      <div style={{fontFamily: MONO, fontWeight: 500, fontSize: 38, color: COR.tinta, lineHeight: 1.2}}>{titulo}</div>
+    </div>
+    <div style={{position: 'relative', marginTop: 48, height: 26, borderRadius: 13, background: 'rgba(18,13,11,0.22)'}}>
+      <div style={{position: 'absolute', left: 0, top: 0, bottom: 0, width: `${(agora / total) * 100}%`, borderRadius: 13, background: COR.tinta}} />
+      <div style={{position: 'absolute', top: -13, left: `calc(${(agora / total) * 100}% - 26px)`, width: 52, height: 52, borderRadius: 26, background: COR.papel, border: `8px solid ${COR.tinta}`}} />
+    </div>
+    <div style={{display: 'flex', justifyContent: 'space-between', marginTop: 26, fontFamily: MONO, fontWeight: 500, fontSize: 36, color: COR.tinta}}>
+      <span>{relogio(agora)}</span><span style={{opacity: 0.6}}>{relogio(total)}</span>
+    </div>
+  </div>;
+};

package/kits/corte-podcast/elementos/Camera.tsx

@@ -0,0 +1,21 @@
+// Camera: deriva constante por baixo de tudo (zoom, deslize e giro mínimos) e um soco em cada batida.
+// O quadro nunca fica parado. `batidas` são quadros absolutos do vídeo.
+import React from 'react';
+import {AbsoluteFill, useCurrentFrame} from 'remotion';
+
+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 / 120) + f * 0.00012, dx = Math.sin(f / 37) * 12, dy = Math.cos(f / 51) * 10;
+  const rot = Math.sin(f / 83) * 0.005;
+  for (const h of batidas) if (f >= h) {
+    const d = Math.exp(-(f - h) / 7) * forca;
+    z += 0.035 * d; dx += 10 * d * Math.sin((f - h) * 2.7 + h); dy += 10 * d * Math.cos((f - h) * 3.3 + h);
+  }
+  return {z, dx, dy, rot};
+};
+
+export const Camera: React.FC<CameraProps> = ({batidas = [], forca = 1, children}) => {
+  const c = posCamera(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/corte-podcast/elementos/CartaoConvidado.tsx

@@ -0,0 +1,32 @@
+// CartaoConvidado: o crachá de quem fala. Cartão de papel com borda preta e sombra dura, avatar (foto ou iniciais),
+// nome em Anton e cargo em mono. Entra da esquerda com overshoot e inclina.
+import React from 'react';
+import {Img, useCurrentFrame} from 'remotion';
+import {COR, FONTE, MONO, SOMBRA_DURA, ov, seg} from './base';
+
+export type CartaoConvidadoProps = {
+  nome: string;
+  cargo: string;
+  /** foto do convidado (URL); sem foto, usa as iniciais */
+  foto?: string;
+  iniciais?: string;
+  inicio?: number;
+  /** centro vertical, px */
+  y: number;
+  fim?: number;
+};
+
+export const CartaoConvidado: React.FC<CartaoConvidadoProps> = ({nome, cargo, foto, iniciais = '', inicio = 0, y, fim = 1e9}) => {
+  const f = useCurrentFrame();
+  if (f < inicio - 1 || f > fim + 12) return null;
+  const t = ov(seg(f, inicio, inicio + 16)), sai = seg(f, fim, fim + 10);
+  return <div style={{position: 'absolute', left: 100, top: y - 135, width: 880, height: 270, transform: `translateX(${(1 - t) * -1200 - sai * 1200}px) rotate(${-4 + 2.5 * t}deg)`, background: COR.papel, border: `7px solid ${COR.tinta}`, borderRadius: 44, boxShadow: SOMBRA_DURA(14), display: 'flex', alignItems: 'center', gap: 36, padding: '0 40px'}}>
+    <div style={{width: 190, height: 190, borderRadius: 95, background: COR.tinta, overflow: 'hidden', flex: 'none', display: 'flex', alignItems: 'center', justifyContent: 'center', fontFamily: FONTE, fontSize: 96, color: COR.papel}}>
+      {foto ? <Img src={foto} style={{width: '100%', height: '100%', objectFit: 'cover'}} /> : iniciais}
+    </div>
+    <div style={{minWidth: 0}}>
+      <div style={{fontFamily: FONTE, fontSize: 88, lineHeight: 1, textTransform: 'uppercase', color: COR.tinta, whiteSpace: 'nowrap'}}>{nome}</div>
+      <div style={{fontFamily: MONO, fontWeight: 500, fontSize: 34, marginTop: 14, color: COR.tinta, opacity: 0.75, whiteSpace: 'nowrap'}}>{cargo}</div>
+    </div>
+  </div>;
+};

package/kits/corte-podcast/elementos/Cena.tsx

@@ -0,0 +1,41 @@
+// Cena: janela de tempo de um plano (troca "deslizar"). Dentro dela, useCurrentFrame() começa em 0.
+// A saída da cena cruza 9 quadros com a entrada da próxima.
+import React, {createContext, useContext} from 'react';
+import {AbsoluteFill, Sequence, useCurrentFrame} from 'remotion';
+import {e5, seg} from './base';
+
+export type Entrada = 'direita' | 'esquerda' | 'subir' | 'zoom' | 'nenhuma';
+export const SOBREPOE = 9; // 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 estilo = (f: number, duracao: number, entrada: Entrada, ultima: boolean): React.CSSProperties => {
+  const en = entrada === 'nenhuma' ? 0 : 1 - e5(seg(f, 0, 10));
+  const xo = ultima ? 0 : e5(seg(f, duracao, duracao + SOBREPOE));
+  let tf = '';
+  if (entrada === 'direita') tf += `translateX(${en * 1080}px) `;
+  if (entrada === 'esquerda') tf += `translateX(${-en * 1080}px) `;
+  if (entrada === 'subir') tf += `translateY(${en * 900}px) `;
+  if (entrada === 'zoom') tf += `scale(${1 + en * 0.6}) `;
+  tf += `translateX(${-xo * 460}px) scale(${1 - xo * 0.06})`;
+  const blur = en * 10 + xo * 8;
+  return {transform: tf, opacity: 1 - xo * 0.9, filter: blur > 0.3 ? `blur(${blur}px)` : undefined};
+};
+
+const Janela: React.FC<{duracao: number; entrada: Entrada; ultima: boolean; children: React.ReactNode}> = ({duracao, entrada, ultima, children}) => {
+  const f = useCurrentFrame();
+  return <AbsoluteFill style={estilo(f, duracao, entrada, ultima)}>{children}</AbsoluteFill>;
+};
+
+export const Cena: React.FC<CenaProps> = ({de, ate, entrada = 'direita', 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/corte-podcast/elementos/CitacaoGrande.tsx

@@ -0,0 +1,42 @@
+// CitacaoGrande: a frase do convidado em Anton gigante, palavra por palavra (pop com overshoot).
+// `*palavra*` vira bloco preto com letra de papel, o marca-texto do kit. Aspas enormes ao fundo.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, FONTE, LARGURA, caber, ov, partes, seg, textoLimpo} from './base';
+
+export type CitacaoGrandeProps = {
+  /** uma linha por item; `*destaque*` marca a palavra-chave */
+  linhas: string[];
+  /** quadro (na cena) da 1ª palavra */
+  inicio?: number;
+  /** quadros entre palavras (4–6 = rajada, 8–10 = fala) */
+  intervalo?: number;
+  /** centro vertical do bloco, px */
+  y: number;
+  /** tamanho máximo da letra, px; encolhe sozinho pra caber em 920 px */
+  tamanho?: number;
+  cor?: string;
+  /** desenha aspas gigantes atrás */
+  aspas?: boolean;
+  /** quadro em que a citação sai */
+  fim?: number;
+};
+
+export const CitacaoGrande: React.FC<CitacaoGrandeProps> = ({linhas, inicio = 0, intervalo = 5, y, tamanho = 170, cor = COR.papel, aspas = true, fim = 1e9}) => {
+  const f = useCurrentFrame();
+  if (f < inicio - 1 || f > fim + 12) return null;
+  const sai = seg(f, fim, fim + 10);
+  const tam = Math.min(...linhas.map((l) => caber(textoLimpo(l).toUpperCase(), tamanho)));
+  const alturaLinha = tam * 1.04;
+  const topo = y - (linhas.length * alturaLinha) / 2;
+  let n = 0;
+  return <div style={{position: 'absolute', inset: 0, opacity: 1 - sai, transform: `translateY(${-sai * 120}px)`}}>
+    {aspas && <div style={{position: 'absolute', left: 30, top: topo - 330, fontFamily: FONTE, fontSize: 900, lineHeight: 1, color: COR.osso, opacity: 0.55 * ov(seg(f, inicio, inicio + 18)), transform: `scale(${0.6 + 0.4 * ov(seg(f, inicio, inicio + 18))})`, transformOrigin: '0% 100%'}}>{'“'}</div>}
+    {linhas.map((l, i) => <div key={i} style={{position: 'absolute', left: 0, width: LARGURA, top: topo + i * alturaLinha, height: alturaLinha, display: 'flex', justifyContent: 'center', alignItems: 'center', gap: tam * 0.22}}>
+      {partes(l).flatMap((p) => p.t.split(' ').filter(Boolean).map((w) => ({w, d: p.d}))).map((p, k) => {
+        const t = ov(seg(f, inicio + n * intervalo, inicio + n * intervalo + 12)); n++;
+        return <span key={k} style={{display: 'inline-block', fontFamily: FONTE, fontSize: tam, lineHeight: 1, textTransform: 'uppercase', color: p.d ? COR.papel : cor, background: p.d ? COR.tinta : 'transparent', padding: p.d ? `${tam * 0.02}px ${tam * 0.12}px 0` : 0, borderRadius: tam * 0.1, transform: `translateY(${(1 - t) * 80}px) scale(${0.5 + 0.5 * t}) rotate(${(1 - t) * (k % 2 ? 5 : -5)}deg)`, opacity: Math.min(1, t * 2.4)}}>{p.w}</span>;
+      })}
+    </div>)}
+  </div>;
+};

package/kits/corte-podcast/elementos/Fundo.tsx

@@ -0,0 +1,27 @@
+// Fundo: tomate chapado com um disco de vinil gigante (anéis escuros) girando devagar e uma sombra de calor embaixo.
+// Fica FORA da Camera; quem se mexe é o que está em cima.
+import React from 'react';
+import {AbsoluteFill, useCurrentFrame} from 'remotion';
+import {COR} from './base';
+
+export type FundoProps = {
+  /** cor do chão (padrão: tomate) */
+  cor?: string;
+  /** velocidade do disco (1 = a do preview) */
+  velocidade?: number;
+};
+
+export const Fundo: React.FC<FundoProps> = ({cor = COR.tomate, velocidade = 1}) => {
+  const f = useCurrentFrame() * velocidade;
+  const aneis = [380, 470, 560, 650, 740, 830];
+  return <AbsoluteFill style={{background: `linear-gradient(180deg, ${cor} 0%, ${COR.tomateFundo} 100%)`}}>
+    <svg width={1080} height={1920} style={{position: 'absolute', inset: 0}}>
+      <g transform={`translate(${300 + Math.sin(f / 90) * 60} ${1040 + Math.cos(f / 110) * 40}) rotate(${f * 0.35})`}>
+        {aneis.map((r, i) => <circle key={r} r={r} fill="none" stroke={COR.tinta} strokeOpacity={0.07 + (i % 2) * 0.05} strokeWidth={i % 2 ? 3 : 14} />)}
+        <circle r={150} fill={COR.tinta} fillOpacity={0.12} />
+        <path d="M 0 -380 L 0 380" stroke={COR.tinta} strokeOpacity={0.08} strokeWidth={4} />
+      </g>
+    </svg>
+    <AbsoluteFill style={{background: `radial-gradient(80% 28% at 50% 104%, ${COR.sombra}, transparent 70%)`}} />
+  </AbsoluteFill>;
+};