Presentaciones hechas entre personas y agentes.

export function buildQuarterlyReport() {
  const deck = new DeksPresentation({
    id: "quarterly-report",
    name: "Quarterly report",
    canvas: { width: 1600, height: 900 },
    motionBeatMs: 600,
  });

  const text = (id, name, defaults) =>
    deck.defineElement({ id, kind: "text", name, defaults: {
      fontFamily: "Poppins", fontWeight: 600, lineHeight: 1.1, letterSpacing: 0,
      horizontalAlignment: "left", verticalAlignment: "top", overflowMode: "hidden",
      ...defaults,
    } });

  const panel = deck.defineElement({
    id: "panel", kind: "shape", shapeKind: "rectangle", name: "Panel",
    defaults: {
      shapeFill: { kind: "linear-gradient", startColor: "#1d2430", endColor: "#12161d", angleDeg: 140 },
      stroke: "#2c3644", strokeWidth: 1, zIndex: 1,
      cornerRadii: { topLeft: 28, topRight: 28, bottomRight: 28, bottomLeft: 28 },
    },
  });
  const rule = deck.defineElement({
    id: "rule", kind: "shape", shapeKind: "rectangle", name: "Rule",
    defaults: { shapeFill: { kind: "solid", color: "#ff7043" }, stroke: "#ff7043", strokeWidth: 0, zIndex: 2 },
  });
  const kicker = text("kicker", "Kicker", { fontSize: 28, letterSpacing: 4, fill: "#ff7043", zIndex: 3 });
  const title = text("title", "Title", { fontSize: 72, letterSpacing: -2, fill: "#f2f1ec", zIndex: 3 });
  const metric = text("metric", "Metric", {
    fontSize: 148, letterSpacing: -6, lineHeight: 1, fill: "#65c18c",
    horizontalAlignment: "center", verticalAlignment: "middle", zIndex: 4,
  });
  const note = text("note", "Note", {
    fontFamily: "Roboto", fontWeight: 400, fontSize: 32, lineHeight: 1.45, fill: "#aab0b8", zIndex: 3,
  });
  const slideBackground = {
    kind: "linear-gradient",
    startColor: "#111722",
    endColor: "#0b0c0e",
    angleDeg: 125,
  };

  deck.addSlide({ id: "cover", name: "Portada", background: slideBackground })
    .place(rule, { x: 100, y: 168, width: 96, height: 6 })
    .place(panel, { x: 940, y: 150, width: 560, height: 600 })
    .place(kicker, { x: 100, y: 210, width: 700, height: 40, content: "Q3 · 2026" })
    .place(title, { x: 100, y: 276, width: 800, height: 200,
      content: "La historia detrás\nde los resultados." })
    .place(metric, { x: 940, y: 350, width: 560, height: 210, content: "+38%" })
    .place(note, { x: 100, y: 570, width: 700, height: 150,
      content: "Un documento editable, no una imagen exportada." });

  deck.addSlide({ id: "growth", name: "Crecimiento", background: slideBackground })
    .continue(rule, { width: 160 })
    .continue(panel, { x: 100, y: 560, width: 1400, height: 200,
      shapeFill: { kind: "linear-gradient", startColor: "#16241c", endColor: "#12161d", angleDeg: 140 } })
    .continue(kicker, { content: "INGRESO RECURRENTE" })
    .continue(title, { width: 1040, height: 200, content: "El trimestre cerró\npor sobre el plan." })
    .continue(metric, { x: 150, y: 592, width: 420, height: 150, fontSize: 104 })
    .continue(note, { x: 620, y: 596, width: 840, height: 130,
      content: "Comparado con Q2. La cifra vive en el documento:\nquien la revise puede editarla, no rehacerla." });

  deck.addSlide({ id: "drivers", name: "Motores", background: slideBackground })
    .continue(rule, { width: 240 })
    .continue(panel, { x: 940, y: 210, width: 560, height: 480,
      shapeFill: { kind: "linear-gradient", startColor: "#241c16", endColor: "#12161d", angleDeg: 140 } })
    .continue(kicker, { content: "QUÉ LO EXPLICA" })
    .continue(title, { x: 100, y: 276, width: 800, height: 200,
      content: "Tres motores,\nno una casualidad." })
    .continue(metric, { x: 990, y: 300, width: 460, height: 140, fontSize: 96,
      fill: "#ff7043", content: "3 de 4" })
    .continue(note, { x: 990, y: 470, width: 460, height: 180,
      content: "Segmentos que crecieron por encima\ndel plan trimestral." });

  deck.addSlide({ id: "ask", name: "Decisión", background: slideBackground })
    .continue(rule, { width: 320 })
    .continue(panel, { x: 60, y: 120, width: 1480, height: 660,
      shapeFill: { kind: "linear-gradient", startColor: "#151b26", endColor: "#0b0c0e", angleDeg: 140 } })
    .continue(kicker, { content: "LA DECISIÓN" })
    .continue(title, { x: 160, y: 300, width: 1100, height: 200,
      content: "Sostener el motor\nque ya funciona." })
    .continue(metric, { x: 1040, y: 236, width: 380, height: 120, fontSize: 84, content: "Q4" })
    .continue(note, { x: 160, y: 566, width: 900, height: 130,
      content: "Una presentación que sigue siendo datos se revisa,\nse corrige y se vuelve a presentar sin rehacerla." });

  const document = deck.toDocument();
  assertDeksDocument(document);
  return document;
}