description = "Pricing — 3 planes: Gratis, Pro, Soporte Premium"
==
<section id="precios" class="py-5 py-md-6 bg-light">
  <div class="container">
    <div class="text-center mb-5">
      <p class="eyebrow eyebrow-blue mb-2">Inversion</p>
      <h2 class="display-5 fw-bold mb-2">Precios honestos, sin letra pequena</h2>
      <p class="lead text-muted">Empieza gratis. Crece cuando lo necesites. Sin suscripcion obligatoria.</p>
    </div>
    <div class="row g-4 justify-content-center">
      <div class="col-md-6 col-lg-4">
        <div class="card border-0 shadow-sm h-100 rounded-4">
          <div class="card-body p-4">
            <h3 class="h4 fw-bold">VivesPOS Free</h3>
            <p class="display-6 fw-bold mb-1" style="color:var(--vp-brand);">$0</p>
            <p class="text-muted small">Para siempre</p>
            <p class="text-muted small mb-3">Todo lo esencial para empezar a vender.</p>
            <hr>
            <ul class="list-unstyled mb-4">
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Venta offline ilimitada</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Corte X y Corte Z</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Impresion ESC/POS</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>1 usuario Cajero</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Productos y barcodes</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Stock basico</li>
              <li class="mb-2 text-muted"><i class="bi-dash text-muted me-2"></i>1 caja</li>
              <li class="mb-2 text-muted"><i class="bi-dash text-muted me-2"></i>Sin sincronizacion nube</li>
            </ul>
            <a href="https://wa.me/523317025248?text=Quiero%20descargar%20VivesPOS%20Free" class="btn btn-outline-secondary w-100" target="_blank" rel="noopener">Descargar gratis</a>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-4">
        <div class="card border-0 shadow-sm h-100 rounded-4" style="border:2px solid var(--vp-brand);">
          <div class="card-body p-4">
            <span class="badge rounded-pill px-3 py-1 mb-3" style="background:#f9d94e; color:#1a1a1a;">Mas popular</span>
            <h3 class="h4 fw-bold">VivesPOS Pro</h3>
            <p class="display-6 fw-bold mb-1" style="color:var(--vp-brand);">$3,500</p>
            <p class="text-muted small">MXN + IVA &middot; pago unico</p>
            <p class="text-muted small mb-3">Todo lo de Free + multi-usuario y sincronizacion.</p>
            <hr>
            <ul class="list-unstyled mb-4">
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Todo lo de Free</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Usuarios y roles (Admin/Sup/Cajero)</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Clientes con datos SAT</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Stock minimo + alertas</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Import CSV de productos</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Backups manuales</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Audit log</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Sincronizacion con la nube</li>
            </ul>
            <a href="https://wa.me/523317025248?text=Quiero%20VivesPOS%20Pro%20(%243%2C500%20MXN)" class="btn btn-brand-cta w-100" target="_blank" rel="noopener">Comprar Pro</a>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-4">
        <div class="card border-0 shadow-sm h-100 rounded-4">
          <div class="card-body p-4">
            <h3 class="h4 fw-bold">Soporte Premium</h3>
            <p class="display-6 fw-bold mb-1" style="color:var(--vp-brand);">$1,200</p>
            <p class="text-muted small">MXN + IVA / mes</p>
            <p class="text-muted small mb-3">VivesPOS Pro + soporte humano y actualizaciones.</p>
            <hr>
            <ul class="list-unstyled mb-4">
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Todo lo de Pro</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Soporte humano por Ticket</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Respuesta max 6h habiles</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Actualizaciones de VivesPOS</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Capacitacion mensual (2h)</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Instalacion asistida</li>
              <li class="mb-2"><i class="bi-check2 text-success me-2"></i>Monitoreo de salud del sistema</li>
            </ul>
            <a href="https://wa.me/523317025248?text=Quiero%20el%20Soporte%20Premium%20de%20VivesPOS" class="btn btn-brand-cta w-100" target="_blank" rel="noopener">Empezar ahora</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>