description = "Comparativa vs otros POS del mercado"
==
<section id="comparativa" class="py-5 py-md-6">
  <div class="container">
    <div class="text-center mb-5">
      <p class="eyebrow eyebrow-red mb-2">Comparativa</p>
      <h2 class="display-5 fw-bold mb-2">Por que cambiar a VivesPOS</h2>
      <p class="lead text-muted">Compara VivesPOS con los POS tradicionales de Mexico.</p>
    </div>
    <div class="table-responsive">
      <table class="table table-hover vp-compare-table rounded-4 overflow-hidden">
        <thead>
          <tr>
            <th class="p-3" style="width:30%;">Caracteristica</th>
            <th class="p-3 text-center vp-self">VivesPOS</th>
            <th class="p-3 text-center">POS en la nube</th>
            <th class="p-3 text-center">POS tradicional</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="p-3">Funciona sin internet</td>
            <td class="p-3 text-center vp-self"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-x vp-cross"></i></td>
            <td class="p-3 text-center"><i class="bi-check2 vp-check"></i></td>
          </tr>
          <tr>
            <td class="p-3">Sin suscripcion obligatoria</td>
            <td class="p-3 text-center vp-self"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-x vp-cross"></i></td>
            <td class="p-3 text-center"><i class="bi-check2 vp-check"></i></td>
          </tr>
          <tr>
            <td class="p-3">Tus datos 100% tuyos (local)</td>
            <td class="p-3 text-center vp-self"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-x vp-cross"></i></td>
            <td class="p-3 text-center"><i class="bi-check2 vp-check"></i></td>
          </tr>
          <tr>
            <td class="p-3">Sincronizacion con la nube opcional</td>
            <td class="p-3 text-center vp-self"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-check2 vp-check"></i> (forzada)</td>
            <td class="p-3 text-center"><i class="bi-x vp-cross"></i></td>
          </tr>
          <tr>
            <td class="p-3">Optimizado para teclado y scanner</td>
            <td class="p-3 text-center vp-self"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-x vp-cross"></i> (touch)</td>
            <td class="p-3 text-center"><i class="bi-dash text-muted"></i> (depende)</td>
          </tr>
          <tr>
            <td class="p-3">Corte X y Z profesionales</td>
            <td class="p-3 text-center vp-self"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-dash text-muted"></i></td>
            <td class="p-3 text-center"><i class="bi-dash text-muted"></i></td>
          </tr>
          <tr>
            <td class="p-3">Roles y permisos (Admin/Sup/Cajero)</td>
            <td class="p-3 text-center vp-self"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-x vp-cross"></i></td>
          </tr>
          <tr>
            <td class="p-3">Multiplataforma (Win + Linux)</td>
            <td class="p-3 text-center vp-self"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-check2 vp-check"></i> (navegador)</td>
            <td class="p-3 text-center"><i class="bi-x vp-cross"></i> (Win solo)</td>
          </tr>
          <tr>
            <td class="p-3">Sin vendor lock-in</td>
            <td class="p-3 text-center vp-self"><i class="bi-check2 vp-check"></i></td>
            <td class="p-3 text-center"><i class="bi-x vp-cross"></i></td>
            <td class="p-3 text-center"><i class="bi-x vp-cross"></i></td>
          </tr>
          <tr>
            <td class="p-3">Precio inicial</td>
            <td class="p-3 text-center vp-self fw-bold text-brand">$0</td>
            <td class="p-3 text-center">$500+/mes</td>
            <td class="p-3 text-center">$5,000-$15,000</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</section>