description = "Features grid — 8 key features"
==
<section id="features" class="py-5 py-md-6 bg-light">
  <div class="container">
    <div class="text-center mb-5">
      <p class="eyebrow eyebrow-green mb-2">Por que VivesPOS</p>
      <h2 class="display-5 fw-bold mb-2">Todo lo que tu caja necesita, sin depender de la nube</h2>
      <p class="lead text-muted">Cada feature resuelve un dolor real del comercio mexicano.</p>
    </div>
    <div class="row g-4">
      <div class="col-md-6 col-lg-3">
        <div class="vp-feature-card card border-0 shadow-sm h-100 rounded-4 p-3">
          <div class="card-body">
            <div class="mb-2" style="font-size:2rem;">🔌</div>
            <h3 class="h6 fw-bold">Offline-First</h3>
            <p class="text-muted small mb-0">Vende, cobra e imprime sin internet. La sincronizacion con la nube es opcional y ocurre en segundo plano.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="vp-feature-card card border-0 shadow-sm h-100 rounded-4 p-3">
          <div class="card-body">
            <div class="mb-2" style="font-size:2rem;">⌨️</div>
            <h3 class="h6 fw-bold">Teclado y Scanner</h3>
            <p class="text-muted small mb-0">Diseniado para velocidad: scan, F1 buscar, F3 cantidad, F4 borrar, F5 cobrar. El mouse es secundario.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="vp-feature-card card border-0 shadow-sm h-100 rounded-4 p-3">
          <div class="card-body">
            <div class="mb-2" style="font-size:2rem;">🧾</div>
            <h3 class="h6 fw-bold">Tickets ESC/POS</h3>
            <p class="text-muted small mb-0">Impresion directa USB, red, o sistema. Fallback a PDF. Logo y branding personalizables en el ticket.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="vp-feature-card card border-0 shadow-sm h-100 rounded-4 p-3">
          <div class="card-body">
            <div class="mb-2" style="font-size:2rem;">💵</div>
            <h3 class="h6 fw-bold">Corte X y Corte Z</h3>
            <p class="text-muted small mb-0">Control profesional de caja: apertura, cierre, movimientos de entrada/salida, reporte de ventas del dia.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="vp-feature-card card border-0 shadow-sm h-100 rounded-4 p-3">
          <div class="card-body">
            <div class="mb-2" style="font-size:2rem;">📦</div>
            <h3 class="h6 fw-bold">Stock y Alertas</h3>
            <p class="text-muted small mb-0">Control de inventario con stock minimo, alertas de reabastecimiento y ajustes manuales. Import por CSV.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="vp-feature-card card border-0 shadow-sm h-100 rounded-4 p-3">
          <div class="card-body">
            <div class="mb-2" style="font-size:2rem;">👥</div>
            <h3 class="h6 fw-bold">Usuarios y Roles</h3>
            <p class="text-muted small mb-0">Administrador, Supervisor, Cajero. Permisos por rol para descuentos, cancelaciones y cierre de caja.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="vp-feature-card card border-0 shadow-sm h-100 rounded-4 p-3">
          <div class="card-body">
            <div class="mb-2" style="font-size:2rem;">💳</div>
            <h3 class="h6 fw-bold">Multi-Pago</h3>
            <p class="text-muted small mb-0">Efectivo, tarjeta, o pago mixto. Calculo de cambio automatico. Sin almacenar datos de tarjetas.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="vp-feature-card card border-0 shadow-sm h-100 rounded-4 p-3">
          <div class="card-body">
            <div class="mb-2" style="font-size:2rem;">🔐</div>
            <h3 class="h6 fw-bold">Tus Datos, Tu Control</h3>
            <p class="text-muted small mb-0">Base de datos local SQLite. Backups manuales. Audit log de cada operacion. Nada se envia fuera sin tu permiso.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>