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/callout.less

@@ -0,0 +1,183 @@
+//
+// Dependencies
+// --------------------------------------------------
+
+@import "global.less";
+
+// Callouts
+// --------------------------------------------------
+@callout-padding:               20px;
+@callout-info-header-bg:        #b9dbef;
+@callout-info-content-bg:       #d8eaf4;
+@callout-info-icon:             #597f97;
+@callout-warning-header-bg:     #f6e7b2;
+@callout-warning-content-bg:    #f8f0d5;
+@callout-warning-icon:          #9f8e51;
+@callout-danger-header-bg:      #f6b5b2;
+@callout-danger-content-bg:     #f8d6d5;
+@callout-danger-icon:           #9f5551;
+@callout-success-header-bg:     #d3e9bf;
+@callout-success-content-bg:    #e6f1db;
+@callout-success-icon:          #6d915e;
+
+//
+// Callouts
+// --------------------------------------------------
+
+.callout {
+    font-size: @font-size-base - 1;
+    margin-bottom: @line-height-computed;
+
+    &.fade {
+        .opacity(0);
+        .transition(~'all 0.5s, width 0s');
+        .transform(~'scale(0.9)');
+    }
+
+    &.fade.in {
+        .opacity(1);
+        .transform( ~'scale(1)');
+    }
+
+    > .close {
+        margin: 15px 15px 0 0;
+    }
+
+    &.callout-danger {
+        > .header {
+            background: @callout-danger-header-bg;
+            i { color: @callout-danger-icon; }
+        }
+        > .content {
+            background: white;
+            border: 2px solid @callout-danger-content-bg;
+        }
+    }
+
+    &.callout-info {
+        > .header {
+            background: @callout-info-header-bg;
+            i { color: @callout-info-icon; }
+        }
+        > .content {
+            background: white;
+            border: 2px solid @callout-info-content-bg;
+        }
+    }
+
+    &.callout-success {
+        > .header {
+            background: @callout-success-header-bg;
+            i { color: @callout-success-icon; }
+        }
+        > .content {
+            background: white;
+            border: 2px solid @callout-success-content-bg;
+        }
+    }
+
+    &.callout-warning {
+        > .header {
+            background: @callout-warning-header-bg;
+            i { color: @callout-warning-icon; }
+        }
+        > .content {
+            background: white;
+            border: 2px solid @callout-warning-content-bg;
+        }
+    }
+
+    > .header + .content {
+        border-top: none;
+    }
+
+    > .header {
+        padding: @callout-padding;
+        padding-bottom: 15px;
+        .border-radius(4px 4px 0 0);
+        color: #2f2d26;
+
+        h3 {
+            letter-spacing: 0;
+            margin: 0 0 7px 0;
+            font-size: @font-size-base - 1;
+            font-weight: 700;
+        }
+
+        h3, p, ul, ol {
+            margin-left: 35px;
+        }
+
+        ul, ol {
+            padding-left: @padding-standard;
+        }
+
+        *:last-child {
+            margin-bottom: 0;
+        }
+
+        &:last-child {
+            .border-radius(4px);
+        }
+
+        i {
+            font-size: 26px;
+            float: left;
+        }
+    }
+
+    > .content {
+        color: #2f2d26;
+        padding: 16px 20px 15px;
+
+        h1, h2, h3, h4, h5, h6 {
+            color: #2f2d26;
+            text-transform: none;
+            margin: 20px 0 5px 0;
+            line-height: 150%;
+        }
+
+        h1 { font-size: 30px; }
+        h2 { font-size: 26px; }
+        h3 { font-size: 24px; }
+        h4 { font-size: 20px; }
+        h5 { font-size: 18px; }
+        h6 { font-size: 16px; }
+
+        *:last-child {
+            margin-bottom: 0;
+        }
+
+        ul, ol {
+            padding-left: @padding-standard;
+
+            li {
+                margin-bottom: 5px;
+            }
+        }
+
+        .action-panel {
+            padding: 10px 0 0 0;
+        }
+    }
+
+    &.no-icon {
+        > .header {
+            h3, p, ul, ol {
+                margin-left: 0;
+            }
+        }
+    }
+
+    &.no-subheader {
+        > .header {
+            i {
+                margin-top: -5px;
+            }
+        }
+    }
+}
+
+.form-group > .callout {
+    margin-bottom: 0;
+}