primocode 8.40.0 → 8.42.0

package/studio/web/js/render.js

@@ -296,6 +296,23 @@ function aplicarChaves(no, e, ctx) {
     herdado[c] = NEUTRO[c];
   });
 
+  // Quais campos esta animação USA. Decidido UMA vez, ANTES das chaves, e é
+  // o que faz o navegador interpolar: a lista de `transform` precisa ter as
+  // MESMAS funções, na mesma ordem, em toda chave. Emitir só o que é
+  // diferente de zero deixava a chave do meio de `giroY: -90 → 0 → 12` sem
+  // perspective/rotateY — listas incompatíveis, o navegador desiste da
+  // interpolação por função e cai na matriz, e a perspectiva se perde no meio
+  // do giro. Vale igual para `rotate(0deg)` e para o blur.
+  var usado = {};
+  CAMPOS.forEach(function (c) {
+    usado[c] = herdado[c] !== NEUTRO[c] || chaves.some(function (k) {
+      return typeof k[c] === "number" && isFinite(k[c]) && k[c] !== NEUTRO[c];
+    });
+  });
+  // O MESMO juiz que decide o preserve-3d (linha do `transformStyle`): se os
+  // dois discordarem, sobra elemento achatado com perspectiva ou o contrário.
+  var tem3d = tem3dEm(chaves);
+
   var nome = "ch" + (++_nChave);
   var passos = chaves.map(function (k) {
     CAMPOS.forEach(function (c) {
@@ -307,23 +324,21 @@ function aplicarChaves(no, e, ctx) {
     // Assim a chave continua valendo se a pessoa arrastar o elemento no
     // palco depois — o contrário obrigaria a refazer todas as chaves.
     var dx = herdado.x, dy = herdado.y;
-    var tem3d = herdado.giroX || herdado.giroY || herdado.prof;
     // A perspectiva vai NA transformação, não no pai: o pai é a cena, e uma
-    // perspectiva lá mudaria todos os elementos. Constante em todas as
-    // chaves, para o navegador interpolar só o que muda.
+    // perspectiva lá mudaria todos os elementos.
     if (tem3d) mov.push("perspective(1200px)");
-    if (dx || dy) mov.push("translate(" + dx + "px," + dy + "px)");
-    if (herdado.prof) mov.push("translateZ(" + herdado.prof + "px)");
-    if (herdado.escala !== 1) mov.push("scale(" + herdado.escala + ")");
-    if (herdado.escalaX !== 1 || herdado.escalaY !== 1) mov.push("scale(" + herdado.escalaX + "," + herdado.escalaY + ")");
-    if (herdado.giroX) mov.push("rotateX(" + herdado.giroX + "deg)");
-    if (herdado.giroY) mov.push("rotateY(" + herdado.giroY + "deg)");
-    if (herdado.giro) mov.push("rotate(" + herdado.giro + "deg)");
+    if (usado.x || usado.y) mov.push("translate(" + dx + "px," + dy + "px)");
+    if (usado.prof) mov.push("translateZ(" + herdado.prof + "px)");
+    if (usado.escala) mov.push("scale(" + herdado.escala + ")");
+    if (usado.escalaX || usado.escalaY) mov.push("scale(" + herdado.escalaX + "," + herdado.escalaY + ")");
+    if (usado.giroX) mov.push("rotateX(" + herdado.giroX + "deg)");
+    if (usado.giroY) mov.push("rotateY(" + herdado.giroY + "deg)");
+    if (usado.giro) mov.push("rotate(" + herdado.giro + "deg)");
 
     var linhas = ["transform:" + (mov.length ? mov.join(" ") : "none")];
     linhas.push("opacity:" + herdado.opacidade);
-    if (herdado.desfoque > 0) {
-      linhas.push("filter:blur(" + herdado.desfoque + "px)");
+    if (usado.desfoque) {
+      linhas.push("filter:blur(" + Math.max(0, herdado.desfoque) + "px)");
     }
     return pct.toFixed(3) + "%{" + linhas.join(";") + "}";
   }).join("");
@@ -575,6 +590,11 @@ function renderElemento(e, ctx) {
      atrás, com bisel de luz em cima e o reflexo diagonal. Vale em QUALQUER
      elemento (texto, forma, ícone, imagem, lista, cartões), por isso mora
      aqui e não num tipo. O CSS faz o resto por `data-material`. */
+  /* A profundidade do elemento na cena: quanto ele acompanha a câmera.
+     >1 vem à frente (anda mais), <1 fica ao fundo (anda menos). É o que
+     transforma um zoom num plano com camadas. */
+  if (e.paralaxe != null && isFinite(Number(e.paralaxe))) no.dataset.paralaxe = Number(e.paralaxe);
+
   if (e.material) {
     no.dataset.material = e.material;
     if (e.raio != null) no.style.borderRadius = _px(e.raio);
@@ -944,7 +964,11 @@ function renderElemento(e, ctx) {
       }
       if (e.borda) no.style.border = (e.borda.largura || 2) + "px solid " + (e.borda.cor || "var(--c-linha)");
       if (f === "circulo") no.style.borderRadius = "999px";
-      else no.style.borderRadius = _px(e.raio != null ? e.raio : 0);
+      // Sem `raio`, o vidro fica com o 28px da folha — escrever 0px inline
+      // aqui vencia o CSS e o painel de vidro saía de canto reto, contra o
+      // "padrão 28" que a spec promete. Forma comum segue quadrada.
+      else if (e.raio != null) no.style.borderRadius = _px(e.raio);
+      else if (e.material !== "vidro") no.style.borderRadius = "0px";
       if (f === "triangulo") { no.style.clipPath = "polygon(50% 0,100% 100%,0 100%)"; }
       if (f === "linha") { no.style.height = _px(e.espessura || 3); no.style.borderRadius = "999px"; }
       if (f === "seta") {
@@ -1448,7 +1472,7 @@ function desenharConectores(cena, elementos, W, H) {
 
 /* ------------------------------------------------------------------ cena  */
 
-function renderCena(cena, doc, op) {
+function renderCenaBase(cena, doc, op) {
   op = op || {};
   cena = cena || {};
   var W = doc.largura || 1920, H = doc.altura || 1080;
@@ -1709,4 +1733,120 @@ function comporCabecaCorpo(fluxo, layout, nCabeca, nCorpo) {
   filhos[filhos.length - 1].classList.add("corpo-fim");
 }
 
-if (typeof module !== "undefined" && module.exports) module.exports = { renderCena: renderCena };
+
+/* ══ A CÂMERA DA CENA ══════════════════════════════════════════════════════
+ *
+ * `chaves` move UM elemento. O que faltava era mover o QUADRO: a cena inteira
+ * se aproximando enquanto o texto entra, a panorâmica que atravessa a arte, o
+ * leve giro que tira a cara de página parada. É a câmera do After Effects, e
+ * sem ela todo movimento nasce preso ao elemento — o vídeo parece um slide com
+ * animação, que é exatamente a reclamação.
+ *
+ * COMO FUNCIONA: o conteúdo da cena vai para dentro de um `.palco`, e a câmera
+ * anima o palco com a mesma máquina de chaves dos elementos (mesma curva,
+ * mesma interpolação, mesma conta de duração). O FUNDO fica onde está, na raiz
+ * da cena: é o que dá profundidade de graça — o quadro anda sobre o fundo em
+ * vez de arrastar tudo junto, que é como um zoom de câmera se comporta.
+ *
+ * PARALAXE: um elemento com `paralaxe` anda MAIS (>1, perto da câmera) ou
+ * MENOS (<1, ao longe) que o palco. Como ele já pode ter as próprias chaves, a
+ * diferença vai num embrulho em volta dele — duas animações no mesmo nó
+ * disputariam a mesma propriedade `transform`, e a segunda ganharia calada.
+ */
+
+// Movimentos com NOME, porque quem escreve o documento não quer pensar em
+// chave: são os quatro que aparecem em toda peça de motion.
+var CAMERAS = {
+  aproximar: [{ t: 0, escala: 1 }, { t: 1, escala: 1.12 }],
+  afastar: [{ t: 0, escala: 1.12 }, { t: 1, escala: 1 }],
+  "pan-direita": [{ t: 0, x: -70 }, { t: 1, x: 70 }],
+  "pan-esquerda": [{ t: 0, x: 70 }, { t: 1, x: -70 }],
+  subir: [{ t: 0, y: 60 }, { t: 1, y: -60 }],
+  descer: [{ t: 0, y: -60 }, { t: 1, y: 60 }],
+  // O "empurrão" é o zoom com um grau de giro: é o que dá mão humana ao quadro.
+  empurrar: [{ t: 0, escala: 1.02, giro: -0.6 }, { t: 1, escala: 1.14, giro: 0.3 }],
+  balanco: [{ t: 0, x: -18, giro: -0.5 }, { t: 0.5, x: 12, giro: 0.4 }, { t: 1, x: -6, giro: -0.2 }],
+};
+
+function chavesDaCamera(camera) {
+  if (!camera) return null;
+  if (typeof camera === "string") return CAMERAS[camera] ? CAMERAS[camera].slice() : null;
+  if (Array.isArray(camera)) return camera.slice();
+  if (camera.chaves && camera.chaves.length) return camera.chaves.slice();
+  if (camera.movimento && CAMERAS[camera.movimento]) return CAMERAS[camera.movimento].slice();
+  return null;
+}
+
+/* A chave do elemento de paralaxe: a da câmera, menos a que o palco já deu.
+   Fator 0 devolve nada (anda com o palco, que é o padrão). */
+function chavesDeParalaxe(chaves, fator) {
+  var f = fator - 1;
+  if (!f) return null;
+  return chaves.map(function (k) {
+    var nova = { t: _numero(k.t, 0) };
+    if (typeof k.x === "number") nova.x = k.x * f;
+    if (typeof k.y === "number") nova.y = k.y * f;
+    if (typeof k.escala === "number") nova.escala = 1 + (k.escala - 1) * f;
+    return nova;
+  });
+}
+
+function aplicarCamera(no, cena, op) {
+  var chaves = chavesDaCamera(cena.camera);
+  if (!chaves || !chaves.length || !op.animar) return no;
+
+  var palco = document.createElement("div");
+  palco.className = "palco";
+  while (no.firstChild) palco.appendChild(no.firstChild);
+  no.appendChild(palco);
+
+  var ctx = { raiz: no, duracao: cena.duracao || 4, animar: true };
+  aplicarChaves(palco, {
+    chaves: chaves,
+    suavizar: (cena.camera && cena.camera.suavizar) || "suave",
+  }, ctx);
+
+  /* PARALAXE — e o cuidado que decide se isto funciona ou quebra o layout.
+     · Elemento SEM animação própria recebe a diferença direto: é o caso
+       comum, e assim nada muda no DOM.
+     · Elemento que JÁ anima (tem chaves suas) precisa de um embrulho —
+       duas animações no mesmo nó disputam `transform` e a segunda ganha
+       calada. Embrulhar só é seguro quando ele está posicionado em
+       absoluto; no fluxo, o embrulho viraria um filho a mais no flex e
+       mudaria o espaçamento da cena. Nesse caso a paralaxe é ignorada, e
+       vale a animação do elemento, que é a mais específica. */
+  var comProfundidade = palco.querySelectorAll("[data-paralaxe]");
+  Array.prototype.forEach.call(comProfundidade, function (el) {
+    var fator = parseFloat(el.getAttribute("data-paralaxe"));
+    if (!isFinite(fator) || fator === 1) return;
+    var extras = chavesDeParalaxe(chaves, fator);
+    if (!extras) return;
+    var suave = (cena.camera && cena.camera.suavizar) || "suave";
+
+    if (!el.style.animationName) {
+      aplicarChaves(el, { chaves: extras, suavizar: suave }, ctx);
+      return;
+    }
+    if (el.style.position !== "absolute") return;
+
+    var capa = document.createElement("div");
+    capa.className = "paralaxe";
+    capa.style.position = "absolute";
+    ["left", "top", "right", "bottom", "width", "height"].forEach(function (k) {
+      capa.style[k] = el.style[k];
+      el.style[k] = "";
+    });
+    el.style.position = "relative";
+    el.parentNode.insertBefore(capa, el);
+    capa.appendChild(el);
+    aplicarChaves(capa, { chaves: extras, suavizar: suave }, ctx);
+  });
+  return no;
+}
+
+function renderCena(cena, doc, op) {
+  var no = renderCenaBase(cena, doc, op);
+  return aplicarCamera(no, cena || {}, op || {});
+}
+
+if (typeof module !== "undefined" && module.exports) module.exports = { renderCena: renderCena, CAMERAS: CAMERAS };

package/studio/web/render.css

@@ -1332,3 +1332,21 @@
   column-gap: calc(var(--u, 19px) * 3);
 }
 .cena .fluxo[data-composicao="cabeca-corpo"] .el.numeros .num b { white-space: nowrap; }
+
+/* ─────────────────────────────────────────────────────────── câmera ────
+   O palco é o conteúdo da cena; a câmera anima ele. O FUNDO fica na raiz
+   de propósito: o quadro anda sobre o fundo, como faz uma câmera, em vez
+   de arrastar tudo junto — é daí que vem a profundidade sem custo.
+
+   `inset: 0` repete a geometria que o `.fluxo` já tinha, para o embrulho
+   não mudar uma única posição de elemento quando a cena não tem câmera. */
+.cena > .palco {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  transform-origin: 50% 50%;
+  will-change: transform;
+}
+/* O embrulho de paralaxe só existe em volta de elemento posicionado, e
+   herda a caixa dele — ver o comentário em render.js. */
+.cena .paralaxe { transform-origin: 50% 50%; will-change: transform; }

package/studio/arquivos/corte-estatico-corte-a5bab.json

@@ -1,150 +0,0 @@
-{
-  "id": "corte-estatico-corte-a5bab",
-  "ferramenta": "corte",
-  "titulo": "estatico-corte",
-  "doc": {
-    "tema": "brasa",
-    "largura": 1080,
-    "altura": 1920,
-    "acabamento": "grao",
-    "trilha": {
-      "tipo": "gerada",
-      "estilo": "pulso",
-      "volume": 0.7
-    },
-    "cenas": [
-      {
-        "layout": "centro",
-        "duracao": 3,
-        "fundo": "aurora",
-        "transicao": "flash",
-        "elementos": [
-          {
-            "tipo": "texto",
-            "papel": "titulo",
-            "texto": "Sua conta subiu\nde novo.",
-            "tamanho": 124,
-            "estilo": "gradiente",
-            "anim": "nenhuma"
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 3,
-        "fundo": "vinheta",
-        "transicao": "limpar",
-        "elementos": [
-          {
-            "tipo": "texto",
-            "papel": "titulo",
-            "texto": "E não foi o seu chuveiro.",
-            "tamanho": 78,
-            "estilo": "marcador",
-            "anim": "nenhuma"
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 4,
-        "transicao": "zoom",
-        "acabamento": "vinheta",
-        "fundo": {
-          "imagem": "/midia/torre.jpg",
-          "escurecer": 0.5
-        },
-        "elementos": [
-          {
-            "tipo": "numeros",
-            "contar": true,
-            "anim": "nenhuma",
-            "tamanho": 180,
-            "itens": [
-              "+38% | bandeira tarifária em 12 meses"
-            ]
-          }
-        ]
-      },
-      {
-        "layout": "livre",
-        "duracao": 4,
-        "transicao": "deslizar",
-        "elementos": [
-          {
-            "tipo": "imagem",
-            "src": "/midia/campo.jpg",
-            "x": 0,
-            "y": 0,
-            "l": 1080,
-            "a": 1920,
-            "raio": 0,
-            "movimento": "aproximar",
-            "filtro": "contraste",
-            "anim": "nenhuma"
-          },
-          {
-            "tipo": "forma",
-            "forma": "retangulo",
-            "x": 0,
-            "y": 1180,
-            "l": 1080,
-            "a": 740,
-            "preenchimento": "rgba(10,5,6,.72)",
-            "anim": "nenhuma"
-          },
-          {
-            "tipo": "texto",
-            "x": 90,
-            "y": 1320,
-            "l": 900,
-            "a": 420,
-            "texto": "O custo está\nna transmissão",
-            "tamanho": 104,
-            "peso": 750,
-            "estilo": "sombra",
-            "anim": "nenhuma"
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 5,
-        "fundo": "raios",
-        "transicao": "subir",
-        "elementos": [
-          {
-            "tipo": "lista",
-            "revelar": true,
-            "tamanho": 52,
-            "intervalo": 0.9,
-            "itens": [
-              "Linhas saturadas no Nordeste",
-              "Usina gerando sem escoar",
-              "A conta chega em quem consome"
-            ],
-            "anim": "nenhuma"
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 3,
-        "fundo": "brilho",
-        "transicao": "fade",
-        "acabamento": "luz",
-        "elementos": [
-          {
-            "tipo": "texto",
-            "papel": "titulo",
-            "texto": "Segue para\nentender a próxima.",
-            "tamanho": 96,
-            "estilo": "contorno-tom",
-            "anim": "nenhuma"
-          }
-        ]
-      }
-    ]
-  },
-  "atualizado": "2026-08-16T15:08:28+00:00"
-}

package/studio/arquivos/corte-founders-ai-teste-do-player-2de1d.json

@@ -1,65 +0,0 @@
-{
-  "id": "corte-founders-ai-teste-do-player-2de1d",
-  "ferramenta": "corte",
-  "titulo": "Founders AI — teste do player",
-  "doc": {
-    "tema": "brasa",
-    "largura": 1080,
-    "altura": 1920,
-    "acabamento": "grao",
-    "trilha": {
-      "tipo": "gerada",
-      "estilo": "pulso",
-      "volume": 0.7
-    },
-    "cenas": [
-      {
-        "layout": "centro",
-        "duracao": 3,
-        "fundo": "aurora",
-        "transicao": "flash",
-        "elementos": [
-          {
-            "tipo": "texto",
-            "papel": "titulo",
-            "texto": "Imersão\nFounders AI",
-            "tamanho": 124,
-            "estilo": "gradiente",
-            "anim": "desfoque"
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 3,
-        "fundo": "vinheta",
-        "elementos": [
-          {
-            "tipo": "texto",
-            "papel": "titulo",
-            "texto": "Paris Group · Chapecó",
-            "tamanho": 78,
-            "estilo": "marcador",
-            "anim": "palavra"
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 4,
-        "fundo": "raios",
-        "elementos": [
-          {
-            "tipo": "numeros",
-            "contar": true,
-            "tamanho": 180,
-            "itens": [
-              "20 | empresários por turma"
-            ]
-          }
-        ]
-      }
-    ]
-  },
-  "atualizado": "2026-08-16T14:55:24+00:00"
-}

package/studio/arquivos/corte-legado-teste.json

@@ -1 +0,0 @@
-{"id": "corte-legado-teste", "ferramenta": "corte", "titulo": "legado", "doc": {"tema": "meia-noite", "largura": 1080, "altura": 1920, "cenas": [{"duracao": "4s", "fundo": "aurora", "elementos": [{"tipo": "titulo", "texto": "Imersão Founders AI"}, {"tipo": "subtitulo", "conteudo": "Paris Group · Chapecó"}]}]}}

package/studio/arquivos/corte-legado2.json

@@ -1 +0,0 @@
-{"id": "corte-legado2", "ferramenta": "corte", "titulo": "legado2", "doc": {"tema": "meia-noite", "largura": 1080, "altura": 1920, "cenas": [{"duracao": "4s", "fundo": "aurora", "elementos": [{"tipo": "titulo", "texto": "Imersão Founders AI", "anim": "nenhuma"}, {"tipo": "subtitulo", "conteudo": "Paris Group · Chapecó", "anim": "nenhuma"}]}]}}

package/studio/arquivos/corte-minimo-2a829.json

@@ -1,24 +0,0 @@
-{
-  "id": "corte-minimo-2a829",
-  "ferramenta": "corte",
-  "titulo": "minimo",
-  "doc": {
-    "tema": "claro",
-    "largura": 1080,
-    "altura": 1920,
-    "cenas": [
-      {
-        "layout": "centro",
-        "duracao": 5,
-        "elementos": [
-          {
-            "tipo": "texto",
-            "texto": "TESTE VISIVEL",
-            "tamanho": 120
-          }
-        ]
-      }
-    ]
-  },
-  "atualizado": "2026-08-16T14:57:24+00:00"
-}

package/studio/arquivos/corte-ok-00a3b.json

@@ -1,18 +0,0 @@
-{
-  "id": "corte-ok-00a3b",
-  "ferramenta": "corte",
-  "titulo": "ok",
-  "doc": {
-    "cenas": [
-      {
-        "elementos": [
-          {
-            "tipo": "texto",
-            "texto": "oi"
-          }
-        ]
-      }
-    ]
-  },
-  "atualizado": "2026-08-16T15:05:32+00:00"
-}

package/studio/arquivos/corte-ok-1270e.json

@@ -1,22 +0,0 @@
-{
-  "id": "corte-ok-1270e",
-  "ferramenta": "corte",
-  "titulo": "ok",
-  "doc": {
-    "tema": "brasa",
-    "cenas": [
-      {
-        "duracao": 3,
-        "elementos": [
-          {
-            "tipo": "texto",
-            "papel": "titulo",
-            "texto": "Founders AI",
-            "anim": "nenhuma"
-          }
-        ]
-      }
-    ]
-  },
-  "atualizado": "2026-08-16T17:50:21+00:00"
-}

package/studio/arquivos/corte-sweep-corte-cfb29.json

@@ -1,147 +0,0 @@
-{
-  "id": "corte-sweep-corte-cfb29",
-  "ferramenta": "corte",
-  "titulo": "sweep-corte",
-  "doc": {
-    "tema": "brasa",
-    "largura": 1080,
-    "altura": 1920,
-    "acabamento": "grao",
-    "trilha": {
-      "tipo": "gerada",
-      "estilo": "pulso",
-      "volume": 0.7
-    },
-    "cenas": [
-      {
-        "layout": "centro",
-        "duracao": 3,
-        "fundo": "aurora",
-        "transicao": "flash",
-        "elementos": [
-          {
-            "tipo": "texto",
-            "papel": "titulo",
-            "texto": "Sua conta subiu\nde novo.",
-            "tamanho": 124,
-            "estilo": "gradiente",
-            "anim": "desfoque"
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 3,
-        "fundo": "vinheta",
-        "transicao": "limpar",
-        "elementos": [
-          {
-            "tipo": "texto",
-            "papel": "titulo",
-            "texto": "E não foi o seu chuveiro.",
-            "tamanho": 78,
-            "estilo": "marcador",
-            "anim": "palavra"
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 4,
-        "transicao": "zoom",
-        "acabamento": "vinheta",
-        "fundo": {
-          "imagem": "/midia/torre.jpg",
-          "escurecer": 0.5
-        },
-        "elementos": [
-          {
-            "tipo": "numeros",
-            "contar": true,
-            "anim": "saltar",
-            "tamanho": 180,
-            "itens": [
-              "+38% | bandeira tarifária em 12 meses"
-            ]
-          }
-        ]
-      },
-      {
-        "layout": "livre",
-        "duracao": 4,
-        "transicao": "deslizar",
-        "elementos": [
-          {
-            "tipo": "imagem",
-            "src": "/midia/campo.jpg",
-            "x": 0,
-            "y": 0,
-            "l": 1080,
-            "a": 1920,
-            "raio": 0,
-            "movimento": "aproximar",
-            "filtro": "contraste"
-          },
-          {
-            "tipo": "forma",
-            "forma": "retangulo",
-            "x": 0,
-            "y": 1180,
-            "l": 1080,
-            "a": 740,
-            "preenchimento": "rgba(10,5,6,.72)"
-          },
-          {
-            "tipo": "texto",
-            "x": 90,
-            "y": 1320,
-            "l": 900,
-            "a": 420,
-            "texto": "O custo está\nna transmissão",
-            "tamanho": 104,
-            "peso": 750,
-            "estilo": "sombra",
-            "anim": "cortina"
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 5,
-        "fundo": "raios",
-        "transicao": "subir",
-        "elementos": [
-          {
-            "tipo": "lista",
-            "revelar": true,
-            "tamanho": 52,
-            "intervalo": 0.9,
-            "itens": [
-              "Linhas saturadas no Nordeste",
-              "Usina gerando sem escoar",
-              "A conta chega em quem consome"
-            ]
-          }
-        ]
-      },
-      {
-        "layout": "centro",
-        "duracao": 3,
-        "fundo": "brilho",
-        "transicao": "fade",
-        "acabamento": "luz",
-        "elementos": [
-          {
-            "tipo": "texto",
-            "papel": "titulo",
-            "texto": "Segue para\nentender a próxima.",
-            "tamanho": 96,
-            "estilo": "contorno-tom",
-            "anim": "elastico"
-          }
-        ]
-      }
-    ]
-  },
-  "atualizado": "2026-08-16T15:07:33+00:00"
-}