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

modules/system/assets/ui/less/tooltip.less

@@ -0,0 +1,101 @@
+//
+// Dependencies
+// --------------------------------------------------
+
+@import "global.less";
+
+//
+// Tooltips
+// --------------------------------------------------
+
+// Base class
+.tooltip {
+    position: absolute;
+    z-index: @zindex-tooltip;
+    display: block;
+    visibility: visible;
+    font-size: @font-size-small;
+    line-height: 1.4;
+    .opacity(0);
+
+    &.in     { .opacity(@tooltip-opacity); }
+    &.top    { margin-top:  -3px; padding: @tooltip-arrow-width 0; }
+    &.right  { margin-left:  3px; padding: 0 @tooltip-arrow-width; }
+    &.bottom { margin-top:   3px; padding: @tooltip-arrow-width 0; }
+    &.left   { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
+}
+
+// Wrapper for the tooltip content
+.tooltip-inner {
+    max-width: @tooltip-max-width;
+    padding: 3px 8px;
+    color: @tooltip-color;
+    text-align: center;
+    text-decoration: none;
+    background-color: @tooltip-bg;
+    .border-radius(@border-radius-base);
+    .box-shadow(@tooltip-box-shadow);
+}
+
+// Arrows
+.tooltip-arrow {
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+}
+.tooltip {
+    &.top .tooltip-arrow {
+        bottom: 0;
+        left: 50%;
+        margin-left: -@tooltip-arrow-width;
+        border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+        border-top-color: @tooltip-arrow-color;
+    }
+    &.top-left .tooltip-arrow {
+        bottom: 0;
+        left: @tooltip-arrow-width;
+        border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+        border-top-color: @tooltip-arrow-color;
+    }
+    &.top-right .tooltip-arrow {
+        bottom: 0;
+        right: @tooltip-arrow-width;
+        border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+        border-top-color: @tooltip-arrow-color;
+    }
+    &.right .tooltip-arrow {
+        top: 50%;
+        left: 0;
+        margin-top: -@tooltip-arrow-width;
+        border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
+        border-right-color: @tooltip-arrow-color;
+    }
+    &.left .tooltip-arrow {
+        top: 50%;
+        right: 0;
+        margin-top: -@tooltip-arrow-width;
+        border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
+        border-left-color: @tooltip-arrow-color;
+    }
+    &.bottom .tooltip-arrow {
+        top: 0;
+        left: 50%;
+        margin-left: -@tooltip-arrow-width;
+        border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+        border-bottom-color: @tooltip-arrow-color;
+    }
+    &.bottom-left .tooltip-arrow {
+        top: 0;
+        left: @tooltip-arrow-width;
+        border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+        border-bottom-color: @tooltip-arrow-color;
+    }
+    &.bottom-right .tooltip-arrow {
+        top: 0;
+        right: @tooltip-arrow-width;
+        border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+        border-bottom-color: @tooltip-arrow-color;
+    }
+}