<!DOCTYPE html>
<html lang="es">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DTWYPGJEQZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-DTWYPGJEQZ');
</script>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="google-site-verification" content="JANvOv4IyzzaWbTmhYoc4scrQi8WGRToaK2gkkvbnsg" />
<title>ListoApp — Tecnología, IA y Consultoría para tu negocio</title>
<meta name="description" content="Construimos apps, ERP y asistentes de IA a la medida de tu negocio, y te asesoramos para que la IA trabaje de verdad para ti — no solo para probarla. En producción hoy en nuestro propio negocio.">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1">
<meta name="author" content="ListoApp">
<meta name="geo.region" content="CO">
<meta name="geo.placename" content="Colombia">
<link rel="canonical" href="https://listoappusa.com/">
<link rel="alternate" hreflang="es" href="https://listoappusa.com/">
<link rel="alternate" hreflang="en" href="https://listoappusa.com/en/">
<link rel="alternate" hreflang="x-default" href="https://listoappusa.com/">
<link rel="icon" type="image/jpeg" href="logo.jpg">
<link rel="preload" as="image" href="logo.jpg">
<link rel="ai-catalog" href="https://listoappusa.com/.well-known/ai-catalog.json">
<link rel="llms-txt" href="https://listoappusa.com/llms.txt">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ListoApp">
<meta property="og:url" content="https://listoappusa.com/">
<meta property="og:title" content="ListoApp — Tecnología, IA y Consultoría para tu negocio">
<meta property="og:description" content="Apps, ERP y asistentes de IA a la medida — y consultoría para que la IA trabaje de verdad en tu negocio.">
<meta property="og:image" content="https://listoappusa.com/og-cover.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="es_CO">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ListoApp — Tecnología, IA y Consultoría para tu negocio">
<meta name="twitter:description" content="Apps, ERP y asistentes de IA a la medida — y consultoría para que la IA trabaje de verdad en tu negocio.">
<meta name="twitter:image" content="https://listoappusa.com/og-cover.png">
<meta name="theme-color" content="#000B1F">

<script type="application/ld+json">
{"@context":"https://schema.org","@graph":[
{"@type":"Organization","@id":"https://listoappusa.com/#org","name":"ListoApp","url":"https://listoappusa.com/","logo":"https://listoappusa.com/logo.jpg","description":"Construimos apps y sistemas con inteligencia artificial a la medida de tu negocio, y ofrecemos asesoría y consultoría en TI.","areaServed":[{"@type":"City","name":"Bogotá"},{"@type":"City","name":"Medellín"},{"@type":"City","name":"Cali"},{"@type":"City","name":"Bucaramanga"},{"@type":"City","name":"Pereira"},{"@type":"Country","name":"Colombia"},{"@type":"Country","name":"México"}],"knowsAbout":["Inteligencia artificial","Desarrollo de software a la medida","ERP","CRM","Asistentes de IA en WhatsApp","Consultoría en TI","Ley 1581 de 2012 Habeas Data","CONPES 3975","Automatización de procesos"],"sameAs":["https://www.facebook.com/profile.php?id=61593465080533","https://www.instagram.com/listoapp.ia/"],"contactPoint":{"@type":"ContactPoint","contactType":"customer service","url":"https://wa.me/573224786652","email":"hola@listoappusa.com","availableLanguage":["es"]}},
{"@type":"WebSite","@id":"https://listoappusa.com/#website","url":"https://listoappusa.com/","name":"ListoApp","inLanguage":"es-CO","publisher":{"@id":"https://listoappusa.com/#org"}},
{"@type":"WebPage","@id":"https://listoappusa.com/#webpage","url":"https://listoappusa.com/","name":"ListoApp — Tecnología, IA y Consultoría para tu negocio","isPartOf":{"@id":"https://listoappusa.com/#website"},"about":{"@id":"https://listoappusa.com/#org"},"inLanguage":"es-CO","speakable":{"@type":"SpeakableSpecification","cssSelector":["h1","h2"]}},
{"@type":"Service","@id":"https://listoappusa.com/#svc-apps","name":"Apps y sistemas a la medida","serviceType":"Desarrollo de software a la medida","provider":{"@id":"https://listoappusa.com/#org"},"areaServed":["Bogotá","Medellín","Cali","Bucaramanga","Pereira","Colombia","México"],"description":"ERP y CRM propios, asistentes de IA por WhatsApp y sitios web con dueño real del dominio y del SEO.","offers":[{"@type":"Offer","name":"Asistente de IA en WhatsApp","priceCurrency":"COP","priceSpecification":{"@type":"PriceSpecification","minPrice":6000000,"priceCurrency":"COP"}},{"@type":"Offer","name":"Sistema a la medida (ERP/CRM)","priceCurrency":"COP","priceSpecification":{"@type":"PriceSpecification","minPrice":15000000,"priceCurrency":"COP"}}]},
{"@type":"Service","@id":"https://listoappusa.com/#svc-consultoria","name":"Asesoría y consultoría en TI","serviceType":"Consultoría en inteligencia artificial","provider":{"@id":"https://listoappusa.com/#org"},"areaServed":["Bogotá","Medellín","Cali","Bucaramanga","Pereira","Colombia","México"],"description":"Diagnóstico, orden y método claro para que la inteligencia artificial se use bien en el negocio.","offers":{"@type":"Offer","name":"Consultoría y método","priceCurrency":"COP","priceSpecification":{"@type":"PriceSpecification","minPrice":1500000,"priceCurrency":"COP"}}},
{"@type":"Service","@id":"https://listoappusa.com/#svc-diagnostico","name":"Diagnóstico IA ListoApp","serviceType":"Diagnóstico de inteligencia artificial","provider":{"@id":"https://listoappusa.com/#org"},"areaServed":["Colombia","México"],"description":"Sesión de 45 minutos, gratuita y sin compromiso, para definir si el negocio necesita una app, un sistema a la medida o método y consultoría.","offers":{"@type":"Offer","price":0,"priceCurrency":"COP","availability":"https://schema.org/InStock","url":"https://listoappusa.com/#diagnostico"}},
{"@type":"FAQPage","@id":"https://listoappusa.com/#faq","mainEntity":[
{"@type":"Question","name":"¿Cuánto tarda un proyecto?","acceptedAnswer":{"@type":"Answer","text":"Un asistente de IA en WhatsApp suele estar operando entre 3 y 6 semanas. Un sistema a la medida se entrega por versiones: la primera útil en 6 a 10 semanas, y de ahí crece con el negocio."}},
{"@type":"Question","name":"¿De quién son los datos y el sistema?","acceptedAnswer":{"@type":"Answer","text":"Tuyos. Dominio, base de datos, código y contenido quedan a nombre de tu negocio. No te amarramos a una plataforma que no puedas dejar."}},
{"@type":"Question","name":"¿Y si todavía no sé qué necesito?","acceptedAnswer":{"@type":"Answer","text":"Ese es exactamente el caso de la consultoría. Empezamos con un diagnóstico corto y te decimos con claridad qué tiene sentido hacer primero, aunque la respuesta sea que no necesitas software todavía."}},
{"@type":"Question","name":"¿Trabajan con negocios pequeños?","acceptedAnswer":{"@type":"Answer","text":"Sí. Todo lo que hacemos lo probamos primero en nuestros propios negocios, que son pequeños y medianos. El alcance se ajusta al tamaño y al presupuesto."}},
{"@type":"Question","name":"¿Cuánto cuesta un proyecto con ListoApp?","acceptedAnswer":{"@type":"Answer","text":"La consultoría y el método arrancan desde 1.5 millones de pesos, un asistente de IA en WhatsApp desde 6 millones y un sistema a la medida tipo ERP o CRM desde 15 millones. El diagnóstico inicial de 45 minutos es gratuito y sin compromiso."}},
{"@type":"Question","name":"¿En qué ciudades de Colombia atienden?","acceptedAnswer":{"@type":"Answer","text":"Atendemos negocios en Bogotá, Medellín, Cali, Bucaramanga y Pereira, además de México. El trabajo es remoto, con reuniones por video y seguimiento por WhatsApp."}},
{"@type":"Question","name":"¿Cómo manejan los datos personales y el Habeas Data?","acceptedAnswer":{"@type":"Answer","text":"Tratamos los datos bajo la Ley 1581 de 2012: autorización expresa del titular, política de privacidad registrada y mecanismos para los derechos ARCO. La información del negocio no se usa para entrenar modelos de terceros y la base de conocimiento vive en la infraestructura del cliente."}},
{"@type":"Question","name":"¿Dónde están y en qué países atienden?","acceptedAnswer":{"@type":"Answer","text":"Operamos desde Colombia y atendemos también México. El trabajo es remoto, con reuniones por video y seguimiento por WhatsApp."}}]}]}
</script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root{--navy:#000B1F;--card:#0F2038;--green:#B4F50D;--green-soft:#D4FA7A;--gold:#E4A91F;--gold-soft:#F0C15C;--text:#fff;--soft:#c9d3dc;--muted:#8fa0b3}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{background:var(--navy);color:var(--text);font-family:'Exo 2',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--green-soft);text-decoration:none}
a:hover{color:var(--green)}
::selection{background:rgba(180,245,13,.25)}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
img,video{max-width:100%}
.skip{position:absolute;left:-9999px;top:0;background:var(--green);color:var(--navy);padding:10px 16px;border-radius:0 0 8px 0;font-weight:700;z-index:100}
.skip:focus{left:0}
.wrap{max-width:1080px;margin:0 auto;padding:clamp(52px,8vw,80px) 18px 20px}
h1,h2,h3{font-weight:700;letter-spacing:-.5px;text-wrap:pretty}
h2{font-size:clamp(1.6rem,4.6vw,2.1rem);margin-bottom:10px}
p{color:var(--soft)}
.kicker{font-size:.78rem;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold-soft);font-weight:700;margin-bottom:12px}
/* header */
.hdr{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(0,11,31,.85);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.hdr-in{max-width:1080px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}
.brand img{width:34px;height:34px;border-radius:9px;display:block}
.spacer{flex:1;min-width:0}
.navlinks{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;order:3;width:100%}
.navlinks a{color:var(--soft)}
.navlinks a:hover{color:var(--green)}
.progress{height:2px;background:rgba(255,255,255,.06)}
.progress>i{display:block;height:2px;width:0;background:linear-gradient(90deg,var(--green),var(--gold))}
/* botones */
.btn{display:inline-block;font-weight:700;padding:15px 26px;border-radius:11px;font-size:1rem;cursor:pointer;font-family:inherit;border:none;transition:background .25s,border-color .25s,color .25s,transform .2s}
.btn-p{background:var(--green);color:var(--navy)}
.btn-p:hover{background:var(--green-soft);color:var(--navy)}
.btn-g{background:var(--gold);color:var(--navy)}
.btn-g:hover{background:var(--gold-soft);color:var(--navy)}
.btn-o{border:1px solid rgba(255,255,255,.22);color:#fff;background:transparent}
.btn-o:hover{border-color:var(--gold);color:var(--gold-soft)}
.btn-sm{font-size:.88rem;padding:9px 16px;border-radius:9px}
/* hero */
.breaking{position:relative;padding:var(--hero-pt,clamp(104px,16vw,132px)) 18px 26px;background:linear-gradient(180deg,rgba(228,169,31,.10),transparent),var(--navy);border-bottom:1px solid rgba(228,169,31,.22)}
.breaking-in{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.breaking-tag{display:inline-flex;align-items:center;gap:8px;color:var(--gold-soft);font-weight:700;font-size:.78rem;letter-spacing:2px;text-transform:uppercase}
.breaking-tag i{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:blink 1.3s step-start infinite}
.breaking p{color:var(--soft);font-size:1rem;line-height:1.65;max-width:74ch}
.breaking strong{color:#fff}
@media(max-width:640px){.breaking p{font-size:.94rem}}
.hero{position:relative;overflow:hidden;padding:clamp(40px,6vw,60px) 18px 60px;background:radial-gradient(900px 500px at 20% -10%,rgba(180,245,13,.10),transparent 60%),radial-gradient(700px 420px at 90% 10%,rgba(228,169,31,.10),transparent 60%),var(--navy)}
.dots{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px);background-size:34px 34px;animation:drift 60s linear infinite;pointer-events:none}
.hero-in{position:relative;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(30px,5vw,52px);align-items:center}
.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(180,245,13,.35);background:rgba(180,245,13,.07);color:var(--green-soft);padding:7px 14px;border-radius:30px;font-size:.82rem;font-weight:600;margin-bottom:24px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:ring 2.2s infinite}
h1{font-size:clamp(2.05rem,6.4vw,3.1rem);line-height:1.1;font-weight:800;margin-bottom:20px}
.rot{display:block;color:var(--green);animation:glow 3s ease-in-out infinite;min-height:1.1em}
.cursor{animation:blink 1s step-end infinite}
.lede{font-size:clamp(1rem,2.4vw,1.12rem);max-width:520px;margin-bottom:30px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:40px;max-width:560px}
.proof div{border-top:1px solid rgba(180,245,13,.35);padding-top:12px}
.proof b{display:block;font-size:.95rem;color:var(--gold);margin-bottom:3px}
.proof span{font-size:.82rem;color:var(--muted);line-height:1.5}
/* chat */
.chat-wrap{position:relative}
.chat-glow{position:absolute;inset:-30px;background:radial-gradient(circle at 50% 40%,rgba(180,245,13,.20),transparent 65%);filter:blur(20px)}
.chat{position:relative;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:20px;box-shadow:0 26px 60px rgba(0,0,0,.55)}
.chat-hd{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.chat-hd img{width:30px;height:30px;border-radius:8px}
.msgs{display:flex;flex-direction:column;gap:10px;min-height:190px}
.msg{max-width:82%;padding:10px 13px;border-radius:14px;font-size:.88rem;line-height:1.5;animation:rise .35s both}
.me{background:#1d3557;color:#e6edf4;align-self:flex-end}
.bot{background:rgba(180,245,13,.12);color:var(--green-soft);align-self:flex-start}
/* demos */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.tab{cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:11px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--soft);transition:all .25s}
.tab:hover{border-color:rgba(180,245,13,.5);color:var(--green-soft)}
.tab[aria-selected="true"]{border-color:var(--green);background:rgba(180,245,13,.12);color:var(--green-soft)}
.demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;align-items:start;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px}
.media{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:var(--navy)}
.media img,.media video{width:100%;height:auto;display:block}
.mute-btn{position:absolute;right:12px;bottom:12px;z-index:5;display:flex;align-items:center;gap:7px;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;color:#fff;background:rgba(0,11,31,.72);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:8px 14px;transition:border-color .25s,background .25s}
.mute-btn:hover{border-color:var(--green);background:rgba(0,11,31,.9)}
.mute-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.demo h3{color:var(--green-soft);font-size:1.15rem;margin-bottom:10px}
.pts{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.pts div{display:flex;gap:9px;font-size:.86rem;color:var(--muted)}
.pts i{color:var(--green);font-style:normal}
/* tarjetas */
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:rgba(15,32,56,.75);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px;transition:transform .3s,border-color .3s,background .3s}
.card:hover{transform:translateY(-6px);border-color:rgba(180,245,13,.4);background:rgba(15,32,56,1)}
.card h3{color:var(--gold-soft);font-size:1.08rem;margin-bottom:10px}
.card p{font-size:.93rem;line-height:1.65}
.emoji{font-size:1.7rem;margin-bottom:12px}
.price{font-size:1.5rem;font-weight:800;color:var(--green);margin-bottom:10px}
/* tabla */
.tblwrap{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:16px}
table{width:100%;min-width:640px;border-collapse:collapse;font-size:.92rem}
thead tr{background:rgba(180,245,13,.07)}
th{text-align:left;padding:16px 18px;font-weight:700;color:var(--soft)}
th.us{color:var(--green);font-weight:800}
tbody tr{border-top:1px solid rgba(255,255,255,.07)}
td{padding:15px 18px;color:var(--soft)}
td:first-child{color:var(--muted);font-weight:600}
td.us{color:var(--green-soft)}
/* diagnostico */
.diag{background:linear-gradient(150deg,rgba(180,245,13,.07),rgba(228,169,31,.05)),var(--card);border:1px solid rgba(180,245,13,.28);border-radius:24px;padding:clamp(26px,5vw,44px) clamp(20px,4vw,40px)}
.badge{border:1px solid rgba(180,245,13,.45);background:rgba(180,245,13,.10);color:var(--green-soft);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700}
.bar{flex:1;height:5px;background:rgba(255,255,255,.09);border-radius:3px;overflow:hidden}
.bar>i{display:block;height:5px;background:var(--green);transition:width .4s}
.opt{cursor:pointer;font-family:inherit;text-align:left;font-size:.98rem;font-weight:600;color:#e6edf4;background:rgba(0,11,31,.55);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 18px;transition:all .22s;width:100%}
.opt:hover{border-color:var(--green);background:rgba(180,245,13,.10);transform:translateX(4px)}
.linkbtn{cursor:pointer;font-family:inherit;background:none;border:none;color:var(--muted);font-size:.85rem;padding:6px 0}
.linkbtn:hover{color:var(--green-soft)}
.note{background:rgba(0,11,31,.6);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:16px 18px;font-size:.92rem;color:var(--soft);margin-bottom:24px}
/* cobertura */
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;align-items:start}
.chips{display:flex;gap:9px;flex-wrap:wrap}
.chip{border:1px solid rgba(180,245,13,.3);background:rgba(180,245,13,.06);color:var(--green-soft);padding:8px 15px;border-radius:24px;font-size:.85rem;font-weight:600}
.chip.mx{border-color:rgba(228,169,31,.35);background:rgba(228,169,31,.06);color:var(--gold-soft)}
.panel{background:rgba(15,32,56,.75);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:28px}
.checks{display:flex;flex-direction:column;gap:12px}
.checks div{display:flex;gap:10px;align-items:flex-start}
.checks i{color:var(--green);font-style:normal;font-weight:700}
.checks p{font-size:.92rem;line-height:1.6}
/* faq */
.faqs{display:flex;flex-direction:column;gap:10px;max-width:820px}
.faq{background:rgba(15,32,56,.7);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}
.faq h3{margin:0;font-size:1rem;font-weight:600}
.faq button{width:100%;cursor:pointer;font-family:inherit;text-align:left;background:none;border:none;color:#fff;font-size:1rem;font-weight:600;padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq button:hover{color:var(--green-soft)}
.faq button span{color:var(--green);font-size:1.3rem;line-height:1;transition:transform .25s}
.faq.open button span{transform:rotate(45deg)}
.faq .ans{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s}
.faq.open .ans{max-height:600px;opacity:1}
.faq .ans p{padding:0 20px 20px;font-size:.95rem;line-height:1.7}
/* cierre */
.close{background:rgba(228,169,31,.06);border:1.5px solid var(--gold);border-radius:22px;padding:clamp(34px,6vw,52px) clamp(20px,4vw,40px);text-align:center;box-shadow:0 16px 40px rgba(228,169,31,.08)}
.close h2{font-size:clamp(1.65rem,5vw,2.2rem);font-weight:800}
.close p{font-size:1.05rem;max-width:600px;margin:0 auto 28px}
.close .cta-row{justify-content:center}
footer{border-top:1px solid rgba(255,255,255,.06);padding:40px 18px;text-align:center;color:rgba(255,255,255,.38);font-size:.82rem;margin-top:40px}
.flinks{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;font-size:.9rem}
.flinks a{color:var(--soft)}
.float{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-weight:700;padding:12px 20px 12px 14px;border-radius:40px;box-shadow:0 12px 30px rgba(0,0,0,.5);animation:ringwa 2.6s infinite}
.float:hover{background:#20bd5a;color:#fff}
.float svg{width:26px;height:26px;flex-shrink:0}
.wa-preview{position:fixed;right:16px;bottom:88px;z-index:71;max-width:290px;background:var(--card);border:1px solid rgba(37,211,102,.35);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.55);padding:14px 16px 16px;opacity:0;transform:translateY(14px) scale(.96);pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.wa-preview.show{opacity:1;transform:none;pointer-events:auto;animation:waPop .4s ease}
.wa-preview::after{content:'';position:absolute;right:26px;bottom:-8px;width:16px;height:16px;background:var(--card);border-right:1px solid rgba(37,211,102,.35);border-bottom:1px solid rgba(37,211,102,.35);transform:rotate(45deg)}
.wa-preview-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff}
.wa-preview-avatar svg{width:20px;height:20px}
.wa-preview-link{display:flex;gap:11px;align-items:flex-start;text-decoration:none;color:inherit;cursor:pointer}
.wa-preview-body strong{display:block;color:var(--text);font-size:.88rem;margin-bottom:3px}
.wa-preview-body p{color:var(--soft);font-size:.85rem;line-height:1.45;margin:0}
.wa-preview-close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:4px}
.wa-preview-close:hover{color:var(--text)}
@keyframes waPop{0%{opacity:0;transform:translateY(14px) scale(.96)}60%{opacity:1;transform:translateY(-3px) scale(1.01)}100%{opacity:1;transform:none}}
@media (max-width:480px){.wa-preview{right:12px;left:12px;max-width:none;bottom:86px}}
.trybot{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:.85rem;font-weight:700;color:var(--green-soft);border:1px solid rgba(180,245,13,.35);background:rgba(180,245,13,.07);padding:9px 16px;border-radius:30px;transition:background .25s,border-color .25s}
.trybot:hover{background:rgba(180,245,13,.14);border-color:var(--green);color:var(--green-soft)}
.trybot svg{width:18px;height:18px;flex-shrink:0}
.wa-ic{display:inline-flex;width:18px;height:18px;flex-shrink:0;vertical-align:-4px;margin-right:6px}
.wa-ic svg{width:100%;height:100%}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
.hide{display:none}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes glow{0%,100%{text-shadow:0 0 0 rgba(180,245,13,0)}50%{text-shadow:0 0 16px rgba(180,245,13,.6)}}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(180,245,13,.45)}70%{box-shadow:0 0 0 18px rgba(180,245,13,0)}100%{box-shadow:0 0 0 0 rgba(180,245,13,0)}}
@keyframes ringwa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes drift{from{background-position:0 0}to{background-position:600px 300px}}
@media (max-width:640px){.navlinks{gap:13px;font-size:.8rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}
</style>
</head>
<body>
<a class="skip" href="#main">Saltar al contenido</a>

<header class="hdr">
  <div class="hdr-in">
    <a class="brand" href="#top"><img src="logo.jpg" alt="ListoApp" width="34" height="34"><span>ListoApp</span></a>
    <div class="spacer"></div>
    <nav class="navlinks" aria-label="Secciones">
      <a href="#demos">Demos</a>
      <a href="#servicios">Qué hacemos</a>
      <a href="#inversion">Inversión</a>
      <a href="#diagnostico">Diagnóstico</a>
      <a href="#guias">Guías</a>
      <a href="#faq">Preguntas</a>
    </nav>
    <a href="/en/" class="lang-switch" aria-label="Ver en inglés / View in English" title="View in English" style="margin-right:10px;padding:6px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;white-space:nowrap">EN</a>
    <a class="btn btn-g btn-sm wa-route" href="https://wa.me/573224786652?text=Hola%2C%20vi%20la%20p%C3%A1gina%20de%20ListoApp%20y%20quiero%20saber%20m%C3%A1s" target="_blank" rel="noopener"><span class="wa-ic" style="color:#25D366"><svg viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg></span>Hablemos</a>
  </div>
  <div class="progress"><i id="prog"></i></div>
</header>

<section class="breaking" aria-label="Aviso">
  <div class="breaking-in">
    <p class="breaking-tag"><i aria-hidden="true"></i> Aviso</p>
    <p>Cada vez menos gente busca en Google: le pregunta directo a ChatGPT, Perplexity o Claude. <strong>Esas IAs ya visitan tu página ahora mismo</strong>, y la mayoría de los sitios ni se entera. Nosotros lo comprobamos con el nuestro: pasamos de 20 a 47/100 en Agent-Readiness, el estándar que mide si una IA puede leerte y citarte bien — con la misma herramienta que usa Cloudflare. Lo seguro hoy: tu sitio se lee y se cita mejor. ¿Se traduce ya en más ventas? Aún es pronto para prometerlo, pero ya hay señales: en otro proyecto nuestro, dos clientes llegaron porque ChatGPT los mandó directo con nosotros.</p>
  </div>
</section>

<main id="main">
<section id="top" class="hero">
  <div class="dots" aria-hidden="true"></div>
  <div class="hero-in">
    <div>
      <p class="pill"><span class="dot" aria-hidden="true"></span> En producción hoy, en nuestro propio negocio</p>
      <h1>Hacemos que la IA <span class="rot" id="rot">trabaje de verdad<span class="cursor">|</span></span> en tu negocio.</h1>
      <p class="lede">Construimos software e inteligencia artificial a la medida. Y cuando lo que falta no es una app sino método, te acompañamos como consultores para que la IA trabaje de verdad — no solo para probarla.</p>
      <div class="cta-row">
        <a class="btn btn-p" href="#diagnostico">Diagnóstico gratuito en 40 segundos →</a>
        <a class="btn btn-o" href="#demos">Ver demos reales</a>
      </div>
      <div class="proof">
        <div><b>En producción</b><span>no es un piloto ni una demo de laboratorio</span></div>
        <div><b>Sistemas propios</b><span>construidos por nosotros, cero plantillas</span></div>
        <div><b>Datos tuyos</b><span>dominio, base de datos y código a tu nombre</span></div>
      </div>
    </div>
    <div class="chat-wrap">
      <div class="chat-glow" aria-hidden="true"></div>
      <div class="chat">
        <div class="chat-hd">
          <img src="logo.jpg" alt="" width="30" height="30">
          <div><div style="font-size:.9rem;font-weight:700">Chef Toto</div><div style="font-size:.72rem;color:var(--green)">en línea · WhatsApp</div></div>
        </div>
        <div class="msgs" id="msgs"></div>
        <p style="margin-top:14px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px;font-size:.74rem;color:var(--muted);text-align:center">Conversación real reconstruida del asistente en producción</p>
        <div style="text-align:center;margin-top:14px"><a class="trybot" href="https://wa.me/573154406797?text=Hola%2C%20quiero%20probar%20el%20asistente%20de%20IA%20de%20ListoApp" target="_blank" rel="noopener"><svg viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg> Prueba nuestro propio asistente de IA →</a></div>
      </div>
    </div>
  </div>
</section>

<section id="demos" class="wrap reveal">
  <p class="kicker">Así se ve en la práctica</p>
  <h2>Sistemas nuestros, funcionando</h2>
  <div class="tabs" role="tablist" id="tabs"></div>
  <div class="demo">
    <div class="media" id="media"></div>
    <div>
      <h3 id="dTitle"></h3>
      <p id="dBody" style="font-size:.95rem;line-height:1.65"></p>
      <div class="pts" id="dPts"></div>
    </div>
  </div>
</section>

<section id="servicios" class="wrap reveal">
  <p class="kicker">Lo que hacemos</p>
  <h2>Tres formas de trabajar contigo</h2>
  <div class="grid3">
    <article class="card"><div class="emoji">🛠️</div><h3>Apps y sistemas a la medida</h3><p>ERP y CRM propios, asistentes de IA por WhatsApp, sitios con dueño real del dominio y del SEO. Se construye para la forma en que tu negocio ya trabaja — no al revés.</p></article>
    <article class="card"><div class="emoji">🧭</div><h3>Asesoría y consultoría en TI</h3><p>No todo negocio necesita una app desde el primer día. A veces falta diagnóstico, orden y un método claro para usar bien la IA — eso también es un servicio, y lo ofrecemos aparte.</p></article>
    <article class="card"><div class="emoji">🧠</div><h3>Memoria que no se pierde</h3><p>Documentamos el conocimiento del negocio de forma que cada conversación con la IA parte de donde quedó la anterior, en vez de empezar de cero cada vez.</p></article>
  </div>
  <p style="max-width:640px;margin-top:18px;color:var(--muted);font-size:.92rem">En camino: pauta digital, gestión de redes y automatización de email para negocios que ya tienen la base lista. Si tu caso es ese, cuéntanos y lo vemos juntos.</p>
</section>

<section id="comparativa" class="wrap reveal">
  <p class="kicker">Dónde encajamos</p>
  <h2>No somos la única opción — somos el encaje correcto para cierto momento</h2>
  <p style="max-width:640px;margin-bottom:26px">Si eres una corporación con presupuesto de siete cifras, contrata una firma global. Si ya sabes exactamente qué construir, un freelance te sirve. Nosotros somos para el negocio mediano que quiere un caso real funcionando en pocas semanas, con criterio y acompañamiento.</p>
  <div class="tblwrap">
    <table>
      <thead><tr><th>&nbsp;</th><th>Firma grande</th><th>Freelance</th><th class="us">ListoApp</th></tr></thead>
      <tbody>
        <tr><td>Primer resultado</td><td>Meses de discovery</td><td>Rápido, si ya sabes qué pedir</td><td class="us">Semanas, con alcance acotado</td></tr>
        <tr><td>Quién te atiende</td><td>Un equipo que rota</td><td>Una persona, sin respaldo</td><td class="us">Los mismos, de principio a fin</td></tr>
        <tr><td>Si no sabes qué necesitas</td><td>Te venden el proyecto grande</td><td>Te construye lo que pidas</td><td class="us">Te lo decimos antes de cobrarte</td></tr>
        <tr><td>Dueño del sistema</td><td>Su plataforma, su licencia</td><td>Depende del acuerdo</td><td class="us">Tuyo: dominio, datos y código</td></tr>
        <tr><td>Probado antes en</td><td>Casos de otros clientes</td><td>Su portafolio</td><td class="us">Nuestro propio negocio</td></tr>
      </tbody>
    </table>
  </div>
</section>

<section id="inversion" class="wrap reveal">
  <p class="kicker">Inversión</p>
  <h2>Rangos claros, sin cotización sorpresa</h2>
  <p style="max-width:640px;margin-bottom:26px">El precio final depende del alcance, pero estos son los rangos con los que trabajamos. Te lo decimos desde la primera conversación.</p>
  <div class="grid3">
    <article class="card"><h3>Consultoría y método</h3><div class="price">Desde $1.5M COP</div><p>Diagnóstico del negocio, plan de uso de IA con responsables y tiempos, y acompañamiento en la adopción.</p></article>
    <article class="card"><h3>Asistente de IA en WhatsApp</h3><div class="price">Desde $6M COP</div><p>Entrenado con el conocimiento de tu negocio, operando en 3 a 6 semanas, con mantenimiento mensual aparte.</p></article>
    <article class="card"><h3>Sistema a la medida (ERP/CRM)</h3><div class="price">Desde $15M COP</div><p>Primera versión útil en 6 a 10 semanas, entregada por etapas y creciendo con la operación del negocio.</p></article>
  </div>
  <p style="font-size:.85rem;color:var(--muted);margin-top:18px">El diagnóstico inicial de 45 minutos no tiene costo ni compromiso.</p>
</section>

<section id="diagnostico" class="wrap reveal">
  <div class="diag">
    <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px">
      <span class="kicker" style="color:var(--green);margin:0">Diagnóstico IA ListoApp</span>
      <span class="badge">Gratuito · 45 min · sin compromiso</span>
    </div>
    <h2 style="font-size:clamp(1.55rem,4.6vw,2.05rem)">¿Necesitas una app, o necesitas método?</h2>
    <p style="margin-bottom:26px">Empieza aquí con tres preguntas: te decimos con claridad qué tiene sentido hacer primero y te dejamos listo el mensaje para agendar el diagnóstico completo de 45 minutos, sin costo.</p>
    <div id="quiz" style="max-width:660px">
      <div style="display:flex;align-items:center;gap:12px;margin-bottom:18px">
        <div class="bar"><i id="qBar"></i></div>
        <span id="qCount" style="font-size:.8rem;color:var(--muted);white-space:nowrap"></span>
      </div>
      <p id="qTitle" style="font-size:clamp(1.12rem,3.2vw,1.35rem);font-weight:700;color:#fff;margin-bottom:18px"></p>
      <div id="qOpts" style="display:flex;flex-direction:column;gap:10px"></div>
      <button class="linkbtn" id="qBack" style="margin-top:16px">← Volver a la anterior</button>
    </div>
    <div id="result" class="hide" style="max-width:700px">
      <p class="kicker">Nuestra recomendación</p>
      <p id="rTitle" style="font-size:clamp(1.35rem,4vw,1.7rem);font-weight:800;color:var(--green);margin-bottom:12px"></p>
      <p id="rBody" style="font-size:1.02rem;line-height:1.7;margin-bottom:20px"></p>
      <p class="note"><strong style="color:var(--gold-soft)">Primer paso sugerido:</strong> <span id="rStep"></span></p>
      <div class="cta-row">
        <a class="btn btn-p" id="rWa" href="#" target="_blank" rel="noopener">Enviar esto por WhatsApp</a>
        <button class="btn btn-o" id="rAgain">Repetir diagnóstico</button>
      </div>
    </div>
  </div>
</section>

<section id="cobertura" class="wrap reveal">
  <div class="two">
    <div>
      <p class="kicker">Dónde atendemos</p>
      <h2>Colombia y México, en remoto</h2>
      <p style="margin-bottom:20px">Trabajamos con negocios en Bogotá, Medellín, Cali, Bucaramanga y Pereira, y también en México. Las reuniones son por video y el seguimiento del día a día por WhatsApp — el mismo canal donde después vive tu asistente.</p>
      <div class="chips">
        <span class="chip">Bogotá</span><span class="chip">Medellín</span><span class="chip">Cali</span><span class="chip">Bucaramanga</span><span class="chip">Pereira</span><span class="chip mx">México</span>
      </div>
    </div>
    <div class="panel">
      <p class="kicker">Tus datos</p>
      <h2 style="font-size:1.3rem;margin-bottom:14px">Protección de datos y Habeas Data</h2>
      <div class="checks">
        <div><i>✓</i><p>Tratamos los datos personales bajo la <strong style="color:#e6edf4">Ley 1581 de 2012 (Habeas Data)</strong>: autorización expresa del titular y política de privacidad registrada.</p></div>
        <div><i>✓</i><p>Mecanismos operativos para los <strong style="color:#e6edf4">derechos ARCO</strong> — acceso, rectificación, cancelación y oposición.</p></div>
        <div><i>✓</i><p>La información de tu negocio no se usa para entrenar modelos de terceros: la base de conocimiento es tuya y vive en tu infraestructura.</p></div>
        <div><i>✓</i><p>Trabajamos alineados con los principios de IA responsable del <strong style="color:#e6edf4">CONPES 3975</strong>: transparencia, equidad y no discriminación.</p></div>
      </div>
    </div>
  </div>
</section>

<section id="faq" class="wrap reveal">
  <p class="kicker">Preguntas frecuentes</p>
  <h2>Lo que nos preguntan antes de empezar</h2>
  <div class="faqs" id="faqs"></div>
</section>

<section id="guias" class="wrap reveal">
  <p class="kicker">Guías</p>
  <h2>Lo que aprendimos poniendo IA a trabajar de verdad</h2>
  <p style="max-width:640px;margin-bottom:26px">Escribimos lo que nos habría servido saber antes de empezar. Sin humo y sin vender.</p>
  <div class="grid3">
    <a class="card" href="/guias/ia-pyme-colombia/"><div style="font-size:.72rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px">Guía · Fundamentos</div><h3 style="color:var(--green-soft)">Cómo empezar con IA en una pyme colombiana sin botar la plata</h3><p>Por qué la mayoría de proyectos de IA mueren en el piloto, y cuál es el primer caso de uso que sí conviene.</p></a>
    <a class="card" href="/guias/asistente-whatsapp-negocio/"><div style="font-size:.72rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px">Guía · Caso real</div><h3 style="color:var(--green-soft)">Cómo montamos un asistente de IA por WhatsApp en nuestro propio negocio</h3><p>El caso Chef Toto en nuestro propio negocio: qué documentamos, qué falló y qué haríamos distinto.</p></a>
    <a class="card" href="/guias/habeas-data-ia-colombia/"><div style="font-size:.72rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px">Guía · Cumplimiento</div><h3 style="color:var(--green-soft)">IA y Habeas Data: qué exige la Ley 1581 si vas a usar datos de clientes</h3><p>Autorizaciones, política de privacidad y derechos ARCO explicados sin lenguaje de abogado.</p></a>
  </div>
</section>

<section class="wrap reveal" style="padding-bottom:40px">
  <div class="close">
    <h2>Hablemos de tu negocio</h2>
    <p>Cuéntanos qué necesitas — una app, un sistema, o simplemente poner en orden cómo usas la IA hoy — y te decimos con claridad qué tiene sentido hacer primero.</p>
    <div class="cta-row">
      <a class="btn btn-g wa-route" href="https://wa.me/573224786652?text=Hola%2C%20vi%20la%20p%C3%A1gina%20de%20ListoApp%20y%20quiero%20saber%20m%C3%A1s" target="_blank" rel="noopener"><span class="wa-ic" style="color:#25D366"><svg viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg></span>Escribir por WhatsApp</a>
      <a class="btn btn-o" href="mailto:hola@listoappusa.com?subject=Quiero%20saber%20m%C3%A1s%20de%20ListoApp">O escríbenos por correo</a>
    </div>
  </div>
</section>
</main>

<footer>
  <div class="flinks">
    <a href="https://www.facebook.com/profile.php?id=61593465080533" target="_blank" rel="noopener">Facebook</a>
    <a href="https://www.instagram.com/listoapp.ia/" target="_blank" rel="noopener">Instagram</a>
    <a href="https://wa.me/573224786652" target="_blank" rel="noopener">WhatsApp</a>
    <a href="mailto:hola@listoappusa.com">hola@listoappusa.com</a>
    <a href="/politica-de-privacidad.html">Política de privacidad</a>
  </div>
  <p>© 2026 ListoApp. Todos los derechos reservados.<br>Tecnología y consultoría en IA, probadas primero en nuestros propios negocios.</p>
</footer>

<div class="wa-preview" id="waPreview">
  <button type="button" class="wa-preview-close" id="waPreviewClose" aria-label="Cerrar">&times;</button>
  <a class="wa-preview-link" id="waPreviewLink" href="https://wa.me/573154406797?text=Hola%2C%20vi%20la%20p%C3%A1gina%20de%20ListoApp%20y%20quiero%20saber%20m%C3%A1s" target="_blank" rel="noopener" aria-label="Abrir chat de WhatsApp con ListoApp">
    <span class="wa-preview-avatar"><svg viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg></span>
    <span class="wa-preview-body"><strong>ListoApp</strong><p>👋 ¿Tu negocio ya usa la IA de verdad, o solo la está probando? Escríbenos, sin compromiso.</p></span>
  </a>
</div>
<a class="float" aria-label="Escríbenos por WhatsApp" href="https://wa.me/573154406797?text=Hola%2C%20vi%20la%20p%C3%A1gina%20de%20ListoApp%20y%20quiero%20saber%20m%C3%A1s" target="_blank" rel="noopener"><svg viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg> Escríbenos</a>

<script>
(function(){
  var KEY='loWaPreviewShown';
  var already=false;
  try{already=!!sessionStorage.getItem(KEY);}catch(e){}
  if(already) return;
  var el=document.getElementById('waPreview'),closeBtn=document.getElementById('waPreviewClose'),timer;
  if(!el||!closeBtn) return;
  function mark(){try{sessionStorage.setItem(KEY,'1');}catch(e){}}
  function show(){
    if(el.classList.contains('show')) return;
    mark();
    el.classList.add('show');
    window.removeEventListener('scroll',onScroll);
    clearTimeout(timer);
  }
  function hide(){el.classList.remove('show');}
  function onScroll(){show();}
  timer=setTimeout(show,6000);
  window.addEventListener('scroll',onScroll,{once:true,passive:true});
  closeBtn.addEventListener('click',function(e){e.preventDefault();hide();mark();});
})();
</script>

<script>
(function(){
var SALES_NUM='573224786652', BOT_NUM='573154406797';
function isBusinessHours(){
  try{
    var parts=new Intl.DateTimeFormat('en-US',{timeZone:'America/Bogota',hour12:false,weekday:'short',hour:'2-digit'}).formatToParts(new Date());
    var map={};parts.forEach(function(p){map[p.type]=p.value;});
    var dayMap={Sun:0,Mon:1,Tue:2,Wed:3,Thu:4,Fri:5,Sat:6};
    var day=dayMap[map.weekday],hour=parseInt(map.hour,10);
    return day>=1&&day<=5&&hour>=8&&hour<18;
  }catch(e){return true;}
}
var CONTACT_NUM=isBusinessHours()?SALES_NUM:BOT_NUM;
document.querySelectorAll('.wa-route').forEach(function(a){a.href=a.href.replace('573224786652',CONTACT_NUM);});
var WA='https://wa.me/'+CONTACT_NUM+'?text=';
var WORDS=['trabaje de verdad','ordene tu operación','no se pierda entre chats','deje de ser un experimento'];
var rot=document.getElementById('rot'),wi=0;
setInterval(function(){wi=(wi+1)%WORDS.length;rot.innerHTML=WORDS[wi]+'<span class="cursor">|</span>';},2600);

var CHAT=[['Toto, ¿cuánto rinde la receta de arequipe con 20 kg de leche?',1],['Con 20 kg te salen ~14,3 kg de producto. Necesitas 4,4 kg de azúcar y 38 g de bicarbonato. ¿Te paso el costeo?',0],['Sí, y guárdalo en la ficha del producto.',1],['Listo. Costo unitario $3.480 / kg, guardado en el sistema.',0]];
var msgs=document.getElementById('msgs'),ci=0;
var ct=setInterval(function(){if(ci>=CHAT.length){clearInterval(ct);return;}var d=document.createElement('div');d.className='msg '+(CHAT[ci][1]?'me':'bot');d.textContent=CHAT[ci][0];msgs.appendChild(d);ci++;},900);

var prog=document.getElementById('prog');
addEventListener('scroll',function(){var h=document.documentElement.scrollHeight-innerHeight;prog.style.width=(h>0?Math.min(100,scrollY/h*100):0)+'%';},{passive:true});

var hdrEl=document.querySelector('.hdr');
function fitHero(){if(!hdrEl)return;document.documentElement.style.setProperty('--hero-pt',(hdrEl.offsetHeight+24)+'px');}
fitHero();
addEventListener('resize',fitHero);
addEventListener('load',fitHero);
if(document.fonts&&document.fonts.ready){document.fonts.ready.then(fitHero);}

var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}})},{threshold:.12});
document.querySelectorAll('.reveal').forEach(function(el){io.observe(el)});

var DEMOS=[
{label:'Chef Toto · IA en WhatsApp',mp4:'chef_toto_demo.mp4',img:'chef_toto_demo.gif',alt:'Chef Toto respondiendo en WhatsApp',title:'Chef Toto',body:'El asistente de IA de nuestro propio negocio respondiendo en vivo, sin guion, sobre recetas, costos y procesos del negocio.',pts:['Responde por WhatsApp, donde ya está el equipo','Conoce el catálogo y las fichas técnicas','Aprende del negocio, no de internet'],w:1568,h:656},
{label:'ERP propio · Sistema a la medida',mp4:'promex_ops_demo.mp4',img:'promex_ops_demo.gif',alt:'Sistema de inventario y catálogo a la medida',title:'ERP a la medida',body:'El sistema de inventario y catálogo que construimos a la medida, en uso real todos los días.',pts:['Inventario, catálogo y costos en un solo lugar','Hecho para el flujo real de la operación','Los datos viven en servidores del negocio'],w:1568,h:656},
{label:'Identidad de marca',video:'clip_chef_toto_video.mp4',title:'El personaje',body:'Chef Toto también es identidad: un personaje reconocible que hace que el asistente se sienta parte de la marca.',pts:['Personaje, voz y tono definidos','La IA deja de ser un chatbot genérico','Misma identidad en web, redes y WhatsApp'],w:720,h:1280}];
var tabs=document.getElementById('tabs');
DEMOS.forEach(function(d,i){var b=document.createElement('button');b.className='tab';b.type='button';b.setAttribute('role','tab');b.setAttribute('aria-selected',i===0);b.textContent=d.label;b.onclick=function(){showDemo(i)};tabs.appendChild(b);});
function showDemo(i){var d=DEMOS[i];
[].forEach.call(tabs.children,function(b,j){b.setAttribute('aria-selected',j===i)});
var box=document.getElementById('media');var src=d.video||d.mp4;
if(src){var v=document.createElement('video');v.src=src;v.autoplay=v.muted=v.loop=v.playsInline=true;v.setAttribute('playsinline','');v.preload='metadata';v.width=d.w;v.height=d.h;if(d.alt)v.setAttribute('aria-label',d.alt);
v.onerror=function(){if(d.img){box.innerHTML='<img src="'+d.img+'" alt="'+d.alt+'" loading="lazy" decoding="async" width="'+d.w+'" height="'+d.h+'">';}};
box.innerHTML='';box.appendChild(v);
var mb=document.createElement('button');mb.type='button';mb.className='mute-btn';
function paintMute(){mb.innerHTML=v.muted?'🔇 Activar sonido':'🔊 Silenciar';mb.setAttribute('aria-pressed',String(!v.muted));}
mb.onclick=function(){v.muted=!v.muted;if(!v.muted){v.play().catch(function(){});}paintMute();};
paintMute();box.appendChild(mb);
}else{box.innerHTML='<img src="'+d.img+'" alt="'+d.alt+'" loading="lazy" decoding="async" width="'+d.w+'" height="'+d.h+'">';}
document.getElementById('dTitle').textContent=d.title;
document.getElementById('dBody').textContent=d.body;
document.getElementById('dPts').innerHTML=d.pts.map(function(p){return '<div><i>✓</i>'+p+'</div>'}).join('');}
showDemo(0);

var Q=[
{t:'¿Qué te está costando más tiempo hoy?',o:[['Repetir la misma información una y otra vez','asistente'],['Llevar inventario, pedidos o costos en Excel','sistema'],['Sé que la IA sirve, pero no sé por dónde empezar','metodo']]},
{t:'¿Cómo trabaja tu equipo hoy?',o:[['Todo por WhatsApp y llamadas','asistente'],['Con hojas de cálculo y algún software genérico','sistema'],['Cada quien a su manera, sin proceso claro','metodo']]},
{t:'¿Qué esperas lograr en los próximos 3 meses?',o:[['Responder más rápido sin contratar más gente','asistente'],['Tener un sistema propio con mis datos','sistema'],['Ordenar el conocimiento del negocio','metodo']]}];
var R={
asistente:{t:'Un asistente de IA, primero',b:'Tu cuello de botella es la atención y la repetición. Un asistente de IA por WhatsApp entrenado con el conocimiento de tu negocio te quita ese peso en semanas, no en meses.',s:'Una sesión de 45 minutos para mapear las 20 preguntas que más repites y armar la primera versión del asistente.',w:'Hola, hice el diagnóstico en la web y me salió que necesito un asistente de IA por WhatsApp. Quiero agendar el diagnóstico de 45 minutos.'},
sistema:{t:'Un sistema a la medida',b:'Ya tienes operación, pero está repartida entre Excel y herramientas que no fueron hechas para ti. Un ERP propio ordena inventario, costos y catálogo — y los datos quedan de tu negocio.',s:'Un levantamiento de tu operación actual para definir el alcance de la primera versión del sistema.',w:'Hola, hice el diagnóstico en la web y me salió que necesito un sistema a la medida (tipo ERP). Quiero agendar el diagnóstico de 45 minutos.'},
metodo:{t:'Consultoría y método, antes que software',b:'Todavía no necesitas una app. Lo que falta es diagnóstico y un método claro para que la IA se use bien y el conocimiento del negocio no se pierda entre conversación y conversación.',s:'Una consultoría corta: diagnóstico del negocio y un plan de uso de IA con responsables y tiempos.',w:'Hola, hice el diagnóstico en la web y me salió que necesito consultoría y método antes que software. Quiero agendar el diagnóstico de 45 minutos.'}};
var step=0,ans=[];
var quiz=document.getElementById('quiz'),res=document.getElementById('result');
function paint(){
document.getElementById('qBar').style.width=(step/Q.length*100)+'%';
document.getElementById('qCount').textContent='Pregunta '+(step+1)+' de '+Q.length;
document.getElementById('qTitle').textContent=Q[step].t;
var box=document.getElementById('qOpts');box.innerHTML='';
Q[step].o.forEach(function(o){var b=document.createElement('button');b.className='opt';b.type='button';b.textContent=o[0];b.onclick=function(){ans=ans.slice(0,step);ans.push(o[1]);step++;if(step>=Q.length){finish()}else{paint()}};box.appendChild(b);});
document.getElementById('qBack').style.visibility=step>0?'visible':'hidden';}
function finish(){var c={},best='metodo',n=-1;ans.forEach(function(t){c[t]=(c[t]||0)+1});Object.keys(c).forEach(function(k){if(c[k]>n){n=c[k];best=k}});
var r=R[best];document.getElementById('rTitle').textContent=r.t;document.getElementById('rBody').textContent=r.b;document.getElementById('rStep').textContent=r.s;
document.getElementById('rWa').href=WA+encodeURIComponent(r.w);
quiz.classList.add('hide');res.classList.remove('hide');res.style.animation='rise .5s both';}
document.getElementById('qBack').onclick=function(){if(step>0){step--;paint()}};
document.getElementById('rAgain').onclick=function(){step=0;ans=[];res.classList.add('hide');quiz.classList.remove('hide');paint()};
paint();

var FAQ=[
['¿Cuánto tarda un proyecto?','Un asistente de IA en WhatsApp suele estar operando entre 3 y 6 semanas. Un sistema a la medida se entrega por versiones: la primera útil en 6 a 10 semanas, y de ahí crece con el negocio.'],
['¿De quién son los datos y el sistema?','Tuyos. Dominio, base de datos, código y contenido quedan a nombre de tu negocio. No te amarramos a una plataforma que no puedas dejar.'],
['¿Y si todavía no sé qué necesito?','Ese es exactamente el caso de la consultoría. Empezamos con un diagnóstico corto y te decimos con claridad qué tiene sentido hacer primero — aunque la respuesta sea que no necesitas software todavía.'],
['¿Trabajan con negocios pequeños?','Sí. Todo lo que hacemos lo probamos primero en nuestros propios negocios, que son pequeños y medianos. El alcance se ajusta al tamaño y al presupuesto.'],
['¿Cuánto cuesta un proyecto con ListoApp?','La consultoría y el método arrancan desde $1.5M COP, un asistente de IA en WhatsApp desde $6M COP y un sistema a la medida tipo ERP o CRM desde $15M COP. El precio final depende del alcance, y el diagnóstico inicial de 45 minutos es gratuito y sin compromiso.'],
['¿En qué ciudades de Colombia atienden?','Atendemos negocios en Bogotá, Medellín, Cali, Bucaramanga y Pereira, además de México. El trabajo es remoto: reuniones por video y seguimiento por WhatsApp.'],
['¿Cómo manejan los datos personales y el Habeas Data?','Tratamos los datos bajo la Ley 1581 de 2012: autorización expresa del titular, política de privacidad registrada y mecanismos para los derechos ARCO. La información de tu negocio no se usa para entrenar modelos de terceros y la base de conocimiento vive en tu infraestructura.'],
['¿Dónde están y en qué países atienden?','Operamos desde Colombia y atendemos también México. El trabajo es remoto, con reuniones por video y seguimiento por WhatsApp.']];
document.getElementById('faqs').innerHTML=FAQ.map(function(f,i){return '<div class="faq"><h3><button type="button" aria-expanded="false" aria-controls="a'+i+'">'+f[0]+'<span aria-hidden="true">+</span></button></h3><div class="ans" id="a'+i+'"><p>'+f[1]+'</p></div></div>'}).join('');
document.querySelectorAll('.faq button').forEach(function(b){b.onclick=function(){var open=b.getAttribute('aria-expanded')!=='true';b.setAttribute('aria-expanded',open);b.closest('.faq').classList.toggle('open',open);}});
})();
</script>

<script>
// WebMCP: expone acciones de esta página a agentes de IA que la visiten (navegador compatible).
// No afecta a navegadores sin soporte -- se ejecuta solo si la API existe.
if (window.navigator && navigator.modelContext && navigator.modelContext.provideContext) {
  navigator.modelContext.provideContext({
    tools: [
      {
        name: 'get_pricing',
        description: 'Devuelve los precios desde los que arranca cada servicio de ListoApp (consultoría y método, asistente de IA en WhatsApp, sistema a la medida tipo ERP/CRM, y el diagnóstico inicial).',
        inputSchema: { type: 'object', properties: {} },
        execute: async function () {
          return { content: [{ type: 'text', text: JSON.stringify({
            consultoria_y_metodo: { desde_cop: 1500000, descripcion: 'Diagnóstico y método claro para que la IA se use bien en el negocio.' },
            asistente_ia_whatsapp: { desde_cop: 6000000, descripcion: 'Asistente de IA por WhatsApp entrenado con el conocimiento del negocio.' },
            sistema_a_la_medida: { desde_cop: 15000000, descripcion: 'ERP/CRM a la medida; datos y dominio quedan del cliente.' },
            diagnostico_inicial: { precio_cop: 0, duracion_minutos: 45, descripcion: 'Sesión gratuita y sin compromiso para definir qué necesita el negocio.' },
            moneda: 'COP', cobertura: ['Bogotá', 'Medellín', 'Cali', 'Bucaramanga', 'Pereira', 'Colombia', 'México']
          }) }] };
        }
      },
      {
        name: 'contact_whatsapp',
        description: 'Genera el link de WhatsApp para contactar a ListoApp, con un mensaje inicial opcional.',
        inputSchema: { type: 'object', properties: { mensaje: { type: 'string', description: 'Mensaje inicial a enviar por WhatsApp' } } },
        execute: async function (args) {
          var msg = (args && args.mensaje) || 'Hola, quiero saber más sobre ListoApp';
          return { content: [{ type: 'text', text: 'https://wa.me/573224786652?text=' + encodeURIComponent(msg) }] };
        }
      }
    ]
  });
}
</script>
</body>
</html>
