{"id":31,"date":"2026-04-30T23:29:07","date_gmt":"2026-04-30T23:29:07","guid":{"rendered":"https:\/\/studiovainilla.com\/?page_id=31"},"modified":"2026-09-26T16:08:36","modified_gmt":"2026-09-26T22:08:36","slug":"inicio","status":"publish","type":"page","link":"https:\/\/studiovainilla.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47cb3a6 e-con-full e-flex e-con e-parent\" data-id=\"47cb3a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eee7f93 elementor-widget elementor-widget-html\" data-id=\"eee7f93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================\n   STUDIOVAINILLA HOMEPAGE\n   V6.6 \u2014 MARKETING \/ PAID MEDIA ALIGNMENT\n========================================================== *\/\n\n#sv5{\n  --ink:#17141f;\n  --ink2:#312c3a;\n  --muted:#716b7a;\n\n  --purple:#7046ff;\n  --purple2:#9c65ff;\n  --blue:#527dff;\n  --cyan:#43d4d0;\n  --pink:#eb72c4;\n\n  --lavender:#f7f3ff;\n  --lavender2:#f0eaff;\n  --ice:#f5f7ff;\n  --mint:#effbf9;\n\n  --line:rgba(102,78,160,.15);\n  --lineStrong:rgba(112,70,255,.23);\n\n  --shadow1:0 10px 30px rgba(55,40,95,.05);\n  --shadow2:0 22px 55px rgba(55,40,95,.09);\n  --shadow3:0 35px 85px rgba(55,40,95,.12);\n\n  --max:1360px;\n\n  width:100%;\n  overflow:hidden;\n  background:#fff;\n  color:var(--ink);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"SF Pro Display\",\n    \"SF Pro Text\",\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n  -webkit-font-smoothing:antialiased;\n}\n\n#sv5 *,\n#sv5 *::before,\n#sv5 *::after{\n  box-sizing:border-box;\n}\n\n#sv5 a{\n  color:inherit;\n  text-decoration:none;\n}\n\n#sv5 img{\n  display:block;\n  max-width:100%;\n}\n\n.sv5-container{\n  width:min(calc(100% - 64px),var(--max));\n  margin:auto;\n}\n\n.sv5-section{\n  position:relative;\n  padding:104px 0;\n}\n\n\n\/* ==========================================================\n   TYPOGRAPHY\n========================================================== *\/\n\n.sv5-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  margin:0 0 17px;\n\n  color:#706a78;\n\n  font-size:10px;\n  line-height:1;\n  font-weight:800;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n}\n\n.sv5-eyebrow::before{\n  content:\"\";\n\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--purple),\n      var(--blue),\n      var(--cyan)\n    );\n\n  box-shadow:\n    0 0 13px rgba(112,70,255,.35);\n}\n\n.sv5-title{\n  max-width:1040px;\n  margin:0;\n\n  color:var(--ink);\n\n  font-size:clamp(44px,5.35vw,82px);\n\n  line-height:.96;\n  letter-spacing:-.062em;\n  font-weight:600;\n}\n\n.sv5-title .soft{\n  color:#9e98a4;\n}\n\n.sv5-copy{\n  max-width:650px;\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:clamp(15px,1.2vw,17px);\n  line-height:1.68;\n}\n\n\n\/* ==========================================================\n   BUTTONS\n========================================================== *\/\n\n.sv5-btn{\n  position:relative;\n\n  display:inline-flex;\n\n  min-height:54px;\n  padding:0 23px;\n\n  align-items:center;\n  justify-content:center;\n  gap:11px;\n\n  overflow:hidden;\n\n  border-radius:999px;\n\n  font-size:13px;\n  font-weight:750;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.sv5-btn:hover{\n  transform:translateY(-2px);\n}\n\n.sv5-btn-primary{\n  color:#fff !important;\n\n  background:\n    linear-gradient(\n      105deg,\n      #7046ff,\n      #5d78ff 52%,\n      #43ced2\n    );\n\n  box-shadow:\n    0 14px 34px rgba(88,76,225,.22);\n}\n\n.sv5-btn-primary::after{\n  content:\"\";\n\n  position:absolute;\n\n  top:-40%;\n  left:-55%;\n\n  width:34%;\n  height:180%;\n\n  transform:rotate(18deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.32),\n      transparent\n    );\n\n  transition:left .65s ease;\n}\n\n.sv5-btn-primary:hover::after{\n  left:120%;\n}\n\n.sv5-btn-light{\n  color:#fff !important;\n\n  border:1px solid rgba(255,255,255,.34);\n\n  background:rgba(255,255,255,.13);\n\n  backdrop-filter:blur(16px);\n}\n\n.sv5-btn-white{\n  color:var(--ink)!important;\n\n  border:1px solid rgba(80,65,110,.15);\n\n  background:#fff;\n}\n\n\n\/* ==========================================================\n   HERO\n========================================================== *\/\n\n.sv5-hero{\n  position:relative;\n\n  min-height:880px;\n\n  overflow:hidden;\n\n  padding:145px 0 58px;\n\n  background:#ded4ef;\n}\n\n.sv5-hero-photo{\n  position:absolute;\n  inset:0;\n}\n\n.sv5-hero-photo img{\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n  object-position:center 46%;\n\n  filter:saturate(.92) contrast(.98);\n\n  transition:transform .25s ease;\n}\n\n.sv5-hero-photo::after{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(44,22,84,.83) 0%,\n      rgba(61,35,105,.61) 39%,\n      rgba(44,37,82,.18) 73%,\n      rgba(20,20,40,.03) 100%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(107,65,184,.15),\n      transparent 40%,\n      rgba(38,24,70,.19)\n    );\n}\n\n.sv5-hero-dots{\n  position:absolute;\n  z-index:2;\n\n  inset:0;\n\n  pointer-events:none;\n\n  opacity:.31;\n\n  background-image:\n    radial-gradient(\n      circle,\n      rgba(224,213,255,.75) 1px,\n      transparent 1px\n    );\n\n  background-size:27px 27px;\n\n  mask-image:\n    linear-gradient(\n      90deg,\n      black,\n      rgba(0,0,0,.65) 45%,\n      transparent 83%\n    );\n}\n\n.sv5-hero-lines{\n  position:absolute;\n  z-index:2;\n  inset:0;\n\n  pointer-events:none;\n  opacity:.55;\n}\n\n.sv5-hero-lines svg{\n  width:100%;\n  height:100%;\n}\n\n.sv5-hero-inner{\n  position:relative;\n  z-index:4;\n\n  display:flex;\n\n  min-height:675px;\n\n  flex-direction:column;\n  align-items:flex-start;\n  justify-content:center;\n}\n\n.sv5-pill{\n  display:inline-flex;\n\n  align-items:center;\n  gap:9px;\n\n  padding:9px 13px;\n\n  border:1px solid rgba(255,255,255,.34);\n\n  border-radius:999px;\n\n  color:rgba(255,255,255,.91);\n\n  background:rgba(255,255,255,.10);\n\n  backdrop-filter:blur(16px);\n\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.05em;\n}\n\n.sv5-pill i{\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:#76e8e0;\n\n  box-shadow:\n    0 0 14px rgba(118,232,224,.9);\n}\n\n.sv5-hero h1{\n  max-width:890px;\n\n  margin:28px 0 0;\n\n  color:#fff;\n\n  font-size:clamp(56px,7vw,104px);\n\n  font-weight:590;\n  letter-spacing:-.071em;\n  line-height:.9;\n}\n\n.sv5-hero h1 span{\n  display:block;\n\n  color:rgba(255,255,255,.57);\n}\n\n.sv5-hero-lead{\n  max-width:690px;\n\n  margin:29px 0 0;\n\n  color:rgba(255,255,255,.81);\n\n  font-size:clamp(16px,1.35vw,19px);\n\n  line-height:1.65;\n}\n\n.sv5-hero-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:30px;\n}\n\n.sv5-hero-note{\n  position:absolute;\n\n  right:26px;\n  bottom:25px;\n\n  z-index:5;\n\n  width:min(300px,25vw);\n\n  padding:18px;\n\n  border:1px solid rgba(255,255,255,.27);\n\n  border-radius:19px;\n\n  color:#fff;\n\n  background:rgba(255,255,255,.12);\n\n  backdrop-filter:blur(18px);\n}\n\n.sv5-hero-note small{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:rgba(255,255,255,.58);\n\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n.sv5-hero-note strong{\n  display:block;\n\n  font-size:15px;\n  line-height:1.38;\n}\n\n\n\/* ==========================================================\n   QUICK NAV\n========================================================== *\/\n\n.sv5-quick{\n  position:relative;\n\n  z-index:8;\n\n  margin-top:-29px;\n}\n\n.sv5-quick-inner{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n\n  gap:8px;\n\n  padding:13px;\n\n  border:1px solid rgba(111,70,255,.13);\n\n  border-radius:22px;\n\n  background:rgba(255,255,255,.92);\n\n  backdrop-filter:blur(18px);\n\n  box-shadow:var(--shadow2);\n}\n\n.sv5-quick-item{\n  position:relative;\n\n  display:inline-flex;\n\n  align-items:center;\n  gap:8px;\n\n  padding:10px 13px;\n\n  overflow:hidden;\n\n  border:1px solid #e8e1f0;\n\n  border-radius:999px;\n\n  background:#fff;\n\n  color:#433d4c!important;\n\n  font-size:12px;\n  font-weight:650;\n\n  cursor:pointer;\n\n  transition:\n    transform .25s ease,\n    color .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease,\n    background .25s ease;\n}\n\n.sv5-quick-item::before{\n  content:\"\";\n\n  width:7px;\n  height:7px;\n\n  flex:none;\n\n  border-radius:50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--purple),\n      var(--blue),\n      var(--cyan)\n    );\n}\n\n.sv5-quick-item::after{\n  content:\"\u2197\";\n\n  max-width:0;\n\n  overflow:hidden;\n\n  opacity:0;\n\n  transform:translateX(-5px);\n\n  color:var(--purple);\n\n  transition:\n    max-width .25s ease,\n    opacity .25s ease,\n    transform .25s ease;\n}\n\n.sv5-quick-item:hover{\n  transform:translateY(-2px);\n\n  color:var(--purple)!important;\n\n  border-color:rgba(112,70,255,.31);\n\n  background:\n    linear-gradient(\n      135deg,\n      #fff,\n      #f7f3ff\n    );\n\n  box-shadow:\n    0 10px 24px rgba(83,61,150,.10);\n}\n\n.sv5-quick-item:hover::after{\n  max-width:20px;\n  opacity:1;\n  transform:none;\n}\n\n\n\/* ==========================================================\n   SERVICES\n========================================================== *\/\n\n.sv5-services{\n  padding:78px 0 105px;\n\n  background:\n    radial-gradient(\n      circle at 8% 0%,\n      rgba(112,70,255,.075),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 92% 90%,\n      rgba(67,212,208,.055),\n      transparent 25%\n    ),\n    #fff;\n}\n\n.sv5-services-head{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.25fr)\n    minmax(260px,.75fr);\n\n  gap:60px;\n\n  align-items:end;\n\n  margin-bottom:42px;\n}\n\n.sv5-services-head h2{\n  max-width:750px;\n\n  margin:0;\n\n  font-size:clamp(42px,4.7vw,68px);\n\n  line-height:.98;\n  letter-spacing:-.057em;\n  font-weight:600;\n}\n\n.sv5-services-head h2 span{\n  color:#9c97a3;\n}\n\n.sv5-services-head p{\n  margin:0;\n\n  color:#75717d;\n\n  font-size:15px;\n  line-height:1.7;\n}\n\n.sv5-services-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:14px;\n}\n\n.sv5-service{\n  position:relative;\n\n  min-height:390px;\n\n  overflow:hidden;\n\n  border:1px solid rgba(112,70,255,.14);\n\n  border-radius:25px;\n\n  color:#fff!important;\n\n  background:#ded7e9;\n\n  isolation:isolate;\n\n  box-shadow:var(--shadow1);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n.sv5-service:hover{\n  transform:translateY(-4px);\n\n  box-shadow:var(--shadow3);\n}\n\n.sv5-service img{\n  position:absolute;\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  transition:transform .75s ease;\n}\n\n.sv5-service:hover img{\n  transform:scale(1.045);\n}\n\n.sv5-service::after{\n  content:\"\";\n\n  position:absolute;\n  z-index:1;\n  inset:0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(18,14,26,.78),\n      rgba(18,14,26,.29) 43%,\n      rgba(18,14,26,.01) 74%\n    );\n}\n\n.sv5-service-gridpattern{\n  position:absolute;\n  z-index:2;\n  inset:0;\n\n  pointer-events:none;\n\n  opacity:.17;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.30) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.30) 1px,\n      transparent 1px\n    );\n\n  background-size:29px 29px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      black,\n      transparent 63%\n    );\n}\n\n.sv5-service-border{\n  position:absolute;\n  z-index:6;\n  inset:0;\n\n  border-radius:inherit;\n\n  padding:1px;\n\n  pointer-events:none;\n\n  opacity:.10;\n\n  background:\n    linear-gradient(\n      115deg,\n      transparent 12%,\n      #9b6cff,\n      #527dff,\n      #43d4d0,\n      #eb72c4,\n      transparent 88%\n    );\n\n  background-size:300% 300%;\n\n  animation:sv5Border 7s linear infinite;\n\n  -webkit-mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n\n  transition:opacity .3s ease;\n}\n\n.sv5-service:hover .sv5-service-border{\n  opacity:.95;\n}\n\n@keyframes sv5Border{\n\n  0%{\n    background-position:0% 50%;\n  }\n\n  50%{\n    background-position:100% 50%;\n  }\n\n  100%{\n    background-position:0% 50%;\n  }\n\n}\n\n.sv5-service-top{\n  position:absolute;\n  z-index:4;\n\n  top:19px;\n  left:19px;\n  right:19px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n}\n\n.sv5-service-tag{\n  padding:7px 10px;\n\n  border:1px solid rgba(255,255,255,.29);\n\n  border-radius:999px;\n\n  background:rgba(20,16,30,.19);\n\n  backdrop-filter:blur(12px);\n\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n}\n\n.sv5-arrow{\n  display:grid;\n\n  width:38px;\n  height:38px;\n\n  place-items:center;\n\n  border:1px solid rgba(255,255,255,.30);\n\n  border-radius:50%;\n\n  background:rgba(20,16,30,.15);\n\n  backdrop-filter:blur(12px);\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n.sv5-service:hover .sv5-arrow{\n  transform:\n    translate(3px,-3px)\n    rotate(4deg);\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--purple),\n      var(--blue),\n      var(--cyan)\n    );\n}\n\n.sv5-service-content{\n  position:absolute;\n  z-index:4;\n\n  left:22px;\n  right:22px;\n  bottom:22px;\n}\n\n.sv5-service-content small{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:rgba(255,255,255,.64);\n\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.11em;\n  text-transform:uppercase;\n}\n\n.sv5-service-content h3{\n  margin:0;\n\n  color:#fff;\n\n  font-size:clamp(27px,2.25vw,33px);\n\n  line-height:1;\n  letter-spacing:-.045em;\n  font-weight:590;\n}\n\n.sv5-service-content p{\n  max-width:370px;\n\n  margin:9px 0 0;\n\n  color:rgba(255,255,255,.73);\n\n  font-size:11.5px;\n  line-height:1.52;\n}\n\n\n\/* ==========================================================\n   CONNECTED BUSINESS\n========================================================== *\/\n\n.sv5-connected{\n  position:relative;\n\n  padding:96px 0;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 6% 8%,\n      rgba(112,70,255,.10),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 93% 87%,\n      rgba(67,212,208,.08),\n      transparent 27%\n    ),\n    linear-gradient(\n      180deg,\n      #f8f4ff,\n      #fff\n    );\n}\n\n.sv5-connected-layout{\n  display:grid;\n\n  grid-template-columns:\n    minmax(350px,.82fr)\n    minmax(0,1.18fr);\n\n  gap:clamp(36px,4vw,64px);\n\n  align-items:center;\n}\n\n.sv5-connected-copy .sv5-title{\n  font-size:clamp(43px,4.6vw,72px);\n}\n\n.sv5-connected-copy .sv5-copy{\n  margin-top:24px;\n}\n\n.sv5-connected-list{\n  display:grid;\n\n  gap:9px;\n\n  margin-top:24px;\n}\n\n.sv5-connected-item{\n  display:grid;\n\n  grid-template-columns:12px 1fr;\n\n  gap:11px;\n\n  align-items:start;\n\n  padding:13px 14px;\n\n  border:1px solid rgba(112,70,255,.14);\n\n  border-radius:16px;\n\n  background:rgba(255,255,255,.78);\n\n  box-shadow:\n    0 8px 20px rgba(60,45,100,.035);\n}\n\n.sv5-connected-dot{\n  width:10px;\n  height:10px;\n\n  margin-top:4px;\n\n  border-radius:50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--purple),\n      var(--blue),\n      var(--cyan)\n    );\n}\n\n.sv5-connected-item strong{\n  display:block;\n\n  margin-bottom:3px;\n\n  font-size:14px;\n}\n\n.sv5-connected-item p{\n  margin:0;\n\n  color:#77717f;\n\n  font-size:12px;\n  line-height:1.5;\n}\n\n\n\/* ==========================================================\n   CONNECTION HUB\n========================================================== *\/\n\n.sv5-hub{\n  position:relative;\n\n  width:100%;\n\n  aspect-ratio:1.28 \/ 1;\n\n  overflow:hidden;\n\n  border:1px solid rgba(112,70,255,.16);\n\n  border-radius:30px;\n\n  background:\n    radial-gradient(\n      circle at 50% 48%,\n      rgba(112,70,255,.11),\n      transparent 31%\n    ),\n    radial-gradient(\n      circle at 12% 15%,\n      rgba(235,114,196,.07),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 90% 85%,\n      rgba(67,212,208,.09),\n      transparent 26%\n    ),\n    #fff;\n\n  box-shadow:var(--shadow3);\n}\n\n.sv5-hub::before{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  opacity:.48;\n\n  background-image:\n    radial-gradient(\n      rgba(161,151,185,.55) 1px,\n      transparent 1px\n    );\n\n  background-size:22px 22px;\n}\n\n.sv5-hub-svg{\n  position:absolute;\n\n  z-index:1;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  pointer-events:none;\n}\n\n.sv5-data-line{\n  fill:none;\n\n  stroke:url(#sv5Gradient);\n\n  stroke-width:2.2;\n\n  stroke-dasharray:8 10;\n\n  animation:sv5DataFlow 8s linear infinite;\n}\n\n@keyframes sv5DataFlow{\n  to{\n    stroke-dashoffset:-180;\n  }\n}\n\n.sv5-hub-core{\n  position:absolute;\n\n  z-index:4;\n\n  top:48%;\n  left:50%;\n\n  width:clamp(170px,25%,220px);\n\n  aspect-ratio:1;\n\n  transform:translate(-50%,-50%);\n\n  display:flex;\n\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n\n  padding:19px;\n\n  border:1px solid rgba(112,70,255,.23);\n\n  border-radius:30px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 30% 20%,\n      rgba(157,101,255,.18),\n      transparent 43%\n    ),\n    linear-gradient(\n      145deg,\n      #fff,\n      #f0eaff\n    );\n\n  box-shadow:\n    0 25px 60px rgba(112,70,255,.15);\n}\n\n.sv5-hub-core small{\n  color:#8c8495;\n\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n.sv5-hub-core strong{\n  display:block;\n\n  margin-top:7px;\n\n  font-size:clamp(13px,1.25vw,17px);\n\n  line-height:1.25;\n}\n\n.sv5-hub-core h3{\n  margin:6px 0 0;\n\n  font-size:clamp(29px,3vw,39px);\n\n  line-height:.96;\n  letter-spacing:-.065em;\n}\n\n.sv5-hub-color{\n  width:38px;\n  height:4px;\n\n  margin-top:12px;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--purple),\n      var(--blue),\n      var(--cyan),\n      var(--pink)\n    );\n}\n\n.sv5-platform{\n  position:absolute;\n\n  z-index:4;\n\n  display:flex;\n\n  min-width:clamp(112px,17%,145px);\n\n  align-items:center;\n  gap:9px;\n\n  padding:9px 10px;\n\n  border:1px solid rgba(112,70,255,.14);\n\n  border-radius:16px;\n\n  background:rgba(255,255,255,.94);\n\n  box-shadow:\n    0 10px 24px rgba(50,42,90,.07);\n\n  backdrop-filter:blur(10px);\n\n  animation:\n    sv5NodeFloat 5.7s ease-in-out infinite;\n}\n\n@keyframes sv5NodeFloat{\n\n  0%,100%{\n    translate:0 0;\n  }\n\n  50%{\n    translate:0 -5px;\n  }\n\n}\n\n.sv5-platform-logo{\n  display:grid;\n\n  width:31px;\n  height:31px;\n\n  flex:none;\n\n  place-items:center;\n\n  border:1px solid #e9e3f0;\n\n  border-radius:10px;\n\n  background:#fff;\n}\n\n.sv5-platform-logo img{\n  width:18px!important;\n  height:18px!important;\n\n  object-fit:contain!important;\n}\n\n.sv5-platform-text small{\n  display:block;\n\n  margin-bottom:2px;\n\n  color:#a09aa6;\n\n  font-size:6.8px;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.sv5-platform-text strong{\n  display:block;\n\n  white-space:nowrap;\n\n  font-size:clamp(10px,1vw,12px);\n\n  line-height:1.2;\n}\n\n.sv5-meta{\n  top:5%;\n  left:4%;\n}\n\n.sv5-google{\n  top:5%;\n  right:4%;\n}\n\n.sv5-shopify{\n  top:27%;\n  left:1.5%;\n}\n\n.sv5-wordpress{\n  top:27%;\n  right:1.5%;\n}\n\n.sv5-hubspot{\n  bottom:27%;\n  left:2.5%;\n}\n\n.sv5-monday{\n  bottom:27%;\n  right:2.5%;\n}\n\n.sv5-whatsapp{\n  bottom:7%;\n  left:11%;\n}\n\n.sv5-openai{\n  bottom:7%;\n  right:11%;\n}\n\n\n\/* ==========================================================\n   VAINILLA INTELLIGENCE\n========================================================== *\/\n\n.sv5-intelligence{\n  padding:100px 0;\n\n  background:#fff;\n}\n\n.sv5-int-layout{\n  display:grid;\n\n  grid-template-columns:\n    minmax(350px,.83fr)\n    minmax(0,1.17fr);\n\n  gap:clamp(40px,5vw,72px);\n\n  align-items:center;\n}\n\n.sv5-int-copy .sv5-title{\n  font-size:clamp(43px,4.8vw,74px);\n}\n\n.sv5-int-copy .sv5-copy{\n  margin-top:24px;\n}\n\n.sv5-feature-list{\n  display:grid;\n\n  gap:9px;\n\n  margin-top:23px;\n}\n\n.sv5-feature{\n  padding:13px 14px;\n\n  border:1px solid rgba(112,70,255,.13);\n\n  border-radius:15px;\n\n  background:#fff;\n\n  box-shadow:\n    0 8px 19px rgba(60,45,100,.035);\n}\n\n.sv5-feature strong{\n  display:block;\n\n  margin-bottom:3px;\n\n  font-size:14px;\n}\n\n.sv5-feature p{\n  margin:0;\n\n  color:#78727f;\n\n  font-size:12px;\n  line-height:1.5;\n}\n\n.sv5-int-action{\n  margin-top:25px;\n}\n\n\n\/* ==========================================================\n   INTELLIGENCE VISUAL\n========================================================== *\/\n\n.sv5-ai{\n  position:relative;\n\n  width:100%;\n\n  aspect-ratio:1.22 \/ 1;\n\n  overflow:hidden;\n\n  border:1px solid rgba(112,70,255,.16);\n\n  border-radius:29px;\n\n  background:\n    radial-gradient(\n      circle at 72% 8%,\n      rgba(82,125,255,.18),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 18% 85%,\n      rgba(235,114,196,.09),\n      transparent 26%\n    ),\n    linear-gradient(\n      145deg,\n      #f8f4ff,\n      #eefaf9\n    );\n\n  box-shadow:var(--shadow3);\n}\n\n.sv5-ai::before{\n  content:\"\";\n\n  position:absolute;\n\n  inset:0;\n\n  opacity:.23;\n\n  background-image:\n    linear-gradient(\n      rgba(92,80,130,.16) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(92,80,130,.16) 1px,\n      transparent 1px\n    );\n\n  background-size:32px 32px;\n}\n\n.sv5-ai-border{\n  position:absolute;\n\n  z-index:10;\n\n  inset:0;\n\n  border-radius:inherit;\n\n  padding:1px;\n\n  pointer-events:none;\n\n  opacity:.58;\n\n  background:\n    linear-gradient(\n      120deg,\n      var(--purple),\n      var(--blue),\n      var(--cyan),\n      var(--pink),\n      var(--purple)\n    );\n\n  background-size:300% 300%;\n\n  animation:\n    sv5Border 8s linear infinite;\n\n  -webkit-mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n}\n\n.sv5-ai-image{\n  position:absolute;\n\n  z-index:2;\n\n  inset:4.3%;\n\n  overflow:hidden;\n\n  border-radius:23px;\n\n  box-shadow:\n    0 22px 52px rgba(50,42,90,.12);\n\n  background:#eee;\n}\n\n.sv5-ai-image img{\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  transition:\n    transform .8s ease;\n}\n\n.sv5-ai:hover .sv5-ai-image img{\n  transform:scale(1.025);\n}\n\n.sv5-ai-overlay{\n  position:absolute;\n\n  z-index:3;\n\n  inset:0;\n\n  pointer-events:none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.02),\n      transparent 50%,\n      rgba(105,73,190,.07)\n    );\n}\n\n\n\/* ==========================================================\n   ECOSYSTEM\n========================================================== *\/\n\n.sv5-ecosystem{\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 10% 5%,\n      rgba(112,70,255,.10),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 90% 90%,\n      rgba(67,212,208,.08),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #f7f3ff,\n      #fff\n    );\n}\n\n.sv5-eco-head{\n  position:relative;\n  z-index:2;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.2fr)\n    minmax(260px,.8fr);\n\n  gap:50px;\n\n  align-items:end;\n\n  margin-bottom:45px;\n}\n\n.sv5-eco-head p{\n  margin:0;\n\n  color:#76707d;\n\n  font-size:15px;\n  line-height:1.68;\n}\n\n.sv5-eco-grid{\n  position:relative;\n  z-index:2;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:16px;\n}\n\n.sv5-eco{\n  position:relative;\n\n  min-height:315px;\n\n  overflow:hidden;\n\n  border:1px solid rgba(112,70,255,.13);\n\n  border-radius:28px;\n\n  background:#fff;\n\n  box-shadow:\n    0 16px 42px rgba(70,50,115,.07);\n\n  isolation:isolate;\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n.sv5-eco:hover{\n  transform:translateY(-5px);\n\n  box-shadow:\n    0 30px 70px rgba(70,50,115,.13);\n}\n\n.sv5-eco-photo{\n  position:absolute;\n\n  z-index:0;\n\n  top:0;\n  right:0;\n  bottom:0;\n\n  width:55%;\n\n  overflow:hidden;\n\n  opacity:.90;\n\n  mask-image:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(0,0,0,.35) 22%,\n      black 58%\n    );\n}\n\n.sv5-eco-photo img{\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  filter:\n    saturate(.92)\n    contrast(.97);\n\n  transition:\n    transform .8s ease;\n}\n\n.sv5-eco:hover .sv5-eco-photo img{\n  transform:scale(1.05);\n}\n\n.sv5-eco::before{\n  content:\"\";\n\n  position:absolute;\n\n  z-index:1;\n\n  inset:0;\n\n  pointer-events:none;\n}\n\n.sv5-eco-vchat::before{\n  background:\n    radial-gradient(\n      circle at 84% 25%,\n      rgba(67,212,208,.18),\n      transparent 37%\n    ),\n    linear-gradient(\n      90deg,\n      #fff 0%,\n      rgba(255,255,255,.96) 46%,\n      rgba(239,251,249,.45) 100%\n    );\n}\n\n.sv5-eco-intelligence::before{\n  background:\n    radial-gradient(\n      circle at 85% 22%,\n      rgba(112,70,255,.22),\n      transparent 38%\n    ),\n    linear-gradient(\n      90deg,\n      #fff 0%,\n      rgba(255,255,255,.96) 46%,\n      rgba(244,239,255,.48) 100%\n    );\n}\n\n.sv5-eco-academy::before{\n  background:\n    radial-gradient(\n      circle at 85% 22%,\n      rgba(82,125,255,.18),\n      transparent 38%\n    ),\n    linear-gradient(\n      90deg,\n      #fff 0%,\n      rgba(255,255,255,.97) 47%,\n      rgba(239,245,255,.67) 100%\n    );\n}\n\n.sv5-eco-brand::before{\n  background:\n    radial-gradient(\n      circle at 85% 22%,\n      rgba(235,114,196,.17),\n      transparent 38%\n    ),\n    linear-gradient(\n      90deg,\n      #fff 0%,\n      rgba(255,255,255,.97) 47%,\n      rgba(255,241,249,.68) 100%\n    );\n}\n\n.sv5-eco-content{\n  position:relative;\n\n  z-index:4;\n\n  display:flex;\n\n  min-height:315px;\n\n  flex-direction:column;\n\n  padding:28px;\n\n  width:66%;\n}\n\n.sv5-eco-content small{\n  display:block;\n\n  margin-bottom:auto;\n\n  color:#938d9b;\n\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.sv5-eco-content h3{\n  margin:75px 0 9px;\n\n  font-size:clamp(27px,2.4vw,34px);\n\n  line-height:1;\n  letter-spacing:-.05em;\n  font-weight:600;\n}\n\n.sv5-eco-content p{\n  max-width:410px;\n\n  margin:0;\n\n  color:#716c79;\n\n  font-size:12px;\n  line-height:1.58;\n}\n\n.sv5-eco-arrow{\n  position:absolute;\n\n  z-index:5;\n\n  top:24px;\n  right:24px;\n\n  display:grid;\n\n  width:38px;\n  height:38px;\n\n  place-items:center;\n\n  border:1px solid rgba(112,70,255,.15);\n\n  border-radius:50%;\n\n  background:rgba(255,255,255,.78);\n\n  backdrop-filter:blur(10px);\n\n  font-size:17px;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    color .25s ease;\n}\n\n.sv5-eco:hover .sv5-eco-arrow{\n  transform:translate(3px,-3px);\n\n  color:#fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--purple),\n      var(--blue),\n      var(--cyan)\n    );\n}\n\n.sv5-product-status{\n  position:absolute;\n\n  z-index:5;\n\n  right:22px;\n  bottom:21px;\n\n  display:inline-flex;\n\n  align-items:center;\n  gap:7px;\n\n  padding:8px 10px;\n\n  border:1px solid rgba(255,255,255,.60);\n\n  border-radius:999px;\n\n  color:#4a4354;\n\n  background:rgba(255,255,255,.77);\n\n  backdrop-filter:blur(10px);\n\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\n\/* ==========================================================\n   CTA\n========================================================== *\/\n\n.sv5-cta{\n  position:relative;\n\n  overflow:hidden;\n\n  padding:105px 0;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 15% 20%,\n      rgba(112,70,255,.18),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 85% 72%,\n      rgba(67,212,208,.15),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 52% 100%,\n      rgba(235,114,196,.12),\n      transparent 30%\n    ),\n    linear-gradient(\n      140deg,\n      #f4efff,\n      #f5f7ff 46%,\n      #eefbf9\n    );\n}\n\n.sv5-cta h2{\n  max-width:1000px;\n\n  margin:auto;\n\n  font-size:clamp(51px,7vw,96px);\n\n  line-height:.93;\n  letter-spacing:-.07em;\n  font-weight:600;\n}\n\n.sv5-cta h2 span{\n  display:block;\n\n  color:transparent;\n\n  background:\n    linear-gradient(\n      105deg,\n      #8c63ff,\n      #617dff,\n      #49cdd3,\n      #e47bc5\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n}\n\n.sv5-cta p{\n  max-width:610px;\n\n  margin:27px auto 0;\n\n  color:#716b78;\n\n  font-size:16px;\n  line-height:1.68;\n}\n\n.sv5-cta-actions{\n  display:flex;\n\n  justify-content:center;\n  gap:10px;\n\n  margin-top:30px;\n}\n\n\n\/* ==========================================================\n   ANIMATIONS\n========================================================== *\/\n\n.sv5-reveal{\n  opacity:0;\n\n  transform:translateY(18px);\n\n  transition:\n    opacity .7s ease,\n    transform .7s ease;\n}\n\n.sv5-reveal.visible{\n  opacity:1;\n  transform:none;\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n========================================================== *\/\n\n@media(max-width:1200px){\n\n  .sv5-container{\n    width:min(calc(100% - 42px),var(--max));\n  }\n\n  .sv5-section{\n    padding:86px 0;\n  }\n\n  .sv5-hero{\n    min-height:810px;\n    padding-top:135px;\n  }\n\n  .sv5-hero-inner{\n    min-height:610px;\n  }\n\n  .sv5-services{\n    padding:72px 0 92px;\n  }\n\n  .sv5-service{\n    min-height:350px;\n  }\n\n  .sv5-connected{\n    padding:82px 0;\n  }\n\n  .sv5-connected-layout{\n    grid-template-columns:\n      minmax(300px,.78fr)\n      minmax(0,1.22fr);\n\n    gap:32px;\n  }\n\n  .sv5-intelligence{\n    padding:84px 0;\n  }\n\n}\n\n\n@media(max-width:980px){\n\n  .sv5-services-head,\n  .sv5-eco-head{\n    grid-template-columns:1fr;\n    gap:20px;\n  }\n\n  .sv5-services-grid{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .sv5-connected-layout,\n  .sv5-int-layout{\n    grid-template-columns:1fr;\n    gap:38px;\n  }\n\n  .sv5-hub{\n    aspect-ratio:1.45 \/ 1;\n  }\n\n  .sv5-eco-grid{\n    grid-template-columns:1fr;\n  }\n\n}\n\n\n@media(max-width:760px){\n\n  .sv5-container{\n    width:calc(100% - 28px);\n  }\n\n  .sv5-section{\n    padding:68px 0;\n  }\n\n  .sv5-hero{\n    min-height:800px;\n\n    padding:112px 0 45px;\n  }\n\n  .sv5-hero-inner{\n    min-height:640px;\n\n    justify-content:flex-end;\n\n    padding-bottom:105px;\n  }\n\n  .sv5-hero-note{\n    left:14px;\n    right:14px;\n    bottom:15px;\n\n    width:auto;\n  }\n\n  .sv5-services-grid{\n    grid-template-columns:1fr;\n  }\n\n  .sv5-service{\n    min-height:410px;\n  }\n\n  .sv5-hub{\n    aspect-ratio:auto;\n\n    padding:18px;\n\n    display:grid;\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap:9px;\n  }\n\n  .sv5-hub-svg{\n    display:none;\n  }\n\n  .sv5-hub-core{\n    position:relative;\n\n    top:auto;\n    left:auto;\n\n    grid-column:1\/-1;\n\n    width:100%;\n\n    min-height:150px;\n\n    transform:none;\n\n    aspect-ratio:auto;\n  }\n\n  .sv5-platform{\n    position:relative!important;\n\n    inset:auto!important;\n\n    width:100%;\n    min-width:0;\n\n    animation:none;\n  }\n\n  .sv5-ai{\n    aspect-ratio:1 \/ .85;\n  }\n\n}\n\n\n@media(max-width:520px){\n\n  .sv5-title{\n    font-size:42px;\n  }\n\n  .sv5-hero{\n    min-height:780px;\n  }\n\n  .sv5-hero h1{\n    font-size:49px;\n  }\n\n  .sv5-hero-actions{\n    width:100%;\n\n    flex-direction:column;\n  }\n\n  .sv5-btn{\n    width:100%;\n  }\n\n  .sv5-quick-inner{\n    display:grid;\n\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n  .sv5-quick-item{\n    justify-content:flex-start;\n\n    border-radius:14px;\n  }\n\n  .sv5-services-head h2{\n    font-size:40px;\n  }\n\n  .sv5-service{\n    min-height:360px;\n  }\n\n  .sv5-hub{\n    grid-template-columns:1fr;\n  }\n\n  .sv5-int-copy .sv5-title{\n    font-size:41px;\n  }\n\n  .sv5-ai{\n    aspect-ratio:1 \/ 1;\n  }\n\n  .sv5-eco{\n    min-height:350px;\n  }\n\n  .sv5-eco-photo{\n    top:auto;\n    left:0;\n    right:0;\n    bottom:0;\n\n    width:100%;\n    height:58%;\n\n    mask-image:\n      linear-gradient(\n        to bottom,\n        transparent,\n        black 40%\n      );\n  }\n\n  .sv5-eco-content{\n    width:100%;\n\n    min-height:350px;\n\n    padding:23px;\n  }\n\n  .sv5-cta{\n    padding:82px 0;\n  }\n\n  .sv5-cta h2{\n    font-size:47px;\n  }\n\n  .sv5-cta-actions{\n    flex-direction:column;\n  }\n\n}\n\n\n@media(prefers-reduced-motion:reduce){\n\n  #sv5 *,\n  #sv5 *::before,\n  #sv5 *::after{\n    animation:none!important;\n    transition:none!important;\n  }\n\n  .sv5-reveal{\n    opacity:1;\n    transform:none;\n  }\n\n}\n\n\n\/* ==========================================================\n   V6.2 \u2014 LOGO FIXES + MOBILE GRID OPTIMIZATION\n========================================================== *\/\n\n\/* Vchat replaces HubSpot position *\/\n.sv5-vchat{\n  bottom:27%;\n  left:2.5%;\n}\n\n\/* Ensure media inside platform logos always renders centered *\/\n.sv5-platform-logo{\n  overflow:hidden;\n}\n\n.sv5-platform-logo img,\n.sv5-platform-logo svg,\n.sv5-platform-logo .sv5-brand-mark{\n  display:block;\n}\n\n.sv5-platform-logo-vchat,\n.sv5-platform-logo-ai,\n.sv5-platform-logo-monday{\n  width:22px !important;\n  height:22px !important;\n  object-fit:contain !important;\n}\n\n\/* Embedded logo marks so they never disappear *\/\n.sv5-brand-mark{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:20px;\n  height:20px;\n  font-weight:900;\n  line-height:1;\n}\n\n.sv5-brand-meta{\n  color:#6d59ff;\n  font-size:18px;\n}\n\n.sv5-brand-googleads i,\n.sv5-brand-googleads b{\n  position:absolute;\n  display:block;\n}\n\n.sv5-brand-googleads i:nth-child(1){\n  left:3px;\n  top:1px;\n  width:7px;\n  height:15px;\n  border-radius:999px;\n  background:#4285f4;\n  transform:rotate(28deg);\n}\n\n.sv5-brand-googleads i:nth-child(2){\n  right:4px;\n  top:5px;\n  width:7px;\n  height:11px;\n  border-radius:999px;\n  background:#34a853;\n  transform:rotate(-28deg);\n}\n\n.sv5-brand-googleads b{\n  right:1px;\n  bottom:2px;\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:#fbbc04;\n}\n\n.sv5-brand-shopify{\n  border-radius:5px 5px 6px 6px;\n  background:#7ab55c;\n  color:#fff;\n  font-size:11px;\n  font-weight:800;\n}\n\n.sv5-brand-shopify::before{\n  content:\"\";\n  position:absolute;\n  top:-2px;\n  left:5px;\n  width:10px;\n  height:6px;\n  border:2px solid #7ab55c;\n  border-bottom:0;\n  border-radius:8px 8px 0 0;\n  box-sizing:border-box;\n}\n\n.sv5-brand-wordpress{\n  border-radius:50%;\n  border:1.7px solid #21759b;\n  color:#21759b;\n  font-size:11px;\n  font-family:Georgia,serif;\n  font-weight:700;\n}\n\n.sv5-brand-whatsapp{\n  border-radius:50%;\n  background:#25d366;\n  color:#fff;\n  font-size:10px;\n}\n\n.sv5-brand-whatsapp::after{\n  content:\"\";\n  position:absolute;\n  bottom:-1px;\n  left:3px;\n  width:6px;\n  height:6px;\n  background:#25d366;\n  clip-path:polygon(0 0,100% 35%,25% 100%);\n  transform:rotate(12deg);\n}\n\n\/* Mobile and tablet overrides *\/\n@media(max-width:980px){\n  .sv5-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}\n  .sv5-eco-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}\n  .sv5-service{min-height:320px;}\n  .sv5-eco{min-height:285px;}\n}\n\n@media(max-width:760px){\n  .sv5-container{width:calc(100% - 24px);}\n  .sv5-section{padding:58px 0;}\n  .sv5-hero{min-height:730px;padding:94px 0 34px;}\n  .sv5-hero-inner{min-height:610px;justify-content:flex-end;padding-bottom:114px;}\n  .sv5-hero h1{font-size:clamp(42px,11vw,58px);line-height:.92;}\n  .sv5-hero-lead{margin-top:20px;font-size:14px;line-height:1.55;}\n  .sv5-hero-actions{width:100%;margin-top:22px;gap:9px;}\n  .sv5-hero-note{left:12px;right:12px;bottom:12px;width:auto;padding:14px;border-radius:16px;}\n  .sv5-quick{margin-top:-15px;}\n  .sv5-quick-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border-radius:18px;}\n  .sv5-quick-item{min-width:0;min-height:48px;justify-content:flex-start;padding:8px 10px;border-radius:14px;font-size:10px;line-height:1.2;}\n  .sv5-quick-item::after{display:none;}\n\n  .sv5-services{padding:56px 0 66px;}\n  .sv5-services-head{gap:14px;margin-bottom:24px;}\n  .sv5-services-head h2{font-size:36px;line-height:.98;}\n  .sv5-services-head p{font-size:13px;line-height:1.55;}\n  .sv5-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}\n  .sv5-service{min-height:260px;border-radius:18px;}\n  .sv5-service-top{top:9px;left:9px;right:9px;}\n  .sv5-service-tag{max-width:calc(100% - 35px);padding:5px 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:5.8px;}\n  .sv5-arrow{width:29px;height:29px;flex:none;font-size:12px;}\n  .sv5-service-content{left:11px;right:11px;bottom:11px;}\n  .sv5-service-content small{margin-bottom:5px;font-size:5.8px;line-height:1.2;}\n  .sv5-service-content h3{font-size:17px;line-height:1.03;}\n  .sv5-service-content p{display:-webkit-box;margin-top:6px;overflow:hidden;font-size:8.7px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;}\n\n  .sv5-connected{padding:62px 0;}\n  .sv5-connected-layout{gap:28px;}\n  .sv5-connected-copy .sv5-title{font-size:38px;line-height:.98;}\n  .sv5-connected-copy .sv5-copy{margin-top:17px;font-size:13px;line-height:1.55;}\n  .sv5-connected-list{gap:7px;margin-top:18px;}\n  .sv5-connected-item{padding:11px 12px;border-radius:14px;}\n  .sv5-connected-item strong{font-size:12px;}\n  .sv5-connected-item p{font-size:10px;line-height:1.4;}\n\n  .sv5-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;min-height:0;aspect-ratio:auto;padding:10px;overflow:hidden;border-radius:22px;}\n  .sv5-hub-svg{display:none;}\n  .sv5-hub-core{position:relative;top:auto;left:auto;grid-column:1 \/ -1;width:100%;min-height:118px;aspect-ratio:auto;transform:none;margin:0 0 2px;padding:15px;border-radius:18px;}\n  .sv5-hub-core small{font-size:6.5px;}\n  .sv5-hub-core strong{margin-top:4px;font-size:11px;}\n  .sv5-hub-core h3{margin-top:5px;font-size:27px;}\n  .sv5-hub-color{margin-top:9px;}\n\n  .sv5-platform,\n  .sv5-meta,.sv5-google,.sv5-shopify,.sv5-wordpress,.sv5-vchat,.sv5-monday,.sv5-whatsapp,.sv5-openai{\n    position:relative !important;\n    inset:auto !important;\n    top:auto !important;\n    right:auto !important;\n    bottom:auto !important;\n    left:auto !important;\n    translate:none !important;\n    width:100%;\n    min-width:0;\n    min-height:55px;\n    margin:0;\n    padding:7px 8px;\n    gap:7px;\n    border-radius:13px;\n    animation:none;\n  }\n\n  .sv5-platform-logo{width:29px;height:29px;flex:0 0 29px;border-radius:9px;}\n  .sv5-platform-logo img{width:17px !important;height:17px !important;}\n  .sv5-platform-logo-vchat,.sv5-platform-logo-ai,.sv5-platform-logo-monday{width:20px !important;height:20px !important;}\n  .sv5-brand-mark{width:18px;height:18px;}\n  .sv5-brand-meta{font-size:16px;}\n  .sv5-brand-wordpress,.sv5-brand-shopify,.sv5-brand-whatsapp{font-size:10px;}\n  .sv5-platform-text{min-width:0;}\n  .sv5-platform-text small{margin-bottom:1px;font-size:5.3px;letter-spacing:.1em;}\n  .sv5-platform-text strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;}\n\n  .sv5-intelligence{padding:62px 0;}\n  .sv5-int-layout{gap:27px;}\n  .sv5-int-copy .sv5-title{font-size:38px;line-height:.98;}\n  .sv5-int-copy .sv5-copy{margin-top:17px;font-size:13px;line-height:1.55;}\n  .sv5-feature-list{gap:7px;margin-top:18px;}\n  .sv5-feature{padding:11px 12px;border-radius:13px;}\n  .sv5-feature strong{font-size:12px;}\n  .sv5-feature p{font-size:10px;line-height:1.4;}\n  .sv5-int-action{margin-top:18px;}\n  .sv5-ai{aspect-ratio:1.05 \/ 1;border-radius:21px;}\n  .sv5-ai-image{inset:3.4%;border-radius:16px;}\n\n  .sv5-eco-head{gap:14px;margin-bottom:23px;}\n  .sv5-eco-head p{font-size:13px;line-height:1.55;}\n  .sv5-eco-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}\n  .sv5-eco{min-height:245px;border-radius:18px;}\n  .sv5-eco-photo{top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:1;-webkit-mask-image:none;mask-image:none;}\n  .sv5-eco-photo::after{content:\"\";position:absolute;inset:0;background:linear-gradient(to top,rgba(25,18,38,.84) 0%,rgba(34,25,52,.42) 45%,rgba(255,255,255,.03) 80%);}\n  .sv5-eco::before{background:linear-gradient(to top,rgba(80,53,127,.18),transparent 60%) !important;}\n  .sv5-eco-content{position:absolute;z-index:4;left:0;right:0;bottom:0;display:block;width:100%;min-height:0;padding:11px;}\n  .sv5-eco-content small{margin:0 0 5px;color:rgba(255,255,255,.64);font-size:5.6px;line-height:1.2;}\n  .sv5-eco-content h3{margin:0 0 5px;color:#fff;font-size:17px;line-height:1.02;}\n  .sv5-eco-content p{display:-webkit-box;overflow:hidden;color:rgba(255,255,255,.76);font-size:8.6px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;}\n  .sv5-eco-arrow{top:9px;right:9px;width:29px;height:29px;border-color:rgba(255,255,255,.36);color:#fff;background:rgba(28,20,40,.20);font-size:12px;}\n  .sv5-product-status{display:none;}\n\n  .sv5-cta{padding:70px 0;}\n  .sv5-cta h2{font-size:43px;}\n  .sv5-cta p{font-size:14px;}\n}\n\n@media(max-width:520px){\n  .sv5-title{font-size:37px;}\n  .sv5-btn{width:100%;min-height:50px;}\n  .sv5-hero-actions,.sv5-cta-actions{flex-direction:column;}\n  .sv5-services-grid,.sv5-eco-grid,.sv5-hub{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .sv5-service{min-height:246px;}\n  .sv5-eco{min-height:232px;}\n  .sv5-ai{aspect-ratio:1 \/ .94;}\n}\n\n@media(max-width:319px){\n  .sv5-services-grid,.sv5-eco-grid,.sv5-hub,.sv5-quick-inner{grid-template-columns:1fr;}\n}\n\n\n\n\/* ==========================================================\n   V6.3 \u2014 REAL PLATFORM LOGOS \/ MONDAY SCALE FIX\n========================================================== *\/\n\n\/* Restore true platform logos at a more legible scale *\/\n.sv5-platform-logo img{\n  width:21px !important;\n  height:21px !important;\n  object-fit:contain !important;\n}\n\n.sv5-platform-logo-vchat,\n.sv5-platform-logo-ai{\n  width:23px !important;\n  height:23px !important;\n}\n\n\/* monday.com GIF needs more visual area because the artwork has internal whitespace *\/\n.sv5-platform.sv5-monday .sv5-platform-logo{\n  width:36px;\n  height:36px;\n  flex:0 0 36px;\n  padding:2px;\n}\n\n.sv5-platform-logo-monday{\n  width:31px !important;\n  height:31px !important;\n  transform:scale(1.12);\n  object-fit:contain !important;\n}\n\n\/* Disable obsolete synthetic logo drawings from previous iteration *\/\n.sv5-brand-mark,\n.sv5-monday-mark{\n  display:none !important;\n}\n\n@media(max-width:760px){\n  .sv5-platform-logo img{\n    width:19px !important;\n    height:19px !important;\n  }\n\n  .sv5-platform-logo-vchat,\n  .sv5-platform-logo-ai{\n    width:21px !important;\n    height:21px !important;\n  }\n\n  .sv5-platform.sv5-monday .sv5-platform-logo{\n    width:33px;\n    height:33px;\n    flex:0 0 33px;\n  }\n\n  .sv5-platform-logo-monday{\n    width:29px !important;\n    height:29px !important;\n    transform:scale(1.14);\n  }\n}\n\n\n\n\/* ==========================================================\n   V6.5 \u2014 SERVICES \/ LANDSCAPE INTELLIGENCE CARDS\n   Replaces the large square gallery with compact horizontal\n   service cards. Desktop = 2-column landscape grid.\n   Mobile = swipeable horizontal rail for a shorter homepage.\n========================================================== *\/\n\n\/* Section becomes more editorial and compact *\/\n.sv5-services{\n  padding:66px 0 78px;\n}\n\n.sv5-services-head{\n  margin-bottom:30px;\n}\n\n\/* 2 wide columns instead of 3 tall square cards *\/\n.sv5-services-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:13px;\n}\n\n.sv5-service{\n  min-height:232px;\n  border-radius:22px;\n  background:\n    radial-gradient(circle at 95% 5%,rgba(112,70,255,.07),transparent 31%),\n    linear-gradient(135deg,#fff,#fbfaff);\n  box-shadow:0 14px 36px rgba(55,40,95,.065);\n}\n\n\/* Image becomes a visual pane instead of filling the whole card *\/\n.sv5-service > img{\n  position:absolute;\n  inset:0 auto 0 0;\n  width:42%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  border-radius:22px 0 0 22px;\n  transition:transform .65s cubic-bezier(.22,.7,.2,1),filter .35s ease;\n}\n\n.sv5-service:hover > img{\n  transform:scale(1.035);\n  filter:saturate(1.04) contrast(1.01);\n}\n\n\/* Overlay only belongs to the photo pane *\/\n.sv5-service::after{\n  inset:0 auto 0 0;\n  width:42%;\n  border-radius:22px 0 0 22px;\n  background:\n    linear-gradient(180deg,rgba(30,19,50,.08),rgba(24,17,38,.18)),\n    linear-gradient(90deg,transparent 72%,rgba(23,18,35,.20));\n}\n\n.sv5-service-gridpattern{\n  right:auto;\n  width:42%;\n  border-radius:22px 0 0 22px;\n  opacity:.12;\n  background-size:24px 24px;\n  mask-image:linear-gradient(to right,black,rgba(0,0,0,.48) 72%,transparent);\n}\n\n\/* Keep the action\/tag balanced between image and text panel *\/\n.sv5-service-top{\n  top:15px;\n  left:15px;\n  right:15px;\n  align-items:flex-start;\n}\n\n.sv5-service-tag{\n  padding:6px 9px;\n  color:#fff;\n  border-color:rgba(255,255,255,.42);\n  background:rgba(30,22,48,.28);\n  box-shadow:0 5px 16px rgba(20,14,34,.09);\n  font-size:7px;\n  backdrop-filter:blur(13px);\n}\n\n.sv5-service .sv5-arrow{\n  width:34px;\n  height:34px;\n  color:#4d3b7f;\n  border-color:rgba(112,70,255,.16);\n  background:rgba(255,255,255,.92);\n  box-shadow:0 8px 20px rgba(70,52,110,.08);\n}\n\n.sv5-service:hover .sv5-arrow{\n  color:#fff;\n}\n\n\/* Information now sits on a clean reading surface *\/\n.sv5-service-content{\n  left:46.5%;\n  right:22px;\n  top:50%;\n  bottom:auto;\n  transform:translateY(-43%);\n  padding-left:13px;\n}\n\n.sv5-service-content::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:1px;\n  width:3px;\n  height:34px;\n  border-radius:999px;\n  background:linear-gradient(180deg,var(--purple),var(--blue),var(--cyan));\n  opacity:.88;\n}\n\n.sv5-service-content small{\n  margin-bottom:8px;\n  color:#8a8392;\n  font-size:7.2px;\n  line-height:1.2;\n}\n\n.sv5-service-content h3{\n  color:var(--ink);\n  font-size:clamp(22px,1.8vw,28px);\n  line-height:1.02;\n  letter-spacing:-.045em;\n}\n\n.sv5-service-content p{\n  max-width:none;\n  margin:10px 0 0;\n  color:#6f6977;\n  font-size:12.5px;\n  line-height:1.48;\n}\n\n\/* Subtle individual accents without changing the brand language *\/\n.sv5-service:nth-child(2) .sv5-service-content::before{\n  background:linear-gradient(180deg,#8d63ff,#5d7eff,#4dd4d0);\n}\n.sv5-service:nth-child(3) .sv5-service-content::before{\n  background:linear-gradient(180deg,#557dff,#43d4d0);\n}\n.sv5-service:nth-child(4) .sv5-service-content::before{\n  background:linear-gradient(180deg,#eb72c4,#956cff);\n}\n.sv5-service:nth-child(5) .sv5-service-content::before{\n  background:linear-gradient(180deg,#9c65ff,#eb72c4);\n}\n.sv5-service:nth-child(6) .sv5-service-content::before{\n  background:linear-gradient(180deg,#527dff,#7046ff,#43d4d0);\n}\n\n\/* Prevent old responsive rules from turning the cards tall again *\/\n@media(max-width:1200px){\n  .sv5-services{\n    padding:62px 0 72px;\n  }\n\n  .sv5-services-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:11px;\n  }\n\n  .sv5-service{\n    min-height:220px;\n  }\n\n  .sv5-service-content{\n    left:45.5%;\n    right:17px;\n  }\n\n  .sv5-service-content h3{\n    font-size:22px;\n  }\n\n  .sv5-service-content p{\n    font-size:11.5px;\n  }\n}\n\n\/* Tablet remains a readable 2-column landscape system *\/\n@media(max-width:980px){\n  .sv5-services-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .sv5-service{\n    min-height:218px;\n  }\n\n  .sv5-service > img,\n  .sv5-service::after,\n  .sv5-service-gridpattern{\n    width:39%;\n  }\n\n  .sv5-service-content{\n    left:42.5%;\n    right:14px;\n    padding-left:11px;\n  }\n\n  .sv5-service-content h3{\n    font-size:20px;\n  }\n\n  .sv5-service-content p{\n    font-size:10.7px;\n    line-height:1.42;\n  }\n}\n\n\/* Mobile: Apple-like horizontal service rail.\n   This keeps all descriptions readable WITHOUT making the homepage huge. *\/\n@media(max-width:760px){\n  .sv5-services{\n    padding:54px 0 58px;\n    overflow:hidden;\n  }\n\n  .sv5-services-head{\n    margin-bottom:21px;\n  }\n\n  .sv5-services-head h2{\n    font-size:36px;\n  }\n\n  .sv5-services-grid{\n    display:flex;\n    grid-template-columns:none;\n    gap:10px;\n    width:auto;\n    overflow-x:auto;\n    overflow-y:hidden;\n    padding:2px 13px 16px 0;\n    margin-right:-12px;\n    scroll-snap-type:x mandatory;\n    scroll-padding-left:0;\n    -webkit-overflow-scrolling:touch;\n    scrollbar-width:none;\n  }\n\n  .sv5-services-grid::-webkit-scrollbar{\n    display:none;\n  }\n\n  .sv5-service{\n    flex:0 0 min(87vw,365px);\n    width:min(87vw,365px);\n    min-height:218px;\n    border-radius:19px;\n    scroll-snap-align:start;\n    scroll-snap-stop:always;\n  }\n\n  .sv5-service > img{\n    width:39%;\n    border-radius:19px 0 0 19px;\n  }\n\n  .sv5-service::after,\n  .sv5-service-gridpattern{\n    width:39%;\n    border-radius:19px 0 0 19px;\n  }\n\n  .sv5-service-top{\n    top:10px;\n    left:10px;\n    right:10px;\n  }\n\n  .sv5-service-tag{\n    max-width:34%;\n    padding:5px 7px;\n    font-size:5.8px;\n    overflow:hidden;\n    white-space:nowrap;\n    text-overflow:ellipsis;\n  }\n\n  .sv5-service .sv5-arrow{\n    width:29px;\n    height:29px;\n    font-size:12px;\n  }\n\n  .sv5-service-content{\n    left:42.5%;\n    right:12px;\n    top:50%;\n    bottom:auto;\n    transform:translateY(-42%);\n    padding-left:10px;\n  }\n\n  .sv5-service-content::before{\n    width:2px;\n    height:27px;\n  }\n\n  .sv5-service-content small{\n    margin-bottom:6px;\n    color:#8a8392;\n    font-size:5.8px;\n  }\n\n  .sv5-service-content h3{\n    color:var(--ink);\n    font-size:18px;\n    line-height:1.02;\n  }\n\n  .sv5-service-content p{\n    display:block;\n    margin-top:7px;\n    overflow:visible;\n    color:#6e6875;\n    font-size:10.3px;\n    line-height:1.4;\n    -webkit-line-clamp:unset;\n  }\n\n  #sv5-services .sv5-container::after{\n    content:\"Desliza para explorar \u2192\";\n    display:block;\n    margin-top:0;\n    color:#8d8794;\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:.06em;\n    text-transform:uppercase;\n  }\n}\n\n@media(max-width:420px){\n  .sv5-service{\n    flex-basis:88vw;\n    width:88vw;\n    min-height:216px;\n  }\n\n  .sv5-service > img,\n  .sv5-service::after,\n  .sv5-service-gridpattern{\n    width:38%;\n  }\n\n  .sv5-service-content{\n    left:41.5%;\n    right:10px;\n  }\n\n  .sv5-service-content h3{\n    font-size:17px;\n  }\n\n  .sv5-service-content p{\n    font-size:9.8px;\n  }\n}\n\n<\/style>\n\n\n\n<div id=\"sv5\">\n\n\n<!-- =========================================================\n     HERO\n========================================================= -->\n\n<section class=\"sv5-hero\">\n\n  <div class=\"sv5-hero-photo\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Marketing-Digital-by-StudioVainilla-Business-Intelligence.png\"\n      alt=\"StudioVainilla\"\n      fetchpriority=\"high\"\n    >\n\n  <\/div>\n\n\n  <div class=\"sv5-hero-dots\"><\/div>\n\n\n  <div class=\"sv5-hero-lines\">\n\n    <svg viewBox=\"0 0 1600 900\" preserveAspectRatio=\"none\">\n\n      <defs>\n\n        <linearGradient id=\"sv5Hero1\">\n          <stop offset=\"0%\" stop-color=\"#ba9fff\"\/>\n          <stop offset=\"48%\" stop-color=\"#6e8eff\"\/>\n          <stop offset=\"100%\" stop-color=\"#5ce1da\"\/>\n        <\/linearGradient>\n\n        <linearGradient id=\"sv5Hero2\">\n          <stop offset=\"0%\" stop-color=\"#f086cd\"\/>\n          <stop offset=\"50%\" stop-color=\"#8d70ff\"\/>\n          <stop offset=\"100%\" stop-color=\"#58d5d2\"\/>\n        <\/linearGradient>\n\n      <\/defs>\n\n      <path\n        d=\"M100 690 C420 510 570 570 800 390 C1050 195 1240 300 1550 115\"\n        fill=\"none\"\n        stroke=\"url(#sv5Hero1)\"\n        stroke-width=\"1.5\"\n      \/>\n\n      <path\n        d=\"M320 50 C500 290 735 215 950 440 C1140 640 1350 575 1600 710\"\n        fill=\"none\"\n        stroke=\"url(#sv5Hero2)\"\n        stroke-width=\"1.2\"\n      \/>\n\n    <\/svg>\n\n  <\/div>\n\n\n  <div class=\"sv5-container sv5-hero-inner\">\n\n    <div class=\"sv5-pill sv5-reveal\">\n      <i><\/i>\n      Business Intelligence \u00b7 Marketing \u00b7 Digital Systems\n    <\/div>\n\n\n    <h1 class=\"sv5-reveal\">\n\n      Haz que tu negocio\n\n      <span>\n        se vea, venda y opere mejor.\n      <\/span>\n\n    <\/h1>\n\n\n    <p class=\"sv5-hero-lead sv5-reveal\">\n\n      Conectamos marca, marketing, tecnolog\u00eda,\n      automatizaci\u00f3n, datos e inteligencia artificial\n      para construir empresas con mayor capacidad digital.\n\n    <\/p>\n\n\n    <div class=\"sv5-hero-actions sv5-reveal\">\n\n      <a href=\"#sv5-services\" class=\"sv5-btn sv5-btn-primary\">\n        Explorar capacidades \u2197\n      <\/a>\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\"\n        class=\"sv5-btn sv5-btn-light\"\n      >\n        Hablemos de tu negocio\n      <\/a>\n\n    <\/div>\n\n\n    <div class=\"sv5-hero-note\">\n\n      <small>\n        StudioVainilla\n      <\/small>\n\n      <strong>\n        Descubre lo que es posible\n        cuando tu negocio se conecta.\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     QUICK LINKS\n========================================================= -->\n\n<div class=\"sv5-quick\">\n\n  <div class=\"sv5-container\">\n\n    <nav class=\"sv5-quick-inner\">\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/branding\/\"\n        class=\"sv5-quick-item\"\n      >\n        Branding\n      <\/a>\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/marketing-digital\/\"\n        class=\"sv5-quick-item\"\n        title=\"Marketing Digital \u00b7 Estrategia \u00b7 Contenido \u00b7 Paid Media\"\n      >\n        Marketing Digital\n      <\/a>\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/desarrollo-web\/\"\n        class=\"sv5-quick-item\"\n      >\n        Desarrollo Web\n      <\/a>\n\n      <a\n        href=\"https:\/\/vainillaintelligence.com\/\"\n        class=\"sv5-quick-item\"\n      >\n        Business Intelligence\n      <\/a>\n\n      <a\n        href=\"#sv5-connected\"\n        class=\"sv5-quick-item\"\n      >\n        Automatizaci\u00f3n\n      <\/a>\n\n      <a\n        href=\"#sv5-intelligence\"\n        class=\"sv5-quick-item\"\n      >\n        AI\n      <\/a>\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/monday\/\"\n        class=\"sv5-quick-item\"\n      >\n        monday.com\n      <\/a>\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\"\n        class=\"sv5-quick-item\"\n      >\n        Audiovisual\n      <\/a>\n\n    <\/nav>\n\n  <\/div>\n\n<\/div>\n\n\n\n<!-- =========================================================\n     SERVICES\n========================================================= -->\n\n<section\n  class=\"sv5-services\"\n  id=\"sv5-services\"\n>\n\n  <div class=\"sv5-container\">\n\n\n    <div class=\"sv5-services-head\">\n\n      <div>\n\n        <div class=\"sv5-eyebrow\">\n          Qu\u00e9 hacemos\n        <\/div>\n\n        <h2>\n          Diferentes capacidades.\n          <span>Un mismo negocio.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <p>\n\n        No necesitas descubrir qu\u00e9 departamento contratar.\n        Cu\u00e9ntanos el reto. Conectamos las disciplinas\n        necesarias para resolverlo.\n\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"sv5-services-grid\">\n\n\n      <!-- MARKETING -->\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/marketing-digital\/\"\n        class=\"sv5-service\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Marketing-Digital-by-StudioVainilla.png\"\n          alt=\"Marketing Digital by StudioVainilla\"\n          loading=\"lazy\"\n        >\n\n        <div class=\"sv5-service-gridpattern\"><\/div>\n\n        <div class=\"sv5-service-top\">\n          <span class=\"sv5-service-tag\">Crecer<\/span>\n          <span class=\"sv5-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"sv5-service-content\">\n\n          <small>\n            Strategy \u00b7 Content \u00b7 Paid Media\n          <\/small>\n\n          <h3>\n            Marketing Digital\n          <\/h3>\n\n          <p>\n            Estrategia, contenido y campa\u00f1as digitales,\n            desde gesti\u00f3n integral hasta Paid Media independiente.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sv5-service-border\"><\/span>\n\n      <\/a>\n\n\n\n      <!-- VAINILLA INTELLIGENCE -->\n\n      <a\n        href=\"https:\/\/vainillaintelligence.com\/\"\n        class=\"sv5-service\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Vainilla-Intelligence-by-StudioVainilla-Marketing.png\"\n          alt=\"Vainilla Intelligence by StudioVainilla\"\n          loading=\"lazy\"\n        >\n\n        <div class=\"sv5-service-gridpattern\"><\/div>\n\n        <div class=\"sv5-service-top\">\n          <span class=\"sv5-service-tag\">Entender<\/span>\n          <span class=\"sv5-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"sv5-service-content\">\n\n          <small>\n            Data \u00b7 BI \u00b7 AI\n          <\/small>\n\n          <h3>\n            Vainilla Intelligence\n          <\/h3>\n\n          <p>\n            Datos, automatizaci\u00f3n e inteligencia\n            convertidos en contexto para el negocio.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sv5-service-border\"><\/span>\n\n      <\/a>\n\n\n\n      <!-- DESARROLLO WEB -->\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/desarrollo-web\/\"\n        class=\"sv5-service\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Desarrollo-Web-y-StudioVainilla-Programacion-web.png\"\n          alt=\"Desarrollo Web by StudioVainilla\"\n          loading=\"lazy\"\n        >\n\n        <div class=\"sv5-service-gridpattern\"><\/div>\n\n        <div class=\"sv5-service-top\">\n          <span class=\"sv5-service-tag\">Construir<\/span>\n          <span class=\"sv5-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"sv5-service-content\">\n\n          <small>\n            Web \u00b7 Platforms \u00b7 Systems\n          <\/small>\n\n          <h3>\n            Desarrollo Web\n          <\/h3>\n\n          <p>\n            Sitios, ecommerce, plataformas\n            y sistemas digitales personalizados.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sv5-service-border\"><\/span>\n\n      <\/a>\n\n\n\n      <!-- BRANDING -->\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/branding\/\"\n        class=\"sv5-service\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Branding-by-StudioVainilla-Marcas-y-Diseno.png\"\n          alt=\"Branding by StudioVainilla\"\n          loading=\"lazy\"\n        >\n\n        <div class=\"sv5-service-gridpattern\"><\/div>\n\n        <div class=\"sv5-service-top\">\n          <span class=\"sv5-service-tag\">Diferenciar<\/span>\n          <span class=\"sv5-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"sv5-service-content\">\n\n          <small>\n            Brand \u00b7 Identity \u00b7 Perception\n          <\/small>\n\n          <h3>\n            Branding\n          <\/h3>\n\n          <p>\n            Identidad, percepci\u00f3n y sistemas visuales\n            dise\u00f1ados para construir reconocimiento.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sv5-service-border\"><\/span>\n\n      <\/a>\n\n\n\n      <!-- AUDIOVISUAL -->\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\"\n        class=\"sv5-service\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Produccion-Audiovisual-by-StudioVainilla.png\"\n          alt=\"Producci\u00f3n Audiovisual by StudioVainilla\"\n          loading=\"lazy\"\n        >\n\n        <div class=\"sv5-service-gridpattern\"><\/div>\n\n        <div class=\"sv5-service-top\">\n          <span class=\"sv5-service-tag\">Comunicar<\/span>\n          <span class=\"sv5-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"sv5-service-content\">\n\n          <small>\n            Photo \u00b7 Video \u00b7 Content\n          <\/small>\n\n          <h3>\n            Audiovisual\n          <\/h3>\n\n          <p>\n            Fotograf\u00eda y video dentro de una\n            estrategia de comunicaci\u00f3n m\u00e1s amplia.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sv5-service-border\"><\/span>\n\n      <\/a>\n\n\n\n      <!-- MONDAY -->\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/monday\/\"\n        class=\"sv5-service\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Monday.com-by-StudioVainilla-Business-Marketing-Intelligence.png\"\n          alt=\"monday.com by StudioVainilla\"\n          loading=\"lazy\"\n        >\n\n        <div class=\"sv5-service-gridpattern\"><\/div>\n\n        <div class=\"sv5-service-top\">\n          <span class=\"sv5-service-tag\">Ordenar<\/span>\n          <span class=\"sv5-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"sv5-service-content\">\n\n          <small>\n            Operations \u00b7 Workflows\n          <\/small>\n\n          <h3>\n            monday.com\n          <\/h3>\n\n          <p>\n            Tableros, procesos y automatizaci\u00f3n\n            para una operaci\u00f3n m\u00e1s visible.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sv5-service-border\"><\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     CONNECTED BUSINESS\n========================================================= -->\n\n<section\n  class=\"sv5-connected\"\n  id=\"sv5-connected\"\n>\n\n  <div class=\"sv5-container\">\n\n    <div class=\"sv5-connected-layout\">\n\n\n      <div class=\"sv5-connected-copy\">\n\n\n        <div class=\"sv5-eyebrow sv5-reveal\">\n          Connected Business\n        <\/div>\n\n\n        <h2 class=\"sv5-title sv5-reveal\">\n\n          Conectamos las plataformas\n\n          <span class=\"soft\">\n            que ya mueven tu negocio.\n          <\/span>\n\n        <\/h2>\n\n\n        <p class=\"sv5-copy sv5-reveal\">\n\n          Capturamos informaci\u00f3n desde diferentes puntos,\n          conectamos sistemas y a\u00f1adimos contexto\n          para convertir datos en decisiones,\n          automatizaci\u00f3n y acciones reales.\n\n        <\/p>\n\n\n        <div class=\"sv5-connected-list\">\n\n\n          <div class=\"sv5-connected-item sv5-reveal\">\n\n            <span class=\"sv5-connected-dot\"><\/span>\n\n            <div>\n\n              <strong>Captura se\u00f1ales<\/strong>\n\n              <p>\n                Marketing, CRM, ecommerce,\n                sitios, conversaciones y operaci\u00f3n.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"sv5-connected-item sv5-reveal\">\n\n            <span class=\"sv5-connected-dot\"><\/span>\n\n            <div>\n\n              <strong>Genera contexto<\/strong>\n\n              <p>\n                Informaci\u00f3n dispersa se convierte\n                en una lectura conectada del negocio.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"sv5-connected-item sv5-reveal\">\n\n            <span class=\"sv5-connected-dot\"><\/span>\n\n            <div>\n\n              <strong>Activa inteligencia<\/strong>\n\n              <p>\n                Dashboards, workflows,\n                asistentes, alertas y automatizaci\u00f3n.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <div class=\"sv5-hub sv5-reveal\">\n\n\n        <svg\n          class=\"sv5-hub-svg\"\n          viewBox=\"0 0 700 550\"\n          preserveAspectRatio=\"none\"\n        >\n\n          <defs>\n\n            <linearGradient\n              id=\"sv5Gradient\"\n              x1=\"0%\"\n              y1=\"0%\"\n              x2=\"100%\"\n              y2=\"100%\"\n            >\n              <stop offset=\"0%\" stop-color=\"#956dff\"\/>\n              <stop offset=\"45%\" stop-color=\"#627fff\"\/>\n              <stop offset=\"75%\" stop-color=\"#49cfce\"\/>\n              <stop offset=\"100%\" stop-color=\"#eb72c4\"\/>\n            <\/linearGradient>\n\n          <\/defs>\n\n          <path class=\"sv5-data-line\" d=\"M110 58 C225 80 275 145 338 214\"\/>\n          <path class=\"sv5-data-line\" d=\"M590 58 C475 80 425 145 362 214\"\/>\n          <path class=\"sv5-data-line\" d=\"M70 185 C185 205 260 225 321 250\"\/>\n          <path class=\"sv5-data-line\" d=\"M630 185 C515 205 440 225 379 250\"\/>\n          <path class=\"sv5-data-line\" d=\"M80 390 C200 375 267 345 324 306\"\/>\n          <path class=\"sv5-data-line\" d=\"M620 390 C500 375 433 345 376 306\"\/>\n          <path class=\"sv5-data-line\" d=\"M145 495 C235 445 280 380 330 320\"\/>\n          <path class=\"sv5-data-line\" d=\"M555 495 C465 445 420 380 370 320\"\/>\n\n        <\/svg>\n\n\n\n        <div class=\"sv5-hub-core\">\n\n          <small>\n            Vainilla Intelligence\n          <\/small>\n\n          <strong>\n            Contextualiza \u00b7 Orquesta \u00b7 Activa\n          <\/strong>\n\n          <h3>\n            AI Hub\n          <\/h3>\n\n          <div class=\"sv5-hub-color\"><\/div>\n\n        <\/div>\n\n\n\n        <div class=\"sv5-platform sv5-meta\">\n\n          <span class=\"sv5-platform-logo\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/meta\/5B43E8\" alt=\"Meta Ads\">\n          <\/span>\n\n          <span class=\"sv5-platform-text\">\n            <small>Ads<\/small>\n            <strong>Meta Ads<\/strong>\n          <\/span>\n\n        <\/div>\n\n        <div class=\"sv5-platform sv5-google\">\n\n          <span class=\"sv5-platform-logo\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleads\/4285F4\" alt=\"Google Ads\">\n          <\/span>\n\n          <span class=\"sv5-platform-text\">\n            <small>Ads<\/small>\n            <strong>Google Ads<\/strong>\n          <\/span>\n\n        <\/div>\n\n        <div class=\"sv5-platform sv5-shopify\">\n\n          <span class=\"sv5-platform-logo\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/shopify\/7AB55C\" alt=\"Shopify\">\n          <\/span>\n\n          <span class=\"sv5-platform-text\">\n            <small>Ecommerce<\/small>\n            <strong>Shopify<\/strong>\n          <\/span>\n\n        <\/div>\n\n        <div class=\"sv5-platform sv5-wordpress\">\n\n          <span class=\"sv5-platform-logo\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/wordpress\/21759B\" alt=\"WordPress\">\n          <\/span>\n\n          <span class=\"sv5-platform-text\">\n            <small>Website<\/small>\n            <strong>WordPress<\/strong>\n          <\/span>\n\n        <\/div>\n\n        <div class=\"sv5-platform sv5-vchat\">\n\n          <span class=\"sv5-platform-logo\">\n            <img decoding=\"async\"\n              class=\"sv5-platform-logo-vchat\"\n              src=\"https:\/\/chat.vchat.com.mx\/wp-content\/uploads\/2026\/09\/Isotipo-Vchat-by-StudioVainilla.gif\"\n              alt=\"Vchat by StudioVainilla\"\n            >\n          <\/span>\n\n          <span class=\"sv5-platform-text\">\n            <small>Conversations<\/small>\n            <strong>Vchat<\/strong>\n          <\/span>\n\n        <\/div>\n\n        <div class=\"sv5-platform sv5-monday\">\n\n          <span class=\"sv5-platform-logo\">\n            <img decoding=\"async\"\n              class=\"sv5-platform-logo-monday\"\n              src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/gallery_68930941e4094.gif\"\n              alt=\"monday.com\"\n            >\n          <\/span>\n\n          <span class=\"sv5-platform-text\">\n            <small>Operations<\/small>\n            <strong>monday.com<\/strong>\n          <\/span>\n\n        <\/div>\n\n        <div class=\"sv5-platform sv5-whatsapp\">\n\n          <span class=\"sv5-platform-logo\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/whatsapp\/25D366\" alt=\"WhatsApp\">\n          <\/span>\n\n          <span class=\"sv5-platform-text\">\n            <small>Conversations<\/small>\n            <strong>WhatsApp<\/strong>\n          <\/span>\n\n        <\/div>\n\n        <div class=\"sv5-platform sv5-openai\">\n\n          <span class=\"sv5-platform-logo\">\n            <img decoding=\"async\"\n              class=\"sv5-platform-logo-ai\"\n              src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Vainilla-Intelligence-Isotipo.gif\"\n              alt=\"Vainilla Intelligence AI Models\"\n            >\n          <\/span>\n\n          <span class=\"sv5-platform-text\">\n            <small>Intelligence<\/small>\n            <strong>AI Models<\/strong>\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     VAINILLA INTELLIGENCE\n========================================================= -->\n\n<section\n  class=\"sv5-intelligence\"\n  id=\"sv5-intelligence\"\n>\n\n  <div class=\"sv5-container\">\n\n    <div class=\"sv5-int-layout\">\n\n\n      <div class=\"sv5-int-copy\">\n\n\n        <div class=\"sv5-eyebrow sv5-reveal\">\n          Vainilla Intelligence\n        <\/div>\n\n\n        <h2 class=\"sv5-title sv5-reveal\">\n\n          Tus datos pueden hacer\n\n          <span class=\"soft\">\n            mucho m\u00e1s que acumularse.\n          <\/span>\n\n        <\/h2>\n\n\n        <p class=\"sv5-copy sv5-reveal\">\n\n          Integramos informaci\u00f3n,\n          automatizaci\u00f3n e inteligencia artificial\n          para convertir datos en contexto \u00fatil\n          para vender, operar y decidir mejor.\n\n        <\/p>\n\n\n        <div class=\"sv5-feature-list\">\n\n\n          <div class=\"sv5-feature sv5-reveal\">\n\n            <strong>\n              Business Intelligence\n            <\/strong>\n\n            <p>\n              Dashboards construidos\n              alrededor de decisiones reales.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"sv5-feature sv5-reveal\">\n\n            <strong>\n              Automatizaci\u00f3n contextual\n            <\/strong>\n\n            <p>\n              Acciones, estados y procesos\n              activados seg\u00fan lo que ocurre.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"sv5-feature sv5-reveal\">\n\n            <strong>\n              AI integrada\n            <\/strong>\n\n            <p>\n              Asistentes y copilots\n              trabajando dentro de la operaci\u00f3n.\n            <\/p>\n\n          <\/div>\n\n\n        <\/div>\n\n\n        <div class=\"sv5-int-action\">\n\n          <a\n            href=\"https:\/\/vainillaintelligence.com\/\"\n            class=\"sv5-btn sv5-btn-primary sv5-reveal\"\n          >\n            Conocer Vainilla Intelligence\n            <span>\u2197<\/span>\n          <\/a>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <div class=\"sv5-ai sv5-reveal\">\n\n        <span class=\"sv5-ai-border\"><\/span>\n\n\n        <div class=\"sv5-ai-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Vainilla-Intelligence-2-by-StudioVainilla.png\"\n            alt=\"Vainilla Intelligence \u2014 Business Intelligence y AI\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <div class=\"sv5-ai-overlay\"><\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     PRODUCT ECOSYSTEM\n========================================================= -->\n\n<section class=\"sv5-section sv5-ecosystem\">\n\n  <div class=\"sv5-container\">\n\n\n    <div class=\"sv5-eco-head\">\n\n\n      <div>\n\n        <div class=\"sv5-eyebrow sv5-reveal\">\n          Ecosistema StudioVainilla\n        <\/div>\n\n\n        <h2 class=\"sv5-title sv5-reveal\">\n\n          Creamos productos para\n\n          <span class=\"soft\">\n            resolver problemas reales.\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"sv5-reveal\">\n\n        Algunas de nuestras capacidades\n        evolucionaron hasta convertirse\n        en plataformas y verticales propias.\n\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <div class=\"sv5-eco-grid\">\n\n\n      <!-- VCHAT -->\n\n      <a\n        href=\"https:\/\/vchat.com.mx\/\"\n        class=\"sv5-eco sv5-eco-vchat sv5-reveal\"\n      >\n\n        <div class=\"sv5-eco-photo\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Vchat-by-StudioVainilla-Chatbot-AI.png\"\n            alt=\"Vchat by StudioVainilla\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n\n        <div class=\"sv5-eco-arrow\">\n          \u2197\n        <\/div>\n\n\n        <div class=\"sv5-eco-content\">\n\n          <small>\n            Conversational Intelligence\n          <\/small>\n\n          <h3>\n            Vchat\n          <\/h3>\n\n          <p>\n            Atenci\u00f3n digital, leads,\n            automatizaci\u00f3n conversacional\n            y asistentes con AI.\n          <\/p>\n\n        <\/div>\n\n\n        <span class=\"sv5-product-status\">\n          Product\n        <\/span>\n\n\n      <\/a>\n\n\n\n      <!-- VAINILLA INTELLIGENCE -->\n\n      <a\n        href=\"https:\/\/vainillaintelligence.com\/\"\n        class=\"sv5-eco sv5-eco-intelligence sv5-reveal\"\n      >\n\n        <div class=\"sv5-eco-photo\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Vainilla-Intelligence-by-StudioVainilla.png\"\n            alt=\"Vainilla Intelligence\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n\n        <div class=\"sv5-eco-arrow\">\n          \u2197\n        <\/div>\n\n\n        <div class=\"sv5-eco-content\">\n\n          <small>\n            Business Intelligence & AI\n          <\/small>\n\n          <h3>\n            Vainilla Intelligence\n          <\/h3>\n\n          <p>\n            Data, dashboards, automatizaci\u00f3n,\n            copilots e inteligencia aplicada\n            directamente al negocio.\n          <\/p>\n\n        <\/div>\n\n\n        <span class=\"sv5-product-status\">\n          Intelligence\n        <\/span>\n\n\n      <\/a>\n\n\n\n      <!-- ACADEMY -->\n\n      <a\n        href=\"https:\/\/vainillacademy.com\/\"\n        class=\"sv5-eco sv5-eco-academy sv5-reveal\"\n      >\n\n        <div class=\"sv5-eco-photo\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Vainilla-Academy-by-StudioVainilla-Marketing-Business-Intelligence.png\"\n            alt=\"Vainilla Academy\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n\n        <div class=\"sv5-eco-arrow\">\n          \u2197\n        <\/div>\n\n\n        <div class=\"sv5-eco-content\">\n\n          <small>\n            Learning & Training\n          <\/small>\n\n          <h3>\n            Vainilla Academy\n          <\/h3>\n\n          <p>\n            Formaci\u00f3n, talleres y capacitaci\u00f3n\n            para desarrollar habilidades digitales.\n          <\/p>\n\n        <\/div>\n\n\n        <span class=\"sv5-product-status\">\n          Learning\n        <\/span>\n\n\n      <\/a>\n\n\n\n      <!-- REGISTRA MARCA -->\n\n      <a\n        href=\"https:\/\/www.registratumarcaimpi.com\/\"\n        class=\"sv5-eco sv5-eco-brand sv5-reveal\"\n      >\n\n        <div class=\"sv5-eco-photo\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Registro-de-marcas-StudioVainilla-ante-el-IMPI.png\"\n            alt=\"Registra tu Marca\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n\n        <div class=\"sv5-eco-arrow\">\n          \u2197\n        <\/div>\n\n\n        <div class=\"sv5-eco-content\">\n\n          <small>\n            Brand Protection\n          <\/small>\n\n          <h3>\n            Registra tu Marca\n          <\/h3>\n\n          <p>\n            B\u00fasqueda, tr\u00e1mite y seguimiento\n            para proteger marcas ante el IMPI.\n          <\/p>\n\n        <\/div>\n\n\n        <span class=\"sv5-product-status\">\n          Protection\n        <\/span>\n\n\n      <\/a>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     CTA\n========================================================= -->\n\n<section class=\"sv5-cta\">\n\n  <div class=\"sv5-container\">\n\n\n    <h2 class=\"sv5-reveal\">\n\n      No necesitas m\u00e1s herramientas.\n\n      <span>\n        Necesitas una mejor estructura.\n      <\/span>\n\n    <\/h2>\n\n\n    <p class=\"sv5-reveal\">\n\n      Cu\u00e9ntanos qu\u00e9 est\u00e1 ocurriendo en tu negocio.\n      Podemos ayudarte a encontrar la combinaci\u00f3n adecuada\n      entre marca, marketing, tecnolog\u00eda,\n      operaci\u00f3n e inteligencia.\n\n    <\/p>\n\n\n    <div class=\"sv5-cta-actions sv5-reveal\">\n\n      <a\n        href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\"\n        class=\"sv5-btn sv5-btn-primary\"\n      >\n        Agendar conversaci\u00f3n \u2197\n      <\/a>\n\n      <a\n        href=\"https:\/\/s.vlla.mx\/WhatsApp\"\n        class=\"sv5-btn sv5-btn-white\"\n      >\n        WhatsApp\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<\/div>\n\n\n\n<script>\n(function(){\n\n  const root =\n    document.getElementById('sv5');\n\n  if(!root) return;\n\n\n  const reduced =\n    window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    ).matches;\n\n\n  \/* REVEALS *\/\n\n  const revealItems =\n    root.querySelectorAll('.sv5-reveal');\n\n\n  if(\n    'IntersectionObserver' in window &&\n    !reduced\n  ){\n\n    const observer =\n      new IntersectionObserver(\n\n        function(entries){\n\n          entries.forEach(\n            function(entry){\n\n              if(entry.isIntersecting){\n\n                entry.target\n                  .classList\n                  .add('visible');\n\n                observer\n                  .unobserve(entry.target);\n\n              }\n\n            }\n          );\n\n        },\n\n        {\n          threshold:.10,\n          rootMargin:\n            '0px 0px -35px 0px'\n        }\n\n      );\n\n\n    revealItems.forEach(\n      function(item){\n        observer.observe(item);\n      }\n    );\n\n  }else{\n\n    revealItems.forEach(\n      function(item){\n        item.classList.add('visible');\n      }\n    );\n\n  }\n\n\n  \/* SMOOTH SCROLL *\/\n\n  root\n    .querySelectorAll('a[href^=\"#\"]')\n    .forEach(\n\n      function(link){\n\n        link.addEventListener(\n\n          'click',\n\n          function(e){\n\n            const target =\n              document.querySelector(\n                link.getAttribute('href')\n              );\n\n            if(!target) return;\n\n            e.preventDefault();\n\n            const headerOffset = window.innerWidth <= 760 ? 82 : 110;\n\n            const top =\n              target.getBoundingClientRect().top +\n              window.pageYOffset -\n              headerOffset;\n\n            window.scrollTo({\n\n              top:top,\n\n              behavior:\n                reduced\n                  ? 'auto'\n                  : 'smooth'\n\n            });\n\n          }\n\n        );\n\n      }\n\n    );\n\n\n  \/* HERO MICRO PARALLAX *\/\n\n  const hero =\n    root.querySelector('.sv5-hero');\n\n  const heroImage =\n    root.querySelector('.sv5-hero-photo img');\n\n\n  if(\n    hero &&\n    heroImage &&\n    !reduced &&\n    window.innerWidth > 900 &&\n    window.matchMedia('(pointer:fine)').matches\n  ){\n\n    hero.addEventListener(\n\n      'mousemove',\n\n      function(e){\n\n        const rect =\n          hero.getBoundingClientRect();\n\n        const x =\n          (e.clientX - rect.left)\n          \/ rect.width;\n\n        const y =\n          (e.clientY - rect.top)\n          \/ rect.height;\n\n        heroImage.style.transform =\n          'scale(1.016) translate(' +\n          ((x - .5) * -8) +\n          'px,' +\n          ((y - .5) * -5) +\n          'px)';\n\n      }\n\n    );\n\n\n    hero.addEventListener(\n\n      'mouseleave',\n\n      function(){\n\n        heroImage.style.transform =\n          'scale(1) translate(0,0)';\n\n      }\n\n    );\n\n  }\n\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Business Intelligence \u00b7 Marketing \u00b7 Digital Systems Haz que tu negocio se vea, venda y opere mejor. Conectamos marca, marketing, tecnolog\u00eda, automatizaci\u00f3n, datos e inteligencia artificial para construir empresas con mayor capacidad digital. Explorar capacidades \u2197 Hablemos de tu negocio StudioVainilla Descubre lo que es posible cuando tu negocio se conecta. Branding Marketing Digital Desarrollo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":127,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":215,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":1274,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/31\/revisions\/1274"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/media\/127"}],"wp:attachment":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}