{"id":329,"date":"2026-05-01T20:28:45","date_gmt":"2026-05-01T20:28:45","guid":{"rendered":"https:\/\/studiovainilla.com\/?page_id=329"},"modified":"2026-09-26T16:33:50","modified_gmt":"2026-09-26T22:33:50","slug":"desarrollo-web","status":"publish","type":"page","link":"https:\/\/studiovainilla.com\/en\/desarrollo-web\/","title":{"rendered":"Web Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"329\" class=\"elementor elementor-329\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70ede66 e-con-full e-flex e-con e-parent\" data-id=\"70ede66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3814d6c elementor-widget elementor-widget-html\" data-id=\"3814d6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================\n   STUDIOVAINILLA \u2014 DESARROLLO WEB 2026\n   V1.3 \u2014 Conversi\u00f3n \/ rutas de proyecto \/ proceso \/ alcance \/ Intelligence\n   compatible con Header + Footer global\n   Elementor HTML Widget ready\n========================================================== *\/\n#svw26{\n  --ink:#17141f;\n  --ink2:#312c3a;\n  --muted:#736d7b;\n  --purple:#7046ff;\n  --purple2:#9c65ff;\n  --blue:#527dff;\n  --cyan:#43d4d0;\n  --pink:#eb72c4;\n  --lav:#f7f3ff;\n  --lav2:#f0eaff;\n  --ice:#f5f9ff;\n  --mint:#effbf9;\n  --line:rgba(112,70,255,.13);\n  --shadow:0 24px 70px rgba(45,31,84,.10);\n  --max:1360px;\n  color:var(--ink);\n  background:#fff;\n  font-family:Inter,-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"Helvetica Neue\",Arial,sans-serif;\n  overflow:hidden;\n}\n\n#svw26 *,\n#svw26 *::before,\n#svw26 *::after{\n  box-sizing:border-box;\n}\n\n#svw26 a{\n  text-decoration:none;\n  color:inherit;\n}\n\n#svw26 img{\n  display:block;\n  max-width:100%;\n}\n\n.svw26-container{\n  width:min(calc(100% - 48px),var(--max));\n  margin:auto;\n}\n\n.svw26-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  margin:0 0 16px;\n  color:#6f6680;\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n}\n\n.svw26-kicker::before{\n  content:\"\";\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:linear-gradient(135deg,var(--purple),var(--blue),var(--cyan));\n  box-shadow:0 0 0 6px rgba(112,70,255,.07);\n}\n\n.svw26-display{\n  margin:0;\n  color:var(--ink);\n  font-size:clamp(48px,6.1vw,92px);\n  line-height:.92;\n  letter-spacing:-.067em;\n  font-weight:760;\n}\n\n.svw26-display .muted{\n  color:#aaa5af;\n}\n\n.svw26-display .grad{\n  color:transparent;\n  background:linear-gradient(105deg,var(--purple),var(--blue) 55%,var(--cyan));\n  -webkit-background-clip:text;\n  background-clip:text;\n}\n\n.svw26-h2{\n  margin:0;\n  color:var(--ink);\n  font-size:clamp(38px,4.55vw,68px);\n  line-height:.96;\n  letter-spacing:-.058em;\n  font-weight:750;\n}\n\n.svw26-h2 .muted{\n  color:#aaa5af;\n}\n\n.svw26-lead{\n  margin:0;\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.65;\n}\n\n.svw26-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  min-height:50px;\n  padding:0 20px;\n  border:1px solid transparent;\n  border-radius:999px;\n  font-size:13px;\n  font-weight:800;\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease,\n    background .22s ease;\n}\n\n.svw26-btn:hover{\n  transform:translateY(-2px);\n}\n\n#svw26 a.svw26-btn.primary,\n#svw26 a.svw26-btn.primary:link,\n#svw26 a.svw26-btn.primary:visited,\n#svw26 a.svw26-btn.primary:hover,\n#svw26 a.svw26-btn.primary:focus,\n#svw26 a.svw26-btn.primary:active{\n  color:#fff!important;\n  -webkit-text-fill-color:#fff!important;\n  background:linear-gradient(110deg,var(--purple),var(--blue) 58%,var(--cyan));\n  box-shadow:0 15px 34px rgba(94,76,235,.22);\n}\n\n.svw26-btn.secondary{\n  color:#4a4160;\n  border-color:rgba(112,70,255,.16);\n  background:rgba(255,255,255,.80);\n  backdrop-filter:blur(14px);\n}\n\n\n\/* ==========================================================\n   HERO\n========================================================== *\/\n\n.svw26-hero{\n  position:relative;\n  min-height:780px;\n  padding:168px 0 90px;\n  background:#f7f3ff;\n  overflow:hidden;\n}\n\n.svw26-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(112,70,255,.05) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(112,70,255,.05) 1px,transparent 1px);\n  background-size:48px 48px;\n  mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.45) 60%,transparent);\n}\n\n.svw26-hero::after{\n  content:\"\";\n  position:absolute;\n  right:-8%;\n  top:-18%;\n  width:65%;\n  height:80%;\n  background:\n    radial-gradient(circle at 40% 32%,rgba(112,70,255,.20),transparent 30%),\n    radial-gradient(circle at 68% 50%,rgba(67,212,208,.15),transparent 28%),\n    radial-gradient(circle at 52% 78%,rgba(235,114,196,.11),transparent 25%);\n  filter:blur(34px);\n}\n\n.svw26-hero .svw26-container{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);\n  gap:45px;\n  align-items:center;\n}\n\n.svw26-hero p{\n  max-width:680px;\n  margin:27px 0 0;\n  color:#6f6977;\n  font-size:17px;\n  line-height:1.62;\n}\n\n.svw26-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:28px;\n}\n\n.svw26-proof{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-top:24px;\n}\n\n.svw26-proof span{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  padding:8px 11px;\n  border:1px solid rgba(112,70,255,.11);\n  border-radius:999px;\n  background:rgba(255,255,255,.68);\n  color:#665f70;\n  font-size:10px;\n  font-weight:700;\n  backdrop-filter:blur(12px);\n}\n\n.svw26-proof i{\n  width:5px;\n  height:5px;\n  border-radius:50%;\n  background:linear-gradient(135deg,var(--purple),var(--cyan));\n  box-shadow:0 0 9px rgba(67,212,208,.7);\n}\n\n\n\/* ==========================================================\n   HERO VISUAL\n========================================================== *\/\n\n.svw26-hero-visual{\n  position:relative;\n  min-height:545px;\n}\n\n.svw26-browser{\n  position:absolute;\n  inset:18px 0 0 34px;\n  border:1px solid rgba(112,70,255,.13);\n  border-radius:34px;\n  background:rgba(255,255,255,.88);\n  box-shadow:0 30px 85px rgba(49,35,91,.15);\n  backdrop-filter:blur(18px);\n  padding:16px;\n}\n\n.svw26-browser-inner{\n  height:100%;\n  overflow:hidden;\n  border-radius:25px;\n  background:#201834;\n  box-shadow:0 20px 52px rgba(31,22,59,.13);\n}\n\n.svw26-browser-top{\n  height:48px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:0 15px;\n  color:#fff;\n  background:#251c3d;\n}\n\n.svw26-browser-dots{\n  display:flex;\n  gap:6px;\n}\n\n.svw26-browser-dots i{\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:rgba(255,255,255,.28);\n}\n\n.svw26-browser-label{\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.08em;\n  color:rgba(255,255,255,.76);\n}\n\n.svw26-browser-preview{\n  position:relative;\n  height:calc(100% - 48px);\n  min-height:440px;\n  overflow:hidden;\n  background:\n    linear-gradient(135deg,rgba(29,19,48,.25),rgba(91,67,153,.10)),\n    url('https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Desarrollo-Web-StudioVainilla-scaled.jpg');\n  background-size:cover;\n  background-position:center;\n}\n\n.svw26-browser-preview::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(to top,rgba(27,18,44,.50),transparent 54%);\n}\n\n.svw26-overlay-ui{\n  position:absolute;\n  z-index:3;\n  inset:28px;\n  display:grid;\n  grid-template-columns:1.1fr .9fr;\n  gap:10px;\n  align-items:end;\n}\n\n.svw26-ui-card{\n  padding:15px;\n  border:1px solid rgba(255,255,255,.18);\n  border-radius:17px;\n  background:rgba(255,255,255,.14);\n  backdrop-filter:blur(16px);\n  color:#fff;\n}\n\n.svw26-ui-card small{\n  display:block;\n  margin-bottom:5px;\n  font-size:7px;\n  letter-spacing:.12em;\n  font-weight:850;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.64);\n}\n\n.svw26-ui-card strong{\n  display:block;\n  font-size:18px;\n  line-height:1.05;\n  letter-spacing:-.03em;\n}\n\n.svw26-ui-card p{\n  margin:5px 0 0!important;\n  color:rgba(255,255,255,.72)!important;\n  font-size:9px!important;\n  line-height:1.42!important;\n}\n\n.svw26-float{\n  position:absolute;\n  z-index:4;\n  padding:14px 15px;\n  border:1px solid rgba(112,70,255,.12);\n  border-radius:18px;\n  background:rgba(255,255,255,.93);\n  box-shadow:0 16px 45px rgba(40,30,78,.12);\n  backdrop-filter:blur(15px);\n  animation:svwFloat 6s ease-in-out infinite alternate;\n}\n\n.svw26-float.one{\n  left:0;\n  top:65px;\n  width:180px;\n}\n\n.svw26-float.two{\n  right:-6px;\n  bottom:35px;\n  width:205px;\n  animation-delay:.8s;\n}\n\n.svw26-float small{\n  display:block;\n  margin-bottom:5px;\n  color:#8b8491;\n  font-size:7px;\n  font-weight:850;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n.svw26-float strong{\n  display:block;\n  color:var(--ink);\n  font-size:18px;\n  line-height:1.05;\n  letter-spacing:-.03em;\n}\n\n.svw26-float span{\n  display:block;\n  margin-top:5px;\n  color:#716a77;\n  font-size:9.8px;\n  line-height:1.42;\n}\n\n@keyframes svwFloat{\n  to{\n    transform:translateY(-9px);\n  }\n}\n\n\n\/* ==========================================================\n   RAIL\n========================================================== *\/\n\n.svw26-rail-wrap{\n  position:relative;\n  z-index:5;\n  margin-top:-28px;\n}\n\n.svw26-rail{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  padding:12px;\n  border:1px solid rgba(112,70,255,.12);\n  border-radius:26px;\n  background:rgba(255,255,255,.92);\n  box-shadow:0 22px 60px rgba(48,34,85,.09);\n  backdrop-filter:blur(20px);\n}\n\n.svw26-rail a{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 14px;\n  border:1px solid rgba(112,70,255,.11);\n  border-radius:999px;\n  background:#fff;\n  color:#4a4452;\n  font-size:11px;\n  font-weight:760;\n  white-space:nowrap;\n}\n\n.svw26-rail a::before{\n  content:\"\";\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:linear-gradient(135deg,var(--purple),var(--blue),var(--cyan));\n}\n\n\n\/* ==========================================================\n   SOLUTIONS\n========================================================== *\/\n\n.svw26-solutions{\n  padding:104px 0 94px;\n  background:#fff;\n}\n\n.svw26-section-head{\n  display:grid;\n  grid-template-columns:1.12fr .88fr;\n  gap:60px;\n  align-items:end;\n  margin-bottom:40px;\n}\n\n.svw26-section-head .svw26-lead{\n  max-width:520px;\n  justify-self:end;\n}\n\n.svw26-solution-grid{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:10px;\n}\n\n.svw26-solution{\n  position:relative;\n  min-height:250px;\n  padding:20px;\n  border:1px solid rgba(112,70,255,.10);\n  border-radius:22px;\n  background:#fff;\n  box-shadow:0 14px 36px rgba(45,31,84,.05);\n  overflow:hidden;\n}\n\n.svw26-solution::before{\n  content:\"\";\n  position:absolute;\n  right:-55px;\n  bottom:-75px;\n  width:160px;\n  height:160px;\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(112,70,255,.12),transparent 68%);\n}\n\n.svw26-solution-num{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  margin-bottom:43px;\n  color:#8f8897;\n  font-size:8px;\n  font-weight:850;\n  letter-spacing:.14em;\n}\n\n.svw26-solution-icon{\n  display:grid;\n  width:37px;\n  height:37px;\n  place-items:center;\n  border:1px solid rgba(112,70,255,.11);\n  border-radius:12px;\n  background:#f5f1ff;\n  color:#6550d7;\n  font-size:15px;\n}\n\n.svw26-solution h3{\n  margin:0 0 8px;\n  color:var(--ink);\n  font-size:18px;\n  line-height:1.12;\n  letter-spacing:-.025em;\n}\n\n.svw26-solution p{\n  margin:0;\n  color:#726c79;\n  font-size:11px;\n  line-height:1.55;\n}\n\n\n\/* ==========================================================\n   SYSTEMS\n========================================================== *\/\n\n.svw26-systems{\n  position:relative;\n  padding:104px 0;\n  background:#f7f3ff;\n}\n\n.svw26-systems::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:radial-gradient(rgba(112,70,255,.14) 1px,transparent 1px);\n  background-size:24px 24px;\n  opacity:.32;\n  mask-image:linear-gradient(to bottom,transparent,black 14%,black 86%,transparent);\n}\n\n.svw26-system-grid{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:14px;\n}\n\n.svw26-system-visual{\n  position:relative;\n  min-height:590px;\n  border-radius:28px;\n  overflow:hidden;\n  background:\n    linear-gradient(135deg,rgba(26,18,44,.28),rgba(80,54,130,.12)),\n    url('https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Desarrollo-Web-y-StudioVainilla.png');\n  background-size:cover;\n  background-position:center;\n  box-shadow:var(--shadow);\n  border:1px solid rgba(112,70,255,.11);\n}\n\n.svw26-system-visual::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(to top,rgba(26,18,44,.72),transparent 60%);\n}\n\n.svw26-system-visual-inner{\n  position:relative;\n  z-index:2;\n  min-height:590px;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  padding:28px;\n  color:#fff;\n}\n\n.svw26-system-badge{\n  width:max-content;\n  padding:8px 11px;\n  border:1px solid rgba(255,255,255,.17);\n  border-radius:999px;\n  background:rgba(255,255,255,.13);\n  font-size:9px;\n  font-weight:800;\n  backdrop-filter:blur(12px);\n}\n\n.svw26-system-visual h3{\n  max-width:560px;\n  margin:0 0 10px;\n  color:#fff;\n  font-size:clamp(30px,3.8vw,48px);\n  line-height:1.02;\n  letter-spacing:-.045em;\n}\n\n.svw26-system-visual p{\n  max-width:520px;\n  margin:0;\n  color:rgba(255,255,255,.76);\n  font-size:13px;\n  line-height:1.6;\n}\n\n.svw26-system-cards{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:9px;\n}\n\n.svw26-system-card{\n  padding:18px;\n  border:1px solid rgba(112,70,255,.10);\n  border-radius:18px;\n  background:rgba(255,255,255,.96);\n  box-shadow:0 14px 38px rgba(45,31,84,.05);\n}\n\n.svw26-system-card small{\n  display:inline-flex;\n  padding:5px 8px;\n  margin-bottom:12px;\n  border-radius:999px;\n  background:#f1ecff;\n  color:#6650d7;\n  font-size:7px;\n  font-weight:850;\n  letter-spacing:.08em;\n}\n\n.svw26-system-card h3{\n  margin:0 0 7px;\n  color:var(--ink);\n  font-size:17px;\n  line-height:1.1;\n  letter-spacing:-.025em;\n}\n\n.svw26-system-card p{\n  margin:0;\n  color:#6e6874;\n  font-size:10.5px;\n  line-height:1.5;\n}\n\n\n\/* ==========================================================\n   INFRA\n========================================================== *\/\n\n.svw26-infra{\n  padding:104px 0;\n  background:#fff;\n}\n\n.svw26-infra-grid{\n  display:grid;\n  grid-template-columns:.92fr 1.08fr;\n  gap:14px;\n  align-items:stretch;\n}\n\n.svw26-infra-feature{\n  position:relative;\n  overflow:hidden;\n  min-height:590px;\n  border-radius:28px;\n  background:linear-gradient(135deg,#2d214a 0%,#49376f 48%,#4f5aad 78%,#43b9bd 125%);\n  color:#fff;\n  box-shadow:var(--shadow);\n}\n\n.svw26-infra-feature::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);\n  background-size:48px 48px;\n  mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.45),transparent);\n}\n\n.svw26-infra-inner{\n  position:relative;\n  z-index:2;\n  min-height:590px;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  padding:28px;\n}\n\n.svw26-infra-feature .svw26-kicker{\n  color:#dcd5ff;\n}\n\n.svw26-infra-feature .svw26-kicker::before{\n  background:#7ff2e7;\n  box-shadow:0 0 13px rgba(127,242,231,.7);\n}\n\n.svw26-infra-feature h3{\n  max-width:570px;\n  margin:0 0 12px;\n  color:#fff;\n  font-size:clamp(30px,3.8vw,48px);\n  line-height:1.02;\n  letter-spacing:-.045em;\n}\n\n.svw26-infra-feature p{\n  max-width:540px;\n  margin:0;\n  color:rgba(255,255,255,.72);\n  font-size:13px;\n  line-height:1.62;\n}\n\n.svw26-infra-metrics{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:8px;\n  margin-top:20px;\n}\n\n.svw26-infra-metrics div{\n  padding:14px;\n  border:1px solid rgba(255,255,255,.11);\n  border-radius:16px;\n  background:rgba(255,255,255,.07);\n  backdrop-filter:blur(14px);\n}\n\n.svw26-infra-metrics strong{\n  display:block;\n  margin-bottom:4px;\n  color:#fff;\n  font-size:18px;\n}\n\n.svw26-infra-metrics span{\n  color:rgba(255,255,255,.60);\n  font-size:8.5px;\n  line-height:1.4;\n}\n\n.svw26-infra-cards{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:9px;\n}\n\n.svw26-infra-card{\n  padding:17px;\n  border:1px solid rgba(112,70,255,.10);\n  border-radius:18px;\n  background:#fff;\n  box-shadow:0 14px 38px rgba(45,31,84,.05);\n}\n\n.svw26-infra-card .icon{\n  display:grid;\n  width:36px;\n  height:36px;\n  place-items:center;\n  margin-bottom:12px;\n  border-radius:11px;\n  background:#f2edff;\n  color:#6550d7;\n  font-size:15px;\n}\n\n.svw26-infra-card h3{\n  margin:0 0 7px;\n  color:var(--ink);\n  font-size:16px;\n  line-height:1.1;\n  letter-spacing:-.02em;\n}\n\n.svw26-infra-card p{\n  margin:0;\n  color:#6f6975;\n  font-size:10px;\n  line-height:1.48;\n}\n\n.svw26-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:5px;\n  margin-top:11px;\n}\n\n.svw26-tags span{\n  padding:5px 7px;\n  border-radius:999px;\n  background:#f5f2ff;\n  color:#6650d7;\n  font-size:7.5px;\n  font-weight:750;\n}\n\n\n\/* ==========================================================\n   DOMAIN UTILITY\n========================================================== *\/\n\n.svw26-domain{\n  position:relative;\n  padding:74px 0 86px;\n  background:linear-gradient(180deg,#fbfaff 0%,#f7f3ff 100%);\n}\n\n.svw26-domain::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(112,70,255,.032) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(112,70,255,.032) 1px,transparent 1px);\n  background-size:42px 42px;\n  mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);\n}\n\n.svw26-domain-shell{\n  position:relative;\n  z-index:2;\n  overflow:hidden;\n  padding:18px;\n  border:1px solid rgba(112,70,255,.11);\n  border-radius:30px;\n  background:rgba(255,255,255,.72);\n  box-shadow:0 24px 72px rgba(50,35,88,.08);\n  backdrop-filter:blur(18px);\n}\n\n.svw26-domain-shell::after{\n  content:\"\";\n  position:absolute;\n  right:-120px;\n  top:-140px;\n  width:300px;\n  height:300px;\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(112,70,255,.14),rgba(67,212,208,.07) 45%,transparent 70%);\n  pointer-events:none;\n}\n\n.svw26-domain-intro{\n  position:relative;\n  z-index:2;\n  display:flex;\n  align-items:end;\n  justify-content:space-between;\n  gap:24px;\n  padding:18px 18px 20px;\n}\n\n.svw26-domain-intro-copy{\n  max-width:780px;\n}\n\n.svw26-domain-intro h2{\n  margin:0;\n  color:var(--ink);\n  font-size:clamp(34px,4vw,56px);\n  line-height:.97;\n  letter-spacing:-.056em;\n}\n\n.svw26-domain-intro h2 span{\n  color:#aaa5af;\n}\n\n.svw26-domain-intro p{\n  max-width:720px;\n  margin:12px 0 0;\n  color:#706977;\n  font-size:12.5px;\n  line-height:1.56;\n}\n\n.svw26-domain-mini{\n  display:flex;\n  flex-wrap:wrap;\n  gap:6px;\n  justify-content:flex-end;\n  max-width:300px;\n}\n\n.svw26-domain-mini span{\n  padding:7px 9px;\n  border:1px solid rgba(112,70,255,.10);\n  border-radius:999px;\n  background:#fff;\n  color:#6550d7;\n  font-size:8px;\n  font-weight:800;\n}\n\n.svw26-domain-tool{\n  position:relative;\n  z-index:2;\n  min-width:0;\n}\n\n.svw26-domain-tool > *{\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n}\n\n.svw26-domain-tool .svdc{\n  box-shadow:none!important;\n}\n\n.svw26-domain-caption{\n  position:relative;\n  z-index:2;\n  display:flex;\n  align-items:center;\n  gap:8px;\n  padding:12px 18px 4px;\n  color:#847d89;\n  font-size:8.5px;\n}\n\n.svw26-domain-caption i{\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:linear-gradient(135deg,var(--purple),var(--cyan));\n  box-shadow:0 0 9px rgba(67,212,208,.55);\n}\n\n\n\/* ==========================================================\n   PROJECT ROUTES\n========================================================== *\/\n\n.svw26-routes{\n  position:relative;\n  padding:96px 0;\n  background:#fff;\n}\n\n.svw26-routes-grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:10px;\n}\n\n.svw26-route{\n  position:relative;\n  min-height:260px;\n  padding:21px;\n  border:1px solid rgba(112,70,255,.10);\n  border-radius:22px;\n  background:linear-gradient(145deg,#fff,#faf8ff);\n  box-shadow:0 14px 34px rgba(44,31,80,.045);\n  overflow:hidden;\n}\n\n.svw26-route::after{\n  content:\"\";\n  position:absolute;\n  width:170px;\n  height:170px;\n  right:-85px;\n  bottom:-95px;\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(67,212,208,.11),transparent 68%);\n}\n\n.svw26-route small{\n  display:block;\n  margin-bottom:38px;\n  color:#8f8897;\n  font-size:8px;\n  font-weight:850;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n.svw26-route h3{\n  margin:0 0 8px;\n  color:var(--ink);\n  font-size:19px;\n  line-height:1.12;\n  letter-spacing:-.025em;\n}\n\n.svw26-route p{\n  margin:0;\n  color:#726c79;\n  font-size:11px;\n  line-height:1.55;\n}\n\n.svw26-route-tag{\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n  margin-top:15px;\n  color:#6550d7;\n  font-size:9px;\n  font-weight:800;\n}\n\n.svw26-route-tag::before{\n  content:\"\";\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:linear-gradient(135deg,var(--purple),var(--cyan));\n}\n\n\n\/* ==========================================================\n   PROJECT JOURNEY\n========================================================== *\/\n\n.svw26-journey{\n  position:relative;\n  padding:100px 0;\n  background:linear-gradient(180deg,#fbfaff,#fff);\n}\n\n.svw26-journey-track{\n  display:grid;\n  grid-template-columns:repeat(6,minmax(0,1fr));\n  gap:8px;\n}\n\n.svw26-journey-step{\n  position:relative;\n  padding:18px 15px;\n  border:1px solid rgba(112,70,255,.10);\n  border-radius:18px;\n  background:#fff;\n  box-shadow:0 10px 28px rgba(45,31,84,.04);\n}\n\n.svw26-journey-step:not(:last-child)::after{\n  content:\"\u2192\";\n  position:absolute;\n  right:-10px;\n  top:30px;\n  z-index:3;\n  display:grid;\n  width:20px;\n  height:20px;\n  place-items:center;\n  border-radius:50%;\n  background:#f1ecff;\n  color:#6b54db;\n  font-size:10px;\n  font-weight:900;\n}\n\n.svw26-journey-step small{\n  display:block;\n  margin-bottom:24px;\n  color:#8f8897;\n  font-size:7.5px;\n  font-weight:850;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.svw26-journey-step h3{\n  margin:0 0 6px;\n  color:var(--ink);\n  font-size:14px;\n  line-height:1.16;\n}\n\n.svw26-journey-step p{\n  margin:0;\n  color:#746e7a;\n  font-size:9.5px;\n  line-height:1.48;\n}\n\n\n\/* ==========================================================\n   DELIVERABLES \/ SCOPE\n========================================================== *\/\n\n.svw26-scope{\n  position:relative;\n  padding:96px 0;\n  background:#fff;\n}\n\n.svw26-scope-grid{\n  display:grid;\n  grid-template-columns:.92fr 1.08fr;\n  gap:14px;\n}\n\n.svw26-scope-main{\n  position:relative;\n  overflow:hidden;\n  min-height:500px;\n  padding:28px;\n  border:1px solid rgba(112,70,255,.11);\n  border-radius:28px;\n  background:linear-gradient(135deg,#2d214a,#49376f 58%,#5360ad);\n  color:#fff;\n  box-shadow:var(--shadow);\n}\n\n.svw26-scope-main::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 82% 20%,rgba(67,212,208,.20),transparent 30%),\n    radial-gradient(circle at 10% 90%,rgba(156,101,255,.25),transparent 34%);\n}\n\n.svw26-scope-main-inner{\n  position:relative;\n  z-index:2;\n}\n\n.svw26-scope-main .svw26-kicker{\n  color:#d8d1ff;\n}\n\n.svw26-scope-main h3{\n  margin:0;\n  color:#fff;\n  font-size:clamp(31px,3.9vw,50px);\n  line-height:1;\n  letter-spacing:-.05em;\n}\n\n.svw26-scope-main p{\n  margin:14px 0 0;\n  color:rgba(255,255,255,.72);\n  font-size:13px;\n  line-height:1.65;\n}\n\n.svw26-scope-list{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:8px;\n  margin-top:24px;\n}\n\n.svw26-scope-item{\n  padding:12px 13px;\n  border:1px solid rgba(255,255,255,.11);\n  border-radius:15px;\n  background:rgba(255,255,255,.07);\n  font-size:10px;\n  line-height:1.45;\n  color:rgba(255,255,255,.72);\n}\n\n.svw26-scope-item strong{\n  display:block;\n  margin-bottom:3px;\n  color:#fff;\n  font-size:12px;\n}\n\n.svw26-scope-side{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:9px;\n}\n\n.svw26-scope-card{\n  padding:17px;\n  border:1px solid rgba(112,70,255,.10);\n  border-radius:18px;\n  background:#fff;\n  box-shadow:0 14px 38px rgba(45,31,84,.05);\n}\n\n.svw26-scope-card strong{\n  display:block;\n  margin-bottom:5px;\n  color:var(--ink);\n  font-size:13px;\n}\n\n.svw26-scope-card span{\n  display:block;\n  color:#756f7b;\n  font-size:9.5px;\n  line-height:1.45;\n}\n\n\n\/* ==========================================================\n   INVESTMENT\n========================================================== *\/\n\n.svw26-invest{\n  position:relative;\n  padding:96px 0;\n  background:#f7f3ff;\n}\n\n.svw26-invest-card{\n  position:relative;\n  overflow:hidden;\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:28px;\n  padding:30px;\n  border:1px solid rgba(112,70,255,.11);\n  border-radius:28px;\n  background:rgba(255,255,255,.94);\n  box-shadow:var(--shadow);\n}\n\n.svw26-invest-card::before{\n  content:\"\";\n  position:absolute;\n  width:360px;\n  height:360px;\n  right:-120px;\n  top:-180px;\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(112,70,255,.13),rgba(67,212,208,.08) 45%,transparent 70%);\n}\n\n.svw26-invest-copy,\n.svw26-invest-factors{\n  position:relative;\n  z-index:2;\n}\n\n.svw26-invest-copy h3{\n  margin:0;\n  color:var(--ink);\n  font-size:clamp(30px,3.7vw,48px);\n  line-height:1;\n  letter-spacing:-.05em;\n}\n\n.svw26-invest-copy p{\n  margin:13px 0 0;\n  color:#716b78;\n  font-size:13px;\n  line-height:1.62;\n}\n\n.svw26-invest-factors{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:8px;\n}\n\n.svw26-invest-factor{\n  padding:13px 14px;\n  border:1px solid rgba(112,70,255,.09);\n  border-radius:15px;\n  background:#faf9ff;\n}\n\n.svw26-invest-factor strong{\n  display:block;\n  margin-bottom:3px;\n  color:var(--ink);\n  font-size:12px;\n}\n\n.svw26-invest-factor span{\n  display:block;\n  color:#756f7b;\n  font-size:9.5px;\n  line-height:1.42;\n}\n\n.svw26-invest-note{\n  position:relative;\n  z-index:2;\n  grid-column:1\/-1;\n  margin-top:-4px;\n  padding:13px 14px;\n  border:1px solid rgba(112,70,255,.10);\n  border-radius:15px;\n  background:#f1ecff;\n  color:#625896;\n  font-size:10px;\n  line-height:1.5;\n}\n\n\n\/* ==========================================================\n   STUDIOVAINILLA \u2194 VAINILLA INTELLIGENCE\n========================================================== *\/\n\n.svw26-boundary{\n  position:relative;\n  padding:100px 0;\n  background:#fff;\n}\n\n.svw26-boundary-box{\n  position:relative;\n  overflow:hidden;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n  padding:18px;\n  border:1px solid rgba(112,70,255,.11);\n  border-radius:30px;\n  background:linear-gradient(135deg,#fbf9ff,#f5f9ff 55%,#effbf9);\n  box-shadow:var(--shadow);\n}\n\n.svw26-boundary-side{\n  padding:24px;\n  border:1px solid rgba(112,70,255,.09);\n  border-radius:22px;\n  background:rgba(255,255,255,.86);\n}\n\n.svw26-boundary-side.intelligence{\n  background:linear-gradient(145deg,#2d214a,#49376f);\n  color:#fff;\n}\n\n.svw26-boundary-side small{\n  display:block;\n  margin-bottom:18px;\n  color:#8f8897;\n  font-size:8px;\n  font-weight:850;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n.svw26-boundary-side.intelligence small{\n  color:rgba(255,255,255,.52);\n}\n\n.svw26-boundary-side h3{\n  margin:0 0 10px;\n  color:var(--ink);\n  font-size:clamp(26px,3vw,38px);\n  line-height:1;\n  letter-spacing:-.045em;\n}\n\n.svw26-boundary-side.intelligence h3{\n  color:#fff;\n}\n\n.svw26-boundary-side p{\n  margin:0;\n  color:#716b78;\n  font-size:12px;\n  line-height:1.6;\n}\n\n.svw26-boundary-side.intelligence p{\n  color:rgba(255,255,255,.70);\n}\n\n.svw26-boundary-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:6px;\n  margin-top:18px;\n}\n\n.svw26-boundary-tags span{\n  padding:6px 8px;\n  border-radius:999px;\n  background:#f1ecff;\n  color:#6650d7;\n  font-size:8px;\n  font-weight:800;\n}\n\n.svw26-boundary-side.intelligence .svw26-boundary-tags span{\n  background:rgba(255,255,255,.09);\n  color:#fff;\n}\n\n.svw26-boundary-action{\n  margin-top:18px;\n}\n\n\n\/* ==========================================================\n   FAQ\n========================================================== *\/\n\n.svw26-faq{\n  position:relative;\n  padding:96px 0;\n  background:linear-gradient(180deg,#fbfaff,#fff);\n}\n\n.svw26-faq-list{\n  display:grid;\n  gap:8px;\n  max-width:980px;\n  margin:0 auto;\n}\n\n.svw26-faq-item{\n  border:1px solid rgba(112,70,255,.10);\n  border-radius:18px;\n  background:#fff;\n  box-shadow:0 8px 24px rgba(45,31,84,.035);\n  overflow:hidden;\n}\n\n.svw26-faq-q{\n  display:grid;\n  grid-template-columns:1fr 34px;\n  gap:14px;\n  align-items:center;\n  padding:16px 18px;\n  cursor:pointer;\n}\n\n.svw26-faq-q h3{\n  margin:0;\n  color:var(--ink);\n  font-size:14px;\n  line-height:1.3;\n}\n\n.svw26-faq-toggle{\n  display:grid;\n  width:34px;\n  height:34px;\n  place-items:center;\n  border-radius:50%;\n  background:#f1ecff;\n  color:#6650d8;\n  font-weight:800;\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    color .25s ease;\n}\n\n.svw26-faq-a{\n  max-height:0;\n  overflow:hidden;\n  padding:0 18px;\n  transition:\n    max-height .3s ease,\n    padding .3s ease;\n}\n\n.svw26-faq-a p{\n  margin:0;\n  color:#746e7a;\n  font-size:11px;\n  line-height:1.58;\n}\n\n.svw26-faq-item.open .svw26-faq-a{\n  max-height:180px;\n  padding:0 18px 16px;\n}\n\n.svw26-faq-item.open .svw26-faq-toggle{\n  transform:rotate(45deg);\n  background:linear-gradient(135deg,var(--purple),var(--blue));\n  color:#fff;\n}\n\n\n\/* ==========================================================\n   CTA\n========================================================== *\/\n\n.svw26-cta{\n  padding:72px 0;\n  background:#fff;\n}\n\n.svw26-cta-box{\n  position:relative;\n  overflow:hidden;\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:28px;\n  align-items:center;\n  padding:32px 34px;\n  border:1px solid rgba(112,70,255,.12);\n  border-radius:26px;\n  background:linear-gradient(120deg,#fbf9ff,#f5f9ff 60%,#effbf9);\n  box-shadow:0 20px 60px rgba(50,35,88,.08);\n}\n\n.svw26-cta-box::before{\n  content:\"\";\n  position:absolute;\n  width:300px;\n  height:300px;\n  right:-90px;\n  top:-145px;\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(112,70,255,.15),rgba(67,212,208,.09) 45%,transparent 70%);\n}\n\n.svw26-cta-copy,\n.svw26-cta-actions{\n  position:relative;\n  z-index:2;\n}\n\n.svw26-cta-copy h3{\n  margin:0;\n  color:var(--ink);\n  font-size:clamp(28px,3.3vw,46px);\n  line-height:1;\n  letter-spacing:-.05em;\n}\n\n.svw26-cta-copy p{\n  max-width:720px;\n  margin:10px 0 0;\n  color:#706977;\n  font-size:13px;\n  line-height:1.55;\n}\n\n.svw26-cta-actions{\n  display:flex;\n  gap:8px;\n  flex-wrap:wrap;\n}\n\n\n\/* ==========================================================\n   REVEAL\n========================================================== *\/\n\n.svw26-reveal{\n  opacity:0;\n  transform:translateY(18px);\n  transition:\n    opacity .7s ease,\n    transform .7s cubic-bezier(.22,.7,.2,1);\n}\n\n.svw26-reveal.is-visible{\n  opacity:1;\n  transform:none;\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n========================================================== *\/\n\n@media(max-width:1200px){\n\n  .svw26-journey-track{\n    grid-template-columns:repeat(3,minmax(0,1fr));\n  }\n\n  .svw26-journey-step:nth-child(3)::after{\n    display:none;\n  }\n\n}\n\n@media(max-width:1100px){\n\n  .svw26-container{\n    width:min(calc(100% - 36px),var(--max));\n  }\n\n  .svw26-hero .svw26-container{\n    grid-template-columns:1fr .88fr;\n    gap:28px;\n  }\n\n  .svw26-hero-visual{\n    min-height:500px;\n  }\n\n  .svw26-solution-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n}\n\n@media(max-width:900px){\n\n  .svw26-hero{\n    min-height:auto;\n    padding:150px 0 74px;\n  }\n\n  .svw26-hero .svw26-container{\n    grid-template-columns:1fr;\n  }\n\n  .svw26-hero-visual{\n    min-height:470px;\n  }\n\n  .svw26-browser{\n    inset:8px 4% 0;\n  }\n\n  .svw26-rail{\n    justify-content:flex-start;\n    overflow-x:auto;\n    scrollbar-width:none;\n  }\n\n  .svw26-rail::-webkit-scrollbar{\n    display:none;\n  }\n\n  .svw26-section-head{\n    grid-template-columns:1fr;\n    gap:20px;\n  }\n\n  .svw26-section-head .svw26-lead{\n    justify-self:start;\n  }\n\n  .svw26-system-grid,\n  .svw26-infra-grid{\n    grid-template-columns:1fr;\n  }\n\n  .svw26-routes-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .svw26-scope-grid,\n  .svw26-invest-card,\n  .svw26-boundary-box{\n    grid-template-columns:1fr;\n  }\n\n  .svw26-domain-intro{\n    align-items:flex-start;\n    flex-direction:column;\n  }\n\n  .svw26-domain-mini{\n    justify-content:flex-start;\n    max-width:none;\n  }\n\n}\n\n@media(max-width:640px){\n\n  .svw26-container{\n    width:calc(100% - 24px);\n  }\n\n  .svw26-hero{\n    padding:132px 0 62px;\n  }\n\n  .svw26-display{\n    font-size:clamp(46px,14vw,68px);\n    line-height:.94;\n  }\n\n  .svw26-hero p{\n    font-size:14px;\n    line-height:1.58;\n  }\n\n  .svw26-actions{\n    display:grid;\n    grid-template-columns:1fr;\n  }\n\n  .svw26-btn{\n    width:100%;\n  }\n\n  .svw26-hero-visual{\n    min-height:390px;\n  }\n\n  .svw26-browser{\n    inset:8px 0 0;\n    border-radius:24px;\n    padding:11px;\n  }\n\n  .svw26-browser-preview{\n    min-height:322px;\n  }\n\n  .svw26-overlay-ui{\n    inset:18px;\n    grid-template-columns:1fr;\n  }\n\n  .svw26-float{\n    display:none;\n  }\n\n  .svw26-rail-wrap{\n    margin-top:-18px;\n  }\n\n  .svw26-solutions,\n  .svw26-systems,\n  .svw26-infra,\n  .svw26-domain,\n  .svw26-routes,\n  .svw26-journey,\n  .svw26-scope,\n  .svw26-invest,\n  .svw26-boundary,\n  .svw26-faq{\n    padding:72px 0;\n  }\n\n  .svw26-h2{\n    font-size:clamp(39px,12vw,55px);\n  }\n\n  .svw26-lead{\n    font-size:13px;\n  }\n\n  .svw26-section-head{\n    margin-bottom:28px;\n  }\n\n  .svw26-solution-grid{\n    grid-template-columns:1fr 1fr;\n    gap:8px;\n  }\n\n  .svw26-solution{\n    min-height:205px;\n    padding:15px;\n  }\n\n  .svw26-solution-num{\n    margin-bottom:28px;\n  }\n\n  .svw26-solution h3{\n    font-size:15px;\n  }\n\n  .svw26-solution p{\n    font-size:9.4px;\n  }\n\n  .svw26-system-visual,\n  .svw26-system-visual-inner{\n    min-height:430px;\n  }\n\n  .svw26-system-cards{\n    grid-template-columns:1fr 1fr;\n    gap:7px;\n  }\n\n  .svw26-system-card{\n    padding:13px;\n  }\n\n  .svw26-system-card h3{\n    font-size:13px;\n  }\n\n  .svw26-system-card p{\n    font-size:8.7px;\n  }\n\n  .svw26-infra-feature,\n  .svw26-infra-inner{\n    min-height:430px;\n  }\n\n  .svw26-infra-metrics{\n    grid-template-columns:repeat(3,1fr);\n    gap:6px;\n  }\n\n  .svw26-infra-metrics div{\n    padding:10px;\n  }\n\n  .svw26-infra-metrics strong{\n    font-size:14px;\n  }\n\n  .svw26-infra-metrics span{\n    font-size:7px;\n  }\n\n  .svw26-infra-cards{\n    grid-template-columns:1fr 1fr;\n    gap:7px;\n  }\n\n  .svw26-infra-card{\n    padding:13px;\n  }\n\n  .svw26-infra-card h3{\n    font-size:12.5px;\n  }\n\n  .svw26-infra-card p{\n    font-size:8.4px;\n  }\n\n  .svw26-routes-grid{\n    grid-template-columns:1fr 1fr;\n    gap:8px;\n  }\n\n  .svw26-route{\n    min-height:220px;\n    padding:15px;\n  }\n\n  .svw26-route small{\n    margin-bottom:26px;\n  }\n\n  .svw26-route h3{\n    font-size:15px;\n  }\n\n  .svw26-route p{\n    font-size:9.5px;\n  }\n\n  .svw26-journey-track{\n    grid-template-columns:1fr;\n  }\n\n  .svw26-journey-step:not(:last-child)::after{\n    display:none;\n  }\n\n  .svw26-journey-step small{\n    margin-bottom:12px;\n  }\n\n  .svw26-scope-main{\n    min-height:auto;\n    padding:22px;\n  }\n\n  .svw26-scope-list,\n  .svw26-scope-side,\n  .svw26-invest-factors{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .svw26-invest-card{\n    padding:20px;\n  }\n\n  .svw26-boundary-box{\n    padding:10px;\n    border-radius:22px;\n  }\n\n  .svw26-boundary-side{\n    padding:20px;\n  }\n\n  .svw26-faq-q{\n    padding:14px;\n  }\n\n  .svw26-faq-item.open .svw26-faq-a{\n    padding:0 14px 14px;\n  }\n\n  .svw26-domain{\n    padding:54px 0 62px;\n  }\n\n  .svw26-domain-shell{\n    padding:8px;\n    border-radius:23px;\n  }\n\n  .svw26-domain-intro{\n    padding:16px 14px 14px;\n    gap:14px;\n  }\n\n  .svw26-domain-intro h2{\n    font-size:34px;\n  }\n\n  .svw26-domain-intro p{\n    font-size:11px;\n  }\n\n  .svw26-domain-caption{\n    padding:10px 14px 6px;\n    font-size:7.5px;\n  }\n\n  .svw26-domain-tool .svdc{\n    padding:18px!important;\n    border-radius:19px!important;\n  }\n\n  .svw26-domain-tool .svdc__head h3{\n    font-size:30px!important;\n  }\n\n  .svw26-domain-tool .svdc__search{\n    grid-template-columns:1fr!important;\n  }\n\n  .svw26-domain-tool .svdc__button{\n    width:100%!important;\n    min-width:0!important;\n  }\n\n  .svw26-domain-tool .svdc__results{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n  }\n\n  .svw26-cta{\n    padding:52px 0;\n  }\n\n  .svw26-cta-box{\n    padding:25px 20px;\n  }\n\n  .svw26-cta-actions{\n    display:grid;\n    grid-template-columns:1fr;\n  }\n\n}\n\n@media(prefers-reduced-motion:reduce){\n\n  #svw26 *,\n  #svw26 *::before,\n  #svw26 *::after{\n    animation:none!important;\n    transition:none!important;\n  }\n\n  .svw26-reveal{\n    opacity:1;\n    transform:none;\n  }\n\n}\n<\/style>\n\n\n<div id=\"svw26\">\n\n  <!-- ======================================================\n       HERO\n  ======================================================= -->\n  <section class=\"svw26-hero\">\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-hero-copy svw26-reveal\">\n\n        <div class=\"svw26-kicker\">\n          Desarrollo Web by StudioVainilla\n        <\/div>\n\n        <h1 class=\"svw26-display\">\n          Creamos webs y plataformas para\n          <span class=\"grad\">vender, operar<\/span>\n          y\n          <span class=\"muted\">crecer.<\/span>\n        <\/h1>\n\n        <p>\n          Desarrollamos sitios, ecommerce, portales y plataformas\n          web que convierten tu presencia digital en una herramienta\n          real para comunicar, vender y operar mejor.\n        <\/p>\n\n        <div class=\"svw26-actions\">\n\n          <a\n            href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\"\n            class=\"svw26-btn primary\"\n          >\n            Cotizar proyecto \u2197\n          <\/a>\n\n          <a\n            href=\"#svw26-routes\"\n            class=\"svw26-btn secondary\"\n          >\n            Ver tipos de proyecto\n          <\/a>\n\n        <\/div>\n\n        <div class=\"svw26-proof\">\n\n          <span><i><\/i>Sitios corporativos<\/span>\n          <span><i><\/i>Ecommerce<\/span>\n          <span><i><\/i>Landing pages<\/span>\n          <span><i><\/i>Portales<\/span>\n          <span><i><\/i>Plataformas web<\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"svw26-hero-visual svw26-reveal\">\n\n        <div class=\"svw26-browser\">\n\n          <div class=\"svw26-browser-inner\">\n\n            <div class=\"svw26-browser-top\">\n\n              <div class=\"svw26-browser-dots\">\n                <i><\/i>\n                <i><\/i>\n                <i><\/i>\n              <\/div>\n\n              <div class=\"svw26-browser-label\">\n                Digital architecture\n              <\/div>\n\n            <\/div>\n\n\n            <div class=\"svw26-browser-preview\">\n\n              <div class=\"svw26-overlay-ui\">\n\n                <div class=\"svw26-ui-card\">\n\n                  <small>\n                    Web + System\n                  <\/small>\n\n                  <strong>\n                    Una web bien desarrollada organiza, vende\n                    y conecta.\n                  <\/strong>\n\n                  <p>\n                    Dise\u00f1ada para que tu negocio se vea profesional\n                    y funcione mejor.\n                  <\/p>\n\n                <\/div>\n\n\n                <div class=\"svw26-ui-card\">\n\n                  <small>\n                    Scale\n                  <\/small>\n\n                  <strong>\n                    Arquitectura preparada para crecer.\n                  <\/strong>\n\n                  <p>\n                    M\u00e1s que una p\u00e1gina bonita.\n                  <\/p>\n\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"svw26-float one\">\n\n          <small>\n            Frontend\n          <\/small>\n\n          <strong>\n            Experiencia clara.\n          <\/strong>\n\n          <span>\n            UX, contenido y navegaci\u00f3n pensados para convertir.\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"svw26-float two\">\n\n          <small>\n            Backend\n          <\/small>\n\n          <strong>\n            Operaci\u00f3n preparada.\n          <\/strong>\n\n          <span>\n            Administraci\u00f3n, integraciones y funciones detr\u00e1s\n            de la experiencia.\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       QUICK NAV\n  ======================================================= -->\n  <div class=\"svw26-rail-wrap\">\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-rail svw26-reveal\">\n\n        <a href=\"#svw26-routes\">\n          Tipo de proyecto\n        <\/a>\n\n        <a href=\"#svw26-solutions\">\n          Soluciones\n        <\/a>\n\n        <a href=\"#svw26-journey\">\n          Proceso\n        <\/a>\n\n        <a href=\"#svw26-scope\">\n          Entregables\n        <\/a>\n\n        <a href=\"#svw26-infra\">\n          Infraestructura\n        <\/a>\n\n        <a href=\"#svw26-cta\">\n          Cotizar\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ======================================================\n       PROJECT ROUTES\n  ======================================================= -->\n  <section\n    class=\"svw26-routes\"\n    id=\"svw26-routes\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-section-head svw26-reveal\">\n\n        <div>\n\n          <div class=\"svw26-kicker\">\n            \u00bfQu\u00e9 necesitas construir?\n          <\/div>\n\n          <h2 class=\"svw26-h2\">\n            No necesitas saber la tecnolog\u00eda.\n            <span class=\"muted\">\n              Necesitas saber qu\u00e9 debe lograr.\n            <\/span>\n          <\/h2>\n\n        <\/div>\n\n        <p class=\"svw26-lead\">\n          Partimos del objetivo del proyecto y te ayudamos a definir\n          si necesitas un sitio, una tienda, una landing, un portal\n          o una plataforma m\u00e1s avanzada.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"svw26-routes-grid svw26-reveal\">\n\n        <article class=\"svw26-route\">\n\n          <small>\n            01 \u00b7 PRESENCIA\n          <\/small>\n\n          <h3>\n            Necesito un sitio corporativo.\n          <\/h3>\n\n          <p>\n            Para explicar mejor tu empresa, generar confianza\n            y convertir visitas en oportunidades.\n          <\/p>\n\n          <span class=\"svw26-route-tag\">\n            Sitio web\n          <\/span>\n\n        <\/article>\n\n\n        <article class=\"svw26-route\">\n\n          <small>\n            02 \u00b7 CAMPA\u00d1A\n          <\/small>\n\n          <h3>\n            Necesito una landing que convierta.\n          <\/h3>\n\n          <p>\n            Para campa\u00f1as, lanzamientos, captaci\u00f3n de leads\n            o una oferta espec\u00edfica con una ruta clara.\n          <\/p>\n\n          <span class=\"svw26-route-tag\">\n            Landing page\n          <\/span>\n\n        <\/article>\n\n\n        <article class=\"svw26-route\">\n\n          <small>\n            03 \u00b7 VENTA\n          <\/small>\n\n          <h3>\n            Quiero vender en l\u00ednea.\n          <\/h3>\n\n          <p>\n            Cat\u00e1logo, pagos, productos, promociones y operaci\u00f3n\n            comercial dentro de un ecommerce.\n          <\/p>\n\n          <span class=\"svw26-route-tag\">\n            Ecommerce\n          <\/span>\n\n        <\/article>\n\n\n        <article class=\"svw26-route\">\n\n          <small>\n            04 \u00b7 CONTENIDO\n          <\/small>\n\n          <h3>\n            Necesito cursos o capacitaci\u00f3n.\n          <\/h3>\n\n          <p>\n            Experiencias digitales para formaci\u00f3n, membres\u00edas,\n            academias o contenidos estructurados.\n          <\/p>\n\n          <span class=\"svw26-route-tag\">\n            eLearning\n          <\/span>\n\n        <\/article>\n\n\n        <article class=\"svw26-route\">\n\n          <small>\n            05 \u00b7 ACCESO\n          <\/small>\n\n          <h3>\n            Necesito un portal para usuarios.\n          <\/h3>\n\n          <p>\n            \u00c1reas privadas, perfiles, contenidos, formularios,\n            informaci\u00f3n o procesos para clientes y equipos.\n          <\/p>\n\n          <span class=\"svw26-route-tag\">\n            Portal\n          <\/span>\n\n        <\/article>\n\n\n        <article class=\"svw26-route\">\n\n          <small>\n            06 \u00b7 OPERACI\u00d3N\n          <\/small>\n\n          <h3>\n            Necesito algo m\u00e1s que una web.\n          <\/h3>\n\n          <p>\n            Cuando el proyecto requiere m\u00f3dulos, l\u00f3gica,\n            administraci\u00f3n o integraci\u00f3n con otros sistemas.\n          <\/p>\n\n          <span class=\"svw26-route-tag\">\n            Plataforma web\n          <\/span>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       DOMAIN TOOL\n  ======================================================= -->\n  <section\n    class=\"svw26-domain\"\n    id=\"svw26-domain\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-domain-shell svw26-reveal\">\n\n        <div class=\"svw26-domain-intro\">\n\n          <div class=\"svw26-domain-intro-copy\">\n\n            <div class=\"svw26-kicker\">\n              Herramienta \u00fatil\n            <\/div>\n\n            <h2>\n              \u00bfA\u00fan no tienes dominio?\n              <span>\n                Puedes revisar opciones aqu\u00ed.\n              <\/span>\n            <\/h2>\n\n            <p>\n              Si est\u00e1s comenzando desde cero, puedes revisar\n              distintas extensiones. Es una herramienta\n              complementaria; el proyecto web no depende de que\n              registres el dominio con nosotros.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"svw26-domain-mini\">\n\n            <span>.com<\/span>\n            <span>.com.mx<\/span>\n            <span>.mx<\/span>\n            <span>.ai<\/span>\n            <span>.io<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"svw26-domain-tool\">\n                  <section class=\"svdc svdc--compact\" data-sv-domain-checker>\n          <div class=\"svdc__glow svdc__glow--a\"><\/div>\n          <div class=\"svdc__glow svdc__glow--b\"><\/div>\n\n          <div class=\"svdc__head\">\n            <div class=\"svdc__kicker\"><span><\/span> Domain Intelligence<\/div>\n            <h3>Busca el dominio de tu marca.<\/h3>\n            <p>Escribe el nombre, selecciona extensiones y revisa disponibilidad en segundos.<\/p>\n          <\/div>\n\n          <div class=\"svdc__search\">\n            <div class=\"svdc__input-wrap\">\n              <span class=\"svdc__prefix\">www.<\/span>\n              <input\n                type=\"text\"\n                class=\"svdc__input\"\n                placeholder=\"tuempresa\"\n                autocomplete=\"off\"\n                autocapitalize=\"none\"\n                spellcheck=\"false\"\n                aria-label=\"Nombre de dominio\"\n              \/>\n            <\/div>\n            <button type=\"button\" class=\"svdc__button\">\n              <span class=\"svdc__button-label\">Buscar dominio<\/span>\n              <span class=\"svdc__button-icon\">\u2197<\/span>\n            <\/button>\n          <\/div>\n\n          <div class=\"svdc__quick\">\n            <span class=\"svdc__quick-label\">Extensiones:<\/span>\n            <div class=\"svdc__tlds\" data-sv-tlds><\/div>\n            <button class=\"svdc__more\" type=\"button\">Explorar m\u00e1s<\/button>\n          <\/div>\n\n          <div class=\"svdc__status\" aria-live=\"polite\"><\/div>\n\n          <div class=\"svdc__results\" data-sv-results><\/div>\n\n          <div class=\"svdc__explorer\" data-sv-explorer hidden>\n            <div class=\"svdc__explorer-head\">\n              <div>\n                <small>Explorar extensiones<\/small>\n                <strong>Elige qu\u00e9 quieres consultar.<\/strong>\n              <\/div>\n              <button type=\"button\" class=\"svdc__explorer-close\" aria-label=\"Cerrar\">\u00d7<\/button>\n            <\/div>\n            <div class=\"svdc__groups\" data-sv-groups><\/div>\n          <\/div>\n\n          <div class=\"svdc__note\">\n            <span class=\"svdc__note-dot\"><\/span>\n            <span>La disponibilidad se consulta mediante RDAP y, para dominios .MX, WHOIS del Registry .MX cuando es posible. La disponibilidad final debe confirmarse al momento del registro.<\/span>\n          <\/div>\n        <\/section>\n        \n        <\/div>\n\n\n        <div class=\"svw26-domain-caption\">\n\n          <i><\/i>\n\n          <span>\n            Cuando una opci\u00f3n aparezca disponible, podr\u00e1s solicitar\n            el registro directamente por WhatsApp.\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       SOLUTIONS\n  ======================================================= -->\n  <section\n    class=\"svw26-solutions\"\n    id=\"svw26-solutions\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-section-head svw26-reveal\">\n\n        <div>\n\n          <div class=\"svw26-kicker\">\n            Qu\u00e9 construimos\n          <\/div>\n\n          <h2 class=\"svw26-h2\">\n            No todo necesita la misma web.\n            <span class=\"muted\">\n              Construimos seg\u00fan lo que el negocio debe lograr.\n            <\/span>\n          <\/h2>\n\n        <\/div>\n\n        <p class=\"svw26-lead\">\n          Desde presencia corporativa hasta plataformas completas,\n          desarrollamos experiencias digitales con una arquitectura\n          acorde al objetivo, al usuario y a la operaci\u00f3n interna.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"svw26-solution-grid svw26-reveal\">\n\n        <article class=\"svw26-solution\">\n\n          <div class=\"svw26-solution-num\">\n\n            <span>\n              01 \u00b7 CORPORATE\n            <\/span>\n\n            <span class=\"svw26-solution-icon\">\n              \u2318\n            <\/span>\n\n          <\/div>\n\n          <h3>\n            Sitios informativos\n          <\/h3>\n\n          <p>\n            Para empresas, marcas y servicios que necesitan\n            una presencia profesional, clara y confiable.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"svw26-solution\">\n\n          <div class=\"svw26-solution-num\">\n\n            <span>\n              02 \u00b7 COMMERCE\n            <\/span>\n\n            <span class=\"svw26-solution-icon\">\n              \u2197\n            <\/span>\n\n          <\/div>\n\n          <h3>\n            Ecommerce\n          <\/h3>\n\n          <p>\n            Tiendas en l\u00ednea preparadas para vender productos,\n            recibir pagos y crecer con la operaci\u00f3n.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"svw26-solution\">\n\n          <div class=\"svw26-solution-num\">\n\n            <span>\n              03 \u00b7 LEARNING\n            <\/span>\n\n            <span class=\"svw26-solution-icon\">\n              \u25eb\n            <\/span>\n\n          <\/div>\n\n          <h3>\n            eLearning\n          <\/h3>\n\n          <p>\n            Plataformas para cursos, academias, capacitaci\u00f3n,\n            contenidos y experiencias educativas digitales.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"svw26-solution\">\n\n          <div class=\"svw26-solution-num\">\n\n            <span>\n              04 \u00b7 SYSTEMS\n            <\/span>\n\n            <span class=\"svw26-solution-icon\">\n              \u25c7\n            <\/span>\n\n          <\/div>\n\n          <h3>\n            CRMs y portales\n          <\/h3>\n\n          <p>\n            Herramientas para gestionar clientes, informaci\u00f3n,\n            procesos internos y operaciones espec\u00edficas.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       PROJECT JOURNEY\n  ======================================================= -->\n  <section\n    class=\"svw26-journey\"\n    id=\"svw26-journey\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-section-head svw26-reveal\">\n\n        <div>\n\n          <div class=\"svw26-kicker\">\n            As\u00ed construimos tu proyecto\n          <\/div>\n\n          <h2 class=\"svw26-h2\">\n            De la necesidad al lanzamiento,\n            <span class=\"muted\">\n              sin dejarte adivinar el proceso.\n            <\/span>\n          <\/h2>\n\n        <\/div>\n\n        <p class=\"svw26-lead\">\n          Cada proyecto cambia en alcance, pero la ruta de trabajo\n          mantiene una l\u00f3gica clara para reducir improvisaci\u00f3n,\n          retrabajos y decisiones fuera de contexto.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"svw26-journey-track svw26-reveal\">\n\n        <article class=\"svw26-journey-step\">\n\n          <small>\n            01 \u00b7 Diagn\u00f3stico\n          <\/small>\n\n          <h3>\n            Entendemos\n          <\/h3>\n\n          <p>\n            Objetivo, usuarios, negocio y necesidades reales.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"svw26-journey-step\">\n\n          <small>\n            02 \u00b7 Arquitectura\n          <\/small>\n\n          <h3>\n            Estructuramos\n          <\/h3>\n\n          <p>\n            Contenido, secciones, funciones y rutas principales.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"svw26-journey-step\">\n\n          <small>\n            03 \u00b7 UX\/UI\n          <\/small>\n\n          <h3>\n            Dise\u00f1amos\n          <\/h3>\n\n          <p>\n            Jerarqu\u00eda, navegaci\u00f3n y experiencia visual.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"svw26-journey-step\">\n\n          <small>\n            04 \u00b7 Desarrollo\n          <\/small>\n\n          <h3>\n            Construimos\n          <\/h3>\n\n          <p>\n            Frontend, administraci\u00f3n, m\u00f3dulos e integraciones.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"svw26-journey-step\">\n\n          <small>\n            05 \u00b7 QA\n          <\/small>\n\n          <h3>\n            Probamos\n          <\/h3>\n\n          <p>\n            Responsive, formularios, funciones y recorrido.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"svw26-journey-step\">\n\n          <small>\n            06 \u00b7 Lanzamiento\n          <\/small>\n\n          <h3>\n            Publicamos\n          <\/h3>\n\n          <p>\n            Configuraci\u00f3n final, entrega y siguiente etapa.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       SYSTEMS\n  ======================================================= -->\n  <section\n    class=\"svw26-systems\"\n    id=\"svw26-systems\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-section-head svw26-reveal\">\n\n        <div>\n\n          <div class=\"svw26-kicker\">\n            De sitio a sistema\n          <\/div>\n\n          <h2 class=\"svw26-h2\">\n            Cuando la web tiene que hacer m\u00e1s,\n            <span class=\"muted\">\n              la convertimos en una plataforma.\n            <\/span>\n          <\/h2>\n\n        <\/div>\n\n        <p class=\"svw26-lead\">\n          Integramos interfaces, administraci\u00f3n, l\u00f3gica e integraciones\n          para que la experiencia digital pueda acompa\u00f1ar procesos\n          reales del negocio.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"svw26-system-grid\">\n\n        <div class=\"svw26-system-visual svw26-reveal\">\n\n          <div class=\"svw26-system-visual-inner\">\n\n            <div class=\"svw26-system-badge\">\n              Web \u00b7 Platforms \u00b7 Systems\n            <\/div>\n\n            <div>\n\n              <h3>\n                Dise\u00f1o visual por fuera. Arquitectura funcional\n                por dentro.\n              <\/h3>\n\n              <p>\n                Una experiencia digital debe verse bien, pero tambi\u00e9n\n                organizar procesos, facilitar acciones y permitir que\n                el negocio crezca sin rehacer todo desde cero.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"svw26-system-cards svw26-reveal\">\n\n          <article class=\"svw26-system-card\">\n\n            <small>\n              01 \u00b7 UX\n            <\/small>\n\n            <h3>\n              Experiencia de usuario\n            <\/h3>\n\n            <p>\n              Jerarqu\u00eda, navegaci\u00f3n y rutas claras para que las\n              personas entiendan qu\u00e9 hacer.\n            <\/p>\n\n          <\/article>\n\n\n          <article class=\"svw26-system-card\">\n\n            <small>\n              02 \u00b7 CMS\n            <\/small>\n\n            <h3>\n              Administraci\u00f3n sencilla\n            <\/h3>\n\n            <p>\n              Estructuras editables para que tu equipo pueda operar\n              contenidos sin depender de desarrollo.\n            <\/p>\n\n          <\/article>\n\n\n          <article class=\"svw26-system-card\">\n\n            <small>\n              03 \u00b7 FUNCTIONS\n            <\/small>\n\n            <h3>\n              Funciones personalizadas\n            <\/h3>\n\n            <p>\n              Formularios, flujos, \u00e1reas privadas y comportamientos\n              construidos alrededor del proyecto.\n            <\/p>\n\n          <\/article>\n\n\n          <article class=\"svw26-system-card\">\n\n            <small>\n              04 \u00b7 INTEGRATIONS\n            <\/small>\n\n            <h3>\n              Integraciones\n            <\/h3>\n\n            <p>\n              Conectamos pagos, CRMs, APIs y servicios externos\n              cuando forman parte de la experiencia web.\n            <\/p>\n\n          <\/article>\n\n\n          <article class=\"svw26-system-card\">\n\n            <small>\n              05 \u00b7 PERFORMANCE\n            <\/small>\n\n            <h3>\n              Rendimiento\n            <\/h3>\n\n            <p>\n              Construcci\u00f3n pensada para velocidad, estabilidad\n              y una experiencia consistente en m\u00faltiples dispositivos.\n            <\/p>\n\n          <\/article>\n\n\n          <article class=\"svw26-system-card\">\n\n            <small>\n              06 \u00b7 SCALE\n            <\/small>\n\n            <h3>\n              Escalabilidad\n            <\/h3>\n\n            <p>\n              Arquitecturas que pueden incorporar nuevas funciones,\n              m\u00f3dulos o \u00e1reas conforme el negocio crece.\n            <\/p>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       SCOPE\n  ======================================================= -->\n  <section\n    class=\"svw26-scope\"\n    id=\"svw26-scope\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-section-head svw26-reveal\">\n\n        <div>\n\n          <div class=\"svw26-kicker\">\n            Qu\u00e9 puede incluir\n          <\/div>\n\n          <h2 class=\"svw26-h2\">\n            No entregamos s\u00f3lo una pantalla.\n            <span class=\"muted\">\n              Entregamos una herramienta utilizable.\n            <\/span>\n          <\/h2>\n\n        <\/div>\n\n        <p class=\"svw26-lead\">\n          Los entregables cambian seg\u00fan el proyecto. La propuesta\n          define exactamente qu\u00e9 se construye, qu\u00e9 se configura\n          y qu\u00e9 queda listo para operar.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"svw26-scope-grid svw26-reveal\">\n\n        <div class=\"svw26-scope-main\">\n\n          <div class=\"svw26-scope-main-inner\">\n\n            <div class=\"svw26-kicker\">\n              Alcance del proyecto\n            <\/div>\n\n            <h3>\n              Dise\u00f1o, tecnolog\u00eda y operaci\u00f3n en una misma entrega.\n            <\/h3>\n\n            <p>\n              Un sitio corporativo no requiere la misma arquitectura\n              que una tienda o un portal con usuarios. Por eso\n              estructuramos cada propuesta alrededor de lo que debe resolver.\n            <\/p>\n\n\n            <div class=\"svw26-scope-list\">\n\n              <div class=\"svw26-scope-item\">\n\n                <strong>\n                  UX\/UI responsive\n                <\/strong>\n\n                Experiencia adaptada a escritorio, tablet y m\u00f3vil.\n\n              <\/div>\n\n\n              <div class=\"svw26-scope-item\">\n\n                <strong>\n                  CMS \/ administraci\u00f3n\n                <\/strong>\n\n                Contenido editable seg\u00fan el tipo de proyecto.\n\n              <\/div>\n\n\n              <div class=\"svw26-scope-item\">\n\n                <strong>\n                  Formularios y conversiones\n                <\/strong>\n\n                Rutas claras para contacto, registro o compra.\n\n              <\/div>\n\n\n              <div class=\"svw26-scope-item\">\n\n                <strong>\n                  Integraciones\n                <\/strong>\n\n                Pagos, CRM, APIs o servicios externos cuando aplica.\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"svw26-scope-side\">\n\n          <div class=\"svw26-scope-card\">\n\n            <strong>\n              Arquitectura de informaci\u00f3n\n            <\/strong>\n\n            <span>\n              Secciones, jerarqu\u00eda y rutas de navegaci\u00f3n.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"svw26-scope-card\">\n\n            <strong>\n              Desarrollo responsive\n            <\/strong>\n\n            <span>\n              Construcci\u00f3n optimizada para m\u00faltiples dispositivos.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"svw26-scope-card\">\n\n            <strong>\n              SEO t\u00e9cnico base\n            <\/strong>\n\n            <span>\n              Estructura preparada para indexaci\u00f3n y buenas pr\u00e1cticas b\u00e1sicas.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"svw26-scope-card\">\n\n            <strong>\n              Capacitaci\u00f3n\n            <\/strong>\n\n            <span>\n              Cuando el proyecto requiere que tu equipo administre contenidos.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"svw26-scope-card\">\n\n            <strong>\n              Pruebas antes de publicar\n            <\/strong>\n\n            <span>\n              Revisi\u00f3n funcional y responsive del alcance desarrollado.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"svw26-scope-card\">\n\n            <strong>\n              Infraestructura opcional\n            <\/strong>\n\n            <span>\n              Dominio, hosting, SSL, correo y respaldos seg\u00fan necesidad.\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       INFRA\n  ======================================================= -->\n  <section\n    class=\"svw26-infra\"\n    id=\"svw26-infra\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-section-head svw26-reveal\">\n\n        <div>\n\n          <div class=\"svw26-kicker\">\n            Infraestructura para tu web\n          <\/div>\n\n          <h2 class=\"svw26-h2\">\n            Tu sitio necesita m\u00e1s que dise\u00f1o:\n            <span class=\"muted\">\n              necesita seguridad, respaldo y continuidad.\n            <\/span>\n          <\/h2>\n\n        <\/div>\n\n        <p class=\"svw26-lead\">\n          Adem\u00e1s del desarrollo web, impulsamos la base t\u00e9cnica del\n          proyecto con hosting, dominios, correos, seguridad y respaldo\n          para que la operaci\u00f3n digital sea m\u00e1s estable.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"svw26-infra-grid\">\n\n        <div class=\"svw26-infra-feature svw26-reveal\">\n\n          <div class=\"svw26-infra-inner\">\n\n            <div>\n\n              <div class=\"svw26-kicker\">\n                Servicios Web StudioVainilla\n              <\/div>\n\n              <h3>\n                La web se dise\u00f1a. La infraestructura la sostiene.\n              <\/h3>\n\n              <p>\n                Tu p\u00e1gina necesita una base confiable para operar:\n                dominio, hospedaje, seguridad, correos y respaldo\n                para acompa\u00f1ar el crecimiento de tu negocio.\n              <\/p>\n\n            <\/div>\n\n\n            <div class=\"svw26-infra-metrics\">\n\n              <div>\n\n                <strong>\n                  24\/7\n                <\/strong>\n\n                <span>\n                  infraestructura activa para acompa\u00f1ar tu operaci\u00f3n digital.\n                <\/span>\n\n              <\/div>\n\n\n              <div>\n\n                <strong>\n                  SSL\n                <\/strong>\n\n                <span>\n                  confianza y mejor percepci\u00f3n para tus visitantes.\n                <\/span>\n\n              <\/div>\n\n\n              <div>\n\n                <strong>\n                  Backup\n                <\/strong>\n\n                <span>\n                  respaldo como parte de una operaci\u00f3n m\u00e1s segura.\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"svw26-infra-cards svw26-reveal\">\n\n          <article class=\"svw26-infra-card\">\n\n            <div class=\"icon\">\n              \u25eb\n            <\/div>\n\n            <h3>\n              Hospedaje profesional\n            <\/h3>\n\n            <p>\n              Alojamiento para que tu p\u00e1gina tenga una base estable,\n              ordenada y lista para operar profesionalmente.\n            <\/p>\n\n            <div class=\"svw26-tags\">\n              <span>Hosting<\/span>\n              <span>Estabilidad<\/span>\n            <\/div>\n\n          <\/article>\n\n\n          <article class=\"svw26-infra-card\">\n\n            <div class=\"icon\">\n              \u25ce\n            <\/div>\n\n            <h3>\n              Dominios profesionales\n            <\/h3>\n\n            <p>\n              Te ayudamos a elegir, registrar y configurar el dominio\n              correcto para tu marca o proyecto digital.\n            <\/p>\n\n            <div class=\"svw26-tags\">\n              <span>.com<\/span>\n              <span>.com.mx<\/span>\n              <span>.mx<\/span>\n            <\/div>\n\n          <\/article>\n\n\n          <article class=\"svw26-infra-card\">\n\n            <div class=\"icon\">\n              \u25c7\n            <\/div>\n\n            <h3>\n              Seguridad y SSL\n            <\/h3>\n\n            <p>\n              Implementamos elementos de seguridad para transmitir\n              confianza y proteger mejor la navegaci\u00f3n de tu sitio.\n            <\/p>\n\n            <div class=\"svw26-tags\">\n              <span>SSL<\/span>\n              <span>Protecci\u00f3n<\/span>\n            <\/div>\n\n          <\/article>\n\n\n          <article class=\"svw26-infra-card\">\n\n            <div class=\"icon\">\n              \u21ba\n            <\/div>\n\n            <h3>\n              Respaldos y continuidad\n            <\/h3>\n\n            <p>\n              Una web profesional debe estar preparada ante cambios,\n              errores, actualizaciones o imprevistos.\n            <\/p>\n\n            <div class=\"svw26-tags\">\n              <span>Backups<\/span>\n              <span>Recuperaci\u00f3n<\/span>\n            <\/div>\n\n          <\/article>\n\n\n          <article class=\"svw26-infra-card\">\n\n            <div class=\"icon\">\n              @\n            <\/div>\n\n            <h3>\n              Correos corporativos\n            <\/h3>\n\n            <p>\n              Cuentas de correo con dominio propio para que tu\n              comunicaci\u00f3n se vea m\u00e1s formal y profesional.\n            <\/p>\n\n            <div class=\"svw26-tags\">\n              <span>Email<\/span>\n              <span>Dominio propio<\/span>\n            <\/div>\n\n          <\/article>\n\n\n          <article class=\"svw26-infra-card\">\n\n            <div class=\"icon\">\n              \u2318\n            <\/div>\n\n            <h3>\n              Soporte y configuraci\u00f3n\n            <\/h3>\n\n            <p>\n              Configuramos elementos clave para que tu sitio,\n              correos y dominio funcionen correctamente desde el inicio.\n            <\/p>\n\n            <div class=\"svw26-tags\">\n              <span>DNS<\/span>\n              <span>Soporte<\/span>\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       INVESTMENT\n  ======================================================= -->\n  <section\n    class=\"svw26-invest\"\n    id=\"svw26-invest\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-invest-card svw26-reveal\">\n\n        <div class=\"svw26-invest-copy\">\n\n          <div class=\"svw26-kicker\">\n            Alcance, tiempo e inversi\u00f3n\n          <\/div>\n\n          <h3>\n            Una web no se cotiza por el n\u00famero de pantallas.\n          <\/h3>\n\n          <p>\n            La inversi\u00f3n depende de la arquitectura, funciones,\n            integraciones, contenido, administraci\u00f3n y nivel de\n            personalizaci\u00f3n. Por eso primero entendemos qu\u00e9 debe\n            hacer el proyecto y despu\u00e9s definimos un alcance responsable.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"svw26-invest-factors\">\n\n          <div class=\"svw26-invest-factor\">\n\n            <strong>\n              Tipo de proyecto\n            <\/strong>\n\n            <span>\n              Sitio, ecommerce, portal, eLearning o plataforma.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"svw26-invest-factor\">\n\n            <strong>\n              Funciones\n            <\/strong>\n\n            <span>\n              Formularios, usuarios, pagos, b\u00fasquedas, filtros\n              o l\u00f3gica especial.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"svw26-invest-factor\">\n\n            <strong>\n              Integraciones\n            <\/strong>\n\n            <span>\n              CRM, APIs, servicios externos, pagos o herramientas existentes.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"svw26-invest-factor\">\n\n            <strong>\n              Contenido y operaci\u00f3n\n            <\/strong>\n\n            <span>\n              Volumen de informaci\u00f3n, administraci\u00f3n y necesidades del equipo.\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"svw26-invest-note\">\n\n          <strong>\n            Tampoco necesitas saber cu\u00e1nto tiempo tomar\u00e1 antes\n            de hablar con nosotros.\n          <\/strong>\n\n          Despu\u00e9s de revisar el alcance podemos proponerte una ruta,\n          etapas y tiempos adecuados al proyecto.\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       STUDIOVAINILLA \/ INTELLIGENCE\n  ======================================================= -->\n  <section class=\"svw26-boundary\">\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-section-head svw26-reveal\">\n\n        <div>\n\n          <div class=\"svw26-kicker\">\n            Web o sistema inteligente\n          <\/div>\n\n          <h2 class=\"svw26-h2\">\n            Si el proyecto crece en complejidad,\n            <span class=\"muted\">\n              tambi\u00e9n sabemos hacia d\u00f3nde llevarlo.\n            <\/span>\n          <\/h2>\n\n        <\/div>\n\n        <p class=\"svw26-lead\">\n          No te pedimos que identifiques internamente qu\u00e9 unidad\n          necesitas. Revisamos el proyecto y lo encaminamos seg\u00fan\n          su nivel de arquitectura, operaci\u00f3n e inteligencia.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"svw26-boundary-box svw26-reveal\">\n\n        <div class=\"svw26-boundary-side\">\n\n          <small>\n            StudioVainilla \u00b7 Desarrollo Web\n          <\/small>\n\n          <h3>\n            Experiencias digitales y plataformas web.\n          <\/h3>\n\n          <p>\n            Cuando el centro del proyecto es presencia digital,\n            ecommerce, portales, contenido, UX\/UI, administraci\u00f3n\n            e integraciones ligadas a la experiencia web.\n          <\/p>\n\n          <div class=\"svw26-boundary-tags\">\n\n            <span>Sitios<\/span>\n            <span>Ecommerce<\/span>\n            <span>Portales<\/span>\n            <span>eLearning<\/span>\n            <span>Web apps<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"svw26-boundary-side intelligence\">\n\n          <small>\n            Vainilla Intelligence\n          <\/small>\n\n          <h3>\n            Sistemas, operaci\u00f3n, data y AI.\n          <\/h3>\n\n          <p>\n            Cuando la necesidad principal ya es una plataforma\n            operativa compleja, l\u00f3gica de negocio, automatizaci\u00f3n\n            avanzada, datos, agentes, copilots o inteligencia\n            integrada a la operaci\u00f3n.\n          <\/p>\n\n          <div class=\"svw26-boundary-tags\">\n\n            <span>Sistemas<\/span>\n            <span>Automatizaci\u00f3n<\/span>\n            <span>Data<\/span>\n            <span>BI<\/span>\n            <span>AI<\/span>\n\n          <\/div>\n\n\n          <div class=\"svw26-boundary-action\">\n\n            <a\n              class=\"svw26-btn secondary\"\n              href=\"https:\/\/vainillaintelligence.com\/\"\n              target=\"_blank\"\n              rel=\"noopener\"\n            >\n              Conocer Vainilla Intelligence \u2197\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       FAQ\n  ======================================================= -->\n  <section\n    class=\"svw26-faq\"\n    id=\"svw26-faq\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-section-head svw26-reveal\">\n\n        <div>\n\n          <div class=\"svw26-kicker\">\n            Antes de comenzar\n          <\/div>\n\n          <h2 class=\"svw26-h2\">\n            Lo que normalmente necesitas saber\n            <span class=\"muted\">\n              antes de cotizar.\n            <\/span>\n          <\/h2>\n\n        <\/div>\n\n        <p class=\"svw26-lead\">\n          El alcance final se define en la propuesta, pero estas\n          respuestas te ayudan a entender c\u00f3mo abordamos un\n          proyecto web.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"svw26-faq-list svw26-reveal\">\n\n        <article class=\"svw26-faq-item open\">\n\n          <div class=\"svw26-faq-q\">\n\n            <h3>\n              \u00bfTrabajan \u00fanicamente con WordPress?\n            <\/h3>\n\n            <span class=\"svw26-faq-toggle\">\n              \uff0b\n            <\/span>\n\n          <\/div>\n\n          <div class=\"svw26-faq-a\">\n\n            <p>\n              WordPress forma parte de muchas soluciones que\n              desarrollamos, pero la arquitectura depende del\n              proyecto. Lo importante es elegir una base adecuada\n              al alcance, administraci\u00f3n y crecimiento esperado.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"svw26-faq-item\">\n\n          <div class=\"svw26-faq-q\">\n\n            <h3>\n              \u00bfPuedo administrar el sitio despu\u00e9s?\n            <\/h3>\n\n            <span class=\"svw26-faq-toggle\">\n              \uff0b\n            <\/span>\n\n          <\/div>\n\n          <div class=\"svw26-faq-a\">\n\n            <p>\n              Cuando el proyecto contempla un CMS o panel de\n              administraci\u00f3n, estructuramos las \u00e1reas editables\n              para que tu equipo pueda gestionar el contenido\n              definido en el alcance.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"svw26-faq-item\">\n\n          <div class=\"svw26-faq-q\">\n\n            <h3>\n              \u00bfIncluyen dominio y hospedaje?\n            <\/h3>\n\n            <span class=\"svw26-faq-toggle\">\n              \uff0b\n            <\/span>\n\n          <\/div>\n\n          <div class=\"svw26-faq-a\">\n\n            <p>\n              Pueden formar parte de la soluci\u00f3n, pero no tienen\n              que incluirse forzosamente. Tambi\u00e9n podemos desarrollar\n              sobre infraestructura existente cuando es compatible\n              con el proyecto.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"svw26-faq-item\">\n\n          <div class=\"svw26-faq-q\">\n\n            <h3>\n              \u00bfTambi\u00e9n desarrollan ecommerce y portales con usuarios?\n            <\/h3>\n\n            <span class=\"svw26-faq-toggle\">\n              \uff0b\n            <\/span>\n\n          <\/div>\n\n          <div class=\"svw26-faq-a\">\n\n            <p>\n              S\u00ed. El alcance puede incorporar productos, pagos,\n              usuarios, \u00e1reas privadas, filtros, formularios,\n              contenido din\u00e1mico e integraciones seg\u00fan la necesidad.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"svw26-faq-item\">\n\n          <div class=\"svw26-faq-q\">\n\n            <h3>\n              \u00bfQu\u00e9 pasa si mi proyecto en realidad es un sistema m\u00e1s complejo?\n            <\/h3>\n\n            <span class=\"svw26-faq-toggle\">\n              \uff0b\n            <\/span>\n\n          <\/div>\n\n          <div class=\"svw26-faq-a\">\n\n            <p>\n              Lo revisamos contigo. Si la necesidad ya se centra\n              en operaci\u00f3n, automatizaci\u00f3n avanzada, datos o AI,\n              podemos encaminarla hacia Vainilla Intelligence sin\n              obligarte a definirlo desde el inicio.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"svw26-faq-item\">\n\n          <div class=\"svw26-faq-q\">\n\n            <h3>\n              \u00bfC\u00f3mo se define el precio y el tiempo?\n            <\/h3>\n\n            <span class=\"svw26-faq-toggle\">\n              \uff0b\n            <\/span>\n\n          <\/div>\n\n          <div class=\"svw26-faq-a\">\n\n            <p>\n              Despu\u00e9s de entender tipo de proyecto, arquitectura,\n              funciones, integraciones y contenido. Con esa informaci\u00f3n\n              podemos proponer alcance, etapas, inversi\u00f3n y tiempos realistas.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ======================================================\n       FINAL CTA\n  ======================================================= -->\n  <section\n    class=\"svw26-cta\"\n    id=\"svw26-cta\"\n  >\n\n    <div class=\"svw26-container\">\n\n      <div class=\"svw26-cta-box svw26-reveal\">\n\n        <div class=\"svw26-cta-copy\">\n\n          <div class=\"svw26-kicker\">\n            Construcci\u00f3n digital\n          <\/div>\n\n          <h3>\n            \u00bfQu\u00e9 necesita hacer tu pr\u00f3ximo proyecto digital?\n          <\/h3>\n\n          <p>\n            Cu\u00e9ntanos qu\u00e9 quieres lograr. Te ayudamos a definir si\n            necesitas un sitio, ecommerce, portal, plataforma o una\n            soluci\u00f3n m\u00e1s avanzada, y construimos el alcance adecuado.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"svw26-cta-actions\">\n\n          <a\n            href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\"\n            class=\"svw26-btn primary\"\n          >\n            Solicitar asesor\u00eda \u2197\n          <\/a>\n\n          <a\n            href=\"https:\/\/www.studiovainilla.com\/serviciosweb\"\n            class=\"svw26-btn secondary\"\n          >\n            Ver servicios web\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n\n<script>\n(function(){\n\n  const root=document.getElementById('svw26');\n\n  if(!root){\n    return;\n  }\n\n\n  \/* ========================================================\n     FAQ\n  ======================================================== *\/\n\n  const faqItems=[\n    ...root.querySelectorAll('.svw26-faq-item')\n  ];\n\n  faqItems.forEach(item=>{\n\n    const q=item.querySelector('.svw26-faq-q');\n\n    if(!q){\n      return;\n    }\n\n    q.addEventListener('click',()=>{\n\n      const wasOpen=\n        item.classList.contains('open');\n\n      faqItems.forEach(i=>{\n        i.classList.remove('open');\n      });\n\n      if(!wasOpen){\n        item.classList.add('open');\n      }\n\n    });\n\n  });\n\n\n  \/* ========================================================\n     REVEAL\n  ======================================================== *\/\n\n  const els=[\n    ...root.querySelectorAll('.svw26-reveal')\n  ];\n\n  if('IntersectionObserver' in window){\n\n    const io=\n      new IntersectionObserver(\n        entries=>\n          entries.forEach(e=>{\n\n            if(e.isIntersecting){\n\n              e.target.classList.add('is-visible');\n\n              io.unobserve(e.target);\n\n            }\n\n          }),\n        {\n          threshold:.08,\n          rootMargin:'0px 0px -28px 0px'\n        }\n      );\n\n    els.forEach(el=>{\n      io.observe(el);\n    });\n\n  }else{\n\n    els.forEach(el=>{\n      el.classList.add('is-visible');\n    });\n\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a3a686 e-con-full e-flex e-con e-parent\" data-id=\"9a3a686\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ab3b0c elementor-widget elementor-widget-image-carousel\" data-id=\"1ab3b0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;8&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;slides_to_show_mobile&quot;:&quot;5&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;autoplay_speed&quot;:2000,&quot;pause_on_hover&quot;:&quot;no&quot;,&quot;pause_on_interaction&quot;:&quot;no&quot;,&quot;slides_to_show_tablet&quot;:&quot;6&quot;,&quot;slides_to_scroll_tablet&quot;:&quot;2&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:42,&quot;sizes&quot;:[]},&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrusel de im\u00e1genes\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/litespeed-logo-1.png\" alt=\"litespeed-logo-1.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/248945-que-es-importante-que-tu-pagina-web-cuente-certificado-ssl-scaled-1.webp\" alt=\"248945-que-es-importante-que-tu-pagina-web-cuente-certificado-ssl-scaled.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Registry-.mx_.png\" alt=\"Registry-.mx_.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/com.png\" alt=\"com.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/net.png\" alt=\"net.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/icann_logo.webp\" alt=\"icann_logo.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/whois-privacy.png\" alt=\"whois-privacy.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/JetBackup_Logo.png\" alt=\"JetBackup_Logo\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbc5b50 e-con e-atomic-element e-grid-base \" data-id=\"cbc5b50\" data-element_type=\"e-grid\" data-e-type=\"e-grid\" data-interaction-id=\"cbc5b50\" data-e-type=\"e-grid\" data-id=\"cbc5b50\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Desarrollo Web by StudioVainilla Creamos webs y plataformas para vender, operar y crecer. Desarrollamos sitios, ecommerce, portales y plataformas web que convierten tu presencia digital en una herramienta real para comunicar, vender y operar mejor. Cotizar proyecto \u2197 Ver tipos de proyecto Sitios corporativos Ecommerce Landing pages Portales Plataformas web Digital architecture Web + System [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/329","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=329"}],"version-history":[{"count":56,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/329\/revisions"}],"predecessor-version":[{"id":1285,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/329\/revisions\/1285"}],"wp:attachment":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/media?parent=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}