DAIA — Generador de Presentaciones

DAIA

Generador de presentaciones

✨ Generar con IA CLAUDE ▼

Describí el prospecto o tu objetivo

Proveedor de IA

API Key

Modelo

Sin API key: copiá el prompt y pegalo en claude.ai, luego pegá la respuesta JSON en la terminal del navegador con applyJSON(...)

🖼 Portada (Slide 1) ▼

El titular tiene 3 líneas: las 2 primeras en blanco, la tercera en verde.

Línea 1

Línea 2

Línea 3 (verde)

Subtítulo

Etiqueta eyebrow

🏛 Los 3 pilares (Slide 2) ▼

Slide "Qué hacemos". Personalizá según el foco de la reunión.

Pilar 01

Icono

Título

Descripción

Pilar 02

Icono

Título

Descripción

Pilar 03

Icono

Título

Descripción

🤖 Agente IA — capacidades (Slide 5) ▼

4 cards que muestran qué hace el agente para este sector específico. La IA los reescribe en base al prospecto.

Capacidad 01

Título

Descripción

Capacidad 02

Título

Descripción

Capacidad 03

Título

Descripción

Capacidad 04

Título

Descripción

Canales disponibles

✅ Flujo y cierre (Slides 6 y 9) ▼

Descripción slide 6 (Cómo funciona)

Texto cierre slide 9 (¿Empezamos?)

📊 Estadísticas de empresa ▼

Aparecen en portada y en "Presencia global".

Años

Etiqueta

Países

Etiqueta

Consultores

Etiqueta

Clientes

Etiqueta

🏢 Clientes destacados (Slide 8) ▼

Activá/desactivá según el rubro. Mejor con 3 o 6 activos.

📞 Contacto (Slide 9) ▼

WhatsApp México

Email México

Email Argentina

Web México

Web Argentina

📈 Métricas del agente (Slide 6) ▼

Tiempo respuesta

Conversión leads

Disponibilidad

Semanas impl.

Vista previa en tiempo real ← → para navegar · F11 pantalla completa

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>DAIA — Agencia de IA aplicada a negocios B2B</title>
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
<style>
*{box-sizing:border-box;margin:0;padding:0}
:root{--black:#07080a;--dark:#0e1012;--card:#141719;--teal:#2ed9c3;--teal2:#1aaa9a;--teal3:#064e3b;--white:#f0f0ee;--off:#9a9a98;--muted:#555;--green:#3db87a;--amber:#f59e0b;--red:#e05454;--blue:#3b82f6;--violet:#8b5cf6;--border:#242628}
html,body{width:100%;height:100%;overflow:hidden;background:var(--black)}
body{font-family:'DM Sans',sans-serif;color:var(--white)}
.deck{width:100vw;height:100vh;position:relative}
.slide{position:absolute;inset:0;display:none;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .28s ease}
.slide.active{display:flex;opacity:1}
.nav{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:100;background:rgba(7,8,10,.92);border:0.5px solid #222;padding:8px 15px;border-radius:40px;backdrop-filter:blur(14px)}
.nl{font-family:'Syne',sans-serif;font-size:13px;font-weight:800;letter-spacing:.07em;margin-right:4px}.nl span{color:var(--teal)}
.dot{width:7px;height:7px;border-radius:50%;background:#333;border:none;cursor:pointer;transition:background .25s;padding:0}.dot.active{background:var(--teal)}
.nb{background:transparent;border:0.5px solid #333;color:var(--white);padding:5px 12px;border-radius:20px;font-size:11px;cursor:pointer;font-family:'DM Sans',sans-serif}.nb:hover{background:#181a1c}
.sn{font-size:10px;color:#444;min-width:28px;text-align:center}
.fsh{position:fixed;top:14px;right:16px;font-size:9px;color:#2a2a2a;z-index:200;cursor:pointer}
.pad{padding:5vh 5vw 10vh}
.ey{font-size:9px;color:var(--teal);letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin-bottom:9px}
.h2{font-family:'Syne',sans-serif;font-size:clamp(18px,2.5vw,30px);font-weight:700;line-height:1.15}
.sub{font-size:clamp(11px,1vw,14px);color:var(--off);line-height:1.65}
.ac{color:var(--teal)}
.card{background:var(--card);border:0.5px solid var(--border);border-radius:12px;padding:18px 20px}
.chip{display:inline-block;font-size:9px;padding:3px 9px;border-radius:20px;margin:2px}
.chip-t{background:#040f0e;border:0.5px solid var(--teal3);color:var(--teal)}
.chip-g{background:#0a1a0a;border:0.5px solid #1a4a2a;color:var(--green)}
.chip-a{background:#100d04;border:0.5px solid #3a2808;color:var(--amber)}
.chip-v{background:#0d0a18;border:0.5px solid #2e1065;color:var(--violet)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes dash{to{stroke-dashoffset:-20}}
.flow-line{animation:dash 1.5s linear infinite}
#s1{background:var(--black)}
.s1-grid{display:grid;grid-template-columns:1fr 1fr;height:100%}
.s1l{background:linear-gradient(160deg,#0a1210 0%,#07080a 100%);border-right:0.5px solid #1a2a28;border-left:4px solid var(--teal);display:flex;flex-direction:column;padding:6vh 4vw;position:relative;overflow:hidden}
.s1l::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--teal),var(--green),transparent)}
.s1r{background:#07080a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.logo-main{font-family:'Syne',sans-serif;font-size:56px;font-weight:800;letter-spacing:.04em;line-height:1;margin-bottom:auto;position:relative;z-index:2}.logo-main span{color:var(--teal)}
.logo-tagline{font-size:12px;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-top:-4px;margin-bottom:auto;position:relative;z-index:2}
.s1-headline{font-family:'Syne',sans-serif;font-size:clamp(22px,3vw,38px);font-weight:800;line-height:1.1;margin-bottom:12px;position:relative;z-index:2}
.s1-sub{font-size:13px;color:var(--off);line-height:1.65;max-width:340px;margin-bottom:28px;position:relative;z-index:2}
.s1-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:2}
.s1-stat{border-left:2px solid var(--teal);padding-left:12px}
.s1-stat-n{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:var(--teal)}
.s1-stat-l{font-size:9px;color:#555;margin-top:1px}
.hero-orb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.orb-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0a1e1c 0%,#07080a 65%)}
#s2{flex-direction:row}
.s2l{width:38%;background:#0a1210;border-right:0.5px solid #1a2a28;padding:5vh 3vw;display:flex;flex-direction:column;justify-content:center}
.s2r{flex:1;padding:5vh 3vw;display:flex;flex-direction:column;gap:14px;justify-content:center}
.pilar{background:var(--card);border:0.5px solid var(--border);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:border-color .25s,transform .2s}
.pilar:hover{border-color:var(--teal2);transform:translateX(4px)}
.pilar-n{font-family:'Syne',sans-serif;font-size:40px;font-weight:800;color:#141719;position:absolute;top:8px;right:12px;line-height:1}
.pilar-icon{font-size:20px;margin-bottom:8px}
.pilar-title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;margin-bottom:7px}
.pilar-sep{width:32px;height:2px;background:var(--teal);margin-bottom:8px}
.pilar-text{font-size:10.5px;color:#666;line-height:1.55}
#s3{flex-direction:row}
.s3l{flex:1;padding:5vh 4vw;display:flex;flex-direction:column;justify-content:center}
.s3r{width:40%;background:#0a1210;border-left:0.5px solid #1a2a28;padding:5vh 3vw;display:flex;flex-direction:column;justify-content:center;gap:10px}
.ofc{background:var(--card);border:0.5px solid var(--border);border-radius:11px;padding:14px 16px;border-left:3px solid var(--teal);transition:border-color .2s}
.ofc:hover{border-color:var(--green)}
.bn{font-family:'Syne',sans-serif;font-size:38px;font-weight:800;color:var(--teal);line-height:1}
.bl{font-size:9px;color:#555;margin-top:2px}
.stat-row{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}
.country-dots{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.cdot{font-size:10px;color:var(--off);display:flex;align-items:center;gap:4px}
.cdot::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green);display:inline-block}
#s4{padding:5vh 5vw 10vh}
.vert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;flex:1}
.vc{background:var(--card);border:0.5px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;transition:border-color .25s,transform .2s}
.vc:hover{border-color:var(--teal2);transform:translateY(-3px)}
.vc-icon{font-size:24px;margin-bottom:10px}.vc-title{font-family:'Syne',sans-serif;font-size:12px;font-weight:700;margin-bottom:7px}
.vc-sep{width:24px;height:2px;background:var(--teal);margin-bottom:8px}
.vc-items{list-style:none;display:flex;flex-direction:column;gap:4px;flex:1}
.vc-items li{font-size:9.5px;color:#666;display:flex;gap:5px;align-items:flex-start;line-height:1.4}
.vc-items li::before{content:"·";color:var(--teal);font-weight:700;flex-shrink:0}
#s5{padding:4.5vh 5vw 10vh}#s6{padding:4.5vh 5vw 10vh}
#s7{background:var(--black)}
.dash-wrap{position:absolute;inset:0;padding:5vh 5vw 10vh;display:flex;flex-direction:column}
.dash-grid{flex:1;display:grid;grid-template-columns:220px 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:0}
.dash-sidebar{grid-row:1/3;background:#0a1210;border:0.5px solid #1a2a28;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}
.dash-widget{background:var(--card);border:0.5px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;transition:border-color .25s}
.dash-widget:hover{border-color:var(--teal2)}
.dw-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.dw-value{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;color:var(--teal);line-height:1}
.dw-sub{font-size:9px;color:var(--green);margin-top:3px}
.ai-chat-bubble{background:#0a1210;border:0.5px solid #1a2a28;border-radius:10px;padding:10px 12px;font-size:10px;color:var(--off);line-height:1.55;position:relative}
.ai-chat-bubble::before{content:'🤖';position:absolute;top:-8px;left:10px;font-size:14px}
.ai-typing{display:flex;gap:4px;align-items:center;margin-top:6px}
.ai-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);animation:pulse-dot .8s ease-in-out infinite}
.ai-dot:nth-child(2){animation-delay:.15s}.ai-dot:nth-child(3){animation-delay:.3s}
@keyframes pulse-dot{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.mini-bars{display:flex;gap:5px;align-items:flex-end;height:60px;margin-top:8px}
.mbar{flex:1;border-radius:3px 3px 0 0;background:var(--teal);opacity:.7}.mbar:hover{opacity:1}
.mini-line-svg{width:100%;height:50px;margin-top:8px}
#s8{padding:5vh 5vw 10vh}
.clients-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;flex:1}
.cc{background:var(--card);border:0.5px solid var(--border);border-radius:12px;padding:16px;border-left:3px solid var(--teal);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.cc:hover{border-color:var(--teal2);transform:translateX(3px)}
.cc-n{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;margin-bottom:2px}
.cc-s{font-size:8px;color:var(--teal2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.cc-r{font-size:10px;color:#666;line-height:1.5;flex:1}
.cc-tag{display:inline-block;margin-top:6px;font-size:8.5px;padding:2px 8px;border-radius:20px;background:#040f0e;border:0.5px solid var(--teal3);color:var(--teal)}
#s9{flex-direction:row}
.s9l{width:48%;background:linear-gradient(160deg,#0a1210 0%,#07080a 100%);border-right:0.5px solid #1a2a28;border-left:4px solid var(--teal);display:flex;flex-direction:column;padding:6vh 4vw}
.s9r{flex:1;display:flex;flex-direction:column;padding:5vh 4vw;justify-content:center;gap:14px}
.cta-logo{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;margin-bottom:auto}.cta-logo span{color:var(--teal)}
.contact-pill{background:#040f0e;border:0.5px solid var(--teal3);border-radius:10px;padding:13px 16px}
.cp-l{font-size:9px;color:#555;margin-bottom:3px}.cp-v{font-size:13px;font-weight:600;color:var(--white)}
</style>
</head>
<body>
<div class="deck">

<div class="slide active" id="s1">
  <div class="s1-grid">
    <div class="s1l">
      <div><div class="logo-main">DA<span>IA</span></div><div class="logo-tagline">Artificial Intelligence Agency</div></div>
      <div style="margin-top:auto">
        <div class="ey" style="margin-bottom:12px">{{S1_EYE}}</div>
        <div class="s1-headline">{{S1_HL1}}<br>{{S1_HL2}}<br><span class="ac">{{S1_HL3}}</span></div>
        <div class="s1-sub">{{S1_SUB}}</div>
        <div class="s1-stats">
          <div class="s1-stat"><div class="s1-stat-n">{{STAT_Y}}</div><div class="s1-stat-l">{{STAT_YL}}</div></div>
          <div class="s1-stat"><div class="s1-stat-n">{{STAT_C}}</div><div class="s1-stat-l">{{STAT_CL}}</div></div>
          <div class="s1-stat"><div class="s1-stat-n">{{STAT_CO}}</div><div class="s1-stat-l">{{STAT_COL}}</div></div>
          <div class="s1-stat"><div class="s1-stat-n">{{STAT_CL2}}</div><div class="s1-stat-l">{{STAT_CL2L}}</div></div>
        </div>
      </div>
    </div>
    <div class="s1r">
      <div class="orb-bg"></div>
      <div class="hero-orb">
        <svg viewBox="0 0 500 440" width="90%" style="max-height:380px;position:relative;z-index:2" xmlns="http://www.w3.org/2000/svg">
          <defs><filter id="glow-t"><feGaussianBlur stdDeviation="4" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="glow-sm"><feGaussianBlur stdDeviation="2" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter><radialGradient id="orb-grad" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#0e2220"/><stop offset="100%" stop-color="#07080a"/></radialGradient></defs>
          <ellipse cx="250" cy="220" rx="180" ry="180" fill="none" stroke="#1a2a28" stroke-width="0.7" stroke-dasharray="6,5"/>
          <ellipse cx="250" cy="220" rx="130" ry="130" fill="none" stroke="#1a2a28" stroke-width="0.5" stroke-dasharray="4,4"/>
          <circle cx="250" cy="220" r="62" fill="url(#orb-grad)" stroke="#2ed9c3" stroke-width="2.5" filter="url(#glow-t)" style="animation:float 3s ease-in-out infinite"/>
          <circle cx="250" cy="220" r="46" fill="none" stroke="#2ed9c3" stroke-width="0.5" opacity=".3"/>
          <text x="250" y="210" text-anchor="middle" font-size="28" font-family="DM Sans">🤖</text>
          <text x="250" y="232" text-anchor="middle" fill="#2ed9c3" font-size="11" font-family="Syne,sans-serif" font-weight="800">DAIA</text>
          <text x="250" y="246" text-anchor="middle" fill="#1aaa9a" font-size="8.5" font-family="DM Sans">AI AGENCY</text>
          <line x1="250" y1="220" x2="250" y2="55" stroke="#25d366" stroke-width="1.2" stroke-dasharray="5,4" opacity=".7" class="flow-line"/>
          <circle cx="250" cy="42" r="16" fill="#061a10" stroke="#25d366" stroke-width="1.5" filter="url(#glow-sm)"/>
          <text x="250" y="47" text-anchor="middle" font-size="13" font-family="DM Sans">📱</text>
          <text x="250" y="22" text-anchor="middle" fill="#25d366" font-size="8" font-family="DM Sans">WhatsApp</text>
          <line x1="250" y1="220" x2="408" y2="115" stroke="#2ed9c3" stroke-width="1.2" stroke-dasharray="5,4" opacity=".7" class="flow-line" style="animation-delay:.4s"/>
          <circle cx="420" cy="106" r="16" fill="#040f0e" stroke="#2ed9c3" stroke-width="1.5" filter="url(#glow-sm)"/>
          <text x="420" y="111" text-anchor="middle" font-size="13" font-family="DM Sans">📊</text>
          <text x="420" y="89" text-anchor="middle" fill="#2ed9c3" font-size="8" font-family="DM Sans">CRM</text>
          <line x1="250" y1="220" x2="408" y2="325" stroke="#e1306c" stroke-width="1.2" stroke-dasharray="5,4" opacity=".7" class="flow-line" style="animation-delay:.8s"/>
          <circle cx="420" cy="336" r="16" fill="#1a0610" stroke="#e1306c" stroke-width="1.5"/>
          <text x="420" y="341" text-anchor="middle" font-size="13" font-family="DM Sans">📸</text>
          <text x="420" y="360" text-anchor="middle" fill="#e1306c" font-size="8" font-family="DM Sans">Instagram</text>
          <line x1="250" y1="220" x2="250" y2="385" stroke="#f59e0b" stroke-width="1.2" stroke-dasharray="5,4" opacity=".7" class="flow-line" style="animation-delay:1.2s"/>
          <circle cx="250" cy="398" r="16" fill="#100d04" stroke="#f59e0b" stroke-width="1.5"/>
          <text x="250" y="403" text-anchor="middle" font-size="13" font-family="DM Sans">🌐</text>
          <text x="250" y="422" text-anchor="middle" fill="#f59e0b" font-size="8" font-family="DM Sans">Web</text>
          <line x1="250" y1="220" x2="92" y2="325" stroke="#8b5cf6" stroke-width="1.2" stroke-dasharray="5,4" opacity=".7" class="flow-line" style="animation-delay:1.6s"/>
          <circle cx="80" cy="336" r="16" fill="#0d0a18" stroke="#8b5cf6" stroke-width="1.5"/>
          <text x="80" y="341" text-anchor="middle" font-size="13" font-family="DM Sans">⚙️</text>
          <text x="80" y="360" text-anchor="middle" fill="#8b5cf6" font-size="8" font-family="DM Sans">ERP / APIs</text>
          <line x1="250" y1="220" x2="92" y2="115" stroke="#1877f2" stroke-width="1.2" stroke-dasharray="5,4" opacity=".7" class="flow-line" style="animation-delay:2s"/>
          <circle cx="80" cy="106" r="16" fill="#060c1a" stroke="#1877f2" stroke-width="1.5"/>
          <text x="80" y="111" text-anchor="middle" font-size="13" font-family="DM Sans">👥</text>
          <text x="80" y="89" text-anchor="middle" fill="#1877f2" font-size="8" font-family="DM Sans">Facebook</text>
        </svg>
      </div>
    </div>
  </div>
</div>

<div class="slide" id="s2">
  <div class="s2l">
    <div class="ey">Qué hacemos</div>
    <div class="h2" style="margin-bottom:14px">Los tres pilares de <span class="ac">DAIA</span></div>
    <div class="sub" style="margin-bottom:18px">No somos una agencia de software ni de marketing. Somos especialistas en IA aplicada que convierte conversaciones, datos y procesos en resultados medibles.</div>
    <div><div class="ey" style="margin-bottom:7px">Integraciones frecuentes</div><span class="chip chip-t">Zoho CRM</span><span class="chip chip-t">Kommo</span><span class="chip chip-t">HubSpot</span><span class="chip chip-t">Pipedrive</span><span class="chip chip-t">Salesforce</span><span class="chip chip-t">WhatsApp API</span><span class="chip chip-g">N8N</span><span class="chip chip-g">Botpress</span><span class="chip chip-g">Make</span><span class="chip chip-a">OpenAI</span><span class="chip chip-v">Stripe</span></div>
  </div>
  <div class="s2r">
    <div class="pilar"><div class="pilar-n">01</div><div class="pilar-icon">{{P1_ICON}}</div><div class="pilar-title">{{P1_TITLE}}</div><div class="pilar-sep"></div><div class="pilar-text">{{P1_TEXT}}</div></div>
    <div class="pilar"><div class="pilar-n">02</div><div class="pilar-icon">{{P2_ICON}}</div><div class="pilar-title">{{P2_TITLE}}</div><div class="pilar-sep"></div><div class="pilar-text">{{P2_TEXT}}</div></div>
    <div class="pilar"><div class="pilar-n">03</div><div class="pilar-icon">{{P3_ICON}}</div><div class="pilar-title">{{P3_TITLE}}</div><div class="pilar-sep"></div><div class="pilar-text">{{P3_TEXT}}</div></div>
  </div>
</div>

<div class="slide" id="s3">
  <div class="s3l">
    <div class="ey">Presencia global</div>
    <div class="h2" style="margin-bottom:14px">3 sedes, <span class="ac">{{STAT_C}} países</span><br>con proyectos activos</div>
    <div class="stat-row">
      <div><div class="bn">{{STAT_Y}}</div><div class="bl">Años en IA</div></div>
      <div><div class="bn">{{STAT_CO}}</div><div class="bl">Consultores LATAM</div></div>
      <div><div class="bn">{{STAT_CL2}}</div><div class="bl">Clientes activos</div></div>
      <div><div class="bn">{{STAT_C}}</div><div class="bl">Países</div></div>
    </div>
    <div class="sub" style="margin-bottom:14px">Con equipos locales en cada mercado, entendemos el contexto de negocio de cada región. No solo implementamos tecnología — conocemos el idioma del negocio.</div>
    <div class="ey" style="margin-bottom:8px">Proyectos activos en</div>
    <div class="country-dots"><span class="cdot">🇦🇷 Argentina</span><span class="cdot">🇲🇽 México</span><span class="cdot">🇵🇾 Paraguay</span><span class="cdot">🇵🇪 Perú</span><span class="cdot">🇨🇴 Colombia</span><span class="cdot">🇨🇱 Chile</span><span class="cdot">🇺🇾 Uruguay</span><span class="cdot">🇧🇴 Bolivia</span><span class="cdot">🇺🇸 USA</span><span class="cdot">🇪🇸 España</span><span class="cdot">+ más</span></div>
  </div>
  <div class="s3r">
    <div class="ey" style="margin-bottom:10px">Nuestras sedes</div>
    <div class="ofc"><div style="font-size:12px;font-weight:600;color:var(--white);margin-bottom:3px">🇦🇷 Mendoza, Argentina</div><div style="font-size:9.5px;color:#555;line-height:1.6">Casa matriz · Ingeniería y desarrollo<br>info@daia.com.ar · daia.com.ar</div></div>
    <div class="ofc"><div style="font-size:12px;font-weight:600;color:var(--white);margin-bottom:3px">🇲🇽 Ciudad de México</div><div style="font-size:9.5px;color:#555;line-height:1.6">Hub LATAM · Operaciones y clientes<br>hola@daia.com.mx · daia.com.mx</div></div>
    <div class="ofc"><div style="font-size:12px;font-weight:600;color:var(--white);margin-bottom:3px">🇵🇾 Asunción, Paraguay</div><div style="font-size:9.5px;color:#555;line-height:1.6">Hub Sur · Proyectos regionales</div></div>
    <div class="card" style="background:#040f0e;border-color:var(--teal3)"><div style="font-size:10px;color:var(--teal);font-weight:600;margin-bottom:6px">Consultores y desarrollo en</div><span class="chip chip-t">España</span><span class="chip chip-t">Colombia</span><span class="chip chip-t">Chile</span><span class="chip chip-t">Perú</span><span class="chip chip-t">Uruguay</span><span class="chip chip-t">USA</span></div>
  </div>
</div>

<div class="slide" id="s4">
  <div class="pad" style="display:flex;flex-direction:column;height:100%">
    <div class="ey">Verticales de negocio</div>
    <div class="h2" style="margin-bottom:3px">Industrias donde <span class="ac">tenemos proyectos activos</span></div>
    <div class="sub" style="margin-bottom:0;max-width:560px">No vendemos soluciones genéricas — cada implementación parte del contexto real del sector.</div>
    <div class="vert-grid">
      <div class="vc"><div class="vc-icon">🏭</div><div class="vc-title">Industria y Distribución</div><div class="vc-sep"></div><ul class="vc-items"><li>Distribución mayorista B2B</li><li>Gestión de proveedores y stock</li><li>Pedidos automáticos y tracking</li><li>Canal ON / Canal OFF</li><li>Alertas operativas críticas</li></ul></div>
      <div class="vc"><div class="vc-icon">🏥</div><div class="vc-title">Salud y Farma</div><div class="vc-sep"></div><ul class="vc-items"><li>Laboratorios farmacéuticos</li><li>Automatización de requerimientos TI</li><li>Gestión de datos clínicos</li><li>Seguimiento de distribuidores</li><li>Dashboards de decisión</li></ul></div>
      <div class="vc"><div class="vc-icon">💼</div><div class="vc-title">Servicios B2B</div><div class="vc-sep"></div><ul class="vc-items"><li>Consultoría contable y RRHH</li><li>Agencias y medios</li><li>Constructoras</li><li>Seguridad industrial</li><li>Tecnología y software</li></ul></div>
      <div class="vc"><div class="vc-icon">🛒</div><div class="vc-title">Retail y E-Commerce</div><div class="vc-sep"></div><ul class="vc-items"><li>Venta mayorista y minorista</li><li>Agentes de ventas 24/7</li><li>Recomendación de productos</li><li>Fidelización de clientes</li><li>Post-venta y encuestas</li></ul></div>
      <div class="vc"><div class="vc-icon">🏋️</div><div class="vc-title">Clubes y Membresías</div><div class="vc-sep"></div><ul class="vc-items"><li>Gestión de socios y ciclos</li><li>Reservas automatizadas</li><li>Campus y escuelas</li><li>Pipeline de ventas B2B</li><li>Integración de pagos Stripe</li></ul></div>
      <div class="vc"><div class="vc-icon">💰</div><div class="vc-title">Fintech e Inversiones</div><div class="vc-sep"></div><ul class="vc-items"><li>Agentes financieros IA</li><li>Onboarding de clientes</li><li>Consultas complejas automatizadas</li><li>Compliance y trazabilidad</li><li>Reportes automáticos</li></ul></div>
      <div class="vc"><div class="vc-icon">🚚</div><div class="vc-title">Logística y Supply Chain</div><div class="vc-sep"></div><ul class="vc-items"><li>Tracking automático de envíos</li><li>Integración ERP + agente</li><li>Coordinación de transportistas</li><li>Alertas de demoras</li><li>Atención a distribuidores</li></ul></div>
      <div class="vc"><div class="vc-icon">🏗️</div><div class="vc-title">Proyectos e Infraestructura</div><div class="vc-sep"></div><ul class="vc-items"><li>Centro de comando de proyectos</li><li>Gestión de materiales y proveedores</li><li>Escalamiento automático de alertas</li><li>Actualizaciones a clientes</li><li>Contratos de mantenimiento</li></ul></div>
    </div>
  </div>
</div>

<div class="slide" id="s5">
  <div class="pad" style="display:flex;flex-direction:column;height:100%">
    <div class="ey">El corazón del sistema</div>
    <div class="h2" style="margin-bottom:3px">El Agente de IA DAIA — <span class="ac">en el centro de todo</span></div>
    <div class="sub" style="margin-bottom:12px;max-width:540px">Un agente conversacional de IA que conecta todos los canales donde el cliente escribe — y lleva cada interacción al CRM, al equipo o al sistema que corresponde.</div>
    <div style="flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:0">
      <div style="display:flex;align-items:center;justify-content:center">
        <svg viewBox="0 0 400 340" width="100%" style="max-height:320px" xmlns="http://www.w3.org/2000/svg">
          <defs><filter id="ag-glow"><feGaussianBlur stdDeviation="3.5" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="nd-glow"><feGaussianBlur stdDeviation="2" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs>
          <circle cx="200" cy="170" r="115" fill="none" stroke="#1a2a28" stroke-width="0.7" stroke-dasharray="5,4"/>
          <circle cx="200" cy="170" r="72" fill="none" stroke="#1a2a28" stroke-width="0.5" stroke-dasharray="3,4" opacity=".5"/>
          <line x1="200" y1="170" x2="200" y2="42" stroke="#25d366" stroke-width="1.2" stroke-dasharray="5,4" opacity=".65" class="flow-line"/>
          <line x1="200" y1="170" x2="314" y2="100" stroke="#2ed9c3" stroke-width="1.2" stroke-dasharray="5,4" opacity=".65" class="flow-line" style="animation-delay:.35s"/>
          <line x1="200" y1="170" x2="314" y2="240" stroke="#1877f2" stroke-width="1.2" stroke-dasharray="5,4" opacity=".65" class="flow-line" style="animation-delay:.7s"/>
          <line x1="200" y1="170" x2="200" y2="298" stroke="#f59e0b" stroke-width="1.2" stroke-dasharray="5,4" opacity=".65" class="flow-line" style="animation-delay:1.05s"/>
          <line x1="200" y1="170" x2="86" y2="240" stroke="#8b5cf6" stroke-width="1.2" stroke-dasharray="5,4" opacity=".65" class="flow-line" style="animation-delay:1.4s"/>
          <line x1="200" y1="170" x2="86" y2="100" stroke="#e1306c" stroke-width="1.2" stroke-dasharray="5,4" opacity=".65" class="flow-line" style="animation-delay:1.75s"/>
          <g style="animation:float 3.2s ease-in-out infinite"><circle cx="200" cy="170" r="55" fill="#0a1a18" stroke="#2ed9c3" stroke-width="2.5" filter="url(#ag-glow)"/><text x="200" y="160" text-anchor="middle" font-size="22" font-family="DM Sans">🤖</text><text x="200" y="178" text-anchor="middle" fill="#2ed9c3" font-size="10" font-family="Syne,sans-serif" font-weight="800">AGENTE IA</text><text x="200" y="190" text-anchor="middle" fill="#1aaa9a" font-size="8" font-family="DM Sans">DAIA</text></g>
          <g filter="url(#nd-glow)"><circle cx="200" cy="30" r="14" fill="#061a10" stroke="#25d366" stroke-width="1.5"/><text x="200" y="35" text-anchor="middle" font-size="12" font-family="DM Sans">📱</text><text x="200" y="14" text-anchor="middle" fill="#25d366" font-size="8" font-family="DM Sans">WhatsApp</text><circle cx="322" cy="92" r="14" fill="#040f0e" stroke="#2ed9c3" stroke-width="1.5"/><text x="322" y="97" text-anchor="middle" font-size="12" font-family="DM Sans">📊</text><text x="322" y="76" text-anchor="middle" fill="#2ed9c3" font-size="8" font-family="DM Sans">CRM</text><circle cx="322" cy="248" r="14" fill="#060c1a" stroke="#1877f2" stroke-width="1.5"/><text x="322" y="253" text-anchor="middle" font-size="12" font-family="DM Sans">👥</text><text x="322" y="270" text-anchor="middle" fill="#1877f2" font-size="8" font-family="DM Sans">Facebook</text><circle cx="200" cy="310" r="14" fill="#100d04" stroke="#f59e0b" stroke-width="1.5"/><text x="200" y="315" text-anchor="middle" font-size="12" font-family="DM Sans">🌐</text><text x="200" y="330" text-anchor="middle" fill="#f59e0b" font-size="8" font-family="DM Sans">Web</text><circle cx="78" cy="248" r="14" fill="#0d0a18" stroke="#8b5cf6" stroke-width="1.5"/><text x="78" y="253" text-anchor="middle" font-size="12" font-family="DM Sans">⚙️</text><text x="78" y="270" text-anchor="middle" fill="#8b5cf6" font-size="8" font-family="DM Sans">ERP / APIs</text><circle cx="78" cy="92" r="14" fill="#1a0610" stroke="#e1306c" stroke-width="1.5"/><text x="78" y="97" text-anchor="middle" font-size="12" font-family="DM Sans">📸</text><text x="78" y="76" text-anchor="middle" fill="#e1306c" font-size="8" font-family="DM Sans">Instagram</text></g>
        </svg>
      </div>
      <div style="display:flex;flex-direction:column;gap:9px;justify-content:center">
        <div class="card" style="border-left:3px solid #25d366"><div style="font-size:11px;font-weight:600;color:var(--white);margin-bottom:3px">{{S5_CAP1_TITLE}}</div><div style="font-size:10px;color:var(--off);line-height:1.55">{{S5_CAP1_TEXT}}</div></div>
        <div class="card" style="border-left:3px solid var(--teal)"><div style="font-size:11px;font-weight:600;color:var(--white);margin-bottom:3px">{{S5_CAP2_TITLE}}</div><div style="font-size:10px;color:var(--off);line-height:1.55">{{S5_CAP2_TEXT}}</div></div>
        <div class="card" style="border-left:3px solid var(--amber)"><div style="font-size:11px;font-weight:600;color:var(--white);margin-bottom:3px">{{S5_CAP3_TITLE}}</div><div style="font-size:10px;color:var(--off);line-height:1.55">{{S5_CAP3_TEXT}}</div></div>
        <div class="card" style="border-left:3px solid var(--violet)"><div style="font-size:11px;font-weight:600;color:var(--white);margin-bottom:3px">{{S5_CAP4_TITLE}}</div><div style="font-size:10px;color:var(--off);line-height:1.55">{{S5_CAP4_TEXT}}</div></div>
        <div style="background:#040f0e;border:0.5px solid var(--teal3);border-radius:9px;padding:10px 13px"><div style="font-size:9px;color:var(--teal);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px">Disponible en todos los canales</div><div style="font-size:10px;color:#1aaa9a;line-height:1.5">{{S5_CHANNELS}}</div></div>
      </div>
    </div>
  </div>
</div>

<div class="slide" id="s6">
  <div class="pad" style="display:flex;flex-direction:column;height:100%">
    <div class="ey">Cómo funciona</div>
    <div class="h2" style="margin-bottom:3px">Del primer mensaje a la <span class="ac">venta cerrada — automático</span></div>
    <div class="sub" style="margin-bottom:14px;max-width:540px">{{S6_DESC}}</div>
    <div style="flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:0">
      <svg viewBox="0 0 900 200" width="100%" style="max-height:200px" xmlns="http://www.w3.org/2000/svg">
        <defs><marker id="fla" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto"><path d="M1 1L9 5L1 9" fill="none" stroke="#2ed9c3" stroke-width="1.5" stroke-linecap="round"/></marker><marker id="flg" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto"><path d="M1 1L9 5L1 9" fill="none" stroke="#3db87a" stroke-width="1.5" stroke-linecap="round"/></marker><filter id="fglow"><feGaussianBlur stdDeviation="2.5" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs>
        <g><rect x="8" y="60" width="104" height="80" rx="10" fill="#0a1a18" stroke="#2ed9c3" stroke-width="1.5" filter="url(#fglow)"/><text x="60" y="90" text-anchor="middle" font-size="18" font-family="DM Sans">📩</text><text x="60" y="108" text-anchor="middle" fill="#2ed9c3" font-size="10" font-family="Syne,sans-serif" font-weight="700">Lead entra</text><text x="60" y="122" text-anchor="middle" fill="#555" font-size="8.5" font-family="DM Sans">Cualquier canal</text><text x="60" y="133" text-anchor="middle" fill="#555" font-size="8.5" font-family="DM Sans">24/7</text></g>
        <line x1="112" y1="100" x2="132" y2="100" stroke="#2ed9c3" stroke-width="1.5" stroke-dasharray="4,3" marker-end="url(#fla)"/>
        <g><rect x="132" y="60" width="118" height="80" rx="10" fill="#0a1a18" stroke="#2ed9c3" stroke-width="1.5"/><text x="191" y="90" text-anchor="middle" font-size="18" font-family="DM Sans">🧠</text><text x="191" y="108" text-anchor="middle" fill="#2ed9c3" font-size="10" font-family="Syne,sans-serif" font-weight="700">IA procesa</text><text x="191" y="122" text-anchor="middle" fill="#555" font-size="8.5" font-family="DM Sans">Entiende intención</text><text x="191" y="133" text-anchor="middle" fill="#555" font-size="8.5" font-family="DM Sans">y contexto</text></g>
        <line x1="250" y1="100" x2="270" y2="100" stroke="#2ed9c3" stroke-width="1.5" stroke-dasharray="4,3" marker-end="url(#fla)"/>
        <g><rect x="270" y="60" width="118" height="80" rx="10" fill="#0a1a18" stroke="#2ed9c3" stroke-width="1.5"/><text x="329" y="90" text-anchor="middle" font-size="18" font-family="DM Sans">💬</text><text x="329" y="108" text-anchor="middle" fill="#2ed9c3" font-size="10" font-family="Syne,sans-serif" font-weight="700">Responde</text><text x="329" y="122" text-anchor="middle" fill="#555" font-size="8.5" font-family="DM Sans">En segundos</text><text x="329" y="133" text-anchor="middle" fill="#555" font-size="8.5" font-family="DM Sans">en su idioma</text></g>
        <line x1="388" y1="100" x2="408" y2="100" stroke="#2ed9c3" stroke-width="1.5" stroke-dasharray="4,3" marker-end="url(#fla)"/>
        <g><rect x="408" y="60" width="118" height="80" rx="10" fill="#0a1a18" stroke="#2ed9c3" stroke-width="1.5"/><text x="467" y="90" text-anchor="middle" font-size="18" font-family="DM Sans">🎯</text><text x="467" y="108" text-anchor="middle" fill="#2ed9c3" font-size="10" font-family="Syne,sans-serif" font-weight="700">Califica</text><text x="467" y="122" text-anchor="middle" fill="#555" font-size="8.5" font-family="DM Sans">Perfil · etapa</text><text x="467" y="133" text-anchor="middle" fill="#555" font-size="8.5" font-family="DM Sans">interés · urgencia</text></g>
        <line x1="526" y1="100" x2="546" y2="100" stroke="#3db87a" stroke-width="1.5" stroke-dasharray="4,3" marker-end="url(#flg)"/>
        <polygon points="586,76 636,100 586,124 536,100" fill="#0a1a0a" stroke="#3db87a" stroke-width="1.5"/>
        <text x="586" y="97" text-anchor="middle" fill="#3db87a" font-size="8.5" font-family="DM Sans">¿Listo</text><text x="586" y="109" text-anchor="middle" fill="#3db87a" font-size="8.5" font-family="DM Sans">para cerrar?</text>
        <line x1="636" y1="100" x2="666" y2="100" stroke="#3db87a" stroke-width="1.5" marker-end="url(#flg)"/>
        <text x="651" y="93" fill="#3db87a" font-size="8" font-family="DM Sans">SÍ</text>
        <g><rect x="666" y="55" width="110" height="90" rx="10" fill="#0a1a0a" stroke="#3db87a" stroke-width="2" filter="url(#fglow)"/><text x="721" y="82" text-anchor="middle" font-size="18" font-family="DM Sans">✅</text><text x="721" y="100" text-anchor="middle" fill="#3db87a" font-size="10" font-family="Syne,sans-serif" font-weight="700">Cierra</text><text x="721" y="114" text-anchor="middle" fill="#2a6a3a" font-size="8.5" font-family="DM Sans">Pedido · pago</text><text x="721" y="126" text-anchor="middle" fill="#2a6a3a" font-size="8.5" font-family="DM Sans">→ CRM</text></g>
        <line x1="586" y1="124" x2="586" y2="162" stroke="#f59e0b" stroke-width="1" stroke-dasharray="3,3" marker-end="url(#fla)"/>
        <rect x="528" y="162" width="116" height="26" rx="7" fill="#100d04" stroke="#f59e0b" stroke-width="0.8"/>
        <text x="586" y="179" text-anchor="middle" fill="#f59e0b" font-size="9" font-family="DM Sans">👤 Deriva a vendedor</text>
        <line x1="776" y1="100" x2="810" y2="100" stroke="#3db87a" stroke-width="1.5" stroke-dasharray="4,3" marker-end="url(#flg)"/>
        <g><rect x="810" y="55" width="84" height="90" rx="10" fill="#0a1a0a" stroke="#3db87a" stroke-width="1.5"/><text x="852" y="82" text-anchor="middle" font-size="18" font-family="DM Sans">⭐</text><text x="852" y="98" text-anchor="middle" fill="#3db87a" font-size="10" font-family="Syne,sans-serif" font-weight="700">Post-venta</text><text x="852" y="112" text-anchor="middle" fill="#2a6a3a" font-size="8" font-family="DM Sans">NPS · promos</text><text x="852" y="124" text-anchor="middle" fill="#2a6a3a" font-size="8" font-family="DM Sans">recompra</text></g>
      </svg>
      <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px">
        <div style="background:var(--card);border:0.5px solid var(--border);border-radius:10px;padding:14px;text-align:center"><div style="font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:var(--teal)">{{METRIC_R}}</div><div style="font-size:9px;color:#555;margin-top:3px">tiempo de respuesta promedio</div></div>
        <div style="background:var(--card);border:0.5px solid var(--border);border-radius:10px;padding:14px;text-align:center"><div style="font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:var(--green)">{{METRIC_A}}</div><div style="font-size:9px;color:#555;margin-top:3px">disponibilidad sin horarios</div></div>
        <div style="background:var(--card);border:0.5px solid var(--border);border-radius:10px;padding:14px;text-align:center"><div style="font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:var(--amber)">{{METRIC_C}}</div><div style="font-size:9px;color:#555;margin-top:3px">conversión de leads promedio</div></div>
        <div style="background:var(--card);border:0.5px solid var(--border);border-radius:10px;padding:14px;text-align:center"><div style="font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:var(--violet)">{{METRIC_W}}</div><div style="font-size:9px;color:#555;margin-top:3px">semanas de implementación</div></div>
      </div>
    </div>
  </div>
</div>

<div class="slide" id="s7">
  <div class="dash-wrap">
    <div class="ey" style="margin-bottom:3px">Dashboard con IA integrada</div>
    <div class="h2" style="margin-bottom:10px">El agente vive <span class="ac">dentro del panel de control</span> — preguntás y actúa</div>
    <div class="dash-grid">
      <div class="dash-sidebar">
        <div style="font-size:9px;color:var(--teal);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px">DAIA Dashboard</div>
        <div style="display:flex;flex-direction:column;gap:2px"><div style="padding:8px 10px;background:#0a1a18;border:0.5px solid var(--teal3);border-radius:8px;font-size:10.5px;color:var(--teal);font-weight:600">📊 Overview</div><div style="padding:8px 10px;border-radius:8px;font-size:10.5px;color:#555">🤖 Agente IA</div><div style="padding:8px 10px;border-radius:8px;font-size:10.5px;color:#555">👥 Clientes</div><div style="padding:8px 10px;border-radius:8px;font-size:10.5px;color:#555">📦 Pedidos</div><div style="padding:8px 10px;border-radius:8px;font-size:10.5px;color:#555">📈 Reportes</div><div style="padding:8px 10px;border-radius:8px;font-size:10.5px;color:#555">🔔 Alertas</div></div>
        <div style="margin-top:auto;background:#040f0e;border:0.5px solid var(--teal3);border-radius:10px;padding:12px"><div style="font-size:9px;color:var(--teal);font-weight:700;margin-bottom:8px">🤖 Asistente IA</div><div class="ai-chat-bubble" style="margin-top:8px">"Esta semana cerraste 12 ventas por WhatsApp. Tu canal más débil es Instagram — te recomiendo activar la campaña B."<div class="ai-typing"><div class="ai-dot"></div><div class="ai-dot"></div><div class="ai-dot"></div></div></div><div style="margin-top:8px;background:#0a1a18;border:0.5px solid #1a2a28;border-radius:7px;padding:8px;font-size:9.5px;color:#555;display:flex;align-items:center;gap:6px"><span>Preguntá algo...</span><span style="margin-left:auto;color:var(--teal);font-size:11px">→</span></div></div>
      </div>
      <div class="dash-widget"><div class="dw-label">Ventas del mes</div><div class="dw-value">$284K</div><div class="dw-sub">↑ +23% vs mes anterior</div><svg class="mini-line-svg" viewBox="0 0 160 50" xmlns="http://www.w3.org/2000/svg"><polyline points="0,40 20,32 40,35 60,22 80,25 100,14 120,18 140,8 160,4" fill="none" stroke="#2ed9c3" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><polyline points="0,40 20,32 40,35 60,22 80,25 100,14 120,18 140,8 160,4 160,50 0,50" fill="rgba(46,217,195,.07)"/></svg></div>
      <div class="dash-widget"><div class="dw-label">Leads activos</div><div class="dw-value">147</div><div class="dw-sub">↑ 34 nuevos esta semana</div><div class="mini-bars"><div class="mbar" style="height:30%"></div><div class="mbar" style="height:50%"></div><div class="mbar" style="height:45%"></div><div class="mbar" style="height:70%"></div><div class="mbar" style="height:60%"></div><div class="mbar" style="height:85%"></div><div class="mbar" style="height:75%"></div><div class="mbar" style="height:100%;background:var(--green);opacity:.9"></div></div></div>
      <div class="dash-widget"><div class="dw-label">Conversaciones hoy</div><div class="dw-value">312</div><div class="dw-sub">📱 WhatsApp principal · 78%</div><div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap"><span style="font-size:8.5px;padding:3px 8px;background:#061a10;border:0.5px solid #1a4a28;color:var(--green);border-radius:12px">📱 243</span><span style="font-size:8.5px;padding:3px 8px;background:#1a0610;border:0.5px solid #4a1028;color:#e1306c;border-radius:12px">📸 42</span><span style="font-size:8.5px;padding:3px 8px;background:#060c1a;border:0.5px solid #1a2a5a;color:#1877f2;border-radius:12px">👥 18</span><span style="font-size:8.5px;padding:3px 8px;background:#100d04;border:0.5px solid #3a2808;color:var(--amber);border-radius:12px">🌐 9</span></div></div>
      <div class="dash-widget"><div class="dw-label">Alertas activas</div><div style="display:flex;flex-direction:column;gap:6px;margin-top:4px;flex:1"><div style="display:flex;gap:8px;align-items:flex-start;padding:7px 10px;background:#100a04;border:0.5px solid var(--amber);border-radius:7px"><span style="color:var(--amber);flex-shrink:0;font-size:12px">⚠</span><div style="font-size:9.5px;color:#a08030;line-height:1.4">3 leads sin respuesta +48h — acción recomendada</div></div><div style="display:flex;gap:8px;align-items:flex-start;padding:7px 10px;background:#0a1a0a;border:0.5px solid #1a4a2a;border-radius:7px"><span style="color:var(--green);flex-shrink:0;font-size:12px">✓</span><div style="font-size:9.5px;color:#4a8a5a;line-height:1.4">12 pagos procesados hoy por Stripe — CRM actualizado</div></div><div style="display:flex;gap:8px;align-items:flex-start;padding:7px 10px;background:#0a1a18;border:0.5px solid var(--teal3);border-radius:7px"><span style="color:var(--teal);flex-shrink:0;font-size:12px">🤖</span><div style="font-size:9.5px;color:#1aaa9a;line-height:1.4">El agente resolvió 94% de consultas sin derivar a persona</div></div></div></div>
    </div>
  </div>
</div>

<div class="slide" id="s8">
  <div class="pad" style="display:flex;flex-direction:column;height:100%">
    <div class="ey">Clientes que confían en DAIA</div>
    <div class="h2" style="margin-bottom:3px">Empresas que ya <span class="ac">operan con IA</span></div>
    <div class="sub" style="margin-bottom:0;max-width:520px">Desde distribuidoras hasta clubes deportivos, laboratorios y consultoras — en 10+ países.</div>
    <div class="clients-grid">{{CLIENTS_HTML}}</div>
  </div>
</div>

<div class="slide" id="s9">
  <div class="s9l">
    <div class="cta-logo">DA<span>IA</span></div>
    <div>
      <div class="ey" style="margin-bottom:10px">¿Empezamos?</div>
      <div class="h2" style="margin-bottom:10px;font-size:clamp(18px,2.5vw,32px)">La primera consultoría<br>es <span class="ac">sin costo</span> —<br>siempre</div>
      <div class="sub" style="margin-bottom:18px">{{S9_SUB}}</div>
      <div style="background:#040f0e;border:0.5px solid var(--teal3);border-radius:11px;padding:14px 18px">
        <div style="font-size:10px;color:var(--teal);font-weight:700;margin-bottom:7px">🎯 Cómo trabajamos</div>
        <div style="display:flex;flex-direction:column;gap:5px">
          <div style="font-size:11px;color:var(--off);display:flex;gap:8px"><span style="color:var(--teal);flex-shrink:0">01</span>Diagnóstico gratuito — entendemos el negocio</div>
          <div style="font-size:11px;color:var(--off);display:flex;gap:8px"><span style="color:var(--teal);flex-shrink:0">02</span>Propuesta a medida en 48hs</div>
          <div style="font-size:11px;color:var(--off);display:flex;gap:8px"><span style="color:var(--teal);flex-shrink:0">03</span>Desarrollo 4-5 semanas · Sistema en producción</div>
          <div style="font-size:11px;color:var(--green);display:flex;gap:8px"><span style="flex-shrink:0">04</span>Mantenimiento continuo y mejoras mes a mes</div>
        </div>
      </div>
    </div>
    <div style="margin-top:auto;font-size:9px;color:#1a2a28">DAIA · Artificial Intelligence Agency · {{C_WAR}} · {{C_WMX}}</div>
  </div>
  <div class="s9r">
    <div class="ey" style="margin-bottom:4px">Contacto directo</div>
    <div class="contact-pill"><div class="cp-l">📞 WhatsApp México</div><div class="cp-v">{{C_WA}}</div></div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
      <div class="contact-pill"><div class="cp-l">✉️ Email México</div><div class="cp-v">{{C_EMX}}</div></div>
      <div class="contact-pill"><div class="cp-l">✉️ Email Argentina</div><div class="cp-v">{{C_EAR}}</div></div>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
      <div class="contact-pill"><div class="cp-l">🌐 Web México</div><div class="cp-v">{{C_WMX}}</div></div>
      <div class="contact-pill"><div class="cp-l">🌐 Web Argentina</div><div class="cp-v">{{C_WAR}}</div></div>
    </div>
    <div style="background:var(--card);border:0.5px solid var(--border);border-radius:11px;padding:16px">
      <div style="font-size:9px;color:var(--teal);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px">Nuestras oficinas</div>
      <div style="display:flex;flex-direction:column;gap:7px">
        <div style="display:flex;justify-content:space-between;font-size:11.5px"><span>🇦🇷 Mendoza, Argentina</span><span style="color:#555">Casa matriz</span></div>
        <div style="display:flex;justify-content:space-between;font-size:11.5px"><span>🇲🇽 Ciudad de México</span><span style="color:#555">Hub LATAM</span></div>
        <div style="display:flex;justify-content:space-between;font-size:11.5px"><span>🇵🇾 Asunción, Paraguay</span><span style="color:#555">Hub Sur</span></div>
      </div>
    </div>
    <div style="background:#040f0e;border:0.5px solid var(--teal3);border-radius:10px;padding:12px 16px">
      <div style="font-size:10px;color:var(--teal);font-weight:600;margin-bottom:4px">🌎 Consultores y desarrollo en 10+ países</div>
      <div style="display:flex;flex-wrap:wrap;gap:4px;margin-top:4px"><span class="chip chip-t">🇪🇸 España</span><span class="chip chip-t">🇵🇪 Perú</span><span class="chip chip-t">🇨🇴 Colombia</span><span class="chip chip-t">🇨🇱 Chile</span><span class="chip chip-t">🇺🇾 Uruguay</span><span class="chip chip-t">🇺🇸 USA</span><span class="chip chip-t">+ más</span></div>
    </div>
  </div>
</div>

</div>
<nav class="nav">
  <div class="nl">DA<span>IA</span></div>
  <div id="dots"></div>
  <span class="sn" id="sn">1 / 9</span>
  <button class="nb" onclick="go(cur-1)">←</button>
  <button class="nb" onclick="go(cur+1)">→</button>
</nav>
<div class="fsh" onclick="toggleFS()">⛶ F11</div>
<script>
const total=9;let cur=1;
const dotsEl=document.getElementById('dots');
for(let i=1;i<=total;i++){const d=document.createElement('button');d.className='dot'+(i===1?' active':'');d.onclick=()=>go(i);dotsEl.appendChild(d);}
function go(n){if(n<1||n>total)return;document.getElementById('s'+cur).classList.remove('active');document.querySelectorAll('.dot')[cur-1].classList.remove('active');cur=n;document.getElementById('s'+cur).classList.add('active');document.querySelectorAll('.dot')[cur-1].classList.add('active');document.getElementById('sn').textContent=cur+' / '+total;}
document.addEventListener('keydown',e=>{if(e.key==='ArrowRight'||e.key==='ArrowDown')go(cur+1);if(e.key==='ArrowLeft'||e.key==='ArrowUp')go(cur-1);});
function toggleFS(){if(!document.fullscreenElement)document.documentElement.requestFullscreen();else document.exitFullscreen();}
</script>
</body>
</html>