<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JAHAPA — La Super-App que Reparte sus Lucros con la Comunidad</title>
  <meta name="description"
    content="JAHAPA: Viajes, Comida, Fletes y Servicios con comisión escalonada 16%→5%. Billetera Pira Pire, sorteos diarios y comisiones de por vida. El ecosistema cooperativo de Paraguay.">
  <meta name="keywords"
    content="JAHAPA, transporte Paraguay, comision justa, delivery, servicios, Pira Pire, alternativa Uber Bolt">
  <meta name="author" content="Ideatera Studios EAS">
  <meta name="robots" content="index, follow">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="shortcut icon" href="favicon.ico">
  <link
    href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
    integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
  <link rel="stylesheet" href="style.css">
</head>

<body>

  <!-- NAV -->
  <nav class="nav" id="nav">
    <div class="nav-container">
      <a href="#" class="nav-logo">
        <img src="images/logo.png" alt="JAHAPA">
      </a>

      <!-- Desktop links -->
      <ul class="nav-links" id="navLinks">
        <li><a href="https://docs.jahapa.com.py">Documentación</a></li>
        <li><a href="#como-funciona">Cómo Funciona</a></li>
        <li><a href="#comparacion">vs La Competencia</a></li>
        <li><a href="#apps">Descargar</a></li>
        <li><a href="#planes">Planes</a></li>
        <li><a href="#comisiones">Comisiones</a></li>
        <li><a href="#mapa">Mapa</a></li>
        <li><a href="#futuro">Futuro</a></li>
        <li><a href="https://jahapa.app/invest/" class="nav-cta">Invertir</a></li>
      </ul>

      <!-- Desktop: theme toggle -->
      <div class="nav-actions">
        <button class="theme-toggle" id="themeToggle" aria-label="Cambiar tema">🌙</button>
      </div>

      <!-- Mobile: botones derecha -->
      <div class="nav-mobile-right">
        <button class="theme-toggle theme-toggle-mobile" id="themeToggleMobile" aria-label="Cambiar tema">🌙</button>
        <button class="nav-toggle" id="navToggle" aria-label="Menú">
          <span></span><span></span><span></span>
        </button>
      </div>
    </div>

    <!-- Mobile panel (drawer) -->
    <div class="nav-drawer" id="navDrawer">
      <ul class="nav-drawer-links">
        <li><a href="https://docs.jahapa.com.py" style="color: #60a5fa; font-weight: bold;">Documentación Oficial</a></li>
        <li><a href="#como-funciona">Cómo Funciona</a></li>
        <li><a href="#comparacion">vs La Competencia</a></li>
        <li><a href="#apps">Descargar App</a></li>
        <li><a href="#planes">Planes</a></li>
        <li><a href="#comisiones">Comisiones</a></li>
        <li><a href="#mapa">Mapa</a></li>
        <li><a href="#futuro">Futuro</a></li>
      </ul>
      <a href="https://jahapa.app/invest/" class="nav-drawer-cta">Invertir en JAHAPA</a>
    </div>
    <div class="nav-overlay" id="navOverlay"></div>
  </nav>

  <!-- HERO -->
  <section class="hero" id="hero">
    <div class="hero-bg"></div>
    <div class="hero-content">
      <div class="hero-text">
        <p class="hero-tag">El ecosistema cooperativo de Paraguay 🇵🇾</p>
        <h1>La <span class="highlight">Evolución</span> de las Apps.</h1>
        <p class="hero-subtitle">¿Necesitás un viaje, una limpiadora, un delivery, un albañil, una profesora de inglés?
          <strong>Servicios reales de todo tipo.</strong> Basta de lucros monopolizados. Billetera Pira Pire, sorteos
          diarios y comisiones de por vida. <strong>Competir es pensar pequeño, cooperar es pensar grande.</strong></p>
        <div class="hero-stats">
          <div class="stat">
            <span class="stat-value">16→5%</span>
            <span class="stat-label">Comisión Escalonada</span>
          </div>
          <div class="stat">
            <span class="stat-value">80%</span>
            <span class="stat-label">Vuelve a la comunidad</span>
          </div>
          <div class="stat">
            <span class="stat-value">∞</span>
            <span class="stat-label">Comisiones de por vida</span>
          </div>
        </div>
        <div class="hero-buttons">
          <a href="#apps" class="btn btn-primary">Descargar App</a>
          <a href="#como-funciona" class="btn btn-outline">Cómo Funciona</a>
        </div>
      </div>
      <div class="hero-phone">
        <img src="images/app.png" alt="JAHAPA App">
      </div>
    </div>
  </section>

  <!-- CÓMO FUNCIONA -->
  <section class="section como-funciona" id="como-funciona">
    <div class="container">
      <h2 class="section-title">¿Cómo funciona <span class="highlight">JAHAPA</span>?</h2>
      <p class="section-subtitle">Un modelo justo donde <strong>todos ganan</strong></p>
      <div class="cards-grid">
        <div class="card glass card--amber" data-reveal>
          <span class="card-symbol">🔄</span>
          <div class="card-dot" style="background:#f0ad4e;"></div>
          <h3>Comisión 16% → 5%</h3>
          <p>El proveedor arranca en 16%. Al alcanzar el tope mensual o pagando su membresía de Fundador 300M, la tasa corporativa baja a 8% (exclusivo con llave BYOK). Pero si trasladas a tu propio referido, el 3% vuelve a tu bolsillo inmediatamente (¡Coste Final: 5%!).</p>
        </div>
        <div class="card glass card--green" data-reveal>
          <span class="card-symbol">💎</span>
          <div class="card-dot" style="background:#22c55e;"></div>
          <h3>Billetera Pira Pire</h3>
          <p>Créditos de consumo interno (1₱₱ = 1 Gs). Transferencias P2P gratuitas, retiros a tu banco sin costo. Tu
            plata segura y accesible.</p>
        </div>
        <div class="card glass card--blue" data-reveal>
          <span class="card-symbol">🌐</span>
          <div class="card-dot" style="background:#60a5fa;"></div>
          <h3>4 Verticales</h3>
          <p>Viajes, Fletes, Comida y Servicios Profesionales. Aparte, el Marketplace para alquilar u ofrecer vehículos.
            Todo conectado a una sola Billetera Pira Pire.</p>
        </div>
        <div class="card glass card--purple" data-reveal>
          <span class="card-symbol">∞</span>
          <div class="card-dot" style="background:#a78bfa;"></div>
          <h3>Comisiones de Por Vida</h3>
          <p>Ganá 3%, 2%, 1% de tus referidos cada vez que generen ingresos. Push notification en tiempo real. Para
            siempre, de todas las verticales.</p>
        </div>
        <div class="card glass card--amber" data-reveal>
          <span class="card-symbol">🎰</span>
          <div class="card-dot" style="background:#f0ad4e;"></div>
          <h3>Midnight Awards</h3>
          <p>Todos los días a las 00:00 se reparte el pozo acumulado. Mr. Suerte sortea entre todos los usuarios
            activos. Top 10 premia a los mejores del día.</p>
        </div>
        <div class="card glass card--red" data-reveal>
          <span class="card-symbol">🤖</span>
          <div class="card-dot" style="background:#f43f5e;"></div>
          <h3>Sofi AI — Zero Password</h3>
          <p>Sin contraseñas, sin formularios. Sofi te registra por WhatsApp usando Google Gemini. Fricción cero para
            empezar a ganar.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- COMPARACIÓN -->
  <section class="section comparacion" id="comparacion">
    <div class="container">
      <h2 class="section-title"><span class="highlight">JAHAPA</span> vs La Competencia</h2>
      <p class="section-subtitle">El modelo que realmente respeta <strong>tu trabajo</strong></p>

      <!-- DESKTOP TABLE -->
      <div class="table-wrapper" data-reveal>
        <table class="compare-table">
          <thead>
            <tr>
              <th class="ct-feature">Característica</th>
              <th class="ct-head ct-head--a"><span class="ct-badge ct-badge--a">Plataforma A</span></th>
              <th class="ct-head ct-head--b"><span class="ct-badge ct-badge--b">Plataforma B</span></th>
              <th class="ct-head ct-head--j"><span class="ct-badge ct-badge--j">JAHAPA ✓</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="ct-feature">Comisión al conductor</td>
              <td class="ct-a ct-bad">25%</td>
              <td class="ct-b ct-bad">20%</td>
              <td class="ct-j ct-win">16%→5%</td>
            </tr>
            <tr>
              <td class="ct-feature">Ganancia del conductor</td>
              <td class="ct-a">75%</td>
              <td class="ct-b">80%</td>
              <td class="ct-j ct-win">84–95%</td>
            </tr>
            <tr>
              <td class="ct-feature">Precio del viaje</td>
              <td class="ct-a">Fijado por la app</td>
              <td class="ct-b">Fijado por la app</td>
              <td class="ct-j ct-win">Lo fija el conductor <small>(libre)</small></td>
            </tr>
            <tr>
              <td class="ct-feature">Recibe el conductor</td>
              <td class="ct-a">Gs. 22.500</td>
              <td class="ct-b">Gs. 24.000</td>
              <td class="ct-j ct-win">84–95% de su precio</td>
            </tr>
            <tr>
              <td class="ct-feature">Sorteos diarios</td>
              <td class="ct-a"><span class="ct-x"></span></td>
              <td class="ct-b"><span class="ct-x"></span></td>
              <td class="ct-j ct-win ct-green"><span class="ct-check"></span> Todos los días</td>
            </tr>
            <tr>
              <td class="ct-feature">Red de referidos</td>
              <td class="ct-a">1 nivel (cupón)</td>
              <td class="ct-b">1 nivel (cupón)</td>
              <td class="ct-j ct-win ct-green"><span class="ct-check"></span> 3 niveles de por vida</td>
            </tr>
            <tr>
              <td class="ct-feature">Pago con tarjeta</td>
              <td class="ct-a"><span class="ct-check"></span></td>
              <td class="ct-b"><span class="ct-check"></span></td>
              <td class="ct-j ct-win"><span class="ct-check"></span> VPOS</td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- MOBILE CARDS -->
      <div class="ct-mobile" data-reveal>
        <div class="ct-mobile-header">
          <div class="ct-mobile-badge ct-mobile-badge--a">Plat. A</div>
          <div class="ct-mobile-badge ct-mobile-badge--b">Plat. B</div>
          <div class="ct-mobile-badge ct-mobile-badge--j">JAHAPA</div>
        </div>
        <div class="ct-mobile-row">
          <div class="ct-mobile-label">Comisión</div>
          <div class="ct-mobile-vals">
            <span class="ct-bad">25%</span>
            <span class="ct-bad">20%</span>
            <span class="ct-win">16→5%</span>
          </div>
        </div>
        <div class="ct-mobile-row">
          <div class="ct-mobile-label">Ganancia conductor</div>
          <div class="ct-mobile-vals">
            <span>75%</span>
            <span>80%</span>
            <span class="ct-win">84–95%</span>
          </div>
        </div>
        <div class="ct-mobile-row">
          <div class="ct-mobile-label">Precio del viaje</div>
          <div class="ct-mobile-vals">
            <span>App</span>
            <span>App</span>
            <span class="ct-win">Conductor</span>
          </div>
        </div>
        <div class="ct-mobile-row">
          <div class="ct-mobile-label">Sorteos diarios</div>
          <div class="ct-mobile-vals">
            <span><span class="ct-x"></span></span>
            <span><span class="ct-x"></span></span>
            <span class="ct-win ct-green"><span class="ct-check"></span> Sí</span>
          </div>
        </div>
        <div class="ct-mobile-row">
          <div class="ct-mobile-label">Red de referidos</div>
          <div class="ct-mobile-vals">
            <span>1 nivel</span>
            <span>1 nivel</span>
            <span class="ct-win ct-green"><span class="ct-check"></span> 3 niveles</span>
          </div>
        </div>
        <div class="ct-mobile-row">
          <div class="ct-mobile-label">Pago con tarjeta</div>
          <div class="ct-mobile-vals">
            <span><span class="ct-check"></span></span>
            <span><span class="ct-check"></span></span>
            <span class="ct-win"><span class="ct-check"></span> VPOS</span>
          </div>
        </div>
      </div>

      <div class="compare-result">
        <strong class="highlight">Resultado:</strong> El proveedor gana entre <strong>84% y 90%</strong> y fija su
        precio. El 80% de la comisión vuelve a la comunidad en referidos y sorteos. Y ambos ganan comisiones de por
        vida.
      </div>
    </div>
  </section>

  <!-- DOS APPS -->
  <section class="section apps-section" id="apps">
    <div class="container">
      <h2 class="section-title">Dos Apps, Un <span class="highlight">Ecosistema</span></h2>
      <p class="section-subtitle">Descargá la que necesités</p>
      <div class="apps-grid">

        <div class="app-card app-card--pasajero" data-reveal>
          <div class="app-header">
            <div class="app-icon-wrap app-icon-wrap--pasajero">
              <img src="images/app-pasajero.png" alt="JAHAPA Pasajero">
            </div>
            <div class="app-header-text">
              <div class="app-tag">Para todos</div>
              <h3>Jahapa</h3>
            </div>
          </div>
          <div class="app-divider"></div>
          <ul class="app-features">
            <li>Elegí tu chofer de una lista en vivo (estilo InDriver)</li>
            <li>Viajes, Fletes, Delivery y Servicios en una sola app</li>
            <li>Pagá con Pira Pire, efectivo o tarjeta</li>
            <li>Invitá amigos y ganá <strong>comisiones de por vida</strong></li>
            <li>Midnight Awards — <strong>ganás por usar la app</strong></li>
          </ul>
          <div class="app-buttons">
            <a href="https://apps.apple.com/py/app/jahapa/id6758995598" target="_blank"
              class="store-btn store-btn--apple">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor">
                <path
                  d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" />
              </svg>
              <span><small>Descargar en</small>App Store</span>
            </a>
            <a href="https://play.google.com/store/apps/details?id=com.ideaterastudios.jahapa&hl=es_MX" target="_blank"
              class="store-btn store-btn--google">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor">
                <path
                  d="M3.18 23.76c.3.17.64.22.99.14l12.12-6.99-2.54-2.54-10.57 9.39zm-1.7-20.1C1.2 4.03 1 4.5 1 5.14v13.72c0 .64.2 1.11.49 1.48l.07.07 7.68-7.68v-.18L1.55 3.59l-.07.07zm17.44 8.79l-2.18-1.26-2.85 2.85 2.85 2.85 2.2-1.27c.63-.36.63-.95 0-1.17zM4.17.28L16.29 7.3l-2.54 2.54L3.18.45C3.52.24 3.87.1 4.17.28z" />
              </svg>
              <span><small>Disponible en</small>Google Play</span>
            </a>
          </div>
        </div>

        <div class="app-card app-card--conductor" data-reveal>
          <div class="app-header">
            <div class="app-icon-wrap app-icon-wrap--conductor">
              <img src="images/app-conductor.jpg" alt="JAHAPA Conductor">
            </div>
            <div class="app-header-text">
              <div class="app-tag app-tag--conductor">Para proveedores</div>
              <h3>Jahapa <span class="highlight">Proveedor</span></h3>
            </div>
          </div>
          <div class="app-divider"></div>
          <ul class="app-features">
            <li><strong>Comisión 16% → 5%</strong> escalonada</li>
            <li>Elegí tu modalidad (auto, moto, flete, servicios)</li>
            <li><strong>Vos decidís tu precio mínimo</strong> — mercado libre</li>
            <li>Ganá <strong>comisiones de por vida</strong> de tus referidos</li>
            <li>Pira Pire: cobrá, ahorrá y retirá sin costo</li>
            <li>Midnight Awards + Marketplace de vehículos</li>
          </ul>
          <div class="app-buttons">
            <a href="https://apps.apple.com/py/app/jahapa-conductor/id6758995814" target="_blank"
              class="store-btn store-btn--apple store-btn--gold">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor">
                <path
                  d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" />
              </svg>
              <span><small>Descargar en</small>App Store</span>
            </a>
            <a href="https://play.google.com/store/apps/details?id=com.ideaterastudios.jahapaconductor&hl=es_MX"
              target="_blank" class="store-btn store-btn--google store-btn--gold">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor">
                <path
                  d="M3.18 23.76c.3.17.64.22.99.14l12.12-6.99-2.54-2.54-10.57 9.39zm-1.7-20.1C1.2 4.03 1 4.5 1 5.14v13.72c0 .64.2 1.11.49 1.48l.07.07 7.68-7.68v-.18L1.55 3.59l-.07.07zm17.44 8.79l-2.18-1.26-2.85 2.85 2.85 2.85 2.2-1.27c.63-.36.63-.95 0-1.17zM4.17.28L16.29 7.3l-2.54 2.54L3.18.45C3.52.24 3.87.1 4.17.28z" />
              </svg>
              <span><small>Disponible en</small>Google Play</span>
            </a>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- COMISIONES DE POR VIDA -->
  <section class="section comisiones-section" id="comisiones">
    <div class="container">
      <h2 class="section-title">Comisiones <span class="highlight">de Por Vida</span></h2>
      <p class="section-subtitle">No es un cupón de descuento. Son <strong>ingresos pasivos reales, para
          siempre.</strong></p>

      <!-- ANIMACIÓN red de referidos -->
      <div class="comisiones-anim-wrap" data-reveal>
        <div class="niveles-wrap">

          <!-- GIF central -->
          <img src="images/red-referidos.gif" alt="Red de referidos JAHAPA" class="niveles-gif">

          <!-- Anillo que gira con los badges -->
          <div class="niveles-orbit">
            <div class="nivel-badge nivel-vos">
              <img src="images/vos.png" alt="Vos">
            </div>
            <div class="nivel-badge nivel-1">
              <img src="images/nivel1.png" alt="Nivel 1 - 3%">
            </div>

            <div class="nivel-badge nivel-3">
              <img src="images/nivel3.png" alt="Nivel 3 - 1%">
            </div>

            <div class="nivel-badge nivel-2">
              <img src="images/nivel2.png" alt="Nivel 2 - 2%">
            </div>
          </div>

        </div>
      </div>
      <!-- INFO CARDS EN FILA -->
      <div class="comisiones-info" data-reveal>
        <div class="info-card glass info-card--amber">
          <span class="info-card-symbol">∞</span>
          <div class="info-card-dot" style="background:#f0ad4e;"></div>
          <h4>De Por Vida</h4>
          <p>Mientras tu referido use JAHAPA, vos ganás. No importa si es mañana o en 10 años.</p>
        </div>
        <div class="info-card glass info-card--blue">
          <span class="info-card-symbol">📲</span>
          <div class="info-card-dot" style="background:#60a5fa;"></div>
          <h4>Push en Tiempo Real</h4>
          <p>Notificación al instante con el monto acreditado cada vez que un referido genera comisión.</p>
        </div>
        <div class="info-card glass info-card--green">
          <span class="info-card-symbol">👥</span>
          <div class="info-card-dot" style="background:#22c55e;"></div>
          <h4>Pasajeros y Conductores</h4>
          <p>Ambos tienen su propia red de 3 niveles. Todos participan, todos ganan.</p>
        </div>
        <div class="info-card glass info-card--purple">
          <span class="info-card-symbol">🎰</span>
          <div class="info-card-dot" style="background:#a78bfa;"></div>
          <h4>Huérfanas → Sorteo</h4>
          <p>Sin referidor, las comisiones van al sorteo diario. La comunidad siempre gana.</p>
        </div>
      </div>

    </div>
  </section>
  <!-- PLANES / SUSCRIPCIÓN -->
  <section class="section planes-section" id="planes">
    <div class="container">
      <h2 class="section-title">Planes de <span class="highlight">Subscripción</span></h2>
      <p class="section-subtitle">Comisión escalonada que <strong>baja mientras más trabajás</strong>. Compará con el
        20-25% de la competencia.</p>
      <div class="planes-grid" data-reveal>

        <div class="plan-card">
          <div class="plan-name">Base</div>
          <div class="plan-price">Gratis</div>
          <div class="plan-range">Pasajero / Usuario</div>
          <div class="plan-divider"></div>
          <div class="plan-pct">0%</div>
          <div class="plan-pct-label">sin comisión al usar</div>
          <div class="plan-vs">Descargá y usá</div>
        </div>

        <div class="plan-card">
          <div class="plan-name">Premium</div>
          <div class="plan-price">Gs. 33.000 <small>/mes</small></div>
          <div class="plan-range">Pasajero VIP</div>
          <div class="plan-divider"></div>
          <div class="plan-pct">VIP</div>
          <div class="plan-pct-label">beneficios exclusivos</div>
          <div class="plan-vs">Retiros 4/mes • Midnight Awards • Sofi AI</div>
        </div>

        <div class="plan-card plan-card--popular">
          <div class="plan-badge plan-badge--pop">Proveedores</div>
          <div class="plan-name">Proveedor Activo</div>
          <div class="plan-price">16% → 5%</div>
          <div class="plan-range">Comisión Escalonada</div>
          <div class="plan-divider"></div>
          <div class="plan-pct">80%</div>
          <div class="plan-pct-label">vuelve a la comunidad</div>
          <div class="plan-vs">vs <span>25%</span> en la competencia</div>
        </div>

        <div class="plan-card plan-card--elite">
          <div class="plan-badge">Membresía JAHAPA Fundador</div>
          <div class="plan-price">Gs. 300.000 <small>/mes</small></div>
          <div class="plan-range">Suscripción Adelantada</div>
          <div class="plan-divider"></div>
          <div class="plan-pct">8%</div>
          <div class="plan-pct-label">base corporativa garantizada (con BYOK)</div>
          <div class="plan-vs">Costo de 5% al trasladar a tu red • Prioridad en matching</div>
          <br>
          <div style="font-weight: bold; color: gold; font-size: 0.9em; margin-top: 10px; border-top: 1px dashed rgba(255,255,255,0.4); padding-top: 10px;">
            ¡1 Acción de la EAS por cada 100.000 Gs invertidos al año! (Tope 10.000)
          </div>
        </div>

      </div>

      <div class="plan-result" data-reveal>
        <div class="plan-result-text">Con el modelo <strong>16% → 5%</strong>, mientras más trabajás, menos pagás. Y el
          80% de lo cobrado vuelve: <strong>6% afiliados, 1% Mr. Suerte, 1% Top 10</strong>. Tu éxito es el éxito de
          todos.</div>
        <div class="plan-result-saving">
          <div class="plan-result-num highlight">Gs. 2.700.000</div>
          <div class="plan-result-sub">más en tu bolsillo vs la competencia</div>
        </div>
      </div>

    </div>
  </section>

  <!-- FUTURO -->
  <section class="section futuro-section" id="futuro">
    <div class="container">
      <h2 class="section-title">El <span class="highlight">Futuro</span> de JAHAPA</h2>
      <p class="section-subtitle">No solo somos una app. <strong>Estamos construyendo un ecosistema.</strong></p>
      <div class="futuro-grid">

        <div class="futuro-card futuro-card--electric" data-reveal>
          <div class="futuro-card-symbol">🚗</div>
          <div class="futuro-card-dot" style="background:#f0ad4e;"></div>
          <h3>Jahapa Marketplace</h3>
          <p>¿Querés trabajar pero no tenés auto? Alquilá uno dentro de la app. ¿Tenés auto y no tiempo para trabajar?
            Publicalo y ganá. Todo con Pira Pire, sin intermediarios.</p>
          <span class="futuro-tag futuro-tag--soon">Próximamente</span>
        </div>

        <div class="futuro-card futuro-card--lounge" data-reveal>
          <div class="futuro-card-symbol">🏨</div>
          <div class="futuro-card-dot" style="background:#60a5fa;"></div>
          <h3>JAHAPA VIP Lounges</h3>
          <p>Espacios exclusivos para proveedores: ducha, café, descanso, Wi-Fi y hospedaje tipo hostal. Porque un
            proveedor descansado da un mejor servicio. Accesibles por suscripción o pago por uso.</p>
          <span class="futuro-tag futuro-tag--plan">En planificación</span>
        </div>

        <div class="futuro-card futuro-card--more" data-reveal>
          <div class="futuro-card-symbol">🚀</div>
          <div class="futuro-card-dot" style="background:#a78bfa;"></div>
          <h3>Flota Eléctrica Compartida</h3>
          <p>Imaginá una flota de autos eléctricos disponibles para trabajar. Alquilás uno, lo recibís cargado, trabajás
            tu turno, y lo pasás al siguiente conductor. Sin gasolina. Sin mantenimiento. Solo ganás.</p>
          <span class="futuro-tag futuro-tag--dev">En desarrollo</span>
        </div>

      </div>

      <!-- CTA INVERTIR -->
      <div class="futuro-cta" data-reveal>
        <div class="futuro-cta-text">
          <h3>¿Querés ser parte de la revolución?</h3>
          <p>JAHAPA está abierto a inversores que crean en un modelo justo. Sé parte del cambio desde adentro.</p>
        </div>
        <a href="https://jahapa.app/invest/" target="_blank" class="btn btn-primary">Invertir en JAHAPA →</a>
      </div>

    </div>
  </section>
  <!-- FAQ -->
  <section class="section faq-section" id="faq">
    <div class="container">
      <h2 class="section-title">Preguntas <span class="highlight">Frecuentes</span></h2>
      <p class="section-subtitle">Lo que todos se preguntan antes de unirse</p>
      <div class="faq-list">

        <div class="faq-item" data-reveal>
          <button class="faq-question" onclick="toggleFaq(this)">
            <span>¿Esto no es una pirámide?</span>
            <span class="faq-icon">+</span>
          </button>
          <div class="faq-answer">
            <p><strong>No.</strong> En una pirámide pagás para entrar y el "producto" es reclutar gente. En JAHAPA el
              producto es <strong>transporte real</strong>: viajes que la gente necesita todos los días. Nadie paga para
              unirse. Las comisiones vienen de <strong>actividad económica real</strong> (viajes y suscripciones), no de
              reclutamiento. Es un programa de referidos como Airbnb, Rappi o cualquier app que te da un bono por
              invitar amigos. Cuanto más crece la red, más ganamos todos. <br></p>
          </div>
        </div>

        <div class="faq-item" data-reveal>
          <button class="faq-question" onclick="toggleFaq(this)">
            <span>¿De dónde sale el dinero de las comisiones?</span>
            <span class="faq-icon">+</span>
          </button>
          <div class="faq-answer">
            <p>De la <strong>comisión escalonada del proveedor</strong> (16% → 5%). El 80% de lo cobrado se
              redistribuye: 6% a la red de afiliados, 1% al sorteo diario Mr. Suerte, 1% al Top 10. El dinero viene de
              transacciones reales de la plataforma.</p>
          </div>
        </div>

        <div class="faq-item" data-reveal>
          <button class="faq-question" onclick="toggleFaq(this)">
            <span>¿Cuánto cuesta usar JAHAPA?</span>
            <span class="faq-icon">+</span>
          </button>
          <div class="faq-answer">
            <p><strong>Para el pasajero:</strong> Registrarte es gratis. Solo pagás el precio que el proveedor fija. Sin
              tasa extra oculta. Con Pira Pire no pagás comisión adicional.</p>
            <p style="margin-top:8px;"><strong>Para el proveedor:</strong> Comisión escalonada: 16% hasta alcanzar el
              tope mensual, luego baja a 5%. Y el 80% de esa comisión vuelve a la comunidad.</p>
          </div>
        </div>

        <div class="faq-item" data-reveal>
          <button class="faq-question" onclick="toggleFaq(this)">
            <span>¿El conductor realmente fija su precio?</span>
            <span class="faq-icon">+</span>
          </button>
          <div class="faq-answer">
            <p>Sí. Cada conductor establece su <strong>precio mínimo</strong>. JAHAPA respeta tu individualidad — vos
              decidís cuánto vale tu trabajo. El pasajero ve el precio y decide si acepta. Mercado libre, justo y
              transparente.</p>
          </div>
        </div>

        <div class="faq-item" data-reveal>
          <button class="faq-question" onclick="toggleFaq(this)">
            <span>¿Cómo funciona el sorteo diario?</span>
            <span class="faq-icon">+</span>
          </button>
          <div class="faq-answer">
            <p>Todos los días se sortean premios entre conductores y pasajeros activos. El fondo del sorteo se alimenta
              de las <strong>comisiones huérfanas</strong> (sin referidor) y de una parte de las tarifas. Cuanto más
              usás la app, más chances tenés de ganar.</p>
          </div>
        </div>

        <div class="faq-item" data-reveal>
          <button class="faq-question" onclick="toggleFaq(this)">
            <span>¿Puedo usar JAHAPA como pasajero y también referir conductores?</span>
            <span class="faq-icon">+</span>
          </button>
          <div class="faq-answer">
            <p>Sí. Cada rol tiene su propia red de referidos independiente. Como pasajero ganás comisiones cuando
              referís otros pasajeros. Como conductor ganás cuando referís conductores. Y si usás ambas apps, tenés dos
              redes activas generando ingresos para vos.</p>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- TESTIMONIOS -->
  <section class="section testimonios" id="testimonios">
    <div class="container">
      <h2 class="section-title">Qué dice la <span class="highlight">gente</span></h2>
      <p class="section-subtitle">Personas reales. Opiniones reales.</p>
      <div class="testimonials-grid">

        <div class="testimonial" data-reveal>
          <div class="testimonial-quote">"</div>
          <p class="testimonial-text">Una idea extraordinaria. Me hace orgulloso ver esto acontecer de Paraguay para el
            mundo. Están haciendo una gran diferencia.</p>
          <div class="testimonial-author">
            <img src="images/derlis.jpg" alt="Derlis Villalba">
            <div>
              <strong>Derlis Villalba</strong>
              <span>Jefe mecánico</span>
            </div>
          </div>
        </div>

        <div class="testimonial" data-reveal>
          <div class="testimonial-quote">"</div>
          <p class="testimonial-text">El modelo de negocios de Jahapa parece transformar el mercado de transporte.
            Realmente tiene un potencial positivo bárbaro para la sociedad.</p>
          <div class="testimonial-author">
            <img src="images/marta.jpg" alt="Marta Gimenez">
            <div>
              <strong>Marta Gimenez</strong>
              <span>Paraguay</span>
            </div>
          </div>
        </div>

        <div class="testimonial" data-reveal>
          <div class="testimonial-quote">"</div>
          <p class="testimonial-text">La única forma de cambiar la sociedad es cambiando a quien le damos dinero todos
            los días. Porque dinero representa poder.</p>
          <div class="testimonial-author">
            <img src="images/tercero.jpg" alt="Michael Rojas">
            <div>
              <strong>Michael Rojas</strong>
              <span>Paraguayo</span>
            </div>
          </div>
        </div>

        <div class="testimonial" data-reveal>
          <div class="testimonial-quote">"</div>
          <p class="testimonial-text">¡Qué divertido! ¡Qué idea ESPECTACULAR!</p>
          <div class="testimonial-author">
            <img src="images/ultima.jpg" alt="Nora Martinez">
            <div>
              <strong>Nora Martinez</strong>
              <span>Músico</span>
            </div>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- MAPA PÚBLICO JAHAPA -->
  <section class="section mapa-publico" id="mapa">
    <div class="container">
      <div class="section-header" data-reveal>
        <span class="hero-tag">JAHAPA MAPS</span>
        <h2>Buscá cualquier lugar del Paraguay</h2>
        <p class="section-subtitle">Más de 130.000 lugares cargados en nuestro mapa propio. Comercios, barrios, calles
          y puntos de interés — todo georreferenciado por la comunidad Jahapa.</p>
      </div>

      <div class="mapa-wrapper" data-reveal>
        <div class="mapa-search">
          <div class="mapa-search-box">
            <svg class="mapa-search-icon" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor"
              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <circle cx="11" cy="11" r="8" />
              <path d="m21 21-4.35-4.35" />
            </svg>
            <input type="text" id="mapaSearchInput"
              placeholder="Buscar farmacia, supermercado, plaza, calle..." autocomplete="off">
            <button class="mapa-search-clear" id="mapaSearchClear" aria-label="Limpiar búsqueda">×</button>
          </div>
          <div class="mapa-search-info" id="mapaSearchInfo">
            <span class="mapa-stat-num">130K+</span>
            <span class="mapa-stat-label">lugares</span>
            <span class="mapa-stat-divider"></span>
            <span class="mapa-stat-num">8.6K</span>
            <span class="mapa-stat-label">barrios</span>
            <span class="mapa-stat-divider"></span>
            <span class="mapa-stat-num">556K</span>
            <span class="mapa-stat-label">calles</span>
          </div>
        </div>

        <div class="mapa-grid">
          <div class="mapa-results" id="mapaResults">
            <div class="mapa-results-empty">
              <svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5"
                stroke-linecap="round" stroke-linejoin="round" style="opacity:.4">
                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
                <circle cx="12" cy="10" r="3" />
              </svg>
              <p>Empezá escribiendo para buscar lugares en Paraguay</p>
              <small>Ej: "Multiplaza", "Mariscal López", "farmacia"</small>
            </div>
          </div>
          <div class="mapa-canvas">
            <div id="mapaPublico"></div>
            <a href="#apps" class="mapa-cta-floating">
              <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"
                stroke-linecap="round" stroke-linejoin="round">
                <path d="M5 12h14" />
                <path d="m12 5 7 7-7 7" />
              </svg>
              Pedí un viaje en la app
            </a>
          </div>
        </div>

        <p class="mapa-footnote">
          Datos del mapa propios de Jahapa, mantenidos por la comunidad. ¿Falta un lugar?
          <a href="https://wa.me/595984447776?text=Hola%2C%20quiero%20agregar%20un%20lugar%20al%20mapa%20de%20Jahapa">Avisanos
            por WhatsApp</a>.
        </p>
      </div>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="footer" id="footer">
    <div class="footer-top">
      <div class="container">
        <div class="footer-grid">

          <!-- MARCA -->
          <div class="footer-brand">
            <img src="images/logo.png" alt="JAHAPA" class="footer-logo">
            <p>El ecosistema cooperativo de Paraguay. Comisión escalonada 16%→5%, Billetera Pira Pire, sorteos diarios y
              comisiones de por vida.</p>
            <div class="footer-apps">
              <a href="https://apps.apple.com/py/app/jahapa/id6758995598" target="_blank"
                class="store-btn store-btn--footer">
                <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
                  <path
                    d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" />
                </svg>
                <span><small>Descargar en</small>App Store</span>
              </a>
              <a href="https://play.google.com/store/apps/details?id=com.ideaterastudios.jahapa&hl=es_MX"
                target="_blank" class="store-btn store-btn--footer">
                <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
                  <path
                    d="M3.18 23.76c.3.17.64.22.99.14l12.12-6.99-2.54-2.54-10.57 9.39zm-1.7-20.1C1.2 4.03 1 4.5 1 5.14v13.72c0 .64.2 1.11.49 1.48l.07.07 7.68-7.68v-.18L1.55 3.59l-.07.07zm17.44 8.79l-2.18-1.26-2.85 2.85 2.85 2.85 2.2-1.27c.63-.36.63-.95 0-1.17zM4.17.28L16.29 7.3l-2.54 2.54L3.18.45C3.52.24 3.87.1 4.17.28z" />
                </svg>
                <span><small>Disponible en</small>Google Play</span>
              </a>
            </div>
            <div class="footer-social">
              <a href="#" aria-label="Facebook" class="footer-social-btn">
                <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
                  <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
                </svg>
              </a>
              <a href="#" aria-label="Instagram" class="footer-social-btn">
                <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"
                  stroke-linecap="round" stroke-linejoin="round">
                  <rect x="2" y="2" width="20" height="20" rx="5" />
                  <circle cx="12" cy="12" r="4" />
                  <circle cx="17.5" cy="6.5" r="1" fill="currentColor" stroke="none" />
                </svg>
              </a>
              <a href="https://wa.me/595984447776" aria-label="WhatsApp"
                class="footer-social-btn footer-social-btn--wa">
                <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
                  <path
                    d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z" />
                  <path
                    d="M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.12 1.532 5.847L.057 23.492a.5.5 0 0 0 .614.607l5.796-1.52A11.95 11.95 0 0 0 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22a9.95 9.95 0 0 1-5.073-1.38l-.364-.215-3.44.902.919-3.352-.235-.374A9.95 9.95 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z" />
                </svg>
              </a>
            </div>
          </div>

          <!-- NAVEGACIÓN -->
          <div class="footer-col">
            <h4>Producto</h4>
            <ul>
              <li><a href="#como-funciona">Cómo Funciona</a></li>
              <li><a href="#comparacion">vs La Competencia</a></li>
              <li><a href="#planes">Planes</a></li>
              <li><a href="#comisiones">Comisiones</a></li>
              <li><a href="#futuro">El Futuro</a></li>
              <li><a href="#faq">Preguntas Frecuentes</a></li>
            </ul>
          </div>

          <!-- CONTACTO -->
          <div class="footer-col">
            <h4>Contacto</h4>
            <ul class="footer-contact-list">
              <li>
                <a href="https://wa.me/595984447776" class="footer-contact-item">
                  <svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor">
                    <path
                      d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z" />
                    <path
                      d="M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.12 1.532 5.847L.057 23.492a.5.5 0 0 0 .614.607l5.796-1.52A11.95 11.95 0 0 0 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22a9.95 9.95 0 0 1-5.073-1.38l-.364-.215-3.44.902.919-3.352-.235-.374A9.95 9.95 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z" />
                  </svg>
                  <span>+595 984 447 776</span>
                </a>
              </li>
              <li>
                <a href="/cdn-cgi/l/email-protection#dba8b4abb4a9afbe9bb1bab3baabbaf5b8b4b6f5aba2" class="footer-contact-item">
                  <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round">
                    <rect x="2" y="4" width="20" height="16" rx="2" />
                    <path d="m22 7-10 7L2 7" />
                  </svg>
                  <span><span class="__cf_email__" data-cfemail="9ae9f5eaf5e8eeffdaf0fbf2fbeafbb4f9f5f7b4eae3">[email&#160;protected]</span></span>
                </a>
              </li>
              <li>
                <span class="footer-contact-item">
                  <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" />
                    <circle cx="12" cy="10" r="3" />
                  </svg>
                  <span>Cerro Corá y Cdte. Barreto, Capiatá</span>
                </span>
              </li>
            </ul>
          </div>

        </div>
      </div>
    </div>

    <div class="footer-bottom">
      <div class="container">
        <div class="footer-bottom-inner">
          <p>© 2026 Ideatera Studios EAS. Todos los derechos reservados.</p>
          <div class="footer-legal">
            <a href="privacy.html">Privacidad</a>
            <a href="terms.html">Términos</a>
          </div>
        </div>
      </div>
    </div>
  </footer>

  <!-- JahaBot - Asistente Virtual -->
  <link rel="stylesheet" href="jahabot/css/jahabot.css">
  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="jahabot/js/jahabot.js"></script>

  <!-- Leaflet (mapa público Jahapa) -->
  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
    integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>

  <script src="script.js"></script>
</body>

</html>