feat: actualizar pitch con modelo renta hardware, features completas, expansion multi-ciudad

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-06 00:30:27 +00:00
parent 341bdcc743
commit e29c99d9a6

View File

@@ -2051,147 +2051,50 @@ body::after {
<div class="glow glow--orange" style="top:-100px;left:-200px;"></div> <div class="glow glow--orange" style="top:-100px;left:-200px;"></div>
<div class="glow glow--cyan" style="bottom:-150px;right:-100px;"></div> <div class="glow glow--cyan" style="bottom:-150px;right:-100px;"></div>
<div class="slide-inner"> <div class="slide-inner">
<div class="tag reveal">La Visión de Producto</div> <div class="tag reveal">El Producto</div>
<div class="title reveal reveal-d1">El sistema operativo del <span class="hl">aftermarket</span></div> <div class="title reveal reveal-d1">Todo lo que necesita una <span class="hl">refaccionaria</span></div>
<div class="journey reveal reveal-d2"> <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;" class="reveal reveal-d2">
<!-- STEP 1: BUSCA --> <!-- Column 1: Ventas -->
<div class="journey-step"> <div class="card" style="padding:20px 22px;border-left:3px solid var(--accent);">
<div class="journey-num">1</div> <h4 style="font-family:var(--font-display);font-size:0.95rem;font-weight:700;color:var(--accent);margin-bottom:12px;">Ventas & POS</h4>
<div class="journey-mockup"> <ul style="list-style:none;font-size:0.85rem;color:var(--text-secondary);line-height:2;">
<div class="mockup-bar"> <li><span style="color:var(--accent);"></span> POS completo (ventas, cotizaciones, apartados, devoluciones, F-keys)</li>
<span class="mb-dot" style="background:var(--red);"></span> <li><span style="color:var(--accent);"></span> Caja registradora multi-caja con cortes X/Z</li>
<span class="mb-dot" style="background:var(--yellow);"></span> <li><span style="color:var(--accent);"></span> Clientes con credito, estados de cuenta, 3 tiers de precio</li>
<span class="mb-dot" style="background:var(--green);"></span> <li><span style="color:var(--accent);"></span> Facturacion CFDI 4.0</li>
<li><span style="color:var(--accent);"></span> Impresion termica ESC/POS</li>
</ul>
</div> </div>
<div class="mockup-body"> <!-- Column 2: Catalogo & Inventario -->
<div class="m-input"> <div class="card" style="padding:20px 22px;border-left:3px solid var(--cyan);">
<span style="color:var(--accent);"></span> <h4 style="font-family:var(--font-display);font-size:0.95rem;font-weight:700;color:var(--cyan);margin-bottom:12px;">Catalogo & Inventario</h4>
<span>Balatas Tsuru 2015</span> <ul style="list-style:none;font-size:0.85rem;color:var(--text-secondary);line-height:2;">
<span class="m-cursor">|</span> <li><span style="color:var(--cyan);"></span> Catalogo TecDoc 1.5M+ partes (Ano>Marca>Modelo>Motor)</li>
<li><span style="color:var(--cyan);"></span> VIN decoder + busqueda por placas mexicanas</li>
<li><span style="color:var(--cyan);"></span> Inventario append-only, toma fisica, reportes ABC</li>
<li><span style="color:var(--cyan);"></span> Contabilidad con polizas automaticas</li>
<li><span style="color:var(--cyan);"></span> Marketplace B2B</li>
</ul>
</div> </div>
<div style="font-size:0.65rem;color:#999;margin-bottom:6px;">O busca por vehículo:</div> <!-- Column 3: IA & Plataforma -->
<div class="m-row" style="background:#f0f0f0;border-radius:4px;"> <div class="card" style="padding:20px 22px;border-left:3px solid var(--green);">
<span>Nissan</span><span style="color:#bbb;"></span> <h4 style="font-family:var(--font-display);font-size:0.95rem;font-weight:700;color:var(--green);margin-bottom:12px;">IA & Plataforma</h4>
</div> <ul style="list-style:none;font-size:0.85rem;color:var(--text-secondary);line-height:2;">
<div class="m-row" style="border-radius:4px;"> <li><span style="color:var(--green);"></span> Chatbot IA: voz, foto, vision, diagnostico, cotizacion inteligente</li>
<span>Toyota</span><span style="color:#bbb;"></span> <li><span style="color:var(--green);"></span> WhatsApp Business integrado</li>
</div> <li><span style="color:var(--green);"></span> Gestion de flotillas</li>
<div class="m-row" style="border-radius:4px;"> <li><span style="color:var(--green);"></span> PWA + App Android, modo kiosko</li>
<span>VW</span><span style="color:#bbb;"></span> <li><span style="color:var(--green);"></span> 2 temas, 2 idiomas (ES/EN), 2 monedas (MXN/USD)</li>
</div> </ul>
</div>
</div>
<div class="journey-label">Busca</div>
<div class="journey-desc">Por parte, vehículo o VIN</div>
</div>
<!-- STEP 2: COMPARA -->
<div class="journey-step">
<div class="journey-num">2</div>
<div class="journey-mockup">
<div class="mockup-bar">
<span class="mb-dot" style="background:var(--red);"></span>
<span class="mb-dot" style="background:var(--yellow);"></span>
<span class="mb-dot" style="background:var(--green);"></span>
</div>
<div class="mockup-body">
<div style="font-size:0.65rem;color:#999;margin-bottom:6px;">3 bodegas · Balatas delanteras</div>
<div class="m-row">
<span>Bodega TJ Norte</span>
<span class="m-price">$420</span>
</div>
<div style="text-align:right;margin:-2px 8px 4px;"><span class="m-stock m-stock--yes">● En stock</span></div>
<div class="m-row">
<span>Refac. Central</span>
<span class="m-price">$385</span>
</div>
<div style="text-align:right;margin:-2px 8px 4px;"><span class="m-stock m-stock--yes">● En stock</span></div>
<div class="m-row">
<span>AutoParts GDL</span>
<span class="m-price">$450</span>
</div>
<div style="text-align:right;margin:-2px 8px 4px;"><span class="m-stock m-stock--low">● Últimas 2</span></div>
</div>
</div>
<div class="journey-label">Compara</div>
<div class="journey-desc">Precios y stock multi-bodega</div>
</div>
<!-- STEP 3: ORDENA -->
<div class="journey-step">
<div class="journey-num">3</div>
<div class="journey-mockup">
<div class="mockup-bar">
<span class="mb-dot" style="background:var(--red);"></span>
<span class="mb-dot" style="background:var(--yellow);"></span>
<span class="mb-dot" style="background:var(--green);"></span>
</div>
<div class="mockup-body">
<div style="font-size:0.65rem;color:#999;margin-bottom:6px;">Carrito unificado</div>
<div class="m-row">
<span>Balatas del.</span>
<span class="m-price">$385</span>
</div>
<div class="m-row">
<span>Discos del.</span>
<span class="m-price">$720</span>
</div>
<div class="m-row">
<span>Líq. frenos</span>
<span class="m-price">$95</span>
</div>
<div style="border-top:1px solid #e0e0e0;margin-top:6px;padding-top:6px;">
<div class="m-row" style="font-weight:700;">
<span style="color:#222;">Total</span>
<span class="m-price">$1,200</span>
</div>
</div>
<div class="m-btn">Ordenar →</div>
</div>
</div>
<div class="journey-label">Ordena</div>
<div class="journey-desc">Un carrito, múltiples bodegas</div>
</div>
<!-- STEP 4: FACTURA -->
<div class="journey-step">
<div class="journey-num">4</div>
<div class="journey-mockup">
<div class="mockup-bar">
<span class="mb-dot" style="background:var(--red);"></span>
<span class="mb-dot" style="background:var(--yellow);"></span>
<span class="mb-dot" style="background:var(--green);"></span>
</div>
<div class="mockup-body">
<div style="text-align:center;padding:6px 0;">
<div style="font-size:1.5rem;margin-bottom:4px;"></div>
<div style="color:var(--green);font-weight:600;font-size:0.74rem;">Pedido confirmado</div>
</div>
<div class="m-row" style="margin-top:4px;">
<span>CFDI 4.0</span>
<span style="color:var(--green);">Emitida ✓</span>
</div>
<div class="m-row">
<span>Pago</span>
<span style="color:var(--cyan);">BNPL 3 meses</span>
</div>
<div class="m-row">
<span>Entrega</span>
<span style="color:#222;">~45 min</span>
</div>
</div>
</div>
<div class="journey-label">Factura y paga</div>
<div class="journey-desc">CFDI automática + crédito BNPL</div>
</div> </div>
</div> </div>
<!-- WhatsApp alternative entry --> <!-- Hardware included -->
<div style="text-align:center;" class="reveal reveal-d3"> <div style="text-align:center;margin-top:20px;" class="reveal reveal-d3">
<div class="journey-alt"> <div class="card" style="display:inline-flex;align-items:center;gap:16px;padding:14px 32px;">
<span style="font-size:1.3rem;">💬</span> <span style="font-size:1.3rem;">🖥️</span>
<span>También por <strong>WhatsApp + IA</strong> — "Necesito balatas para Tsuru 2015" y el flujo inicia automáticamente</span> <span style="font-size:0.95rem;color:var(--text-secondary);">Servidor incluido en <strong style="color:var(--accent);">rack 3D personalizado</strong> — Mini PC + switch + AP + UPS. El cliente renta todo el sistema listo para usar.</span>
</div> </div>
</div> </div>
</div> </div>
@@ -2266,7 +2169,7 @@ body::after {
<span style="font-family:var(--font-mono);font-size:0.95rem;color:var(--green);font-weight:700;letter-spacing:0.08em;">SOM — Objetivo Año 1-2</span> <span style="font-family:var(--font-mono);font-size:0.95rem;color:var(--green);font-weight:700;letter-spacing:0.08em;">SOM — Objetivo Año 1-2</span>
<span style="font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--green);">$500M</span> <span style="font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--green);">$500M</span>
</div> </div>
<div style="font-size:1.02rem;color:var(--text-secondary);">Tijuana, Guadalajara y expansión digital nacional</div> <div style="font-size:1.02rem;color:var(--text-secondary);">6 ciudades: Tijuana, Rosarito, Tecate, Ensenada, Guadalajara, Cd. Obregon. 80-150 refaccionarias independientes solo en Tijuana.</div>
</div> </div>
<div class="card" style="padding:16px 20px;border-left:3px solid var(--cyan);"> <div class="card" style="padding:16px 20px;border-left:3px solid var(--cyan);">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;"> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
@@ -2330,55 +2233,55 @@ body::after {
<div class="title reveal reveal-d1">4 motores de <span class="hl">ingreso</span></div> <div class="title reveal reveal-d1">4 motores de <span class="hl">ingreso</span></div>
<div class="revenue-grid"> <div class="revenue-grid">
<!-- 1. Licenciamiento SaaS --> <!-- 1. Renta Hardware + Software -->
<div class="rev-card rev-card--orange reveal reveal-d1"> <div class="rev-card rev-card--orange reveal reveal-d1">
<div class="rev-num">01</div> <div class="rev-num">01</div>
<div class="rev-icon" style="background:linear-gradient(135deg, rgba(255,107,53,0.12), rgba(255,107,53,0.04));"> <div class="rev-icon" style="background:linear-gradient(135deg, rgba(255,107,53,0.12), rgba(255,107,53,0.04));">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/><circle cx="12" cy="16" r="1"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg>
</div> </div>
<h4>Licenciamiento SaaS</h4> <h4>Renta Hardware + Software</h4>
<div class="rev-target">Talleres + Bodegas</div> <div class="rev-target">$2,000 MXN/mes todo incluido</div>
<div class="rev-desc">Suscripción mensual. Ingreso predecible desde el día 1.</div> <div class="rev-desc">Mini PC + switch + AP + UPS + rack 3D impreso = $200 USD por unidad. El cliente renta el servidor con el sistema instalado.</div>
<div class="rev-metric" style="color:var(--accent);">Recurrente · Predecible</div> <div class="rev-metric" style="color:var(--accent);">Recurrente · Predecible · ROI en 3 meses</div>
<div class="biela-end"></div> <div class="biela-end"></div>
</div> </div>
<!-- 2. Comisión por venta --> <!-- 2. Marketplace B2B -->
<div class="rev-card rev-card--cyan reveal reveal-d2"> <div class="rev-card rev-card--cyan reveal reveal-d2">
<div class="rev-num">02</div> <div class="rev-num">02</div>
<div class="rev-icon" style="background:linear-gradient(135deg, rgba(0,212,255,0.12), rgba(0,212,255,0.04));"> <div class="rev-icon" style="background:linear-gradient(135deg, rgba(0,212,255,0.12), rgba(0,212,255,0.04));">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--cyan)" stroke-width="2" stroke-linecap="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--cyan)" stroke-width="2" stroke-linecap="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/></svg>
</div> </div>
<h4>Comisión Marketplace</h4> <h4>Marketplace B2B</h4>
<div class="rev-target">Refaccionarias PyMEs</div> <div class="rev-target">Bodegas ↔ Talleres/Refaccionarias</div>
<div class="rev-desc">% por transacción. Crece con cada venta en la plataforma.</div> <div class="rev-desc">Comision por transaccion entre bodegas y talleres/refaccionarias. Crece con cada venta en la red.</div>
<div class="rev-metric" style="color:var(--cyan);">Escala con volumen</div> <div class="rev-metric" style="color:var(--cyan);">Escala con volumen</div>
<div class="biela-end"></div> <div class="biela-end"></div>
</div> </div>
<!-- 3. Posicionamiento --> <!-- 3. Suscripciones Premium -->
<div class="rev-card rev-card--purple reveal reveal-d3"> <div class="rev-card rev-card--purple reveal reveal-d3">
<div class="rev-num">03</div> <div class="rev-num">03</div>
<div class="rev-icon" style="background:linear-gradient(135deg, rgba(167,139,250,0.12), rgba(167,139,250,0.04));"> <div class="rev-icon" style="background:linear-gradient(135deg, rgba(167,139,250,0.12), rgba(167,139,250,0.04));">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="2" stroke-linecap="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="2" stroke-linecap="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
</div> </div>
<h4>Posicionamiento</h4> <h4>Suscripciones Premium</h4>
<div class="rev-target">Refaccionarias grandes</div> <div class="rev-target">Planes escalables</div>
<div class="rev-desc">Visibilidad premium en búsquedas. Pagan por destacarse.</div> <div class="rev-desc">Basico $999/mes, Pro $1,999/mes, Enterprise $3,999/mes. Mas features, mas usuarios, mas sucursales.</div>
<div class="rev-metric" style="color:var(--purple);">Alto margen · ~100% digital</div> <div class="rev-metric" style="color:var(--purple);">Upsell natural · Alta retencion</div>
<div class="biela-end"></div> <div class="biela-end"></div>
</div> </div>
<!-- 4. Data & Insights --> <!-- 4. Servicios -->
<div class="rev-card rev-card--green reveal reveal-d4"> <div class="rev-card rev-card--green reveal reveal-d4">
<div class="rev-num">04</div> <div class="rev-num">04</div>
<div class="rev-icon" style="background:linear-gradient(135deg, rgba(63,185,80,0.12), rgba(63,185,80,0.04));"> <div class="rev-icon" style="background:linear-gradient(135deg, rgba(63,185,80,0.12), rgba(63,185,80,0.04));">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--green)" stroke-width="2" stroke-linecap="round"><path d="M21 12V7H5a2 2 0 010-4h14v4"/><path d="M3 5v14a2 2 0 002 2h16v-5"/><path d="M18 12a2 2 0 000 4h4v-4h-4z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--green)" stroke-width="2" stroke-linecap="round"><path d="M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z"/></svg>
</div> </div>
<h4>Comercio de Datos</h4> <h4>Servicios</h4>
<div class="rev-target">Fabricantes + Distribuidores</div> <div class="rev-target">Instalacion + Migracion + Soporte</div>
<div class="rev-desc">Demanda real, tendencias de compra. Datos que nadie más tiene.</div> <div class="rev-desc">Instalacion en sitio, migracion desde SICAR y otros sistemas, soporte tecnico dedicado.</div>
<div class="rev-metric" style="color:var(--green);">Moat · Crece con la red</div> <div class="rev-metric" style="color:var(--green);">Revenue inmediato · Fideliza</div>
<div class="biela-end"></div> <div class="biela-end"></div>
</div> </div>
</div> </div>
@@ -2484,88 +2387,83 @@ body::after {
<div class="glow glow--orange" style="bottom:-150px;right:-100px;"></div> <div class="glow glow--orange" style="bottom:-150px;right:-100px;"></div>
<div class="slide-inner"> <div class="slide-inner">
<div class="tag reveal">Roadmap</div> <div class="tag reveal">Roadmap</div>
<div class="title reveal reveal-d1">4 meses hacia la <span class="hl">escala</span> <span style="font-size:0.5em;color:var(--text-muted);font-weight:400;">($28K dev)</span></div> <div class="title reveal reveal-d1">12 meses hacia la <span class="hl">escala</span></div>
<div class="racetrack reveal reveal-d2"> <div class="racetrack reveal reveal-d2">
<div class="race-road"></div> <div class="race-road"></div>
<div class="race-grid"> <div class="race-grid">
<!-- Mes 1: Fundamentos --> <!-- Mes 1: MVP + Pilotos -->
<div class="race-col"> <div class="race-col">
<div class="race-flag">🏁</div> <div class="race-flag">🏁</div>
<div class="race-period">Mes 1</div> <div class="race-period">Mes 1</div>
<div class="race-card" style="border-color:var(--accent);"> <div class="race-card" style="border-color:var(--accent);">
<h4 style="color:var(--accent);">Fundamentos</h4> <h4 style="color:var(--accent);">MVP + 5 pilotos Tijuana</h4>
<ul class="race-items"> <ul class="race-items">
<li><span class="rb" style="color:var(--accent);"></span> CFDI 4.0</li> <li><span class="rb" style="color:var(--accent);"></span> POS completo</li>
<li><span class="rb" style="color:var(--accent);"></span> Quality badges</li> <li><span class="rb" style="color:var(--accent);"></span> Inventario</li>
<li><span class="rb" style="color:var(--accent);"></span> Landing + pricing</li> <li><span class="rb" style="color:var(--accent);"></span> Facturacion CFDI 4.0</li>
<li><span class="rb" style="color:var(--accent);"></span> VIN decoder + placas</li> <li><span class="rb" style="color:var(--accent);"></span> 3 meses gratis para pilotos</li>
<li><span class="rb" style="color:var(--accent);"></span> Carrito multi-bodega</li>
</ul> </ul>
<div class="race-kpi" style="color:var(--accent);"> <div class="race-kpi" style="color:var(--accent);">
<svg class="race-kpi-icon" viewBox="0 0 18 11" fill="none"><path d="M2 10 A7 7 0 0 1 16 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><line x1="9" y1="9" x2="5" y2="5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9" cy="9" r="1.5" fill="currentColor"/></svg> <svg class="race-kpi-icon" viewBox="0 0 18 11" fill="none"><path d="M2 10 A7 7 0 0 1 16 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><line x1="9" y1="9" x2="5" y2="5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9" cy="9" r="1.5" fill="currentColor"/></svg>
$7K — Base técnica completa 5 clientes piloto en TJ
</div> </div>
</div> </div>
</div> </div>
<!-- Mes 2: IA + Refaccionarias --> <!-- Mes 3: Expansion BC + GDL -->
<div class="race-col"> <div class="race-col">
<div class="race-flag">🤖</div> <div class="race-flag">📍</div>
<div class="race-period">Mes 2</div> <div class="race-period">Mes 3</div>
<div class="race-card"> <div class="race-card">
<h4 style="color:var(--cyan);">IA + Refaccionarias</h4> <h4 style="color:var(--cyan);">Expansion BC + GDL</h4>
<ul class="race-items"> <ul class="race-items">
<li><span class="rb" style="color:var(--cyan);"></span> Chatbot IA español</li> <li><span class="rb" style="color:var(--cyan);"></span> Rosarito, Tecate, Ensenada</li>
<li><span class="rb" style="color:var(--cyan);"></span> WhatsApp Business API</li> <li><span class="rb" style="color:var(--cyan);"></span> 2 vendedores Guadalajara</li>
<li><span class="rb" style="color:var(--cyan);"></span> CRM integrado</li> <li><span class="rb" style="color:var(--cyan);"></span> 1 vendedor Cd. Obregon</li>
<li><span class="rb" style="color:var(--cyan);"></span> SaaS Refaccionarias</li> <li><span class="rb" style="color:var(--cyan);"></span> Comisiones $500/cliente</li>
<li><span class="rb" style="color:var(--cyan);"></span> Onboarding refaccionarias</li>
</ul> </ul>
<div class="race-kpi" style="color:var(--cyan);"> <div class="race-kpi" style="color:var(--cyan);">
<svg class="race-kpi-icon" viewBox="0 0 18 11" fill="none"><path d="M2 10 A7 7 0 0 1 16 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><line x1="9" y1="9" x2="7" y2="4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9" cy="9" r="1.5" fill="currentColor"/></svg> <svg class="race-kpi-icon" viewBox="0 0 18 11" fill="none"><path d="M2 10 A7 7 0 0 1 16 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><line x1="9" y1="9" x2="7" y2="4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9" cy="9" r="1.5" fill="currentColor"/></svg>
$7K — IA + red de refaccionarias 6 ciudades activas
</div> </div>
</div> </div>
</div> </div>
<!-- Mes 3: Gestión + Monetización --> <!-- Mes 6: 50 clientes + Marketplace -->
<div class="race-col"> <div class="race-col">
<div class="race-flag"></div> <div class="race-flag"></div>
<div class="race-period">Mes 3</div> <div class="race-period">Mes 6</div>
<div class="race-card"> <div class="race-card">
<h4 style="color:var(--green);">Gestión + Monetización</h4> <h4 style="color:var(--green);">50 clientes + Marketplace</h4>
<ul class="race-items"> <ul class="race-items">
<li><span class="rb" style="color:var(--green);"></span> Órdenes de servicio (Kanban)</li> <li><span class="rb" style="color:var(--green);"></span> Catalogo TecDoc activo</li>
<li><span class="rb" style="color:var(--green);"></span> Dashboard analytics</li> <li><span class="rb" style="color:var(--green);"></span> Red de bodegas conectada</li>
<li><span class="rb" style="color:var(--green);"></span> BNPL / crédito (APLAZO)</li> <li><span class="rb" style="color:var(--green);"></span> $100K MXN/mes recurrente</li>
<li><span class="rb" style="color:var(--green);"></span> Programa de lealtad</li>
<li><span class="rb" style="color:var(--green);"></span> Sync ERP</li>
</ul> </ul>
<div class="race-kpi" style="color:var(--green);"> <div class="race-kpi" style="color:var(--green);">
<svg class="race-kpi-icon" viewBox="0 0 18 11" fill="none"><path d="M2 10 A7 7 0 0 1 16 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><line x1="9" y1="9" x2="11" y2="4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9" cy="9" r="1.5" fill="currentColor"/></svg> <svg class="race-kpi-icon" viewBox="0 0 18 11" fill="none"><path d="M2 10 A7 7 0 0 1 16 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><line x1="9" y1="9" x2="11" y2="4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9" cy="9" r="1.5" fill="currentColor"/></svg>
$7K — Gestión completa + ingresos 50 clientes · Marketplace live
</div> </div>
</div> </div>
</div> </div>
<!-- Mes 4: Expansión --> <!-- Mes 9-12: Alianza + Escala -->
<div class="race-col"> <div class="race-col">
<div class="race-flag">🚀</div> <div class="race-flag">🚀</div>
<div class="race-period">Mes 4</div> <div class="race-period">Mes 9-12</div>
<div class="race-card"> <div class="race-card">
<h4 style="color:var(--purple);">Expansión</h4> <h4 style="color:var(--purple);">Alianza nacional + Escala</h4>
<ul class="race-items"> <ul class="race-items">
<li><span class="rb" style="color:var(--purple);"></span> Flotillas</li> <li><span class="rb" style="color:var(--purple);"></span> Convenio refaccionaria grande</li>
<li><span class="rb" style="color:var(--purple);"></span> Mercado Libre / Amazon</li> <li><span class="rb" style="color:var(--purple);"></span> Pre-Seed round</li>
<li><span class="rb" style="color:var(--purple);"></span> ML predictivo + IA por voz</li> <li><span class="rb" style="color:var(--purple);"></span> 150 clientes</li>
<li><span class="rb" style="color:var(--purple);"></span> API pública</li> <li><span class="rb" style="color:var(--purple);"></span> Marketplace activo, 2da ronda</li>
<li><span class="rb" style="color:var(--purple);"></span> App móvil (PWA)</li>
</ul> </ul>
<div class="race-kpi" style="color:var(--purple);"> <div class="race-kpi" style="color:var(--purple);">
<svg class="race-kpi-icon" viewBox="0 0 18 11" fill="none"><path d="M2 10 A7 7 0 0 1 16 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><line x1="9" y1="9" x2="13" y2="5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9" cy="9" r="1.5" fill="currentColor"/></svg> <svg class="race-kpi-icon" viewBox="0 0 18 11" fill="none"><path d="M2 10 A7 7 0 0 1 16 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><line x1="9" y1="9" x2="13" y2="5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9" cy="9" r="1.5" fill="currentColor"/></svg>
$7K — Marketplace + escala 150 clientes · Segunda ronda
</div> </div>
</div> </div>
</div> </div>
@@ -2618,6 +2516,19 @@ body::after {
</div> </div>
</div> </div>
</div> </div>
<div style="margin-top:14px;text-align:center;" class="reveal reveal-d4">
<div class="card" style="display:inline-flex;align-items:center;gap:24px;padding:14px 32px;">
<div style="text-align:center;">
<div style="font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:4px;">Mes 2-3: Fuerza de ventas</div>
<div style="font-family:var(--font-display);font-size:0.95rem;font-weight:700;color:var(--cyan);">5 vendedores (2 TJ, 2 GDL, 1 Obregon)</div>
</div>
<div style="width:1px;height:30px;background:var(--border);"></div>
<div style="text-align:center;">
<div style="font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:4px;">Desarrollo</div>
<div style="font-family:var(--font-display);font-size:0.95rem;font-weight:700;color:var(--accent);">1 programador dedicado</div>
</div>
</div>
</div>
</div> </div>
</section> </section>
@@ -2652,7 +2563,7 @@ body::after {
<text x="58" y="120" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="9" fill="var(--accent)" opacity="0.8">DEV</text> <text x="58" y="120" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="9" fill="var(--accent)" opacity="0.8">DEV</text>
<text x="140" y="48" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="14" font-weight="800" fill="#E0E0E0">$8K</text> <text x="140" y="48" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="14" font-weight="800" fill="#E0E0E0">$8K</text>
<text x="140" y="65" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="9" fill="var(--green)" opacity="0.8">INFRA</text> <text x="140" y="65" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="9" fill="var(--green)" opacity="0.8">HW</text>
<text x="260" y="80" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="14" font-weight="800" fill="#E0E0E0">$15K</text> <text x="260" y="80" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="14" font-weight="800" fill="#E0E0E0">$15K</text>
<text x="260" y="97" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="9" fill="var(--cyan)" opacity="0.8">VENTAS</text> <text x="260" y="97" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="9" fill="var(--cyan)" opacity="0.8">VENTAS</text>
@@ -2678,21 +2589,21 @@ body::after {
<span style="font-family:var(--font-mono);font-size:0.95rem;color:var(--cyan);font-weight:700;">Ventas y Marketing</span> <span style="font-family:var(--font-mono);font-size:0.95rem;color:var(--cyan);font-weight:700;">Ventas y Marketing</span>
<span style="font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--cyan);">$15K</span> <span style="font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--cyan);">$15K</span>
</div> </div>
<div style="font-size:1.02rem;color:var(--text-secondary);">Equipo comercial, adquisición de refaccionarias y talleres</div> <div style="font-size:1.02rem;color:var(--text-secondary);">5 vendedores (2 TJ, 2 GDL, 1 Cd. Obregon), comisiones $500/cliente</div>
</div> </div>
<div class="card" style="padding:18px 22px;border-left:3px solid var(--green);"> <div class="card" style="padding:18px 22px;border-left:3px solid var(--green);">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;"> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
<span style="font-family:var(--font-mono);font-size:0.95rem;color:var(--green);font-weight:700;">Infraestructura</span> <span style="font-family:var(--font-mono);font-size:0.95rem;color:var(--green);font-weight:700;">Hardware (primeras unidades)</span>
<span style="font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--green);">$8K</span> <span style="font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--green);">$8K</span>
</div> </div>
<div style="font-size:1.02rem;color:var(--text-secondary);">APIs, servicios en la nube, hardware</div> <div style="font-size:1.02rem;color:var(--text-secondary);">40 racks a $200 USD c/u para primeros clientes</div>
</div> </div>
<div class="card" style="padding:18px 22px;border-left:3px solid var(--accent);"> <div class="card" style="padding:18px 22px;border-left:3px solid var(--accent);">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;"> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
<span style="font-family:var(--font-mono);font-size:0.95rem;color:var(--accent);font-weight:700;">Desarrollo</span> <span style="font-family:var(--font-mono);font-size:0.95rem;color:var(--accent);font-weight:700;">Desarrollo</span>
<span style="font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--accent);">$7K</span> <span style="font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--accent);">$7K</span>
</div> </div>
<div style="font-size:1.02rem;color:var(--text-secondary);">Finalizar MVP: POS, inventario, facturación</div> <div style="font-size:1.02rem;color:var(--text-secondary);">Programador dedicado, APIs, infraestructura</div>
</div> </div>
</div> </div>
</div> </div>
@@ -2742,6 +2653,11 @@ body::after {
El inversionista decide — tu capital siempre está protegido El inversionista decide — tu capital siempre está protegido
</div> </div>
</div> </div>
<!-- Capital operativo del fundador -->
<div class="card reveal reveal-d5" style="margin-top:16px;padding:16px 24px;border-color:var(--accent);text-align:center;">
<span style="font-family:var(--font-mono);font-size:0.85rem;color:var(--text-secondary);">Fundador inyecta <strong style="color:var(--accent);">$30,000 MXN mensuales</strong> adicionales de capital operativo</span>
</div>
</div> </div>
</section> </section>