build.js

/* Demo Premiar — Reasegurador (DE)
 * Deck: ecosistema Soter + Hermes, APIs, control de capas y cúmulos.
 * Español. ~19 slides. 16x9.
 */
const pptxgen = require("pptxgenjs");
const React = require("react");
const ReactDOMServer = require("react-dom/server");
const sharp = require("sharp");
const Fa = require("react-icons/fa");

// ---------- Paleta (Midnight Executive + oro) ----------
const NAVY   = "0E1F45"; // fondo oscuro dominante
const NAVY2  = "1E2F5C"; // navy card
const NAVY3  = "2A3E70"; // navy claro
const ICE    = "CADCFC";
const GOLD   = "E8B23A"; // acento (cedido / reaseguro)
const TEAL   = "2BB79E"; // control / retención propia
const WHITE  = "FFFFFF";
const BG     = "F4F6FB"; // fondo claro contenido
const INK    = "16213E"; // texto oscuro
const MUTED  = "6B7596";
const MUTED2 = "9AA3BD";
const CARD   = "FFFFFF";

const HFONT = "Georgia";     // titulares
const BFONT = "Calibri";     // cuerpo

const W = 10, H = 5.625;

const pres = new pptxgen();
pres.layout = "LAYOUT_16x9";
pres.author = "Premiar";
pres.title = "Premiar — Ecosistema de Suscripción Inteligente de Caución";

// ---------- Iconos ----------
function renderIconSvg(IconComponent, color, size = 256) {
  return ReactDOMServer.renderToStaticMarkup(
    React.createElement(IconComponent, { color, size: String(size) })
  );
}
async function icon(IconComponent, color, size = 256) {
  const svg = renderIconSvg(IconComponent, color, size);
  const png = await sharp(Buffer.from(svg)).png().toBuffer();
  return "image/png;base64," + png.toString("base64");
}
const ICONS = {};
async function loadIcons() {
  const spec = {
    inbox: [Fa.FaEnvelopeOpenText, GOLD],
    robot: [Fa.FaRobot, GOLD],
    api: [Fa.FaExchangeAlt, GOLD],
    layers: [Fa.FaLayerGroup, GOLD],
    growth: [Fa.FaChartLine, GOLD],
    shield: [Fa.FaShieldAlt, GOLD],
    db: [Fa.FaDatabase, GOLD],
    check: [Fa.FaCheckCircle, TEAL],
    coins: [Fa.FaCoins, GOLD],
    sitemap: [Fa.FaSitemap, GOLD],
    users: [Fa.FaUserShield, GOLD],
    scale: [Fa.FaBalanceScale, GOLD],
    bolt: [Fa.FaBolt, GOLD],
    contract: [Fa.FaFileContract, GOLD],
    audit: [Fa.FaClipboardCheck, GOLD],
    arrow: [Fa.FaArrowRight, ICE],
    server: [Fa.FaServer, GOLD],
    brain: [Fa.FaBrain, GOLD],
    lock: [Fa.FaLock, GOLD],
    gears: [Fa.FaCogs, GOLD],
    handshake: [Fa.FaHandshake, GOLD],
    globe: [Fa.FaGlobeEurope, GOLD],
    play: [Fa.FaPlayCircle, GOLD],
    // versiones blancas / teal para fondos
    inboxW: [Fa.FaEnvelopeOpenText, WHITE],
    robotW: [Fa.FaRobot, WHITE],
    dbW: [Fa.FaDatabase, WHITE],
    brainW: [Fa.FaBrain, WHITE],
    checkW: [Fa.FaCheckCircle, WHITE],
    arrowG: [Fa.FaArrowRight, GOLD],
    arrowN: [Fa.FaArrowRight, NAVY],
    // variantes navy para círculos dorados (slide valor)
    checkN: [Fa.FaCheckCircle, NAVY],
    scaleN: [Fa.FaBalanceScale, NAVY],
    auditN: [Fa.FaClipboardCheck, NAVY],
    boltN: [Fa.FaBolt, NAVY],
    apiN: [Fa.FaExchangeAlt, NAVY],
    growthN: [Fa.FaChartLine, NAVY],
  };
  for (const [k, [comp, col]] of Object.entries(spec)) {
    ICONS[k] = await icon(comp, "#" + col);
  }
}

// ---------- Helpers de layout ----------
const sh = (o) => Object.assign({ type: "outer", color: "0A1530", blur: 9, offset: 3, angle: 135, opacity: 0.22 }, o || {});

function footer(slide, n, dark) {
  const col = dark ? MUTED2 : MUTED;
  slide.addText([
    { text: "PREMIAR", options: { bold: true, color: dark ? ICE : NAVY } },
    { text: "   ·   Suscripción inteligente de caución", options: { color: col } },
  ], { x: 0.5, y: 5.28, w: 7, h: 0.3, fontFace: BFONT, fontSize: 9, align: "left", margin: 0 });
  slide.addText(String(n).padStart(2, "0"), {
    x: 9.0, y: 5.28, w: 0.5, h: 0.3, fontFace: BFONT, fontSize: 9, color: col, align: "right", margin: 0,
  });
}

// chip de sección (parte superior) en slides claras
function head(slide, kicker, title, iconKey) {
  slide.background = { color: BG };
  // banda superior navy fina
  slide.addShape(pres.shapes.RECTANGLE, { x: 0, y: 0, w: W, h: 0.12, fill: { color: NAVY } });
  if (iconKey) {
    slide.addShape(pres.shapes.OVAL, { x: 0.5, y: 0.42, w: 0.62, h: 0.62, fill: { color: NAVY }, shadow: sh() });
    slide.addImage({ data: ICONS[iconKey], x: 0.64, y: 0.56, w: 0.34, h: 0.34 });
  }
  const tx = iconKey ? 1.32 : 0.5;
  slide.addText(kicker.toUpperCase(), { x: tx, y: 0.4, w: 8, h: 0.28, fontFace: BFONT, fontSize: 11, bold: true, color: GOLD, charSpacing: 2, margin: 0 });
  slide.addText(title, { x: tx, y: 0.64, w: 8.2, h: 0.62, fontFace: HFONT, fontSize: 27, bold: true, color: INK, margin: 0 });
}

function card(slide, x, y, w, h, fill) {
  slide.addShape(pres.shapes.ROUNDED_RECTANGLE, { x, y, w, h, rectRadius: 0.08, fill: { color: fill || CARD }, line: { color: "E4E8F2", width: 1 }, shadow: sh({ blur: 7, offset: 2, opacity: 0.1 }) });
}

// ====================================================================
// SLIDE 1 — Portada
// ====================================================================
function slideCover() {
  const s = pres.addSlide();
  s.background = { color: NAVY };
  // motivo: torre de capas tenue a la derecha
  const bands = [[3.0, GOLD, 30], [2.35, GOLD, 45], [1.7, GOLD, 62], [1.05, GOLD, 80]];
  bands.forEach(([yy, c, tr], i) => {
    s.addShape(pres.shapes.RECTANGLE, { x: 6.7, y: yy, w: 3.3, h: 0.55, fill: { color: c, transparency: tr } });
  });
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: 0, w: 0.18, h: H, fill: { color: GOLD } });
  s.addText("PREMIAR", { x: 0.7, y: 0.7, w: 6, h: 0.5, fontFace: HFONT, fontSize: 22, bold: true, color: WHITE, charSpacing: 4, margin: 0 });
  s.addText("Ecosistema de suscripción\ninteligente de caución", {
    x: 0.7, y: 1.65, w: 6.6, h: 1.7, fontFace: HFONT, fontSize: 40, bold: true, color: WHITE, lineSpacingMultiple: 1.0, margin: 0,
  });
  s.addText("Soter · Hermes — integración, APIs y control de capas y cúmulos en tiempo real", {
    x: 0.72, y: 3.5, w: 6.4, h: 0.8, fontFace: BFONT, fontSize: 15, color: ICE, margin: 0,
  });
  s.addShape(pres.shapes.LINE, { x: 0.74, y: 4.45, w: 2.2, h: 0, line: { color: GOLD, width: 2 } });
  s.addText([
    { text: "Presentación para socio reasegurador", options: { color: WHITE, bold: true, breakLine: true } },
    { text: "Confidencial · 2026", options: { color: MUTED2, fontSize: 11 } },
  ], { x: 0.74, y: 4.6, w: 6, h: 0.7, fontFace: BFONT, fontSize: 13, margin: 0 });
  return s;
}

// ====================================================================
// SLIDE 2 — Premiar de un vistazo (por qué somos un buen cedente)
// ====================================================================
function slideIntro() {
  const s = pres.addSlide();
  head(s, "Quiénes somos", "Premiar, en una mirada", "handshake");
  s.addText("Aseguradora de caución con suscripción disciplinada y controlada por tecnología propia. Cada póliza pasa por controles automáticos de límite y exposición antes de emitirse.", {
    x: 0.5, y: 1.42, w: 9, h: 0.7, fontFace: BFONT, fontSize: 14.5, color: INK, margin: 0,
  });
  const stats = [
    ["189.184", "pólizas emitidas", "growth"],
    ["10.860", "tomadores con\ncúmulo controlado", "users"],
    ["167", "riesgos con\ncupos definidos", "shield"],
    ["7", "contratos de reaseguro\n· 11 reaseguradores", "layers"],
  ];
  const cw = 2.18, gap = 0.2, x0 = 0.5, y0 = 2.3, ch = 2.35;
  stats.forEach(([num, lab, ic], i) => {
    const x = x0 + i * (cw + gap);
    card(s, x, y0, cw, ch);
    s.addShape(pres.shapes.RECTANGLE, { x, y: y0, w: cw, h: 0.1, fill: { color: GOLD } });
    s.addShape(pres.shapes.OVAL, { x: x + cw / 2 - 0.32, y: y0 + 0.32, w: 0.64, h: 0.64, fill: { color: NAVY } });
    s.addImage({ data: ICONS[ic], x: x + cw / 2 - 0.18, y: y0 + 0.46, w: 0.36, h: 0.36 });
    s.addText(num, { x, y: y0 + 1.05, w: cw, h: 0.6, fontFace: HFONT, fontSize: 32, bold: true, color: NAVY, align: "center", margin: 0 });
    s.addText(lab, { x: x + 0.1, y: y0 + 1.66, w: cw - 0.2, h: 0.62, fontFace: BFONT, fontSize: 11.5, color: MUTED, align: "center", margin: 0, lineSpacingMultiple: 0.95 });
  });
  s.addText([
    { text: "Para un reasegurador esto significa: ", options: { bold: true, color: NAVY } },
    { text: "cartera grande y diversificada, con cesión automática por capas y topes de acumulación verificados en cada emisión.", options: { color: INK } },
  ], { x: 0.5, y: 4.85, w: 9, h: 0.5, fontFace: BFONT, fontSize: 12.5, align: "center", margin: 0 });
  footer(s, 2, false);
}

// ====================================================================
// SLIDE 3 — El reto del reaseguro de caución
// ====================================================================
function slideChallenge() {
  const s = pres.addSlide();
  head(s, "El problema que resolvemos", "Por qué el control en tiempo real importa", "scale");
  const items = [
    ["scale", "Exposición acumulada", "Un mismo tomador acumula riesgo en decenas de pólizas. Sin un cúmulo consolidado, la exposición real es invisible hasta que es tarde."],
    ["layers", "Cesión por capas", "Cada tramo de suma asegurada se cede en distinta proporción. Calcularlo a mano, póliza por póliza, no escala ni es auditable."],
    ["bolt", "Decisión en el momento", "El límite debe verificarse antes de emitir, no en un reporte mensual. El control tiene que vivir dentro del proceso de suscripción."],
    ["audit", "Trazabilidad total", "El reasegurador necesita confiar en cada cifra: quién autorizó cada cupo, cuándo, y cómo se calculó la cesión."],
  ];
  const cw = 4.35, chh = 1.5, gx = 0.5, gy = 1.55, gpx = 0.3, gpy = 0.25;
  items.forEach(([ic, t, d], i) => {
    const col = i % 2, row = Math.floor(i / 2);
    const x = gx + col * (cw + gpx), y = gy + row * (chh + gpy);
    card(s, x, y, cw, chh);
    s.addShape(pres.shapes.RECTANGLE, { x, y, w: 0.1, h: chh, fill: { color: GOLD } });
    s.addShape(pres.shapes.OVAL, { x: x + 0.28, y: y + 0.28, w: 0.66, h: 0.66, fill: { color: NAVY } });
    s.addImage({ data: ICONS[ic], x: x + 0.45, y: y + 0.44, w: 0.34, h: 0.34 });
    s.addText(t, { x: x + 1.12, y: y + 0.22, w: cw - 1.3, h: 0.4, fontFace: HFONT, fontSize: 16, bold: true, color: NAVY, margin: 0 });
    s.addText(d, { x: x + 1.12, y: y + 0.62, w: cw - 1.32, h: 0.82, fontFace: BFONT, fontSize: 11.5, color: MUTED, margin: 0, lineSpacingMultiple: 0.96 });
  });
  footer(s, 3, false);
}

// ====================================================================
// SLIDE 4 — El ecosistema (diagrama)
// ====================================================================
function slideEcosystem() {
  const s = pres.addSlide();
  s.background = { color: NAVY };
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: 0, w: 0.18, h: H, fill: { color: GOLD } });
  s.addText("ARQUITECTURA", { x: 0.6, y: 0.36, w: 6, h: 0.3, fontFace: BFONT, fontSize: 11, bold: true, color: GOLD, charSpacing: 2, margin: 0 });
  s.addText("Cuatro sistemas que se potencian", { x: 0.6, y: 0.6, w: 9, h: 0.55, fontFace: HFONT, fontSize: 26, bold: true, color: WHITE, margin: 0 });

  // Nodo: focus=Hermes/Soter (anillo dorado), satélites=Zeus/Poseidon (anillo teal)
  function node(x, y, w, h, name, role, icW, icG, accent, focus) {
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x, y, w, h, rectRadius: 0.08, fill: { color: NAVY2 }, line: { color: focus ? GOLD : accent, width: focus ? 2.5 : 1.4 }, shadow: sh() });
    s.addShape(pres.shapes.OVAL, { x: x + 0.22, y: y + 0.2, w: 0.58, h: 0.58, fill: { color: focus ? GOLD : NAVY } });
    s.addImage({ data: focus ? icW : icG, x: x + 0.36, y: y + 0.34, w: 0.3, h: 0.3 });
    s.addText(name, { x: x + 0.92, y: y + 0.16, w: w - 1.0, h: 0.38, fontFace: HFONT, fontSize: 17, bold: true, color: WHITE, margin: 0 });
    if (focus) s.addText("★ foco de hoy", { x: x + w - 1.55, y: y + 0.2, w: 1.4, h: 0.25, fontFace: BFONT, fontSize: 8.5, italic: true, color: GOLD, align: "right", margin: 0 });
    s.addText(role, { x: x + 0.92, y: y + 0.52, w: w - 1.05, h: 0.5, fontFace: BFONT, fontSize: 9.5, color: ICE, margin: 0, lineSpacingMultiple: 0.92 });
  }
  const TLx = 0.85, TRx = 5.5, nw = 3.65, topY = 1.62, topH = 1.18, botY = 3.45, botH = 0.95;
  const Lc = TLx + nw / 2, Rc = TRx + nw / 2;
  // Fila superior (foco)
  node(TLx, topY, nw, topH, "HERMES", "Captación inteligente:\nemail → propuesta estructurada", ICONS.robotW, ICONS.robot, GOLD, true);
  node(TRx, topY, nw, topH, "SOTER", "Core de caución:\npólizas, reaseguro, capas y cúmulos", ICONS.dbW, ICONS.db, GOLD, true);
  // Fila inferior (satélites)
  node(TLx, botY, nw, botH, "ZEUS", "IA transversal · lee las 3 bases\nreglas de negocio + normativas SSN", ICONS.brainW, ICONS.brain, TEAL, false);
  node(TRx, botY, nw, botH, "POSEIDON", "ERP · facturación (AFIP)\ncobranzas · gateway Nosis", ICONS.brainW, ICONS.coins, TEAL, false);

  // Pill de arista reutilizable (sobre conector)
  function edgePill(cx, cy, w, h, lines, accent) {
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x: cx - w / 2, y: cy - h / 2, w, h, rectRadius: 0.05, fill: { color: "24365F" }, line: { color: accent, width: 1 }, shadow: sh({ blur: 5, opacity: 0.18 }) });
    s.addText(lines, { x: cx - w / 2 + 0.05, y: cy - h / 2, w: w - 0.1, h, fontFace: BFONT, fontSize: 8.8, bold: true, color: WHITE, align: "center", valign: "middle", margin: 0, lineSpacingMultiple: 0.9 });
  }
  // Arista superior: Hermes <-> Soter (API)
  s.addShape(pres.shapes.RECTANGLE, { x: TLx + nw, y: topY + topH / 2 - 0.05, w: TRx - (TLx + nw), h: 0.1, fill: { color: GOLD } });
  s.addImage({ data: ICONS.arrowN, x: TRx - 0.28, y: topY + topH / 2 - 0.13, w: 0.26, h: 0.26 });
  s.addImage({ data: ICONS.arrowN, x: TLx + nw + 0.02, y: topY + topH / 2 - 0.13, w: 0.26, h: 0.26, flipH: true });
  edgePill(5.0, 1.34, 4.4, 0.34, [{ text: "API · api/hermes/v1 · cupos · cúmulos · emisión", options: {} }], GOLD);
  // Arista izquierda: Hermes <-> Zeus (IA / normativas SSN)
  s.addShape(pres.shapes.LINE, { x: Lc, y: topY + topH, w: 0, h: botY - (topY + topH), line: { color: TEAL, width: 1.6 } });
  edgePill(Lc, (topY + topH + botY) / 2, 3.5, 0.5, [
    { text: "IA · contexto de negocio", options: { breakLine: true } },
    { text: "+ normativas SSN + checklist", options: {} },
  ], TEAL);
  // Arista derecha: Soter <-> Poseidon (facturación + Nosis)
  s.addShape(pres.shapes.LINE, { x: Rc, y: topY + topH, w: 0, h: botY - (topY + topH), line: { color: TEAL, width: 1.6 } });
  edgePill(Rc, (topY + topH + botY) / 2, 3.5, 0.5, [
    { text: "Facturación (interfaz IPOL)", options: { breakLine: true } },
    { text: "+ Nosis (scoring crediticio)", options: {} },
  ], TEAL);

  // Franja de integraciones externas
  s.addText("INTEGRACIONES EXTERNAS", { x: TLx, y: botY + botH + 0.06, w: 4, h: 0.22, fontFace: BFONT, fontSize: 8.5, bold: true, color: GOLD, charSpacing: 1.5, margin: 0 });
  const ext = ["Gmail", "Claude · Anthropic", "Nosis", "AFIP", "Telegram"];
  const ecw = 1.52, eg = 0.13, ex0 = TLx, ey = botY + botH + 0.3, eh = 0.32;
  ext.forEach((t, i) => {
    const x = ex0 + i * (ecw + eg);
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x, y: ey, w: ecw, h: eh, rectRadius: 0.05, fill: { color: NAVY }, line: { color: NAVY3, width: 1 } });
    s.addText(t, { x: x + 0.04, y: ey, w: ecw - 0.08, h: eh, fontFace: BFONT, fontSize: 9, color: ICE, align: "center", valign: "middle", margin: 0 });
  });
  footer(s, 4, true);
}

// ====================================================================
// SLIDE 5 — Hermes: pipeline de captación
// ====================================================================
function slideHermes() {
  const s = pres.addSlide();
  head(s, "Hermes", "De un email a una propuesta estructurada", "robot");
  s.addText("Los pedidos de pólizas llegan a una casilla de Gmail. Un pipeline multi-agente los convierte en propuestas listas para suscribir — sin recarga manual.", {
    x: 0.5, y: 1.42, w: 9, h: 0.6, fontFace: BFONT, fontSize: 14, color: INK, margin: 0,
  });
  const steps = [
    ["inbox", "Watcher", "Detecta el email entrante en el grupo «pedidos»"],
    ["robot", "Extractor", "IA extrae tomador, riesgo, suma asegurada, plazos"],
    ["gears", "Classifier", "Clasifica: alta, renovación o baja"],
    ["contract", "Creator", "Crea la tarea y la propuesta estructurada"],
    ["check", "Archiver", "Cierra el ciclo y archiva el correo"],
  ];
  const n = steps.length, cw = 1.66, gap = 0.18, x0 = 0.5, y0 = 2.35, chh = 2.1;
  steps.forEach(([ic, t, d], i) => {
    const x = x0 + i * (cw + gap);
    card(s, x, y0, cw, chh);
    s.addShape(pres.shapes.OVAL, { x: x + cw / 2 - 0.33, y: y0 + 0.28, w: 0.66, h: 0.66, fill: { color: NAVY } });
    s.addImage({ data: ICONS[ic], x: x + cw / 2 - 0.18, y: y0 + 0.42, w: 0.36, h: 0.36 });
    s.addText(String(i + 1), { x: x + 0.12, y: y0 + 0.12, w: 0.34, h: 0.3, fontFace: HFONT, fontSize: 13, bold: true, color: GOLD, margin: 0 });
    s.addText(t, { x, y: y0 + 1.02, w: cw, h: 0.34, fontFace: HFONT, fontSize: 14, bold: true, color: NAVY, align: "center", margin: 0 });
    s.addText(d, { x: x + 0.08, y: y0 + 1.38, w: cw - 0.16, h: 0.66, fontFace: BFONT, fontSize: 9.8, color: MUTED, align: "center", margin: 0, lineSpacingMultiple: 0.92 });
    if (i < n - 1) s.addImage({ data: ICONS.arrowG, x: x + cw + 0.01, y: y0 + 0.5, w: 0.16, h: 0.16 });
  });
  s.addText([
    { text: "En el análisis consulta a Zeus (IA):", options: { bold: true, color: NAVY } },
    { text: " normativas SSN aplicables + checklist de verificación.", options: { color: MUTED, breakLine: true } },
    { text: "Y expone un servidor MCP", options: { bold: true, color: NAVY } },
    { text: " (get_my_tasks · start_task · get_system_context) para asistentes de IA.", options: { color: MUTED } },
  ], { x: 0.5, y: 4.62, w: 9, h: 0.6, fontFace: BFONT, fontSize: 11, align: "center", margin: 0, lineSpacingMultiple: 1.0 });
  footer(s, 5, false);
}

// ====================================================================
// SLIDE 6 — La API Hermes <-> Soter
// ====================================================================
function slideApi() {
  const s = pres.addSlide();
  head(s, "Integración", "La API que une captación y core", "api");
  s.addText("Hermes nunca duplica datos del core. Consulta a Soter en vivo por HTTP (Faraday, JSON, con timeouts y caché de catálogos).", {
    x: 0.5, y: 1.4, w: 9, h: 0.5, fontFace: BFONT, fontSize: 13.5, color: INK, margin: 0,
  });
  const eps = [
    ["GET", "/people · /people/create_from_cuit", "Tomador por CUIT (alta automática)"],
    ["GET", "/risks · /currencies · /endorsement_types", "Catálogos del core (cacheados 24 h)"],
    ["GET", "/quota_cumulus/:id", "Cupo y cúmulo del tomador EN VIVO"],
    ["POST", "/policies/calculate", "Cálculo de premio e impuestos"],
    ["POST", "/policies/create_from_proposal", "Emite la póliza en Soter"],
  ];
  const x0 = 0.5, y0 = 2.1, rw = 9, rh = 0.56, gap = 0.1;
  eps.forEach(([m, ep, d], i) => {
    const y = y0 + i * (rh + gap);
    const highlight = ep.includes("quota_cumulus");
    card(s, x0, y, rw, rh, highlight ? "FFF6E0" : CARD);
    s.addShape(pres.shapes.RECTANGLE, { x: x0, y, w: 0.1, h: rh, fill: { color: highlight ? GOLD : (m === "POST" ? TEAL : NAVY3) } });
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x: x0 + 0.25, y: y + 0.14, w: 0.72, h: 0.28, rectRadius: 0.04, fill: { color: m === "POST" ? TEAL : NAVY } });
    s.addText(m, { x: x0 + 0.25, y: y + 0.14, w: 0.72, h: 0.28, fontFace: BFONT, fontSize: 10, bold: true, color: WHITE, align: "center", valign: "middle", margin: 0 });
    s.addText(ep, { x: x0 + 1.12, y, w: 4.6, h: rh, fontFace: "Consolas", fontSize: 12.5, bold: true, color: INK, valign: "middle", margin: 0 });
    s.addText(d, { x: x0 + 5.8, y, w: 3.0, h: rh, fontFace: BFONT, fontSize: 10.8, color: highlight ? "8A6400" : MUTED, valign: "middle", margin: 0 });
    if (highlight) s.addText("★", { x: x0 + 8.7, y, w: 0.25, h: rh, fontSize: 13, color: GOLD, valign: "middle", align: "center", margin: 0 });
  });
  footer(s, 6, false);
}

// ====================================================================
// SLIDE 7 — Flujo end-to-end
// ====================================================================
function slideFlow() {
  const s = pres.addSlide();
  s.background = { color: NAVY };
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: 0, w: 0.18, h: H, fill: { color: GOLD } });
  s.addText("RECORRIDO DE UNA PÓLIZA", { x: 0.6, y: 0.42, w: 8, h: 0.3, fontFace: BFONT, fontSize: 11, bold: true, color: GOLD, charSpacing: 2, margin: 0 });
  s.addText("Del pedido a la cesión, en un solo flujo", { x: 0.6, y: 0.66, w: 9, h: 0.6, fontFace: HFONT, fontSize: 26, bold: true, color: WHITE, margin: 0 });

  const flow = [
    ["HERMES", "Pedido por email", "El pipeline extrae y estructura la solicitud", GOLD],
    ["API", "Consulta cupo / cúmulo", "GET /quota_cumulus — ¿hay capacidad para este tomador?", ICE],
    ["API", "Cálculo de premio", "POST /policies/calculate — premio, tasa e impuestos", ICE],
    ["SOTER", "Emisión + cesión", "Se emite, se aplica la capa y se actualiza el cúmulo", TEAL],
  ];
  const x0 = 0.6, y0 = 1.55, cw = 8.8, rh = 0.78, gap = 0.16;
  flow.forEach(([tag, t, d, c], i) => {
    const y = y0 + i * (rh + gap);
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x: x0, y, w: cw, h: rh, rectRadius: 0.06, fill: { color: NAVY2 }, line: { color: c, width: 1.2 }, shadow: sh() });
    s.addShape(pres.shapes.OVAL, { x: x0 + 0.22, y: y + 0.18, w: 0.46, h: 0.46, fill: { color: c } });
    s.addText(String(i + 1), { x: x0 + 0.22, y: y + 0.18, w: 0.46, h: 0.46, fontFace: HFONT, fontSize: 16, bold: true, color: NAVY, align: "center", valign: "middle", margin: 0 });
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x: x0 + 0.85, y: y + 0.26, w: 1.15, h: 0.3, rectRadius: 0.04, fill: { color: c, transparency: 78 }, line: { color: c, width: 1 } });
    s.addText(tag, { x: x0 + 0.85, y: y + 0.26, w: 1.15, h: 0.3, fontFace: BFONT, fontSize: 9.5, bold: true, color: c, align: "center", valign: "middle", margin: 0 });
    s.addText(t, { x: x0 + 2.15, y: y + 0.12, w: 3.0, h: 0.34, fontFace: HFONT, fontSize: 15, bold: true, color: WHITE, margin: 0 });
    s.addText(d, { x: x0 + 2.15, y: y + 0.46, w: 6.4, h: 0.3, fontFace: BFONT, fontSize: 10.8, color: ICE, margin: 0 });
    if (i < flow.length - 1) s.addText("▼", { x: x0 + 0.36, y: y + rh - 0.02, w: 0.2, h: gap, fontSize: 10, color: GOLD, align: "center", margin: 0 });
  });
  footer(s, 7, true);
}

// ====================================================================
// SLIDE 8 — Soter, el core
// ====================================================================
function slideSoter() {
  const s = pres.addSlide();
  head(s, "Soter", "El back-office de caución", "db");
  const left = [
    ["contract", "Pólizas y endosos", "Altas, renovaciones, bajas y todo el ciclo de vida, con secuencia de endosos versionada."],
    ["coins", "Multi-moneda", "5 monedas con cotización diaria (echange_rates). El cúmulo se consolida a una base común."],
    ["audit", "Auditoría paper_trail", "Cada cambio en pólizas, personas y cupos queda registrado: quién, qué y cuándo."],
  ];
  const x0 = 0.5, y0 = 1.5, cw = 5.0, chh = 1.12, gap = 0.16;
  left.forEach(([ic, t, d], i) => {
    const y = y0 + i * (chh + gap);
    card(s, x0, y, cw, chh);
    s.addShape(pres.shapes.OVAL, { x: x0 + 0.24, y: y + 0.24, w: 0.6, h: 0.6, fill: { color: NAVY } });
    s.addImage({ data: ICONS[ic], x: x0 + 0.39, y: y + 0.39, w: 0.3, h: 0.3 });
    s.addText(t, { x: x0 + 1.0, y: y + 0.2, w: cw - 1.1, h: 0.34, fontFace: HFONT, fontSize: 15, bold: true, color: NAVY, margin: 0 });
    s.addText(d, { x: x0 + 1.0, y: y + 0.54, w: cw - 1.15, h: 0.55, fontFace: BFONT, fontSize: 10.8, color: MUTED, margin: 0, lineSpacingMultiple: 0.95 });
  });
  // panel derecho: escala
  const px = 5.8, pw = 3.7;
  s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x: px, y: y0, w: pw, h: chh * 3 + gap * 2, rectRadius: 0.08, fill: { color: NAVY }, shadow: sh() });
  s.addText("EL CORE EN NÚMEROS", { x: px + 0.3, y: y0 + 0.25, w: pw - 0.6, h: 0.3, fontFace: BFONT, fontSize: 11, bold: true, color: GOLD, charSpacing: 1.5, margin: 0 });
  const kpis = [["189.184", "pólizas"], ["10.860", "tomadores"], ["167", "riesgos"], ["33.331", "cupos cargados (total + riesgo)"]];
  kpis.forEach(([n2, l], i) => {
    const yy = y0 + 0.7 + i * 0.72;
    s.addText(n2, { x: px + 0.3, y: yy, w: 1.7, h: 0.5, fontFace: HFONT, fontSize: 23, bold: true, color: WHITE, margin: 0 });
    s.addText(l, { x: px + 2.0, y: yy + 0.06, w: pw - 2.2, h: 0.5, fontFace: BFONT, fontSize: 10.5, color: ICE, valign: "middle", margin: 0, lineSpacingMultiple: 0.9 });
  });
  footer(s, 8, false);
}

// ====================================================================
// SLIDE 9 — Capas: el concepto
// ====================================================================
function slideLayersConcept() {
  const s = pres.addSlide();
  head(s, "Control de capas · Layers", "¿Qué es una estructura por capas?", "layers");
  s.addText("La suma asegurada de cada póliza se divide en tramos. Cada tramo se retiene y se cede en distinta proporción: a mayor exposición, mayor cesión al reaseguro.", {
    x: 0.5, y: 1.42, w: 5.0, h: 1.0, fontFace: BFONT, fontSize: 14, color: INK, margin: 0, lineSpacingMultiple: 1.05,
  });
  const pts = [
    "Cada capa = un rango de monto (desde / hasta).",
    "Cada capa tiene su % de retención propia y su % cedido.",
    "Soter las modela en reinsurance_contract_details, validando que retención + cedido = 100%.",
    "Vigencia anual: un contrato de reaseguro por año.",
  ];
  pts.forEach((p, i) => {
    const y = 2.45 + i * 0.62;
    s.addShape(pres.shapes.OVAL, { x: 0.55, y: y + 0.03, w: 0.22, h: 0.22, fill: { color: GOLD } });
    s.addImage({ data: ICONS.check, x: 0.55, y: y + 0.03, w: 0.22, h: 0.22 });
    s.addText(p, { x: 0.92, y, w: 4.7, h: 0.6, fontFace: BFONT, fontSize: 11.8, color: INK, valign: "top", margin: 0, lineSpacingMultiple: 0.95 });
  });
  // ilustración mini-torre a la derecha
  const px = 6.0, pw = 3.5, py = 1.5, ph = 3.6;
  s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x: px, y: py, w: pw, h: ph, rectRadius: 0.08, fill: { color: NAVY }, shadow: sh() });
  s.addText("Una póliza, repartida en capas", { x: px + 0.25, y: py + 0.2, w: pw - 0.5, h: 0.3, fontFace: BFONT, fontSize: 11, bold: true, color: ICE, align: "center", margin: 0 });
  const segs = [["Capa 4", 0, 100], ["Capa 3", 10, 90], ["Capa 2", 20, 80], ["Capa 1", 70, 30]];
  const bx = px + 0.4, bw = pw - 0.8, bh = 0.55, by0 = py + 0.62, bgap = 0.1;
  segs.forEach(([lab, ret, ced], i) => {
    const y = by0 + i * (bh + bgap);
    const rw = bw * ret / 100;
    s.addShape(pres.shapes.RECTANGLE, { x: bx, y, w: rw, h: bh, fill: { color: TEAL } });
    s.addShape(pres.shapes.RECTANGLE, { x: bx + rw, y, w: bw - rw, h: bh, fill: { color: GOLD } });
    s.addText(lab, { x: bx, y: y - 0.01, w: bw, h: bh, fontFace: BFONT, fontSize: 9, bold: true, color: WHITE, align: "left", valign: "middle", margin: 4 });
    s.addText(`${ced}% ▶`, { x: bx, y, w: bw - 0.08, h: bh, fontFace: BFONT, fontSize: 9, bold: true, color: NAVY, align: "right", valign: "middle", margin: 4 });
  });
  // leyenda
  const legY = by0 + 4 * (bh + bgap) - 0.02;
  s.addShape(pres.shapes.RECTANGLE, { x: bx, y: legY + 0.04, w: 0.16, h: 0.16, fill: { color: TEAL } });
  s.addText("Retención", { x: bx + 0.22, y: legY, w: 1.0, h: 0.26, fontFace: BFONT, fontSize: 9, color: WHITE, valign: "middle", margin: 0 });
  s.addShape(pres.shapes.RECTANGLE, { x: bx + 1.35, y: legY + 0.04, w: 0.16, h: 0.16, fill: { color: GOLD } });
  s.addText("Cedido", { x: bx + 1.57, y: legY, w: 1.0, h: 0.26, fontFace: BFONT, fontSize: 9, color: WHITE, valign: "middle", margin: 0 });
  footer(s, 9, false);
}

// ====================================================================
// SLIDE 10 — Capas: contrato 2026 real (CENTERPIECE)
// ====================================================================
function slideLayersReal() {
  const s = pres.addSlide();
  s.background = { color: NAVY };
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: 0, w: 0.18, h: H, fill: { color: GOLD } });
  s.addText("CONTROL DE CAPAS · DATO REAL", { x: 0.6, y: 0.38, w: 8, h: 0.3, fontFace: BFONT, fontSize: 11, bold: true, color: GOLD, charSpacing: 2, margin: 0 });
  s.addText("Contrato de reaseguro 2026", { x: 0.6, y: 0.62, w: 9, h: 0.55, fontFace: HFONT, fontSize: 26, bold: true, color: WHITE, margin: 0 });
  s.addText("Estructura cargada hoy en Soter. La cesión crece con la exposición.", { x: 0.6, y: 1.2, w: 9, h: 0.3, fontFace: BFONT, fontSize: 12.5, italic: true, color: ICE, margin: 0 });

  // datos reales (USD, moneda de referencia del contrato)
  const layers = [
    ["Capa 4", "30 M – 50 M", 0, 100],
    ["Capa 3", "15 M – 30 M", 10, 90],
    ["Capa 2", "6 M – 15 M", 20, 80],
    ["Capa 1", "0 – 6 M", 70, 30],
  ];
  const x0 = 0.7, y0 = 1.75, labw = 1.05, rangew = 1.7;
  const barx = x0 + labw + rangew + 0.15, barw = 9.4 - barx, bh = 0.62, gap = 0.18;
  layers.forEach(([lab, range, ret, ced], i) => {
    const y = y0 + i * (bh + gap);
    s.addText(lab, { x: x0, y, w: labw, h: bh, fontFace: HFONT, fontSize: 14, bold: true, color: GOLD, valign: "middle", margin: 0 });
    s.addText(range, { x: x0 + labw, y, w: rangew, h: bh, fontFace: "Consolas", fontSize: 12.5, color: WHITE, valign: "middle", margin: 0 });
    const rw = barw * ret / 100;
    if (rw > 0.01) {
      s.addShape(pres.shapes.RECTANGLE, { x: barx, y, w: rw, h: bh, fill: { color: TEAL }, shadow: sh({ blur: 5, opacity: 0.18 }) });
      s.addText(ret < 15 ? `${ret}%` : `Retención ${ret}%`, { x: barx, y, w: rw, h: bh, fontFace: BFONT, fontSize: 11, bold: true, color: WHITE, align: "center", valign: "middle", margin: 0 });
    }
    s.addShape(pres.shapes.RECTANGLE, { x: barx + rw, y, w: barw - rw, h: bh, fill: { color: GOLD }, shadow: sh({ blur: 5, opacity: 0.18 }) });
    s.addText(`Cedido ${ced}%`, { x: barx + rw, y, w: barw - rw, h: bh, fontFace: BFONT, fontSize: 11, bold: true, color: NAVY, align: "center", valign: "middle", margin: 0 });
  });
  // eje / nota
  s.addText("Montos en USD — moneda de referencia del contrato (configurable y multi-moneda).", {
    x: barx, y: y0 + 4 * (bh + gap) - 0.05, w: barw, h: 0.3, fontFace: BFONT, fontSize: 9.5, italic: true, color: MUTED2, margin: 0,
  });
  // leyenda lateral
  s.addText([
    { text: "■ ", options: { color: TEAL, bold: true } }, { text: "Premiar retiene    ", options: { color: WHITE } },
    { text: "■ ", options: { color: GOLD, bold: true } }, { text: "Se cede al reasegurador", options: { color: WHITE } },
  ], { x: x0, y: y0 + 4 * (bh + gap) + 0.2, w: 8.8, h: 0.3, fontFace: BFONT, fontSize: 11, align: "center", margin: 0 });
  footer(s, 10, true);
}

// ====================================================================
// SLIDE 11 — Cómo Soter aplica la capa al emitir
// ====================================================================
function slideLayerApply() {
  const s = pres.addSlide();
  head(s, "Control de capas", "Cómo se aplica al emitir, automáticamente", "gears");
  s.addText("Ejemplo: póliza con suma asegurada de USD 20 M sobre el contrato 2026. Soter recorre las capas y reparte el monto tramo por tramo.", {
    x: 0.5, y: 1.42, w: 9, h: 0.5, fontFace: BFONT, fontSize: 13.5, color: INK, margin: 0,
  });
  // tabla de reparto
  const rows = [
    ["Tramo", "Monto en el tramo", "Cedido %", "Cedido al reaseguro"],
    ["0 – 6 M (Capa 1)", "6.000.000", "30%", "1.800.000"],
    ["6 – 15 M (Capa 2)", "9.000.000", "80%", "7.200.000"],
    ["15 – 20 M (Capa 3)", "5.000.000", "90%", "4.500.000"],
    ["Total cedido", "20.000.000", "—", "13.500.000"],
  ];
  const x0 = 0.5, y0 = 2.1, w = 9, colW = [3.0, 2.4, 1.4, 2.2];
  const rh = 0.5;
  rows.forEach((r, i) => {
    let cx = x0;
    const isHead = i === 0, isTot = i === rows.length - 1;
    r.forEach((c, j) => {
      const fill = isHead ? NAVY : (isTot ? "FFF6E0" : (i % 2 ? "FFFFFF" : "EEF1F8"));
      s.addShape(pres.shapes.RECTANGLE, { x: cx, y: y0 + i * rh, w: colW[j], h: rh, fill: { color: fill }, line: { color: "DCE2EE", width: 0.75 } });
      const col = isHead ? WHITE : (isTot ? "8A6400" : INK);
      s.addText(c, { x: cx + 0.1, y: y0 + i * rh, w: colW[j] - 0.2, h: rh, fontFace: j >= 1 ? "Consolas" : BFONT, fontSize: isHead ? 11 : 12, bold: isHead || isTot || j === 3, color: j === 3 && !isHead ? (isTot ? "8A6400" : "1C7A6A") : col, align: j >= 1 ? "right" : "left", valign: "middle", margin: 0 });
      cx += colW[j];
    });
  });
  s.addText([
    { text: "Resultado: ", options: { bold: true, color: NAVY } },
    { text: "de USD 20 M, Premiar retiene 6,5 M y cede 13,5 M — calculado y registrado en la emisión, sin planillas.", options: { color: INK } },
  ], { x: 0.5, y: y0 + 5 * rh + 0.15, w: 9, h: 0.4, fontFace: BFONT, fontSize: 12.5, align: "center", margin: 0 });
  footer(s, 11, false);
}

// ====================================================================
// SLIDE 12 — Cúmulos: concepto
// ====================================================================
function slideCumulusConcept() {
  const s = pres.addSlide();
  head(s, "Control de cúmulos · Accumulation", "Exposición consolidada por tomador", "scale");
  s.addText("El cúmulo suma toda la exposición de un mismo tomador a través de TODAS sus pólizas, y la compara contra su cupo (límite). Es el control que evita la concentración de riesgo.", {
    x: 0.5, y: 1.42, w: 9, h: 0.7, fontFace: BFONT, fontSize: 14, color: INK, margin: 0, lineSpacingMultiple: 1.04,
  });
  const cols = [
    ["scale", "Cúmulo total", "Suma de sumas aseguradas vigentes del tomador, llevadas a una moneda común con la cotización del día."],
    ["shield", "Cúmulo por riesgo", "Mismo control, pero acotado a cada riesgo: un tomador puede tener cupo global y cupos específicos."],
    ["bolt", "En tiempo de emisión", "Antes de emitir, Soter recalcula el cúmulo proyectado. Si supera el cupo, alerta o bloquea."],
  ];
  const x0 = 0.5, y0 = 2.4, cw = 2.93, gap = 0.1, chh = 2.4;
  cols.forEach(([ic, t, d], i) => {
    const x = x0 + i * (cw + gap);
    card(s, x, y0, cw, chh);
    s.addShape(pres.shapes.RECTANGLE, { x, y: y0, w: cw, h: 0.1, fill: { color: i === 2 ? GOLD : NAVY3 } });
    s.addShape(pres.shapes.OVAL, { x: x + cw / 2 - 0.36, y: y0 + 0.34, w: 0.72, h: 0.72, fill: { color: NAVY } });
    s.addImage({ data: ICONS[ic], x: x + cw / 2 - 0.2, y: y0 + 0.5, w: 0.4, h: 0.4 });
    s.addText(t, { x, y: y0 + 1.2, w: cw, h: 0.38, fontFace: HFONT, fontSize: 16, bold: true, color: NAVY, align: "center", margin: 0 });
    s.addText(d, { x: x + 0.2, y: y0 + 1.6, w: cw - 0.4, h: 0.75, fontFace: BFONT, fontSize: 11, color: MUTED, align: "center", margin: 0, lineSpacingMultiple: 0.97 });
  });
  footer(s, 12, false);
}

// ====================================================================
// SLIDE 13 — El motor static_cumulo
// ====================================================================
function slideEngine() {
  const s = pres.addSlide();
  s.background = { color: NAVY };
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: 0, w: 0.18, h: H, fill: { color: GOLD } });
  s.addText("EL MOTOR", { x: 0.6, y: 0.42, w: 8, h: 0.3, fontFace: BFONT, fontSize: 11, bold: true, color: GOLD, charSpacing: 2, margin: 0 });
  s.addText("static_cumulo — el cálculo en vivo", { x: 0.6, y: 0.66, w: 9, h: 0.6, fontFace: HFONT, fontSize: 26, bold: true, color: WHITE, margin: 0 });

  const steps = [
    ["1", "Reúne las pólizas vigentes", "Todas las del tomador con número emitido (y de co-tomadores en UTE, prorrateando por participación)."],
    ["2", "Lleva todo a moneda común", "Aplica la cotización del día (echange_rates). Detecta si falta cotización y lo advierte."],
    ["3", "Multiplica según el endoso", "Cada tipo de endoso suma o resta al cúmulo (multiply_in_cumulo): altas suman, bajas restan."],
    ["4", "Compara contra el cupo", "Cúmulo proyectado vs. cupo total y cupo por riesgo → mensaje y, si corresponde, bloqueo."],
  ];
  const x0 = 0.6, y0 = 1.6, cw = 4.3, chh = 1.5, gx = 0.3, gy = 0.22;
  steps.forEach(([n, t, d], i) => {
    const col = i % 2, row = Math.floor(i / 2);
    const x = x0 + col * (cw + gx), y = y0 + row * (chh + gy);
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x, y, w: cw, h: chh, rectRadius: 0.07, fill: { color: NAVY2 }, line: { color: NAVY3, width: 1 }, shadow: sh() });
    s.addShape(pres.shapes.OVAL, { x: x + 0.25, y: y + 0.25, w: 0.6, h: 0.6, fill: { color: GOLD } });
    s.addText(n, { x: x + 0.25, y: y + 0.25, w: 0.6, h: 0.6, fontFace: HFONT, fontSize: 22, bold: true, color: NAVY, align: "center", valign: "middle", margin: 0 });
    s.addText(t, { x: x + 1.0, y: y + 0.22, w: cw - 1.15, h: 0.4, fontFace: HFONT, fontSize: 15, bold: true, color: WHITE, margin: 0 });
    s.addText(d, { x: x + 1.0, y: y + 0.62, w: cw - 1.18, h: 0.82, fontFace: BFONT, fontSize: 10.5, color: ICE, margin: 0, lineSpacingMultiple: 0.95 });
  });
  s.addText("La misma función alimenta la pantalla de emisión en Soter y la respuesta del endpoint /quota_cumulus que consume Hermes — una sola fuente de verdad.", {
    x: 0.6, y: 4.85, w: 8.8, h: 0.4, fontFace: BFONT, fontSize: 11.5, italic: true, color: GOLD, margin: 0,
  });
  footer(s, 13, true);
}

// ====================================================================
// SLIDE 14 — Cupos y autorizaciones (governance)
// ====================================================================
function slideQuotas() {
  const s = pres.addSlide();
  head(s, "Gobierno del riesgo", "Cupos y autorizaciones trazables", "lock");
  s.addText("Los límites no son un número suelto: tienen vigencia, historial y autorización nominada. Todo versionado con paper_trail.", {
    x: 0.5, y: 1.42, w: 9, h: 0.5, fontFace: BFONT, fontSize: 13.5, color: INK, margin: 0,
  });
  const items = [
    ["users", "Cupo total por tomador", "PersonTakerTotalCupo: monto máximo, con fechas desde/hasta. Se versiona; nunca se pisa el histórico."],
    ["shield", "Cupo por riesgo", "PersonTakerRiskCupo: límite, tasa y periodicidad de facturación por riesgo específico."],
    ["audit", "Autorizaciones nominadas", "Cada cupo guarda quién lo autorizó y cuándo. El reasegurador puede auditar la cadena de decisión."],
    ["lock", "Sin atajos", "El cálculo de cúmulo y los topes viven en el modelo: no se puede emitir saltándose el control."],
  ];
  const x0 = 0.5, y0 = 2.05, cw = 4.35, chh = 1.4, gpx = 0.3, gpy = 0.22;
  items.forEach(([ic, t, d], i) => {
    const col = i % 2, row = Math.floor(i / 2);
    const x = x0 + col * (cw + gpx), y = y0 + row * (chh + gpy);
    card(s, x, y, cw, chh);
    s.addShape(pres.shapes.RECTANGLE, { x, y, w: 0.1, h: chh, fill: { color: TEAL } });
    s.addShape(pres.shapes.OVAL, { x: x + 0.28, y: y + 0.26, w: 0.62, h: 0.62, fill: { color: NAVY } });
    s.addImage({ data: ICONS[ic], x: x + 0.43, y: y + 0.41, w: 0.32, h: 0.32 });
    s.addText(t, { x: x + 1.05, y: y + 0.2, w: cw - 1.2, h: 0.36, fontFace: HFONT, fontSize: 14.5, bold: true, color: NAVY, margin: 0 });
    s.addText(d, { x: x + 1.05, y: y + 0.56, w: cw - 1.22, h: 0.78, fontFace: BFONT, fontSize: 10.8, color: MUTED, margin: 0, lineSpacingMultiple: 0.95 });
  });
  footer(s, 14, false);
}

// ====================================================================
// SLIDE 15 — DEMO EN VIVO (divider)
// ====================================================================
function slideDemo() {
  const s = pres.addSlide();
  s.background = { color: NAVY };
  s.addShape(pres.shapes.OVAL, { x: 3.85, y: 1.15, w: 2.3, h: 2.3, fill: { color: NAVY2 }, line: { color: GOLD, width: 2.5 } });
  s.addImage({ data: ICONS.play, x: 4.55, y: 1.85, w: 0.9, h: 0.9 });
  s.addText("DEMO EN VIVO", { x: 1, y: 3.55, w: 8, h: 0.6, fontFace: HFONT, fontSize: 34, bold: true, color: WHITE, align: "center", charSpacing: 1, margin: 0 });
  s.addText("Hermes recibe un pedido  →  consulta cupo y cúmulo a Soter  →  emitimos  →  vemos la capa y el cúmulo actualizado", {
    x: 1.2, y: 4.25, w: 7.6, h: 0.6, fontFace: BFONT, fontSize: 13, color: ICE, align: "center", margin: 0,
  });
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: 0, w: W, h: 0.12, fill: { color: GOLD } });
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: H - 0.12, w: W, h: 0.12, fill: { color: GOLD } });
  return s;
}

// ====================================================================
// SLIDE 16 — Números reales (chart de crecimiento)
// ====================================================================
function slideNumbers() {
  const s = pres.addSlide();
  head(s, "Tracción", "Volumen real, en crecimiento", "growth");
  s.addChart(pres.charts.BAR, [{
    name: "Pólizas emitidas", labels: ["2023", "2024", "2025"], values: [34698, 44217, 52058],
  }], {
    x: 0.5, y: 1.6, w: 5.6, h: 3.3, barDir: "col",
    chartColors: [NAVY],
    chartArea: { fill: { color: BG } },
    catAxisLabelColor: MUTED, valAxisLabelColor: MUTED, catAxisLabelFontFace: BFONT, valAxisLabelFontFace: BFONT,
    catAxisLabelFontSize: 12, valAxisLabelFontSize: 9,
    valGridLine: { color: "E2E8F0", size: 0.5 }, catGridLine: { style: "none" },
    showValue: true, dataLabelPosition: "outEnd", dataLabelColor: NAVY, dataLabelFontFace: BFONT, dataLabelFontSize: 11, dataLabelFontBold: true,
    showLegend: false, showTitle: false,
  });
  s.addText("Pólizas emitidas por año", { x: 0.5, y: 1.5, w: 5.6, h: 0.3, fontFace: BFONT, fontSize: 11, bold: true, color: NAVY, align: "center", margin: 0 });
  s.addText("2026 en curso: +20.000 al primer semestre", { x: 0.5, y: 4.85, w: 5.6, h: 0.3, fontFace: BFONT, fontSize: 10, italic: true, color: MUTED, align: "center", margin: 0 });

  // panel derecho de KPIs
  const px = 6.4, pw = 3.1, py = 1.6;
  const kpis = [["+49%", "crecimiento de pólizas\n2023 → 2025", GOLD], ["5", "monedas operadas\ncon FX diario", TEAL], ["100%", "emisiones con control\nde cúmulo y capa", GOLD]];
  kpis.forEach(([n, l, c], i) => {
    const y = py + i * 1.15;
    card(s, px, y, pw, 1.0);
    s.addShape(pres.shapes.RECTANGLE, { x: px, y, w: 0.1, h: 1.0, fill: { color: c } });
    s.addText(n, { x: px + 0.25, y: y + 0.12, w: 1.3, h: 0.76, fontFace: HFONT, fontSize: 28, bold: true, color: NAVY, valign: "middle", margin: 0 });
    s.addText(l, { x: px + 1.45, y: y + 0.1, w: pw - 1.6, h: 0.8, fontFace: BFONT, fontSize: 10.5, color: MUTED, valign: "middle", margin: 0, lineSpacingMultiple: 0.92 });
  });
  footer(s, 16, false);
}

// ====================================================================
// SLIDE 17 — Por qué reduce el riesgo del reasegurador
// ====================================================================
function slideValue() {
  const s = pres.addSlide();
  s.background = { color: NAVY };
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: 0, w: 0.18, h: H, fill: { color: GOLD } });
  s.addText("LA PROPUESTA DE VALOR", { x: 0.6, y: 0.42, w: 8, h: 0.3, fontFace: BFONT, fontSize: 11, bold: true, color: GOLD, charSpacing: 2, margin: 0 });
  s.addText("Qué gana usted como reasegurador", { x: 0.6, y: 0.66, w: 9, h: 0.6, fontFace: HFONT, fontSize: 26, bold: true, color: WHITE, margin: 0 });
  const items = [
    ["check", "Cesión automática y exacta", "La capa se aplica en cada emisión. Cero error de planilla, cero subjetividad."],
    ["scale", "Topes de acumulación duros", "Ningún tomador supera su cupo sin autorización registrada. Menor volatilidad de cartera."],
    ["audit", "Transparencia auditable", "paper_trail sobre pólizas, cupos y autorizaciones. Cada cifra es rastreable."],
    ["bolt", "Control en tiempo real", "El límite se verifica antes de emitir, no en un cierre mensual."],
    ["api", "Datos listos para compartir", "La API ya expone cúmulos y cupos: base directa para bordereaux y reporting."],
    ["growth", "Suscripción data-driven", "Cartera grande, diversificada y disciplinada por diseño del software."],
  ];
  const x0 = 0.6, y0 = 1.55, cw = 4.35, chh = 1.05, gpx = 0.3, gpy = 0.16;
  items.forEach(([ic, t, d], i) => {
    const col = i % 2, row = Math.floor(i / 2);
    const x = x0 + col * (cw + gpx), y = y0 + row * (chh + gpy);
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, { x, y, w: cw, h: chh, rectRadius: 0.06, fill: { color: NAVY2 }, line: { color: NAVY3, width: 1 } });
    s.addShape(pres.shapes.OVAL, { x: x + 0.22, y: y + 0.22, w: 0.6, h: 0.6, fill: { color: GOLD } });
    s.addImage({ data: ICONS[ic + "N"], x: x + 0.35, y: y + 0.35, w: 0.34, h: 0.34 });
    s.addText(t, { x: x + 0.98, y: y + 0.16, w: cw - 1.1, h: 0.36, fontFace: HFONT, fontSize: 14, bold: true, color: WHITE, margin: 0 });
    s.addText(d, { x: x + 0.98, y: y + 0.5, w: cw - 1.12, h: 0.5, fontFace: BFONT, fontSize: 10.3, color: ICE, margin: 0, lineSpacingMultiple: 0.92 });
  });
  footer(s, 17, true);
}

// ====================================================================
// SLIDE 18 — Arquitectura & confiabilidad
// ====================================================================
function slideArch() {
  const s = pres.addSlide();
  head(s, "Bajo el capó", "Arquitectura y confiabilidad", "server");
  const items = [
    ["server", "Stack probado", "Ruby on Rails 7 + PostgreSQL en Heroku. Años en producción con datos reales."],
    ["lock", "API segura", "Autenticación por token en cabecera; sin exponer credenciales en logs."],
    ["bolt", "Resiliencia", "Faraday con timeouts y caché de catálogos: Hermes degrada con elegancia si el core no responde."],
    ["audit", "Auditoría integral", "paper_trail en entidades sensibles; histórico completo de cambios."],
    ["brain", "Analítica con Zeus", "Consulta en lenguaje natural sobre las 3 bases — reporting sin fricción para gestión."],
    ["db", "Una fuente de verdad", "Soter es el único dueño del dato de pólizas; el resto consume vía API."],
  ];
  const x0 = 0.5, y0 = 1.5, cw = 4.4, chh = 1.05, gpx = 0.3, gpy = 0.16;
  items.forEach(([ic, t, d], i) => {
    const col = i % 2, row = Math.floor(i / 2);
    const x = x0 + col * (cw + gpx), y = y0 + row * (chh + gpy);
    card(s, x, y, cw, chh);
    s.addShape(pres.shapes.OVAL, { x: x + 0.22, y: y + 0.22, w: 0.6, h: 0.6, fill: { color: NAVY } });
    s.addImage({ data: ICONS[ic], x: x + 0.37, y: y + 0.37, w: 0.3, h: 0.3 });
    s.addText(t, { x: x + 0.95, y: y + 0.16, w: cw - 1.1, h: 0.36, fontFace: HFONT, fontSize: 14, bold: true, color: NAVY, margin: 0 });
    s.addText(d, { x: x + 0.95, y: y + 0.5, w: cw - 1.12, h: 0.5, fontFace: BFONT, fontSize: 10.3, color: MUTED, margin: 0, lineSpacingMultiple: 0.92 });
  });
  footer(s, 18, false);
}

// ====================================================================
// SLIDE 19 — Cierre
// ====================================================================
function slideClose() {
  const s = pres.addSlide();
  s.background = { color: NAVY };
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: 0, w: W, h: 0.12, fill: { color: GOLD } });
  s.addShape(pres.shapes.RECTANGLE, { x: 0, y: H - 0.12, w: W, h: 0.12, fill: { color: GOLD } });
  s.addText("Una sociedad construida sobre control", { x: 0.8, y: 1.5, w: 8.4, h: 1.0, fontFace: HFONT, fontSize: 32, bold: true, color: WHITE, align: "center", margin: 0 });
  s.addText("Tecnología propia que hace la suscripción disciplinada, la cesión exacta y la exposición transparente — en tiempo real.", {
    x: 1.4, y: 2.6, w: 7.2, h: 0.8, fontFace: BFONT, fontSize: 15, color: ICE, align: "center", margin: 0, lineSpacingMultiple: 1.05,
  });
  s.addShape(pres.shapes.LINE, { x: 4.0, y: 3.6, w: 2.0, h: 0, line: { color: GOLD, width: 2 } });
  s.addText("PREMIAR", { x: 0.8, y: 3.85, w: 8.4, h: 0.5, fontFace: HFONT, fontSize: 22, bold: true, color: WHITE, align: "center", charSpacing: 4, margin: 0 });
  s.addText("Gracias  ·  ¿Conversamos?", { x: 0.8, y: 4.4, w: 8.4, h: 0.4, fontFace: BFONT, fontSize: 13, italic: true, color: GOLD, align: "center", margin: 0 });
  return s;
}

(async () => {
  await loadIcons();
  slideCover();
  slideIntro();
  slideChallenge();
  slideEcosystem();
  slideHermes();
  slideApi();
  slideFlow();
  slideSoter();
  slideLayersConcept();
  slideLayersReal();
  slideLayerApply();
  slideCumulusConcept();
  slideEngine();
  slideQuotas();
  slideDemo();
  slideNumbers();
  slideValue();
  slideArch();
  slideClose();
  await pres.writeFile({ fileName: "Premiar_Demo_Reaseguro.pptx" });
  console.log("OK escrito Premiar_Demo_Reaseguro.pptx");
})();