feat: VivesPOS landing on Winter CMS 1.2 — theme + plugin + Dockerfile

- Base: wintercms/winter branch 1.2 (full framework)
- Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS
- Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication
- Partials: hero (offline-first), features, modes (offline/nube toggle),
  screenshots, pricing (3 planes), comparison, FAQ, CTA
- Plugin VivesPOS.Site with ContactForm
- Dockerfile: PHP 8.2 Apache, port 80, healthcheck
- Added winter/wn-pages, blog, sitemap, seo plugins
- Active theme set to vivespos

themes/vivespos/partials/home/features.htm

@@ -0,0 +1,85 @@
+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>