{"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-05-17T23:21:35","modified_gmt":"2026-05-18T05:21:35","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@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');\n\n\/* =========================================================\n   STUDIOVAINILLA \u2014 HOME HERO PORTADA DIN\u00c1MICA 2026\n========================================================= *\/\n\n.sv-home-cover,\n.sv-home-cover * {\n  box-sizing: border-box;\n}\n\n.sv-home-cover {\n  --sv-purple: #4f4784;\n  --sv-purple-dark: #1a162e;\n  --sv-lav: #cccfee;\n  --sv-white: #ffffff;\n\n  position: relative;\n  overflow: hidden;\n  min-height: 100vh;\n  margin-top: -120px;\n  padding: 190px 0 82px;\n  display: flex;\n  align-items: center;\n  font-family: 'Poppins', sans-serif;\n  color: #ffffff;\n  background: #1a162e;\n}\n\n\/* Imagen fondo con movimiento *\/\n.sv-home-cover-bg {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(135deg, rgba(26,22,46,.72), rgba(79,71,132,.52)),\n    url('https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Cliente-Contento-StudioVainilla-Marketing.jpg');\n  background-size: cover;\n  background-position: center;\n  transform: scale(1.04);\n  animation: svCoverZoom 18s ease-in-out infinite alternate;\n}\n\n@keyframes svCoverZoom {\n  0% {\n    transform: scale(1.04) translate3d(0, 0, 0);\n  }\n  100% {\n    transform: scale(1.11) translate3d(-1.5%, -1%, 0);\n  }\n}\n\n\/* Capa para convivir con header transparente *\/\n.sv-home-cover::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    linear-gradient(\n      to bottom,\n      rgba(26,22,46,.98) 0%,\n      rgba(79,71,132,.84) 112px,\n      rgba(26,22,46,.46) 300px,\n      rgba(26,22,46,.72) 100%\n    ),\n    radial-gradient(circle at 16% 22%, rgba(255,255,255,.14), transparent 28%),\n    radial-gradient(circle at 82% 74%, rgba(204,207,238,.20), transparent 34%);\n  pointer-events: none;\n}\n\n\/* Grid sutil *\/\n.sv-home-cover::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background-image:\n    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);\n  background-size: 46px 46px;\n  mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 84%, transparent 100%);\n  opacity: .50;\n  pointer-events: none;\n}\n\n.sv-home-cover-wrap {\n  position: relative;\n  z-index: 2;\n  width: min(92%, 1280px);\n  margin: auto;\n}\n\n.sv-home-cover-content {\n  max-width: 980px;\n}\n\n\/* Eyebrow *\/\n.sv-home-cover-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.12);\n  border: 1px solid rgba(255,255,255,.18);\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 700;\n  backdrop-filter: blur(14px);\n  margin-bottom: 24px;\n  box-shadow: 0 18px 44px rgba(26,22,46,.18);\n}\n\n.sv-home-cover-eyebrow::before {\n  content: \"\";\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: #cccfee;\n  box-shadow: 0 0 0 7px rgba(204,207,238,.14);\n  animation: svPulseDot 2.4s ease-in-out infinite;\n}\n\n@keyframes svPulseDot {\n  0%, 100% {\n    box-shadow: 0 0 0 7px rgba(204,207,238,.14);\n  }\n  50% {\n    box-shadow: 0 0 0 12px rgba(204,207,238,.05);\n  }\n}\n\n.sv-home-cover h1 {\n  margin: 0 0 22px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(42px, 6.6vw, 86px);\n  line-height: .98;\n  letter-spacing: -.055em;\n  font-weight: 700;\n  color: #ffffff;\n  max-width: 1040px;\n  text-shadow: 0 24px 64px rgba(0,0,0,.24);\n}\n\n.sv-home-cover h1 .sv-home-cover-soft {\n  font-weight: 500;\n  opacity: .96;\n}\n\n.sv-home-cover-rotator {\n  position: relative;\n  display: inline-block;\n  color: #cccfee;\n  min-width: 0;\n}\n\n.sv-home-cover-rotator span {\n  display: inline-block;\n  animation: svWordFloat 5.5s ease-in-out infinite;\n}\n\n@keyframes svWordFloat {\n  0%, 100% {\n    transform: translateY(0);\n    filter: blur(0);\n    opacity: 1;\n  }\n  45% {\n    transform: translateY(-4px);\n    filter: blur(0);\n    opacity: 1;\n  }\n  55% {\n    transform: translateY(4px);\n    filter: blur(2px);\n    opacity: .45;\n  }\n  70% {\n    transform: translateY(0);\n    filter: blur(0);\n    opacity: 1;\n  }\n}\n\n.sv-home-cover-lead {\n  margin: 0 0 34px;\n  max-width: 720px;\n  color: rgba(255,255,255,.78);\n  font-size: 18px;\n  line-height: 1.78;\n}\n\n.sv-home-cover-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-bottom: 34px;\n}\n\n.sv-home-cover-btn {\n  min-height: 54px;\n  padding: 15px 24px;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 800;\n  transition: .28s ease;\n}\n\n.sv-home-cover-btn.primary {\n  background: #ffffff;\n  color: var(--sv-purple);\n  box-shadow: 0 20px 52px rgba(0,0,0,.22);\n}\n\n.sv-home-cover-btn.primary:hover {\n  background: #cccfee;\n  color: var(--sv-purple);\n  transform: translateY(-3px);\n}\n\n.sv-home-cover-btn.secondary {\n  background: rgba(255,255,255,.10);\n  color: #ffffff;\n  border: 1px solid rgba(255,255,255,.20);\n  backdrop-filter: blur(12px);\n}\n\n.sv-home-cover-btn.secondary:hover {\n  background: rgba(255,255,255,.16);\n  color: #ffffff;\n  transform: translateY(-3px);\n}\n\n\/* L\u00ednea editorial din\u00e1mica *\/\n.sv-home-cover-marquee {\n  position: relative;\n  width: min(100%, 860px);\n  overflow: hidden;\n  padding: 12px 0;\n  mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);\n}\n\n.sv-home-cover-marquee-track {\n  display: flex;\n  width: max-content;\n  gap: 18px;\n  animation: svMarquee 26s linear infinite;\n}\n\n.sv-home-cover-marquee:hover .sv-home-cover-marquee-track {\n  animation-play-state: paused;\n}\n\n.sv-home-cover-marquee span {\n  white-space: nowrap;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: .01em;\n  color: rgba(255,255,255,.78);\n}\n\n.sv-home-cover-marquee span::after {\n  content: \"\u2022\";\n  margin-left: 18px;\n  color: #cccfee;\n}\n\n@keyframes svMarquee {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-50%);\n  }\n}\n\n\/* Lado derecho *\/\n.sv-home-cover-side {\n  position: absolute;\n  z-index: 3;\n  right: min(6vw, 80px);\n  bottom: 92px;\n  width: min(360px, 33vw);\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n\/* Imagen superior *\/\n.sv-home-cover-visual {\n  position: relative;\n  overflow: hidden;\n  border-radius: 28px;\n  min-height: 220px;\n  border: 1px solid rgba(255,255,255,.15);\n  background: rgba(255,255,255,.10);\n  backdrop-filter: blur(14px);\n  box-shadow: 0 22px 54px rgba(0,0,0,.18);\n  animation: svNoteFloat 5s ease-in-out infinite;\n}\n\n.sv-home-cover-visual img {\n  width: 100%;\n  height: 100%;\n  min-height: 220px;\n  object-fit: cover;\n  display: block;\n}\n\n.sv-home-cover-visual::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(26,22,46,.58), rgba(26,22,46,.10));\n  pointer-events: none;\n}\n\n.sv-home-cover-visual-label {\n  position: absolute;\n  left: 18px;\n  bottom: 18px;\n  z-index: 2;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.14);\n  border: 1px solid rgba(255,255,255,.20);\n  backdrop-filter: blur(10px);\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\/* Nota inferior *\/\n.sv-home-cover-note {\n  width: 100%;\n  padding: 18px 20px;\n  border-radius: 24px;\n  background: rgba(255,255,255,.12);\n  border: 1px solid rgba(255,255,255,.16);\n  backdrop-filter: blur(16px);\n  box-shadow: 0 22px 54px rgba(0,0,0,.16);\n  animation: svNoteFloat 5s ease-in-out infinite;\n}\n\n.sv-home-cover-note strong {\n  display: block;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 19px;\n  line-height: 1.15;\n  letter-spacing: -.03em;\n  font-weight: 700;\n  color: #ffffff;\n  margin-bottom: 6px;\n}\n\n.sv-home-cover-note span {\n  display: block;\n  color: rgba(255,255,255,.72);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n@keyframes svNoteFloat {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-7px);\n  }\n}\n\n\/* Indicador scroll *\/\n.sv-home-cover-scroll {\n  position: absolute;\n  z-index: 3;\n  left: 50%;\n  bottom: 28px;\n  transform: translateX(-50%);\n  width: 34px;\n  height: 54px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,.30);\n  display: flex;\n  justify-content: center;\n  padding-top: 10px;\n  opacity: .85;\n}\n\n.sv-home-cover-scroll span {\n  width: 5px;\n  height: 9px;\n  border-radius: 999px;\n  background: #ffffff;\n  animation: svCoverScroll 1.8s ease-in-out infinite;\n}\n\n@keyframes svCoverScroll {\n  0%, 100% {\n    transform: translateY(0);\n    opacity: .55;\n  }\n  50% {\n    transform: translateY(14px);\n    opacity: 1;\n  }\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 980px) {\n  .sv-home-cover-side {\n    position: relative;\n    right: auto;\n    bottom: auto;\n    width: min(100%, 420px);\n    margin-top: 26px;\n  }\n}\n\n@media (max-width: 900px) {\n  .sv-home-cover {\n    min-height: auto;\n    margin-top: -105px;\n    padding: 160px 0 78px;\n    background-position: center;\n  }\n\n  .sv-home-cover h1 {\n    font-size: 42px;\n    letter-spacing: -.05em;\n  }\n\n  .sv-home-cover-lead {\n    font-size: 16px;\n    max-width: 620px;\n  }\n}\n\n@media (max-width: 640px) {\n  .sv-home-cover {\n    padding: 150px 0 74px;\n  }\n\n  .sv-home-cover-eyebrow {\n    font-size: 11px;\n    align-items: flex-start;\n  }\n\n  .sv-home-cover h1 {\n    font-size: 35px;\n  }\n\n  .sv-home-cover-lead {\n    font-size: 15px;\n  }\n\n  .sv-home-cover-actions {\n    flex-direction: column;\n  }\n\n  .sv-home-cover-btn {\n    width: 100%;\n  }\n\n  .sv-home-cover-marquee {\n    width: 100%;\n  }\n\n  .sv-home-cover-scroll {\n    display: none;\n  }\n\n  .sv-home-cover-visual {\n    min-height: 200px;\n  }\n\n  .sv-home-cover-visual img {\n    min-height: 200px;\n  }\n}\n<\/style>\n\n<section class=\"sv-home-cover\" id=\"inicio\">\n  <div class=\"sv-home-cover-bg\"><\/div>\n\n  <div class=\"sv-home-cover-wrap\">\n\n    <div class=\"sv-home-cover-content\">\n\n      <div class=\"sv-home-cover-eyebrow\">\n        StudioVainilla \u2014 Business Intelligence, Marketing & Digital Systems\n      <\/div>\n\n      <h1>\n        <span class=\"sv-home-cover-soft\">Hacemos que las marcas<\/span><br>\n        se vean mejor, <span class=\"sv-home-cover-rotator\"><span>vendan mejor<\/span><\/span><br>\n        y operen mejor.\n      <\/h1>\n\n      <p class=\"sv-home-cover-lead\">\n        Dise\u00f1amos estrategias, campa\u00f1as, identidades, sitios web y sistemas digitales para convertir negocios en estructuras m\u00e1s claras, profesionales y escalables.\n      <\/p>\n\n      <div class=\"sv-home-cover-actions\">\n        <a href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\" class=\"sv-home-cover-btn primary\">\n          Agendar asesor\u00eda\n        <\/a>\n\n        <a href=\"#soluciones\" class=\"sv-home-cover-btn secondary\">\n          Conocer soluciones\n        <\/a>\n      <\/div>\n\n      <div class=\"sv-home-cover-marquee\">\n        <div class=\"sv-home-cover-marquee-track\">\n          <span>Marketing estrat\u00e9gico<\/span>\n          <span>Branding profesional<\/span>\n          <span>Desarrollo web<\/span>\n          <span>Business Intelligence<\/span>\n          <span>Sistemas digitales<\/span>\n          <span>Automatizaci\u00f3n<\/span>\n          <span>Marketing estrat\u00e9gico<\/span>\n          <span>Branding profesional<\/span>\n          <span>Desarrollo web<\/span>\n          <span>Business Intelligence<\/span>\n          <span>Sistemas digitales<\/span>\n          <span>Automatizaci\u00f3n<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sv-home-cover-side\">\n\n      <div class=\"sv-home-cover-visual\">\n        <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Clientes-Contentos-StudioVainilla-Marketing.jpg\" alt=\"Equipo trabajando en estrategia y crecimiento\">\n        <div class=\"sv-home-cover-visual-label\">\n          Estrategia + creatividad + sistema\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-home-cover-note\">\n        <strong>M\u00e1s que servicios: estructura digital.<\/strong>\n        <span>Conectamos estrategia, dise\u00f1o, tecnolog\u00eda y operaci\u00f3n para impulsar negocios con visi\u00f3n de crecimiento.<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"sv-home-cover-scroll\">\n    <span><\/span>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35e360a e-con-full e-flex e-con e-parent\" data-id=\"35e360a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ed930df e-con-full e-flex e-con e-child\" data-id=\"ed930df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2623e4d elementor-widget elementor-widget-image-carousel\" data-id=\"2623e4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;10&quot;,&quot;slides_to_scroll&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;4&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;2&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;pause_on_hover&quot;:&quot;no&quot;,&quot;pause_on_interaction&quot;:&quot;no&quot;,&quot;autoplay_speed&quot;:1500,&quot;speed&quot;:300,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&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 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/canaco.png\" alt=\"canaco.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/BMW.png\" alt=\"BMW.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Create-Ikohs.png\" alt=\"Create-Ikohs.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Volkswagen.png\" alt=\"Volkswagen.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/MINI.png\" alt=\"MINI.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Ensomex.png\" alt=\"Ensomex.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/reduce-spa.png\" alt=\"reduce-spa.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Ocho-Veintiseis-StudioVainilla.png\" alt=\"Ocho-Veintiseis-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/euroquimica.png\" alt=\"euroquimica.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/ktm.png\" alt=\"ktm.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Grupo-SICEConsultores.png\" alt=\"Grupo-SICEConsultores.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/cuu-barbaro.png\" alt=\"cuu-barbaro.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Sotol-Hacienda-de-Chihuahua.png\" alt=\"Sotol-Hacienda-de-Chihuahua.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/mexico-barbaro.png\" alt=\"mexico-barbaro.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/SEAT.png\" alt=\"SEAT.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"16 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Harley-Davidson-Chihuahua.png\" alt=\"Harley-Davidson-Chihuahua.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"17 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/mmyme.png\" alt=\"mmyme.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"18 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Pelicargo-StudioVainilla.png\" alt=\"Pelicargo-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"19 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/monei.png\" alt=\"monei.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"20 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/motel-el-cine.png\" alt=\"motel-el-cine.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"21 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Betterware.png\" alt=\"Betterware.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"22 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/red-futuro.png\" alt=\"red-futuro.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"23 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Pelicargo-StudioVainilla-1.png\" alt=\"Pelicargo-StudioVainilla-1.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"24 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/libre-de-culpa.png\" alt=\"libre-de-culpa.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"25 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/row.png\" alt=\"row.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"26 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/soles.png\" alt=\"soles.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"27 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/LOGOS-01-scaled-1.png\" alt=\"LOGOS-01-scaled.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"28 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/vinos-y-licores.png\" alt=\"vinos-y-licores.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"29 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Cluster-medico-logos-04.png\" alt=\"Clu\u0301ster-me\u0301dico-logos-04.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"30 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Mucura.png\" alt=\"Mucura.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"31 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Interbandas-x-StudioVainilla.png\" alt=\"Interbandas-x-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"32 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Sombrero-Hamburguesas-StudioVainilla.png\" alt=\"Sombrero-Hamburguesas-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"33 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/KimaFood-x-StudioVainilla.png\" alt=\"KimaFood-x-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"34 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Sora-StudioVainilla.png\" alt=\"Sora-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"35 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Optek-StudioVainilla.png\" alt=\"Optek-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"36 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Stranger-Themes-StudioVainilla.png\" alt=\"Stranger-Themes-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"37 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Century-21-Excellence-StudioVainilla.png\" alt=\"Century-21-Excellence-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"38 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/7.png\" alt=\"7.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"39 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/6.png\" alt=\"6.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"40 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/5.png\" alt=\"5.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"41 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/3.png\" alt=\"3.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"42 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/2.png\" alt=\"2.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"43 de 43\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/1.png\" alt=\"1.png\" \/><\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5906df e-con-full e-flex e-con e-parent\" data-id=\"c5906df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e7d437 elementor-widget elementor-widget-html\" data-id=\"1e7d437\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');\n\n\/* =========================================================\n   STUDIOVAINILLA \u2014 HOME SERVICES SELECTOR\n   CSS COMPLETO CORREGIDO\n========================================================= *\/\n\n.sv-home-services,\n.sv-home-services *{\n  box-sizing:border-box;\n}\n\n.sv-home-services{\n  --sv-purple:#4f4784;\n  --sv-purple-dark:#1a162e;\n  --sv-lav:#f4f2fb;\n  --sv-lav-2:#ebe8f8;\n  --sv-text:#221d39;\n  --sv-soft:#6d6888;\n  --sv-border:rgba(79,71,132,.12);\n  --sv-white:#ffffff;\n\n  position:relative;\n  overflow:hidden;\n  padding:92px 0 100px;\n  background:\n    radial-gradient(circle at 10% 14%, rgba(79,71,132,.08), transparent 24%),\n    radial-gradient(circle at 88% 18%, rgba(79,71,132,.07), transparent 24%),\n    linear-gradient(180deg,#fcfbff 0%, #f5f3fb 100%);\n  font-family:'Poppins',sans-serif;\n  color:var(--sv-text);\n}\n\n.sv-home-services:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(79,71,132,.035) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(79,71,132,.035) 1px, transparent 1px);\n  background-size:44px 44px;\n  mask-image:linear-gradient(to bottom, transparent 0%, black 14%, black 88%, transparent 100%);\n  pointer-events:none;\n}\n\n.sv-home-services-wrap{\n  width:min(92%,1280px);\n  margin:auto;\n  position:relative;\n  z-index:2;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv-home-services-head{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:28px;\n  align-items:end;\n  margin-bottom:34px;\n}\n\n.sv-home-services-head-left{\n  max-width:760px;\n}\n\n.sv-home-services-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:10px 16px;\n  border-radius:999px;\n  background:rgba(79,71,132,.08);\n  border:1px solid rgba(79,71,132,.10);\n  color:var(--sv-purple);\n  font-size:12px;\n  font-weight:700;\n  margin-bottom:16px;\n}\n\n.sv-home-services-eyebrow:before{\n  content:\"\";\n  width:9px;\n  height:9px;\n  border-radius:50%;\n  background:var(--sv-purple);\n  box-shadow:0 0 0 7px rgba(79,71,132,.12);\n  animation:svServicesPulse 2.4s ease-in-out infinite;\n}\n\n@keyframes svServicesPulse{\n  0%,100%{\n    box-shadow:0 0 0 7px rgba(79,71,132,.12);\n  }\n  50%{\n    box-shadow:0 0 0 12px rgba(79,71,132,.04);\n  }\n}\n\n.sv-home-services-head h2{\n  margin:0 0 14px;\n  font-family:'Montserrat',sans-serif;\n  font-size:clamp(34px,4.8vw,62px);\n  line-height:1.02;\n  letter-spacing:-.045em;\n  font-weight:700;\n  color:var(--sv-purple-dark);\n}\n\n.sv-home-services-head h2 span{\n  color:var(--sv-purple);\n}\n\n.sv-home-services-head p{\n  margin:0;\n  max-width:720px;\n  font-size:16px;\n  line-height:1.8;\n  color:var(--sv-soft);\n}\n\n\/* =========================================================\n   HELP CARD\n========================================================= *\/\n\n.sv-home-services-help{\n  border:1px solid var(--sv-border);\n  border-radius:28px;\n  padding:22px;\n  background:rgba(255,255,255,.78);\n  backdrop-filter:blur(14px);\n  box-shadow:0 20px 52px rgba(26,22,46,.06);\n}\n\n.sv-home-services-help strong{\n  display:block;\n  margin:0 0 8px;\n  font-family:'Montserrat',sans-serif;\n  font-size:22px;\n  line-height:1.1;\n  letter-spacing:-.03em;\n  color:var(--sv-purple-dark);\n}\n\n.sv-home-services-help p{\n  margin:0 0 16px;\n  font-size:14px;\n  line-height:1.7;\n  color:var(--sv-soft);\n}\n\n.sv-home-services-help-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.sv-home-services-btn{\n  min-height:48px;\n  padding:13px 18px;\n  border-radius:999px;\n  text-decoration:none;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  font-size:13px;\n  font-weight:700;\n  transition:.28s ease;\n}\n\n.sv-home-services-btn.primary{\n  background:var(--sv-purple);\n  color:#fff;\n}\n\n.sv-home-services-btn.primary:hover{\n  background:var(--sv-purple-dark);\n  color:#fff;\n  transform:translateY(-3px);\n}\n\n.sv-home-services-btn.secondary{\n  background:#fff;\n  color:var(--sv-purple);\n  border:1px solid rgba(79,71,132,.14);\n}\n\n.sv-home-services-btn.secondary:hover{\n  background:var(--sv-lav);\n  color:var(--sv-purple);\n  transform:translateY(-3px);\n}\n\n\/* =========================================================\n   MAIN GRID\n========================================================= *\/\n\n.sv-home-services-grid{\n  display:grid;\n  grid-template-columns:380px minmax(0,1fr);\n  gap:26px;\n  align-items:stretch;\n  min-width:0;\n}\n\n\/* =========================================================\n   NAV \/ TABS CORREGIDAS\n========================================================= *\/\n\n.sv-home-services-nav{\n  display:grid;\n  gap:14px;\n  min-width:0;\n}\n\n.sv-home-service-tab{\n  appearance:none;\n  -webkit-appearance:none;\n  width:100%;\n  max-width:100%;\n  min-width:0;\n  border:none;\n  cursor:pointer;\n  text-align:left;\n  border-radius:26px;\n  padding:16px;\n  background:rgba(255,255,255,.86) !important;\n  border:1px solid rgba(79,71,132,.10) !important;\n  backdrop-filter:blur(12px);\n  box-shadow:0 16px 42px rgba(26,22,46,.05);\n  transition:.28s ease;\n  display:grid;\n  grid-template-columns:74px minmax(0,1fr);\n  gap:14px;\n  align-items:center;\n  overflow:hidden;\n}\n\n.sv-home-service-tab:hover{\n  transform:translateY(-4px);\n  box-shadow:0 20px 52px rgba(26,22,46,.08);\n  background:#ffffff !important;\n}\n\n.sv-home-service-tab.is-active{\n  background:linear-gradient(135deg, #4f4784 0%, #1a162e 100%) !important;\n  border-color:rgba(255,255,255,.14) !important;\n  box-shadow:0 24px 60px rgba(26,22,46,.16);\n}\n\n.sv-home-service-thumb{\n  width:74px;\n  height:74px;\n  border-radius:20px;\n  overflow:hidden;\n  position:relative;\n  flex-shrink:0;\n}\n\n.sv-home-service-thumb img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n}\n\n.sv-home-service-thumb:after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(to top, rgba(26,22,46,.24), rgba(26,22,46,.02));\n}\n\n.sv-home-service-tab-copy{\n  min-width:0;\n  max-width:100%;\n  overflow:hidden;\n}\n\n.sv-home-service-tab-copy strong{\n  display:block;\n  margin:0 0 6px;\n  font-family:'Montserrat',sans-serif;\n  font-size:clamp(18px, 1.5vw, 22px);\n  line-height:1.08;\n  letter-spacing:-.03em;\n  font-weight:700;\n  color:#1a162e !important;\n  white-space:normal;\n  overflow-wrap:break-word;\n}\n\n.sv-home-service-tab.is-active .sv-home-service-tab-copy strong{\n  color:#ffffff !important;\n}\n\n.sv-home-service-tab-copy span{\n  display:-webkit-box;\n  -webkit-line-clamp:2;\n  -webkit-box-orient:vertical;\n  max-width:100%;\n  overflow:hidden;\n  text-overflow:ellipsis;\n  font-size:13px;\n  line-height:1.48;\n  color:#6d6888 !important;\n}\n\n.sv-home-service-tab.is-active .sv-home-service-tab-copy span{\n  color:rgba(255,255,255,.76) !important;\n}\n\n.sv-home-service-tab,\n.sv-home-service-tab *{\n  word-break:normal;\n  overflow-wrap:break-word;\n}\n\n\/* =========================================================\n   STAGE \/ PANEL PRINCIPAL\n========================================================= *\/\n\n.sv-home-services-stage{\n  border-radius:34px;\n  overflow:hidden;\n  border:1px solid rgba(79,71,132,.10);\n  background:rgba(255,255,255,.78);\n  backdrop-filter:blur(14px);\n  box-shadow:0 26px 72px rgba(26,22,46,.08);\n  display:grid;\n  grid-template-columns:1.02fr .98fr;\n  min-height:690px;\n  min-width:0;\n}\n\n.sv-home-services-media{\n  position:relative;\n  overflow:hidden;\n  min-height:100%;\n  background:#ddd;\n}\n\n.sv-home-services-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n  transition:transform .7s ease;\n}\n\n.sv-home-services-stage:hover .sv-home-services-media img{\n  transform:scale(1.05);\n}\n\n.sv-home-services-media:after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(to top, rgba(26,22,46,.46), rgba(26,22,46,.10)),\n    linear-gradient(120deg, rgba(79,71,132,.14), rgba(79,71,132,.02));\n  pointer-events:none;\n}\n\n.sv-home-services-badge{\n  position:absolute;\n  top:22px;\n  left:22px;\n  z-index:3;\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 14px;\n  border-radius:999px;\n  background:rgba(255,255,255,.88);\n  border:1px solid rgba(255,255,255,.48);\n  backdrop-filter:blur(12px);\n  color:var(--sv-purple-dark);\n  font-size:12px;\n  font-weight:800;\n  box-shadow:0 18px 44px rgba(26,22,46,.10);\n}\n\n.sv-home-services-floating{\n  position:absolute;\n  z-index:3;\n  right:22px;\n  max-width:260px;\n  background:rgba(255,255,255,.92);\n  color:var(--sv-purple-dark);\n  border:1px solid rgba(79,71,132,.10);\n  border-radius:20px;\n  padding:12px 14px;\n  font-size:13px;\n  line-height:1.35;\n  font-weight:700;\n  box-shadow:0 16px 40px rgba(26,22,46,.10);\n  backdrop-filter:blur(10px);\n  animation:svFloatY 5.5s ease-in-out infinite;\n}\n\n.sv-home-services-floating.one{\n  top:28px;\n}\n\n.sv-home-services-floating.two{\n  bottom:28px;\n  right:auto;\n  left:22px;\n  animation-delay:.9s;\n}\n\n@keyframes svFloatY{\n  0%,100%{\n    transform:translateY(0);\n  }\n  50%{\n    transform:translateY(-8px);\n  }\n}\n\n\/* =========================================================\n   BODY \/ CONTENIDO\n========================================================= *\/\n\n.sv-home-services-body{\n  padding:34px 34px 30px;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  min-width:0;\n}\n\n.sv-home-services-body-top{\n  margin-bottom:20px;\n  min-width:0;\n}\n\n.sv-home-services-label{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:9px 14px;\n  border-radius:999px;\n  background:rgba(79,71,132,.08);\n  border:1px solid rgba(79,71,132,.10);\n  color:var(--sv-purple);\n  font-size:12px;\n  font-weight:800;\n  margin-bottom:16px;\n}\n\n.sv-home-services-body h3{\n  margin:0 0 12px;\n  font-family:'Montserrat',sans-serif;\n  font-size:clamp(32px,3.2vw,52px);\n  line-height:1.02;\n  letter-spacing:-.045em;\n  font-weight:700;\n  color:var(--sv-purple-dark);\n}\n\n.sv-home-services-body p{\n  margin:0 0 20px;\n  font-size:15px;\n  line-height:1.78;\n  color:var(--sv-soft);\n  max-width:620px;\n}\n\n.sv-home-services-chips{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-bottom:26px;\n}\n\n.sv-home-services-chip{\n  padding:10px 14px;\n  border-radius:999px;\n  background:#fff;\n  border:1px solid rgba(79,71,132,.10);\n  color:var(--sv-purple-dark);\n  font-size:12px;\n  font-weight:700;\n  box-shadow:0 10px 26px rgba(26,22,46,.04);\n}\n\n.sv-home-services-mini-cards{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:14px;\n  margin-bottom:26px;\n}\n\n.sv-home-services-mini-card{\n  border-radius:22px;\n  padding:18px;\n  background:linear-gradient(180deg,#ffffff 0%, #f7f5fd 100%);\n  border:1px solid rgba(79,71,132,.10);\n  box-shadow:0 12px 32px rgba(26,22,46,.04);\n}\n\n.sv-home-services-mini-card strong{\n  display:block;\n  margin:0 0 6px;\n  font-family:'Montserrat',sans-serif;\n  font-size:18px;\n  line-height:1.08;\n  letter-spacing:-.03em;\n  color:var(--sv-purple-dark);\n}\n\n.sv-home-services-mini-card span{\n  display:block;\n  font-size:13px;\n  line-height:1.58;\n  color:var(--sv-soft);\n}\n\n.sv-home-services-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:auto;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width:1180px){\n  .sv-home-services-grid{\n    grid-template-columns:1fr;\n  }\n\n  .sv-home-services-nav{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n\n@media (max-width:980px){\n  .sv-home-services-head{\n    grid-template-columns:1fr;\n  }\n\n  .sv-home-services-stage{\n    grid-template-columns:1fr;\n    min-height:auto;\n  }\n\n  .sv-home-services-media{\n    min-height:360px;\n  }\n}\n\n@media (max-width:768px){\n  .sv-home-services{\n    padding:78px 0 82px;\n  }\n\n  .sv-home-services-head h2{\n    font-size:34px;\n  }\n\n  .sv-home-services-head p{\n    font-size:15px;\n  }\n\n  .sv-home-services-nav{\n    display:flex;\n    gap:12px;\n    overflow-x:auto;\n    padding-bottom:6px;\n    scroll-snap-type:x mandatory;\n  }\n\n  .sv-home-services-nav::-webkit-scrollbar{\n    height:0;\n  }\n\n  .sv-home-service-tab{\n    min-width:290px;\n    max-width:290px;\n    grid-template-columns:64px minmax(0,1fr);\n    padding:14px;\n    scroll-snap-align:start;\n  }\n\n  .sv-home-service-thumb{\n    width:64px;\n    height:64px;\n    border-radius:18px;\n  }\n\n  .sv-home-service-tab-copy strong{\n    font-size:18px;\n  }\n\n  .sv-home-service-tab-copy span{\n    font-size:12px;\n    -webkit-line-clamp:2;\n  }\n\n  .sv-home-services-body{\n    padding:24px;\n  }\n\n  .sv-home-services-body h3{\n    font-size:32px;\n  }\n\n  .sv-home-services-media{\n    min-height:290px;\n  }\n\n  .sv-home-services-mini-cards{\n    grid-template-columns:1fr;\n  }\n\n  .sv-home-services-actions,\n  .sv-home-services-help-actions{\n    flex-direction:column;\n  }\n\n  .sv-home-services-btn{\n    width:100%;\n  }\n\n  .sv-home-services-floating{\n    font-size:12px;\n    padding:10px 12px;\n    max-width:220px;\n  }\n}\n\n@media (max-width:420px){\n  .sv-home-service-tab{\n    min-width:260px;\n    max-width:260px;\n    grid-template-columns:58px minmax(0,1fr);\n  }\n\n  .sv-home-service-thumb{\n    width:58px;\n    height:58px;\n  }\n\n  .sv-home-services-body h3{\n    font-size:28px;\n  }\n\n  .sv-home-services-floating{\n    display:none;\n  }\n}\n<\/style>\n<\/style>\n\n<section class=\"sv-home-services\" id=\"soluciones\">\n  <div class=\"sv-home-services-wrap\">\n\n    <div class=\"sv-home-services-head\">\n\n      <div class=\"sv-home-services-head-left\">\n        <div class=\"sv-home-services-eyebrow\">Explora lo que podemos construir para tu negocio<\/div>\n        <h2>\n          No vendemos piezas sueltas. <span>Construimos soluciones completas.<\/span>\n        <\/h2>\n        <p>\n          Elige la ruta que m\u00e1s te interesa y descubre c\u00f3mo StudioVainilla integra estrategia, dise\u00f1o, desarrollo,\n          infraestructura y sistemas digitales para ayudarte a crecer con m\u00e1s claridad, presencia y control operativo.\n        <\/p>\n      <\/div>\n\n      <div class=\"sv-home-services-help\">\n        <strong>\u00bfNo sabes por d\u00f3nde empezar?<\/strong>\n        <p>\n          Tambi\u00e9n podemos ayudarte a diagnosticar tu caso y recomendarte la combinaci\u00f3n correcta de servicios seg\u00fan tu momento actual.\n        <\/p>\n        <div class=\"sv-home-services-help-actions\">\n          <a href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\" class=\"sv-home-services-btn primary\" target=\"_blank\">\n            Ay\u00fadenme a elegir\n          <\/a>\n          <a href=\"https:\/\/s.vlla.mx\/WhatsApp\" class=\"sv-home-services-btn secondary\" target=\"_blank\">\n            Hablar por WhatsApp\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sv-home-services-grid\">\n\n      <!-- NAV -->\n      <div class=\"sv-home-services-nav\">\n\n        <button class=\"sv-home-service-tab is-active\" data-service=\"marketing\" type=\"button\">\n          <div class=\"sv-home-service-thumb\">\n            <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Marketing-Digital-by-StudioVainilla.jpg\" alt=\"Marketing Digital\">\n          <\/div>\n          <div class=\"sv-home-service-tab-copy\">\n            <strong>Marketing Digital<\/strong>\n            <span>Campa\u00f1as, pauta, contenido y estrategia para generar crecimiento.<\/span>\n          <\/div>\n        <\/button>\n\n        <button class=\"sv-home-service-tab\" data-service=\"web\" type=\"button\">\n          <div class=\"sv-home-service-thumb\">\n            <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Arquitectura-Web-StudioVainilla-scaled.jpg\" alt=\"Desarrollo Web\">\n          <\/div>\n          <div class=\"sv-home-service-tab-copy\">\n            <strong>Desarrollo Web<\/strong>\n            <span>Sitios, ecommerce, e-learning y plataformas listas para escalar.<\/span>\n          <\/div>\n        <\/button>\n\n        <button class=\"sv-home-service-tab\" data-service=\"branding\" type=\"button\">\n          <div class=\"sv-home-service-thumb\">\n            <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/color-palettes-on-digital-tablet-at-workplace-2026-01-07-06-33-21-utc.jpg\" alt=\"Branding\">\n          <\/div>\n          <div class=\"sv-home-service-tab-copy\">\n            <strong>Branding<\/strong>\n            <span>Identidad visual, brandbook, piezas y estructura de marca.<\/span>\n          <\/div>\n        <\/button>\n\n        <button class=\"sv-home-service-tab\" data-service=\"hosting\" type=\"button\">\n          <div class=\"sv-home-service-thumb\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?q=80&w=1000&auto=format&fit=crop\" alt=\"Servicios Web\">\n          <\/div>\n          <div class=\"sv-home-service-tab-copy\">\n            <strong>Servicios Web<\/strong>\n            <span>Dominios, hosting, correos y estabilidad t\u00e9cnica para tu operaci\u00f3n.<\/span>\n          <\/div>\n        <\/button>\n\n        <button class=\"sv-home-service-tab\" data-service=\"systems\" type=\"button\">\n          <div class=\"sv-home-service-thumb\">\n            <img decoding=\"async\" src=\"https:\/\/dapulse-res.cloudinary.com\/image\/upload\/f_auto,q_auto\/Generator_featured%20images\/Languages\/Spanish\/ES_board_manage_your_leads.png\" alt=\"monday.com y sistemas\">\n          <\/div>\n          <div class=\"sv-home-service-tab-copy\">\n            <strong>monday.com & Sistemas<\/strong>\n            <span>Procesos, tableros, seguimiento, automatizaci\u00f3n y control.<\/span>\n          <\/div>\n        <\/button>\n\n        <button class=\"sv-home-service-tab\" data-service=\"advisor\" type=\"button\">\n          <div class=\"sv-home-service-thumb\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?q=80&w=1000&auto=format&fit=crop\" alt=\"Ayuda para elegir\">\n          <\/div>\n          <div class=\"sv-home-service-tab-copy\">\n            <strong>No s\u00e9 qu\u00e9 necesito<\/strong>\n            <span>Te ayudamos a ordenar el panorama y proponer una ruta clara.<\/span>\n          <\/div>\n        <\/button>\n\n      <\/div>\n\n      <!-- STAGE -->\n      <div class=\"sv-home-services-stage\">\n\n        <div class=\"sv-home-services-media\">\n          <img decoding=\"async\" id=\"sv-home-service-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Marketing-Digital-by-StudioVainilla.jpg\" alt=\"Servicio StudioVainilla\">\n          <div class=\"sv-home-services-badge\" id=\"sv-home-service-badge\">Marketing Digital<\/div>\n          <div class=\"sv-home-services-floating one\" id=\"sv-home-service-float-1\">+ campa\u00f1as mejor estructuradas<\/div>\n          <div class=\"sv-home-services-floating two\" id=\"sv-home-service-float-2\">M\u00e1s claridad para crecer<\/div>\n        <\/div>\n\n        <div class=\"sv-home-services-body\">\n          <div class=\"sv-home-services-body-top\">\n            <div class=\"sv-home-services-label\" id=\"sv-home-service-label\">Ruta estrat\u00e9gica<\/div>\n            <h3 id=\"sv-home-service-title\">Marketing que atrae y genera crecimiento.<\/h3>\n            <p id=\"sv-home-service-text\">\n              Convertimos tu marketing en una estructura de comunicaci\u00f3n, captaci\u00f3n y seguimiento para que tu negocio deje de improvisar y empiece a crecer con intenci\u00f3n.\n            <\/p>\n\n            <div class=\"sv-home-services-chips\" id=\"sv-home-service-chips\"><\/div>\n\n            <div class=\"sv-home-services-mini-cards\" id=\"sv-home-service-cards\"><\/div>\n          <\/div>\n\n          <div class=\"sv-home-services-actions\">\n            <a id=\"sv-home-service-btn-primary\" href=\"https:\/\/studiovainilla.com\/marketing-digital\/\" class=\"sv-home-services-btn primary\">\n              Ver servicio\n            <\/a>\n            <a id=\"sv-home-service-btn-secondary\" href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\" class=\"sv-home-services-btn secondary\">\n              Quiero asesor\u00eda\n            <\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const serviceData = {\n    marketing: {\n      badge: 'Marketing Digital',\n      label: 'Atracci\u00f3n y posicionamiento',\n      title: 'Marketing que atrae y genera crecimiento.',\n      text: 'Dise\u00f1amos campa\u00f1as, contenidos, segmentaci\u00f3n y sistemas de seguimiento para ayudarte a comunicar mejor, captar oportunidades y convertir m\u00e1s con una operaci\u00f3n de marketing bien estructurada.',\n      image: 'https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/StudioVainilla-Entendimiento-de-Negocios-Marketing.jpg',\n      float1: '+ campa\u00f1as mejor estructuradas',\n      float2: 'Contenido + pauta + estrategia',\n      chips: [\n        'Campa\u00f1as publicitarias',\n        'Contenido estrat\u00e9gico',\n        'Segmentaci\u00f3n',\n        'Reels y anuncios',\n        'Automatizaci\u00f3n',\n        'Medici\u00f3n y KPIs'\n      ],\n      cards: [\n        {\n          title: 'M\u00e1s visibilidad',\n          text: 'Haz que tu marca llegue a la audiencia correcta.'\n        },\n        {\n          title: 'M\u00e1s conversi\u00f3n',\n          text: 'Conecta estrategia, mensaje y seguimiento.'\n        },\n        {\n          title: 'Menos improvisaci\u00f3n',\n          text: 'Tus acciones de marketing se vuelven sistema.'\n        },\n        {\n          title: 'M\u00e1s control',\n          text: 'Decide con datos y claridad operativa.'\n        }\n      ],\n      primaryHref: 'https:\/\/studiovainilla.com\/marketing-digital\/',\n      primaryText: 'Ver marketing digital',\n      secondaryHref: 'https:\/\/studiovainilla.com\/te-asesoramos-gratis\/',\n      secondaryText: 'Quiero asesor\u00eda'\n    },\n\n    web: {\n      badge: 'Desarrollo Web',\n      label: 'Web + sistema',\n      title: 'Plataformas que venden, informan y escalan contigo.',\n      text: 'Desarrollamos sitios web informativos, ecommerce, e-learning, CRMs y experiencias digitales que no solo se ven bien: tambi\u00e9n organizan mejor tu negocio y convierten m\u00e1s.',\n      image: 'https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?q=80&w=1600&auto=format&fit=crop',\n      float1: 'Web + operaci\u00f3n digital',\n      float2: 'Escalable y funcional',\n      chips: [\n        'Sitios informativos',\n        'Ecommerce',\n        'Plataformas educativas',\n        'CRMs',\n        'Landing pages',\n        'Integraciones'\n      ],\n      cards: [\n        {\n          title: 'M\u00e1s confianza',\n          text: 'Tu presencia digital se ve profesional y s\u00f3lida.'\n        },\n        {\n          title: 'M\u00e1s conversi\u00f3n',\n          text: 'Dise\u00f1ada para guiar al usuario hacia la acci\u00f3n.'\n        },\n        {\n          title: 'M\u00e1s orden',\n          text: 'Tu web deja de ser un folleto y se vuelve herramienta.'\n        },\n        {\n          title: 'M\u00e1s escalabilidad',\n          text: 'Lista para crecer contigo y con tu operaci\u00f3n.'\n        }\n      ],\n      primaryHref: 'https:\/\/studiovainilla.com\/desarrollo-web\/',\n      primaryText: 'Ver desarrollo web',\n      secondaryHref: 'https:\/\/studiovainilla.com\/te-asesoramos-gratis\/',\n      secondaryText: 'Quiero asesor\u00eda'\n    },\n\n    branding: {\n      badge: 'Branding',\n      label: 'Identidad y percepci\u00f3n',\n      title: 'Branding que posiciona y hace memorable tu marca.',\n      text: 'Creamos identidades visuales, brandbooks, piezas y sistemas de marca que transmiten valor, coherencia y profesionalismo. No es solo dise\u00f1o: es c\u00f3mo te perciben.',\n      image: 'https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Branding-Brandbook-Identidas-de-Marca-StudioVainillla.jpg',\n      float1: 'Identidad con estructura',\n      float2: 'Brandbook + entregables',\n      chips: [\n        'Naming',\n        'Logo e identidad',\n        'Brandbook',\n        'Aplicaciones',\n        'Piezas visuales',\n        'Vainilla Cloud'\n      ],\n      cards: [\n        {\n          title: 'M\u00e1s coherencia',\n          text: 'Toda tu marca habla el mismo lenguaje visual.'\n        },\n        {\n          title: 'M\u00e1s valor percibido',\n          text: 'Tu identidad transmite profesionalismo real.'\n        },\n        {\n          title: 'M\u00e1s orden',\n          text: 'Tus archivos y lineamientos quedan estructurados.'\n        },\n        {\n          title: 'M\u00e1s permanencia',\n          text: 'Una marca pensada para crecer y sostenerse.'\n        }\n      ],\n      primaryHref: 'https:\/\/studiovainilla.com\/branding\/',\n      primaryText: 'Ver branding',\n      secondaryHref: 'https:\/\/studiovainilla.com\/te-asesoramos-gratis\/',\n      secondaryText: 'Quiero asesor\u00eda'\n    },\n\n    hosting: {\n      badge: 'Servicios Web',\n      label: 'Infraestructura y estabilidad',\n      title: 'La parte t\u00e9cnica que sostiene tu operaci\u00f3n digital.',\n      text: 'Te ayudamos con dominios, hospedaje, correos corporativos, respaldos y estabilidad web para que tu presencia digital no solo exista, sino que funcione con seguridad y continuidad.',\n      image: 'https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?q=80&w=1600&auto=format&fit=crop',\n      float1: 'Hosting + dominios',\n      float2: 'Respaldo y seguridad',\n      chips: [\n        'Hospedaje web',\n        'Dominios',\n        'Correos corporativos',\n        'SSL',\n        'Respaldos',\n        'Soporte t\u00e9cnico'\n      ],\n      cards: [\n        {\n          title: 'M\u00e1s estabilidad',\n          text: 'Tu web y correos con mejor soporte y continuidad.'\n        },\n        {\n          title: 'M\u00e1s confianza',\n          text: 'Infraestructura t\u00e9cnica alineada a tu negocio.'\n        },\n        {\n          title: 'M\u00e1s seguridad',\n          text: 'Protecci\u00f3n, respaldos y mejores pr\u00e1cticas.'\n        },\n        {\n          title: 'Menos fricci\u00f3n',\n          text: 'Todo m\u00e1s claro, centralizado y funcional.'\n        }\n      ],\n      primaryHref: 'https:\/\/studiovainilla.com\/serviciosweb\/',\n      primaryText: 'Ver servicios web',\n      secondaryHref: 'https:\/\/studiovainilla.com\/te-asesoramos-gratis\/',\n      secondaryText: 'Quiero asesor\u00eda'\n    },\n\n    systems: {\n      badge: 'monday.com & Sistemas',\n      label: 'Control y operaci\u00f3n',\n      title: 'Tus procesos tambi\u00e9n necesitan dise\u00f1o y estructura.',\n      text: 'Implementamos monday.com y otros sistemas digitales para ordenar tareas, equipos, seguimiento, m\u00e9tricas y operaci\u00f3n. As\u00ed tu negocio gana control, visibilidad y capacidad de escalar.',\n      image: 'https:\/\/dapulse-res.cloudinary.com\/image\/upload\/f_auto,q_auto\/Generator_featured%20images\/Languages\/Spanish\/ES_board_manage_your_leads.png',\n      float1: 'Procesos m\u00e1s claros',\n      float2: 'Seguimiento en tiempo real',\n      chips: [\n        'monday.com',\n        'Tableros operativos',\n        'Automatizaciones',\n        'Dashboards',\n        'Seguimiento de leads',\n        'Estructura interna'\n      ],\n      cards: [\n        {\n          title: 'M\u00e1s control',\n          text: 'Sabes qu\u00e9 est\u00e1 pasando y qu\u00e9 sigue.'\n        },\n        {\n          title: 'M\u00e1s eficiencia',\n          text: 'Menos caos operativo y m\u00e1s seguimiento real.'\n        },\n        {\n          title: 'M\u00e1s visibilidad',\n          text: 'Tu equipo y tus procesos se vuelven medibles.'\n        },\n        {\n          title: 'M\u00e1s escalabilidad',\n          text: 'Tu operaci\u00f3n puede crecer sin perder orden.'\n        }\n      ],\n      primaryHref: 'https:\/\/studiovainilla.com\/monday\/',\n      primaryText: 'Ver monday.com',\n      secondaryHref: 'https:\/\/studiovainilla.com\/te-asesoramos-gratis\/',\n      secondaryText: 'Quiero asesor\u00eda'\n    },\n\n    advisor: {\n      badge: 'Asesor\u00eda estrat\u00e9gica',\n      label: 'Diagn\u00f3stico y recomendaci\u00f3n',\n      title: 'Si no sabes qu\u00e9 necesitas, nosotros te ayudamos a entenderlo.',\n      text: 'Muchas veces el problema no es \u201cfalta de marketing\u201d o \u201cfalta de web\u201d, sino una estructura digital incompleta. Diagnosticamos tu caso y te proponemos una ruta clara para avanzar sin perder tiempo ni dinero.',\n      image: 'https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?q=80&w=1600&auto=format&fit=crop',\n      float1: 'Diagn\u00f3stico inicial',\n      float2: 'Ruta recomendada',\n      chips: [\n        'An\u00e1lisis de negocio',\n        'Arquitectura digital',\n        'Prioridades claras',\n        'Ruta de servicios',\n        'Asesor\u00eda inicial',\n        'Visi\u00f3n integral'\n      ],\n      cards: [\n        {\n          title: 'M\u00e1s claridad',\n          text: 'Identificamos qu\u00e9 s\u00ed necesitas y qu\u00e9 no.'\n        },\n        {\n          title: 'M\u00e1s foco',\n          text: 'Ordenamos prioridades para avanzar mejor.'\n        },\n        {\n          title: 'M\u00e1s confianza',\n          text: 'Tomas decisiones con una ruta estructurada.'\n        },\n        {\n          title: 'Menos desgaste',\n          text: 'Evitas improvisar o invertir en lo incorrecto.'\n        }\n      ],\n      primaryHref: 'https:\/\/studiovainilla.com\/te-asesoramos-gratis\/',\n      primaryText: 'Agendar asesor\u00eda',\n      secondaryHref: 'https:\/\/s.vlla.mx\/WhatsApp',\n      secondaryText: 'Hablar por WhatsApp'\n    }\n  };\n\n  const tabs = document.querySelectorAll('.sv-home-service-tab');\n\n  const badge = document.getElementById('sv-home-service-badge');\n  const label = document.getElementById('sv-home-service-label');\n  const title = document.getElementById('sv-home-service-title');\n  const text = document.getElementById('sv-home-service-text');\n  const image = document.getElementById('sv-home-service-image');\n  const float1 = document.getElementById('sv-home-service-float-1');\n  const float2 = document.getElementById('sv-home-service-float-2');\n  const chipsWrap = document.getElementById('sv-home-service-chips');\n  const cardsWrap = document.getElementById('sv-home-service-cards');\n  const btnPrimary = document.getElementById('sv-home-service-btn-primary');\n  const btnSecondary = document.getElementById('sv-home-service-btn-secondary');\n\n  function renderService(key){\n    const item = serviceData[key];\n    if(!item) return;\n\n    badge.textContent = item.badge;\n    label.textContent = item.label;\n    title.textContent = item.title;\n    text.textContent = item.text;\n    image.src = item.image;\n    image.alt = item.badge;\n    float1.textContent = item.float1;\n    float2.textContent = item.float2;\n\n    chipsWrap.innerHTML = '';\n    item.chips.forEach(chip => {\n      const el = document.createElement('span');\n      el.className = 'sv-home-services-chip';\n      el.textContent = chip;\n      chipsWrap.appendChild(el);\n    });\n\n    cardsWrap.innerHTML = '';\n    item.cards.forEach(card => {\n      const el = document.createElement('div');\n      el.className = 'sv-home-services-mini-card';\n      el.innerHTML = '<strong>' + card.title + '<\/strong><span>' + card.text + '<\/span>';\n      cardsWrap.appendChild(el);\n    });\n\n    btnPrimary.href = item.primaryHref;\n    btnPrimary.textContent = item.primaryText;\n\n    btnSecondary.href = item.secondaryHref;\n    btnSecondary.textContent = item.secondaryText;\n  }\n\n  tabs.forEach(tab => {\n    tab.addEventListener('click', function(){\n      tabs.forEach(t => t.classList.remove('is-active'));\n      this.classList.add('is-active');\n      renderService(this.dataset.service);\n    });\n  });\n\n  renderService('marketing');\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4be4291 e-con-full e-flex e-con e-parent\" data-id=\"4be4291\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c84e62e elementor-widget elementor-widget-html\" data-id=\"c84e62e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');\n\n\/* =========================================================\n   STUDIOVAINILLA \u2014 HOME PROCESS \/ DIGITAL SYSTEM FLOW\n========================================================= *\/\n\n.sv-home-process,\n.sv-home-process *{\n  box-sizing:border-box;\n}\n\n.sv-home-process{\n  --sv-purple:#4f4784;\n  --sv-purple-dark:#1a162e;\n  --sv-lav:#cccfee;\n  --sv-soft:#6d6888;\n  --sv-white:#ffffff;\n  --sv-border:rgba(255,255,255,.16);\n\n  position:relative;\n  overflow:hidden;\n  padding:110px 0 118px;\n  font-family:'Poppins',sans-serif;\n  color:#ffffff;\n  background:\n    linear-gradient(135deg, rgba(26,22,46,.96), rgba(79,71,132,.90)),\n    url('https:\/\/images.unsplash.com\/photo-1517048676732-d65bc937f952?q=80&w=1900&auto=format&fit=crop');\n  background-size:cover;\n  background-position:center;\n}\n\n.sv-home-process:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(to bottom, rgba(26,22,46,.70), rgba(26,22,46,.92)),\n    radial-gradient(circle at 14% 20%, rgba(255,255,255,.16), transparent 26%),\n    radial-gradient(circle at 82% 78%, rgba(204,207,238,.22), transparent 28%);\n  pointer-events:none;\n}\n\n.sv-home-process:after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);\n  background-size:46px 46px;\n  mask-image:linear-gradient(to bottom, transparent 0%, black 18%, black 86%, transparent 100%);\n  pointer-events:none;\n  opacity:.55;\n}\n\n.sv-home-process-wrap{\n  width:min(92%,1280px);\n  margin:auto;\n  position:relative;\n  z-index:2;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.sv-home-process-head{\n  display:grid;\n  grid-template-columns:1.08fr .92fr;\n  gap:34px;\n  align-items:end;\n  margin-bottom:46px;\n}\n\n.sv-home-process-copy{\n  max-width:780px;\n}\n\n.sv-home-process-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:10px 16px;\n  border-radius:999px;\n  background:rgba(255,255,255,.12);\n  border:1px solid rgba(255,255,255,.18);\n  backdrop-filter:blur(14px);\n  color:#ffffff;\n  font-size:12px;\n  font-weight:700;\n  margin-bottom:18px;\n}\n\n.sv-home-process-eyebrow:before{\n  content:\"\";\n  width:9px;\n  height:9px;\n  border-radius:50%;\n  background:#cccfee;\n  box-shadow:0 0 0 7px rgba(204,207,238,.12);\n  animation:svProcessPulse 2.4s ease-in-out infinite;\n}\n\n@keyframes svProcessPulse{\n  0%,100%{\n    box-shadow:0 0 0 7px rgba(204,207,238,.12);\n  }\n  50%{\n    box-shadow:0 0 0 12px rgba(204,207,238,.04);\n  }\n}\n\n.sv-home-process h2{\n  margin:0 0 16px;\n  font-family:'Montserrat',sans-serif;\n  font-size:clamp(36px,5vw,66px);\n  line-height:1.02;\n  letter-spacing:-.055em;\n  font-weight:700;\n  color:#ffffff;\n  text-shadow:0 22px 58px rgba(0,0,0,.18);\n}\n\n.sv-home-process h2 span{\n  color:#cccfee;\n}\n\n.sv-home-process-copy p{\n  margin:0;\n  max-width:700px;\n  color:rgba(255,255,255,.76);\n  font-size:16px;\n  line-height:1.78;\n}\n\n.sv-home-process-summary{\n  position:relative;\n  padding:24px;\n  border-radius:30px;\n  background:rgba(255,255,255,.12);\n  border:1px solid rgba(255,255,255,.16);\n  backdrop-filter:blur(16px);\n  box-shadow:0 24px 60px rgba(0,0,0,.14);\n}\n\n.sv-home-process-summary strong{\n  display:block;\n  margin-bottom:8px;\n  font-family:'Montserrat',sans-serif;\n  font-size:24px;\n  line-height:1.1;\n  letter-spacing:-.035em;\n  color:#ffffff;\n}\n\n.sv-home-process-summary span{\n  display:block;\n  color:rgba(255,255,255,.72);\n  font-size:14px;\n  line-height:1.65;\n}\n\n\/* =========================================================\n   MAIN GRID\n========================================================= *\/\n\n.sv-home-process-grid{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:30px;\n  align-items:stretch;\n}\n\n\/* LEFT VISUAL *\/\n.sv-home-process-visual{\n  position:relative;\n  min-height:660px;\n  border-radius:38px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.16);\n  box-shadow:0 34px 90px rgba(0,0,0,.22);\n  background:\n    linear-gradient(to top, rgba(26,22,46,.70), rgba(26,22,46,.10)),\n    url('https:\/\/images.unsplash.com\/photo-1556761175-4b46a572b786?q=80&w=1600&auto=format&fit=crop');\n  background-size:cover;\n  background-position:center;\n}\n\n.sv-home-process-visual:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 76% 18%, rgba(255,255,255,.22), transparent 22%),\n    linear-gradient(135deg, rgba(79,71,132,.20), transparent 48%);\n  pointer-events:none;\n}\n\n.sv-home-process-visual-card{\n  position:absolute;\n  left:24px;\n  right:24px;\n  bottom:24px;\n  z-index:2;\n  padding:22px;\n  border-radius:28px;\n  background:rgba(255,255,255,.88);\n  border:1px solid rgba(255,255,255,.50);\n  backdrop-filter:blur(16px);\n  color:#1a162e;\n  box-shadow:0 24px 60px rgba(0,0,0,.16);\n}\n\n.sv-home-process-visual-card small{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  margin-bottom:10px;\n  color:#4f4784;\n  font-size:12px;\n  font-weight:800;\n}\n\n.sv-home-process-visual-card small:before{\n  content:\"\";\n  width:8px;\n  height:8px;\n  border-radius:999px;\n  background:#4f4784;\n}\n\n.sv-home-process-visual-card strong{\n  display:block;\n  margin-bottom:8px;\n  font-family:'Montserrat',sans-serif;\n  font-size:30px;\n  line-height:1.04;\n  letter-spacing:-.045em;\n  color:#1a162e;\n}\n\n.sv-home-process-visual-card span{\n  display:block;\n  color:#6d6888;\n  font-size:14px;\n  line-height:1.65;\n}\n\n.sv-home-process-floating{\n  position:absolute;\n  z-index:3;\n  padding:13px 15px;\n  border-radius:999px;\n  background:rgba(255,255,255,.90);\n  border:1px solid rgba(255,255,255,.50);\n  color:#4f4784;\n  font-size:13px;\n  font-weight:800;\n  box-shadow:0 18px 42px rgba(0,0,0,.14);\n  backdrop-filter:blur(12px);\n  animation:svProcessFloat 5.2s ease-in-out infinite;\n}\n\n.sv-home-process-floating.one{\n  top:28px;\n  left:24px;\n}\n\n.sv-home-process-floating.two{\n  top:92px;\n  right:24px;\n  animation-delay:.7s;\n}\n\n.sv-home-process-floating.three{\n  bottom:210px;\n  right:28px;\n  animation-delay:1.2s;\n}\n\n@keyframes svProcessFloat{\n  0%,100%{\n    transform:translateY(0);\n  }\n  50%{\n    transform:translateY(-8px);\n  }\n}\n\n\/* RIGHT FLOW *\/\n.sv-home-process-flow{\n  position:relative;\n  display:grid;\n  gap:18px;\n}\n\n.sv-home-process-line{\n  position:absolute;\n  left:37px;\n  top:32px;\n  bottom:32px;\n  width:2px;\n  background:linear-gradient(to bottom, rgba(204,207,238,.10), rgba(204,207,238,.70), rgba(204,207,238,.10));\n  overflow:hidden;\n}\n\n.sv-home-process-line:before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:-30%;\n  width:100%;\n  height:30%;\n  background:#ffffff;\n  box-shadow:0 0 18px rgba(255,255,255,.72);\n  animation:svProcessLine 3.8s ease-in-out infinite;\n}\n\n@keyframes svProcessLine{\n  0%{\n    top:-30%;\n  }\n  100%{\n    top:105%;\n  }\n}\n\n.sv-home-process-step{\n  position:relative;\n  display:grid;\n  grid-template-columns:76px minmax(0,1fr);\n  gap:18px;\n  align-items:stretch;\n}\n\n.sv-home-process-number{\n  position:relative;\n  z-index:2;\n  width:76px;\n  height:76px;\n  border-radius:24px;\n  background:rgba(255,255,255,.13);\n  border:1px solid rgba(255,255,255,.18);\n  backdrop-filter:blur(14px);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-family:'Montserrat',sans-serif;\n  font-size:26px;\n  line-height:1;\n  font-weight:800;\n  color:#ffffff;\n  box-shadow:0 18px 40px rgba(0,0,0,.12);\n}\n\n.sv-home-process-card{\n  position:relative;\n  overflow:hidden;\n  min-height:132px;\n  border-radius:30px;\n  padding:22px 24px;\n  background:rgba(255,255,255,.92);\n  border:1px solid rgba(255,255,255,.45);\n  box-shadow:0 24px 64px rgba(0,0,0,.14);\n  color:#1a162e;\n  transition:.28s ease;\n}\n\n.sv-home-process-card:hover{\n  transform:translateY(-5px);\n  box-shadow:0 34px 82px rgba(0,0,0,.18);\n}\n\n.sv-home-process-card:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 92% 14%, rgba(79,71,132,.10), transparent 26%),\n    linear-gradient(135deg, rgba(255,255,255,.90), rgba(246,244,252,.84));\n  pointer-events:none;\n}\n\n.sv-home-process-card-content{\n  position:relative;\n  z-index:2;\n}\n\n.sv-home-process-card small{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  margin-bottom:9px;\n  color:#4f4784;\n  font-size:11px;\n  font-weight:900;\n  text-transform:uppercase;\n  letter-spacing:.04em;\n}\n\n.sv-home-process-card small:before{\n  content:\"\";\n  width:7px;\n  height:7px;\n  border-radius:999px;\n  background:#4f4784;\n}\n\n.sv-home-process-card strong{\n  display:block;\n  margin-bottom:7px;\n  font-family:'Montserrat',sans-serif;\n  font-size:26px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n  color:#1a162e;\n}\n\n.sv-home-process-card span{\n  display:block;\n  color:#6d6888;\n  font-size:14px;\n  line-height:1.65;\n}\n\n\/* CTA *\/\n.sv-home-process-cta{\n  margin-top:34px;\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:18px;\n  align-items:center;\n  padding:26px;\n  border-radius:32px;\n  background:rgba(255,255,255,.12);\n  border:1px solid rgba(255,255,255,.16);\n  backdrop-filter:blur(16px);\n  box-shadow:0 24px 64px rgba(0,0,0,.14);\n}\n\n.sv-home-process-cta strong{\n  display:block;\n  font-family:'Montserrat',sans-serif;\n  font-size:28px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n  color:#ffffff;\n  margin-bottom:6px;\n}\n\n.sv-home-process-cta span{\n  display:block;\n  max-width:760px;\n  color:rgba(255,255,255,.72);\n  font-size:14px;\n  line-height:1.65;\n}\n\n.sv-home-process-btn{\n  min-height:52px;\n  padding:14px 22px;\n  border-radius:999px;\n  background:#ffffff;\n  color:#4f4784;\n  text-decoration:none;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  font-size:14px;\n  font-weight:800;\n  white-space:nowrap;\n  box-shadow:0 20px 48px rgba(0,0,0,.18);\n  transition:.28s ease;\n}\n\n.sv-home-process-btn:hover{\n  transform:translateY(-3px);\n  background:#cccfee;\n  color:#4f4784;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width:1100px){\n  .sv-home-process-head,\n  .sv-home-process-grid{\n    grid-template-columns:1fr;\n  }\n\n  .sv-home-process-visual{\n    min-height:520px;\n  }\n\n  .sv-home-process-summary{\n    max-width:760px;\n  }\n}\n\n@media (max-width:820px){\n  .sv-home-process{\n    padding:84px 0 90px;\n  }\n\n  .sv-home-process h2{\n    font-size:38px;\n  }\n\n  .sv-home-process-copy p{\n    font-size:15px;\n  }\n\n  .sv-home-process-visual{\n    min-height:440px;\n    border-radius:30px;\n  }\n\n  .sv-home-process-floating{\n    font-size:12px;\n    padding:11px 13px;\n  }\n\n  .sv-home-process-floating.three{\n    display:none;\n  }\n\n  .sv-home-process-step{\n    grid-template-columns:58px minmax(0,1fr);\n    gap:14px;\n  }\n\n  .sv-home-process-line{\n    left:29px;\n  }\n\n  .sv-home-process-number{\n    width:58px;\n    height:58px;\n    border-radius:18px;\n    font-size:20px;\n  }\n\n  .sv-home-process-card{\n    border-radius:24px;\n    padding:20px;\n    min-height:auto;\n  }\n\n  .sv-home-process-card strong{\n    font-size:22px;\n  }\n\n  .sv-home-process-cta{\n    grid-template-columns:1fr;\n    padding:22px;\n    border-radius:28px;\n  }\n\n  .sv-home-process-btn{\n    width:100%;\n  }\n}\n\n@media (max-width:560px){\n  .sv-home-process{\n    padding:76px 0 82px;\n  }\n\n  .sv-home-process-head{\n    margin-bottom:32px;\n  }\n\n  .sv-home-process h2{\n    font-size:33px;\n    letter-spacing:-.045em;\n  }\n\n  .sv-home-process-eyebrow{\n    font-size:11px;\n    align-items:flex-start;\n  }\n\n  .sv-home-process-summary{\n    padding:20px;\n    border-radius:24px;\n  }\n\n  .sv-home-process-summary strong{\n    font-size:21px;\n  }\n\n  .sv-home-process-visual{\n    min-height:390px;\n    border-radius:26px;\n  }\n\n  .sv-home-process-visual-card{\n    left:16px;\n    right:16px;\n    bottom:16px;\n    padding:18px;\n    border-radius:22px;\n  }\n\n  .sv-home-process-visual-card strong{\n    font-size:24px;\n  }\n\n  .sv-home-process-floating.one{\n    top:16px;\n    left:16px;\n  }\n\n  .sv-home-process-floating.two{\n    top:70px;\n    right:16px;\n  }\n\n  .sv-home-process-flow{\n    gap:14px;\n  }\n\n  .sv-home-process-step{\n    grid-template-columns:1fr;\n    gap:10px;\n  }\n\n  .sv-home-process-line{\n    display:none;\n  }\n\n  .sv-home-process-number{\n    width:52px;\n    height:52px;\n  }\n\n  .sv-home-process-card small{\n    font-size:10px;\n  }\n\n  .sv-home-process-card strong{\n    font-size:21px;\n  }\n\n  .sv-home-process-card span{\n    font-size:13px;\n  }\n\n  .sv-home-process-cta strong{\n    font-size:24px;\n  }\n}\n<\/style>\n\n<section class=\"sv-home-process\" id=\"metodo\">\n  <div class=\"sv-home-process-wrap\">\n\n    <div class=\"sv-home-process-head\">\n\n      <div class=\"sv-home-process-copy\">\n        <div class=\"sv-home-process-eyebrow\">As\u00ed trabajamos contigo<\/div>\n\n        <h2>\n          Convertimos necesidades sueltas en <span>una ruta digital clara.<\/span>\n        <\/h2>\n\n        <p>\n          Antes de dise\u00f1ar, publicar o programar, entendemos qu\u00e9 necesita lograr tu negocio. Despu\u00e9s estructuramos la soluci\u00f3n correcta para que cada pieza tenga sentido dentro de un sistema.\n        <\/p>\n      <\/div>\n\n      <div class=\"sv-home-process-summary\">\n        <strong>Del diagn\u00f3stico a la implementaci\u00f3n.<\/strong>\n        <span>\n          La diferencia no est\u00e1 solo en ejecutar bien, sino en saber qu\u00e9 construir primero, qu\u00e9 conectar despu\u00e9s y c\u00f3mo medir si realmente est\u00e1 funcionando.\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sv-home-process-grid\">\n\n      <!-- LEFT IMAGE -->\n      <div class=\"sv-home-process-visual\">\n\n        <div class=\"sv-home-process-floating one\">Estrategia<\/div>\n        <div class=\"sv-home-process-floating two\">Dise\u00f1o + tecnolog\u00eda<\/div>\n        <div class=\"sv-home-process-floating three\">Medici\u00f3n<\/div>\n\n        <div class=\"sv-home-process-visual-card\">\n          <small>StudioVainilla System<\/small>\n          <strong>Una ruta construida para tu etapa de negocio.<\/strong>\n          <span>\n            No todos necesitan lo mismo. Por eso dise\u00f1amos una soluci\u00f3n que responde al momento real de tu empresa.\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n      <!-- RIGHT FLOW -->\n      <div class=\"sv-home-process-flow\">\n\n        <div class=\"sv-home-process-line\"><\/div>\n\n        <div class=\"sv-home-process-step\">\n          <div class=\"sv-home-process-number\">01<\/div>\n          <div class=\"sv-home-process-card\">\n            <div class=\"sv-home-process-card-content\">\n              <small>Diagn\u00f3stico<\/small>\n              <strong>Entendemos tu negocio antes de proponer.<\/strong>\n              <span>\n                Revisamos objetivos, dolores, procesos, presencia digital y oportunidades para saber qu\u00e9 est\u00e1 frenando tu crecimiento.\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"sv-home-process-step\">\n          <div class=\"sv-home-process-number\">02<\/div>\n          <div class=\"sv-home-process-card\">\n            <div class=\"sv-home-process-card-content\">\n              <small>Arquitectura<\/small>\n              <strong>Dise\u00f1amos una estructura, no una lista de tareas.<\/strong>\n              <span>\n                Definimos qu\u00e9 necesita tu ecosistema: marca, web, marketing, infraestructura, automatizaci\u00f3n o sistemas de operaci\u00f3n.\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"sv-home-process-step\">\n          <div class=\"sv-home-process-number\">03<\/div>\n          <div class=\"sv-home-process-card\">\n            <div class=\"sv-home-process-card-content\">\n              <small>Ejecuci\u00f3n<\/small>\n              <strong>Creamos piezas conectadas entre s\u00ed.<\/strong>\n              <span>\n                Desarrollamos campa\u00f1as, contenidos, sitios, plataformas, identidades, flujos o configuraciones que trabajan con coherencia.\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"sv-home-process-step\">\n          <div class=\"sv-home-process-number\">04<\/div>\n          <div class=\"sv-home-process-card\">\n            <div class=\"sv-home-process-card-content\">\n              <small>Medici\u00f3n<\/small>\n              <strong>Convertimos resultados en decisiones.<\/strong>\n              <span>\n                Analizamos desempe\u00f1o, comportamiento, avances y oportunidades para mejorar la estrategia con informaci\u00f3n real.\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"sv-home-process-step\">\n          <div class=\"sv-home-process-number\">05<\/div>\n          <div class=\"sv-home-process-card\">\n            <div class=\"sv-home-process-card-content\">\n              <small>Optimizaci\u00f3n<\/small>\n              <strong>Ajustamos el sistema para que siga creciendo.<\/strong>\n              <span>\n                Mejoramos procesos, campa\u00f1as, interfaces, mensajes y estructuras para que tu ecosistema digital evolucione contigo.\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sv-home-process-cta\">\n      <div>\n        <strong>\u00bfQuieres saber qu\u00e9 ruta necesita tu negocio?<\/strong>\n        <span>\n          Agenda una asesor\u00eda y revisemos si tu prioridad est\u00e1 en marketing, branding, desarrollo web, automatizaci\u00f3n, infraestructura o inteligencia de negocio.\n        <\/span>\n      <\/div>\n\n      <a href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\" class=\"sv-home-process-btn\">\n        Agendar diagn\u00f3stico\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f94a0b e-con-full e-flex e-con e-parent\" data-id=\"9f94a0b\" data-element_type=\"container\" data-e-type=\"container\" id=\"registro-marca\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ffafbf elementor-widget elementor-widget-html\" data-id=\"5ffafbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');\n\n\/* =========================================================\n   STUDIOVAINILLA \u2014 BLOQUE REGISTRA TU MARCA\n========================================================= *\/\n\n.sv-brand-register,\n.sv-brand-register *{\n  box-sizing:border-box;\n}\n\n.sv-brand-register{\n  --sv-purple:#4f4784;\n  --sv-purple-dark:#1a162e;\n  --sv-lavender:#cccfee;\n  --sv-soft:#f7f5fd;\n  --sv-white:#ffffff;\n  --sv-text:#221d39;\n  --sv-text-soft:#6d6888;\n  --sv-border:rgba(79,71,132,.12);\n\n  position:relative;\n  overflow:hidden;\n  padding:110px 0;\n  font-family:'Poppins',sans-serif;\n  color:var(--sv-text);\n  background:\n    radial-gradient(circle at 12% 14%, rgba(79,71,132,.10), transparent 28%),\n    radial-gradient(circle at 88% 18%, rgba(204,207,238,.46), transparent 30%),\n    linear-gradient(180deg,#ffffff 0%,#f7f5fd 100%);\n}\n\n.sv-brand-register:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(79,71,132,.035) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(79,71,132,.035) 1px, transparent 1px);\n  background-size:46px 46px;\n  mask-image:linear-gradient(to bottom, transparent 0%, black 14%, black 88%, transparent 100%);\n  pointer-events:none;\n}\n\n.sv-brand-register-wrap{\n  width:min(92%,1280px);\n  margin:auto;\n  position:relative;\n  z-index:2;\n}\n\n.sv-brand-register-card{\n  display:grid;\n  grid-template-columns:1.04fr .96fr;\n  gap:0;\n  overflow:hidden;\n  border-radius:42px;\n  background:rgba(255,255,255,.92);\n  border:1px solid rgba(79,71,132,.12);\n  box-shadow:0 34px 96px rgba(26,22,46,.12);\n  backdrop-filter:blur(14px);\n}\n\n\/* CONTENT *\/\n\n.sv-brand-register-copy{\n  position:relative;\n  overflow:hidden;\n  padding:56px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n\n.sv-brand-register-copy:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 10% 0%, rgba(79,71,132,.10), transparent 30%),\n    radial-gradient(circle at 92% 0%, rgba(204,207,238,.36), transparent 34%);\n  pointer-events:none;\n}\n\n.sv-brand-register-copy > *{\n  position:relative;\n  z-index:2;\n}\n\n.sv-brand-register-eyebrow{\n  display:inline-flex;\n  width:max-content;\n  max-width:100%;\n  align-items:center;\n  gap:10px;\n  padding:10px 16px;\n  border-radius:999px;\n  background:rgba(79,71,132,.08);\n  border:1px solid rgba(79,71,132,.10);\n  color:var(--sv-purple);\n  font-size:12px;\n  font-weight:800;\n  margin-bottom:20px;\n}\n\n.sv-brand-register-eyebrow:before{\n  content:\"\";\n  width:9px;\n  height:9px;\n  border-radius:50%;\n  background:var(--sv-purple);\n  box-shadow:0 0 0 7px rgba(79,71,132,.12);\n}\n\n.sv-brand-register-copy h2{\n  margin:0 0 18px;\n  font-family:'Montserrat',sans-serif;\n  font-size:clamp(36px,4.9vw,64px);\n  line-height:1.02;\n  letter-spacing:-.06em;\n  font-weight:700;\n  color:var(--sv-purple-dark);\n}\n\n.sv-brand-register-copy h2 span{\n  color:var(--sv-purple);\n}\n\n.sv-brand-register-copy p{\n  margin:0 0 28px;\n  max-width:660px;\n  color:var(--sv-text-soft);\n  font-size:16px;\n  line-height:1.78;\n}\n\n.sv-brand-register-copy p strong{\n  color:var(--sv-purple-dark);\n  font-weight:800;\n}\n\n.sv-brand-register-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  align-items:center;\n}\n\n.sv-brand-register-btn{\n  min-height:54px;\n  padding:15px 23px;\n  border-radius:999px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  text-decoration:none !important;\n  font-size:14px;\n  font-weight:800;\n  transition:.26s ease;\n}\n\n.sv-brand-register-btn.primary{\n  background:linear-gradient(135deg,var(--sv-purple-dark),var(--sv-purple));\n  color:#ffffff !important;\n  box-shadow:0 18px 44px rgba(79,71,132,.24);\n}\n\n.sv-brand-register-btn.primary:hover{\n  transform:translateY(-3px);\n  box-shadow:0 24px 58px rgba(79,71,132,.30);\n}\n\n.sv-brand-register-btn.secondary{\n  background:#f0eef8;\n  color:var(--sv-purple) !important;\n  border:1px solid rgba(79,71,132,.10);\n}\n\n.sv-brand-register-btn.secondary:hover{\n  transform:translateY(-3px);\n  background:#e7e3f6;\n  color:var(--sv-purple-dark) !important;\n}\n\n.sv-brand-register-points{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:10px;\n  margin-top:34px;\n}\n\n.sv-brand-register-point{\n  padding:14px;\n  border-radius:20px;\n  background:#ffffff;\n  border:1px solid rgba(79,71,132,.10);\n  box-shadow:0 14px 38px rgba(26,22,46,.04);\n}\n\n.sv-brand-register-point strong{\n  display:block;\n  margin-bottom:4px;\n  font-family:'Montserrat',sans-serif;\n  color:var(--sv-purple-dark);\n  font-size:15px;\n  line-height:1.15;\n  letter-spacing:-.025em;\n}\n\n.sv-brand-register-point span{\n  display:block;\n  color:var(--sv-text-soft);\n  font-size:12px;\n  line-height:1.45;\n}\n\n\/* MEDIA *\/\n\n.sv-brand-register-media{\n  position:relative;\n  min-height:560px;\n  overflow:hidden;\n  background:\n    linear-gradient(135deg, rgba(26,22,46,.96), rgba(79,71,132,.88));\n}\n\n.sv-brand-register-media:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(180deg, rgba(26,22,46,.06), rgba(26,22,46,.42)),\n    radial-gradient(circle at 20% 18%, rgba(204,207,238,.24), transparent 28%);\n  z-index:2;\n  pointer-events:none;\n}\n\n.sv-brand-register-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  display:block;\n  filter:saturate(1.02) contrast(1.02);\n  transition:transform .75s ease;\n}\n\n.sv-brand-register-card:hover .sv-brand-register-media img{\n  transform:scale(1.045);\n}\n\n.sv-brand-register-floating{\n  position:absolute;\n  left:28px;\n  right:28px;\n  bottom:28px;\n  z-index:3;\n  padding:22px;\n  border-radius:28px;\n  background:rgba(255,255,255,.92);\n  border:1px solid rgba(255,255,255,.42);\n  box-shadow:0 24px 70px rgba(26,22,46,.20);\n  backdrop-filter:blur(14px);\n}\n\n.sv-brand-register-floating strong{\n  display:block;\n  margin-bottom:6px;\n  font-family:'Montserrat',sans-serif;\n  font-size:24px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n  color:var(--sv-purple-dark);\n}\n\n.sv-brand-register-floating span{\n  display:block;\n  color:var(--sv-text-soft);\n  font-size:13px;\n  line-height:1.55;\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:1050px){\n  .sv-brand-register-card{\n    grid-template-columns:1fr;\n  }\n\n  .sv-brand-register-media{\n    min-height:430px;\n  }\n}\n\n@media(max-width:760px){\n  .sv-brand-register{\n    padding:78px 0;\n  }\n\n  .sv-brand-register-card{\n    border-radius:30px;\n  }\n\n  .sv-brand-register-copy{\n    padding:28px;\n  }\n\n  .sv-brand-register-copy h2{\n    font-size:38px;\n  }\n\n  .sv-brand-register-copy p{\n    font-size:15px;\n  }\n\n  .sv-brand-register-actions{\n    flex-direction:column;\n  }\n\n  .sv-brand-register-btn{\n    width:100%;\n  }\n\n  .sv-brand-register-points{\n    grid-template-columns:1fr;\n    margin-top:26px;\n  }\n\n  .sv-brand-register-media{\n    min-height:360px;\n  }\n\n  .sv-brand-register-floating{\n    left:18px;\n    right:18px;\n    bottom:18px;\n    padding:18px;\n    border-radius:22px;\n  }\n\n  .sv-brand-register-floating strong{\n    font-size:21px;\n  }\n}\n<\/style>\n\n<section class=\"sv-brand-register\">\n  <div class=\"sv-brand-register-wrap\">\n\n    <div class=\"sv-brand-register-card\">\n\n      <div class=\"sv-brand-register-copy\">\n        <div class=\"sv-brand-register-eyebrow\">\n          Registro de marca by StudioVainilla\n        <\/div>\n\n        <h2>\n          Protege tu marca antes de <span>hacerla crecer.<\/span>\n        <\/h2>\n\n        <p>\n          En StudioVainilla no solo construimos marcas, sitios y sistemas digitales: tambi\u00e9n te ayudamos a proteger el nombre que sostiene tu negocio. \n          Con <strong>Registra tu Marca<\/strong>, puedes iniciar tu b\u00fasqueda fon\u00e9tica, recibir un dictamen de viabilidad y dar seguimiento a tu tr\u00e1mite desde un portal digital.\n        <\/p>\n\n        <div class=\"sv-brand-register-actions\">\n          <a class=\"sv-brand-register-btn primary\" href=\"https:\/\/registratumarcaimpi.com\/\" target=\"_blank\">\n            Ir a Registra tu Marca\n          <\/a>\n\n          <a class=\"sv-brand-register-btn secondary\" href=\"https:\/\/registratumarcaimpi.com\/busqueda-fonetica\/\" target=\"_blank\">\n            Conocer b\u00fasqueda fon\u00e9tica\n          <\/a>\n        <\/div>\n\n        <div class=\"sv-brand-register-points\">\n          <div class=\"sv-brand-register-point\">\n            <strong>Viabilidad<\/strong>\n            <span>An\u00e1lisis previo antes de registrar.<\/span>\n          <\/div>\n\n          <div class=\"sv-brand-register-point\">\n            <strong>Seguimiento<\/strong>\n            <span>Portal para consultar el avance.<\/span>\n          <\/div>\n\n          <div class=\"sv-brand-register-point\">\n            <strong>Acompa\u00f1amiento<\/strong>\n            <span>Proceso guiado por nuestro equipo.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-brand-register-media\">\n        <img decoding=\"async\" \n          src=\"https:\/\/registratumarcaimpi.com\/wp-content\/uploads\/2025\/06\/Registro-de-Marca-IMPI-Mi-Portal-2.png\" \n          alt=\"Portal Registra tu Marca by StudioVainilla\"\n        >\n\n        <div class=\"sv-brand-register-floating\">\n          <strong>Marca, marketing y protecci\u00f3n.<\/strong>\n          <span>\n            Una extensi\u00f3n natural de StudioVainilla para negocios que quieren crecer con identidad clara y respaldo estrat\u00e9gico.\n          <\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db383b7 e-con-full e-flex e-con e-parent\" data-id=\"db383b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10c736e elementor-widget elementor-widget-shortcode\" data-id=\"10c736e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n  <section class=\"sv-home-news-ticker\">\n    <style>\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');\n\n      .sv-home-news-ticker{\n        --sv-purple:#4f4784;\n        --sv-purple-dark:#1a162e;\n        --sv-lavender:#cccfee;\n        --sv-white:#ffffff;\n\n        width:100%;\n        font-family:'Poppins',sans-serif;\n        background:linear-gradient(135deg, var(--sv-purple-dark), var(--sv-purple));\n        overflow:hidden;\n        border-top:1px solid rgba(255,255,255,.12);\n        border-bottom:1px solid rgba(255,255,255,.12);\n        box-shadow:0 22px 64px rgba(26,22,46,.18);\n      }\n\n      .sv-home-news-ticker *{\n        box-sizing:border-box;\n      }\n\n      .sv-home-news-ticker-inner{\n        width:min(94%,1360px);\n        margin:0 auto;\n        display:grid;\n        grid-template-columns:auto 1fr;\n        align-items:center;\n        gap:18px;\n        min-height:62px;\n      }\n\n      .sv-home-news-ticker-btn{\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        gap:8px;\n        padding:12px 18px;\n        border-radius:999px;\n        background:#fff;\n        color:var(--sv-purple);\n        font-size:13px;\n        font-weight:800;\n        text-decoration:none;\n        white-space:nowrap;\n        box-shadow:0 16px 38px rgba(0,0,0,.16);\n        transition:.25s ease;\n      }\n\n      .sv-home-news-ticker-btn:hover{\n        transform:translateY(-2px);\n        color:var(--sv-purple-dark);\n        background:#f7f5fd;\n      }\n\n      .sv-home-news-ticker-window{\n        position:relative;\n        overflow:hidden;\n        min-width:0;\n      }\n\n      .sv-home-news-ticker-window::before,\n      .sv-home-news-ticker-window::after{\n        content:\"\";\n        position:absolute;\n        top:0;\n        bottom:0;\n        width:72px;\n        z-index:2;\n        pointer-events:none;\n      }\n\n      .sv-home-news-ticker-window::before{\n        left:0;\n        background:linear-gradient(90deg, rgba(63,55,112,1), transparent);\n      }\n\n      .sv-home-news-ticker-window::after{\n        right:0;\n        background:linear-gradient(270deg, rgba(79,71,132,1), transparent);\n      }\n\n      .sv-home-news-ticker-track{\n        display:flex;\n        width:max-content;\n        animation:svHomeNewsTicker 38s linear infinite;\n      }\n\n      .sv-home-news-ticker-window:hover .sv-home-news-ticker-track{\n        animation-play-state:paused;\n      }\n\n      .sv-home-news-ticker-group{\n        display:flex;\n        align-items:center;\n        white-space:nowrap;\n      }\n\n      .sv-home-news-ticker-item{\n        display:inline-flex;\n        align-items:center;\n        gap:10px;\n        padding:0 26px;\n        color:rgba(255,255,255,.82);\n        font-size:13px;\n        font-weight:700;\n        text-decoration:none;\n        transition:.25s ease;\n      }\n\n      .sv-home-news-ticker-item:hover{\n        color:#fff;\n      }\n\n      .sv-home-news-ticker-item strong{\n        color:#fff;\n        font-weight:800;\n      }\n\n      .sv-home-news-ticker-dot{\n        width:7px;\n        height:7px;\n        border-radius:50%;\n        background:var(--sv-lavender);\n        box-shadow:0 0 0 5px rgba(204,207,238,.14);\n        flex:none;\n      }\n\n      @keyframes svHomeNewsTicker{\n        from{transform:translateX(0);}\n        to{transform:translateX(-50%);}\n      }\n\n      @media(max-width:760px){\n        .sv-home-news-ticker-inner{\n          width:100%;\n          grid-template-columns:1fr;\n          gap:0;\n          padding:10px 0 12px;\n        }\n\n        .sv-home-news-ticker-btn{\n          width:calc(100% - 28px);\n          margin:0 auto 8px;\n        }\n\n        .sv-home-news-ticker-window{\n          width:100%;\n        }\n\n        .sv-home-news-ticker-item{\n          padding:0 20px;\n          font-size:12px;\n        }\n\n        .sv-home-news-ticker-window::before,\n        .sv-home-news-ticker-window::after{\n          width:42px;\n        }\n      }\n    <\/style>\n\n    <div class=\"sv-home-news-ticker-inner\">\n      <a class=\"sv-home-news-ticker-btn\" href=\"https:\/\/studiovainilla.com\/category\/insights\/\">\n        Ir a Insights \u2192\n      <\/a>\n\n      <div class=\"sv-home-news-ticker-window\" aria-label=\"\u00daltimas noticias de StudioVainilla\">\n        <div class=\"sv-home-news-ticker-track\">\n\n          <div class=\"sv-home-news-ticker-group\">\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/11\/retail-media-2026-datos-crecimiento-y-oportunidad-para-marcas\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>11 May<\/strong>\n                Retail Media 2026: datos, crecimiento y oportunidad para marcas              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/10\/dia-de-las-madres-2026-la-fecha-que-revela-si-tu-marketing-esta-preparado\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>10 May<\/strong>\n                D\u00eda de las Madres 2026: la fecha que revela si tu marketing est\u00e1 preparado              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/09\/instagram-se-prepara-para-vender-con-agentes-de-ia\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>09 May<\/strong>\n                Instagram se prepara para vender con agentes de IA              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/08\/geo-para-restaurantes-83-de-ubicaciones-qsr-son-invisibles-en-busquedas-con-ia\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>08 May<\/strong>\n                GEO para restaurantes: 83% de ubicaciones QSR son invisibles en b\u00fasquedas con IA              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/07\/atencion-multicanal-vchat-mejora-la-comunicacion-con-clientes\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>07 May<\/strong>\n                Atenci\u00f3n multicanal: Vchat mejora la comunicaci\u00f3n con clientes              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/05\/que-debe-tener-un-sitio-web-informativo-que-si-genera-clientes\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>05 May<\/strong>\n                Qu\u00e9 debe tener un sitio web informativo que s\u00ed genera clientes              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/05\/por-que-tus-redes-sociales-no-generan-clientes\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>05 May<\/strong>\n                Por qu\u00e9 tus redes sociales no generan clientes              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/01\/no-es-tener-web-es-tener-estabilidad-digital\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>01 May<\/strong>\n                No es tener web, es tener estabilidad digital              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/04\/03\/marketing-digital-con-estrategia-publicar-diario-no-es-suficiente\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>03 Apr<\/strong>\n                Marketing digital con estrategia: publicar diario no es suficiente              <\/a>\n                      <\/div>\n\n          <div class=\"sv-home-news-ticker-group\" aria-hidden=\"true\">\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/11\/retail-media-2026-datos-crecimiento-y-oportunidad-para-marcas\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>11 May<\/strong>\n                Retail Media 2026: datos, crecimiento y oportunidad para marcas              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/10\/dia-de-las-madres-2026-la-fecha-que-revela-si-tu-marketing-esta-preparado\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>10 May<\/strong>\n                D\u00eda de las Madres 2026: la fecha que revela si tu marketing est\u00e1 preparado              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/09\/instagram-se-prepara-para-vender-con-agentes-de-ia\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>09 May<\/strong>\n                Instagram se prepara para vender con agentes de IA              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/08\/geo-para-restaurantes-83-de-ubicaciones-qsr-son-invisibles-en-busquedas-con-ia\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>08 May<\/strong>\n                GEO para restaurantes: 83% de ubicaciones QSR son invisibles en b\u00fasquedas con IA              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/07\/atencion-multicanal-vchat-mejora-la-comunicacion-con-clientes\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>07 May<\/strong>\n                Atenci\u00f3n multicanal: Vchat mejora la comunicaci\u00f3n con clientes              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/05\/que-debe-tener-un-sitio-web-informativo-que-si-genera-clientes\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>05 May<\/strong>\n                Qu\u00e9 debe tener un sitio web informativo que s\u00ed genera clientes              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/05\/por-que-tus-redes-sociales-no-generan-clientes\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>05 May<\/strong>\n                Por qu\u00e9 tus redes sociales no generan clientes              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/01\/no-es-tener-web-es-tener-estabilidad-digital\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>01 May<\/strong>\n                No es tener web, es tener estabilidad digital              <\/a>\n                          <a class=\"sv-home-news-ticker-item\" href=\"https:\/\/studiovainilla.com\/en\/2026\/04\/03\/marketing-digital-con-estrategia-publicar-diario-no-es-suficiente\/\">\n                <span class=\"sv-home-news-ticker-dot\"><\/span>\n                <strong>03 Apr<\/strong>\n                Marketing digital con estrategia: publicar diario no es suficiente              <\/a>\n                      <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d9cf3f e-con-full e-flex e-con e-parent\" data-id=\"3d9cf3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-479e8de elementor-widget elementor-widget-shortcode\" data-id=\"479e8de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n  <style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');\n\n  .sv-blog-home{\n    --sv-purple:#4f4784;\n    --sv-purple-dark:#1a162e;\n    --sv-lavender:#cccfee;\n    --sv-bg:#f7f5fd;\n    --sv-white:#ffffff;\n    --sv-text:#221d39;\n    --sv-soft:#6d6888;\n    --sv-border:rgba(79,71,132,.12);\n\n    position:relative;\n    width:100%;\n    overflow:hidden;\n    padding:clamp(72px,8vw,118px) 0;\n    background:\n      radial-gradient(circle at 12% 16%, rgba(79,71,132,.12), transparent 28%),\n      radial-gradient(circle at 86% 18%, rgba(204,207,238,.52), transparent 30%),\n      linear-gradient(180deg,#ffffff 0%,#f7f5fd 100%);\n    font-family:'Poppins',sans-serif;\n  }\n\n  .sv-blog-home *{\n    box-sizing:border-box;\n  }\n\n  .sv-blog-home::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background-image:\n      linear-gradient(rgba(79,71,132,.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(79,71,132,.035) 1px, transparent 1px);\n    background-size:64px 64px;\n    mask-image:linear-gradient(to bottom, transparent 0%, black 16%, black 86%, transparent 100%);\n    pointer-events:none;\n  }\n\n  .sv-blog-home__wrap{\n    position:relative;\n    z-index:2;\n    width:min(92%,1360px);\n    margin:0 auto;\n  }\n\n  .sv-blog-home__head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) auto;\n    gap:28px;\n    align-items:end;\n    margin-bottom:34px;\n  }\n\n  .sv-blog-home__tag{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:10px 15px;\n    margin-bottom:18px;\n    border-radius:999px;\n    background:rgba(255,255,255,.78);\n    border:1px solid rgba(79,71,132,.12);\n    color:var(--sv-purple);\n    font-size:13px;\n    font-weight:800;\n    box-shadow:0 18px 44px rgba(26,22,46,.055);\n    backdrop-filter:blur(14px);\n  }\n\n  .sv-blog-home__tag::before{\n    content:\"\";\n    width:9px;\n    height:9px;\n    border-radius:50%;\n    background:var(--sv-purple);\n    box-shadow:0 0 0 6px rgba(79,71,132,.10);\n  }\n\n  .sv-blog-home h2{\n    margin:0 !important;\n    color:var(--sv-purple-dark) !important;\n    font-family:'Montserrat',sans-serif !important;\n    font-size:clamp(36px,4.8vw,68px) !important;\n    line-height:1.02 !important;\n    letter-spacing:-.06em !important;\n    font-weight:800 !important;\n  }\n\n  .sv-blog-home h2 span{\n    color:var(--sv-purple);\n  }\n\n  .sv-blog-home__intro{\n    max-width:680px;\n    margin:18px 0 0 !important;\n    color:var(--sv-soft) !important;\n    font-size:16px;\n    line-height:1.72;\n  }\n\n  .sv-blog-home__btn{\n    min-height:54px;\n    padding:0 26px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    border-radius:999px;\n    background:var(--sv-purple);\n    color:#fff !important;\n    text-decoration:none !important;\n    font-size:14px;\n    font-weight:800;\n    box-shadow:0 18px 44px rgba(79,71,132,.22);\n    transition:all .25s ease;\n    white-space:nowrap;\n  }\n\n  .sv-blog-home__btn:hover{\n    transform:translateY(-3px);\n    background:var(--sv-purple-dark);\n    color:#fff !important;\n  }\n\n  .sv-blog-home__slider-wrap{\n    position:relative;\n  }\n\n  .sv-blog-home__slider{\n    display:flex;\n    gap:22px;\n    overflow-x:auto;\n    overflow-y:hidden;\n    scroll-snap-type:x mandatory;\n    scroll-behavior:smooth;\n    padding:8px 4px 26px;\n    scrollbar-width:thin;\n    scrollbar-color:rgba(79,71,132,.36) rgba(79,71,132,.08);\n  }\n\n  .sv-blog-home__slider::-webkit-scrollbar{\n    height:9px;\n  }\n\n  .sv-blog-home__slider::-webkit-scrollbar-track{\n    background:rgba(79,71,132,.08);\n    border-radius:999px;\n  }\n\n  .sv-blog-home__slider::-webkit-scrollbar-thumb{\n    background:rgba(79,71,132,.36);\n    border-radius:999px;\n  }\n\n  .sv-blog-card{\n    flex:0 0 min(390px,82vw);\n    scroll-snap-align:start;\n    overflow:hidden;\n    border-radius:32px;\n    background:rgba(255,255,255,.88);\n    border:1px solid rgba(79,71,132,.11);\n    box-shadow:0 24px 70px rgba(26,22,46,.075);\n    backdrop-filter:blur(14px);\n    text-decoration:none !important;\n    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n  }\n\n  .sv-blog-card:hover{\n    transform:translateY(-7px);\n    box-shadow:0 34px 90px rgba(26,22,46,.13);\n    border-color:rgba(79,71,132,.22);\n  }\n\n  .sv-blog-card__image{\n    position:relative;\n    height:230px;\n    overflow:hidden;\n    background:\n      radial-gradient(circle at 20% 16%, rgba(204,207,238,.44), transparent 34%),\n      linear-gradient(135deg,var(--sv-purple-dark),var(--sv-purple));\n  }\n\n  .sv-blog-card__image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transition:transform .6s ease;\n  }\n\n  .sv-blog-card:hover .sv-blog-card__image img{\n    transform:scale(1.06);\n  }\n\n  .sv-blog-card__image::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(to top, rgba(26,22,46,.48), rgba(26,22,46,.04) 58%),\n      radial-gradient(circle at 78% 18%, rgba(255,255,255,.18), transparent 30%);\n  }\n\n  .sv-blog-card__category{\n    position:absolute;\n    left:18px;\n    bottom:18px;\n    z-index:3;\n    display:inline-flex;\n    padding:8px 12px;\n    border-radius:999px;\n    background:rgba(255,255,255,.88);\n    color:var(--sv-purple);\n    font-size:12px;\n    font-weight:800;\n    backdrop-filter:blur(12px);\n  }\n\n  .sv-blog-card__body{\n    padding:24px 24px 26px;\n  }\n\n  .sv-blog-card__meta{\n    display:flex;\n    align-items:center;\n    gap:8px;\n    margin-bottom:12px;\n    color:var(--sv-soft);\n    font-size:12px;\n    font-weight:700;\n  }\n\n  .sv-blog-card__meta::before{\n    content:\"\";\n    width:7px;\n    height:7px;\n    border-radius:50%;\n    background:var(--sv-purple);\n  }\n\n  .sv-blog-card h3{\n    margin:0 !important;\n    color:var(--sv-purple-dark) !important;\n    font-family:'Montserrat',sans-serif !important;\n    font-size:22px !important;\n    line-height:1.16 !important;\n    letter-spacing:-.04em !important;\n    font-weight:800 !important;\n  }\n\n  .sv-blog-card__excerpt{\n    margin:14px 0 0 !important;\n    color:var(--sv-soft) !important;\n    font-size:14px;\n    line-height:1.62;\n  }\n\n  .sv-blog-card__read{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    margin-top:20px;\n    color:var(--sv-purple);\n    font-size:13px;\n    font-weight:800;\n  }\n\n  .sv-blog-home__controls{\n    display:flex;\n    justify-content:flex-end;\n    gap:10px;\n    margin-top:6px;\n  }\n\n  .sv-blog-home__arrow{\n    width:46px;\n    height:46px;\n    display:grid;\n    place-items:center;\n    border-radius:999px;\n    border:1px solid rgba(79,71,132,.14);\n    background:#fff;\n    color:var(--sv-purple);\n    cursor:pointer;\n    box-shadow:0 16px 44px rgba(26,22,46,.07);\n    transition:all .24s ease;\n    font-size:22px;\n    line-height:1;\n  }\n\n  .sv-blog-home__arrow:hover{\n    transform:translateY(-3px);\n    background:var(--sv-purple);\n    color:#fff;\n  }\n\n  .sv-blog-home__mobile-hint{\n    display:none;\n    align-items:center;\n    gap:9px;\n    margin-top:14px;\n    color:var(--sv-soft);\n    font-size:13px;\n    font-weight:700;\n  }\n\n  .sv-blog-home__mobile-hint span{\n    display:inline-flex;\n    width:38px;\n    height:6px;\n    border-radius:999px;\n    background:linear-gradient(90deg,var(--sv-purple),var(--sv-lavender));\n  }\n\n  @media(max-width:820px){\n    .sv-blog-home{\n      padding:58px 0;\n    }\n\n    .sv-blog-home__wrap{\n      width:min(91%,100%);\n    }\n\n    .sv-blog-home__head{\n      grid-template-columns:1fr;\n      align-items:start;\n      margin-bottom:26px;\n    }\n\n    .sv-blog-home__btn{\n      width:100%;\n    }\n\n    .sv-blog-card{\n      flex-basis:82vw;\n      border-radius:28px;\n    }\n\n    .sv-blog-card__image{\n      height:210px;\n    }\n\n    .sv-blog-home__controls{\n      display:none;\n    }\n\n    .sv-blog-home__mobile-hint{\n      display:flex;\n    }\n  }\n\n  @media(max-width:480px){\n    .sv-blog-card{\n      flex-basis:86vw;\n    }\n\n    .sv-blog-card__image{\n      height:190px;\n    }\n\n    .sv-blog-card__body{\n      padding:22px 20px 24px;\n    }\n\n    .sv-blog-card h3{\n      font-size:20px !important;\n    }\n  }\n  <\/style>\n\n  <section class=\"sv-blog-home\" id=\"blog-studiovainilla\">\n    <div class=\"sv-blog-home__wrap\">\n\n      <div class=\"sv-blog-home__head\">\n        <div>\n          <div class=\"sv-blog-home__tag\">Blog StudioVainilla<\/div>\n          <h2>Ideas para crecer con <span>estrategia digital.<\/span><\/h2>\n          <p class=\"sv-blog-home__intro\">\n            Art\u00edculos, an\u00e1lisis y gu\u00edas para entender mejor el marketing, la tecnolog\u00eda, la automatizaci\u00f3n, el desarrollo web y los sistemas digitales que impulsan negocios.\n          <\/p>\n        <\/div>\n\n        <a class=\"sv-blog-home__btn\" href=\"https:\/\/studiovainilla.com\/blog\/\">\n          Ver todos los blogs\n          <span>\u2192<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"sv-blog-home__slider-wrap\">\n        <div class=\"sv-blog-home__slider\" data-sv-blog-slider>\n\n          \n            <a class=\"sv-blog-card\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/11\/retail-media-2026-datos-crecimiento-y-oportunidad-para-marcas\/\">\n              <div class=\"sv-blog-card__image\">\n                <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/F4E0733B-BC10-4A33-96A9-CFE381E1ECF0-1024x576.png\" alt=\"Retail Media 2026: datos, crecimiento y oportunidad para marcas\">\n                <span class=\"sv-blog-card__category\">Insights<\/span>\n              <\/div>\n\n              <div class=\"sv-blog-card__body\">\n                <div class=\"sv-blog-card__meta\">\n                  11 May 2026                <\/div>\n\n                <h3>Retail Media 2026: datos, crecimiento y oportunidad para marcas<\/h3>\n\n                <p class=\"sv-blog-card__excerpt\">\n                  El retail media 2026 confirma una nueva etapa del marketing digital: la publicidad ya no solo busca generar...                <\/p>\n\n                <span class=\"sv-blog-card__read\">\n                  Leer art\u00edculo\n                  <span>\u2192<\/span>\n                <\/span>\n              <\/div>\n            <\/a>\n\n          \n            <a class=\"sv-blog-card\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/10\/dia-de-las-madres-2026-la-fecha-que-revela-si-tu-marketing-esta-preparado\/\">\n              <div class=\"sv-blog-card__image\">\n                <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/48AF5C1E-AA77-4FA2-8A83-FFA047F84B82-1024x576.png\" alt=\"D\u00eda de las Madres 2026: la fecha que revela si tu marketing est\u00e1 preparado\">\n                <span class=\"sv-blog-card__category\">Insights<\/span>\n              <\/div>\n\n              <div class=\"sv-blog-card__body\">\n                <div class=\"sv-blog-card__meta\">\n                  10 May 2026                <\/div>\n\n                <h3>D\u00eda de las Madres 2026: la fecha que revela si tu marketing est\u00e1 preparado<\/h3>\n\n                <p class=\"sv-blog-card__excerpt\">\n                  El D\u00eda de las Madres 2026 confirma que las temporalidades comerciales no se ganan solo con publicaciones bonitas,...                <\/p>\n\n                <span class=\"sv-blog-card__read\">\n                  Leer art\u00edculo\n                  <span>\u2192<\/span>\n                <\/span>\n              <\/div>\n            <\/a>\n\n          \n            <a class=\"sv-blog-card\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/09\/instagram-se-prepara-para-vender-con-agentes-de-ia\/\">\n              <div class=\"sv-blog-card__image\">\n                <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Persona-usando-smartphone-en-ciudad-para-representar-agentes-de-IA-en-Instagram-y-comercio-digital-1024x576.png\" alt=\"Instagram se prepara para vender con agentes de IA\">\n                <span class=\"sv-blog-card__category\">AI<\/span>\n              <\/div>\n\n              <div class=\"sv-blog-card__body\">\n                <div class=\"sv-blog-card__meta\">\n                  09 May 2026                <\/div>\n\n                <h3>Instagram se prepara para vender con agentes de IA<\/h3>\n\n                <p class=\"sv-blog-card__excerpt\">\n                  Meta avanza hacia una nueva etapa de Instagram con agentes de IA capaces de acompa\u00f1ar decisiones de compra....                <\/p>\n\n                <span class=\"sv-blog-card__read\">\n                  Leer art\u00edculo\n                  <span>\u2192<\/span>\n                <\/span>\n              <\/div>\n            <\/a>\n\n          \n            <a class=\"sv-blog-card\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/08\/geo-para-restaurantes-83-de-ubicaciones-qsr-son-invisibles-en-busquedas-con-ia\/\">\n              <div class=\"sv-blog-card__image\">\n                <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Insights-StudioVainilla-8-Mayo-2026-1024x576.png\" alt=\"GEO para restaurantes: 83% de ubicaciones QSR son invisibles en b\u00fasquedas con IA\">\n                <span class=\"sv-blog-card__category\">Insights<\/span>\n              <\/div>\n\n              <div class=\"sv-blog-card__body\">\n                <div class=\"sv-blog-card__meta\">\n                  08 May 2026                <\/div>\n\n                <h3>GEO para restaurantes: 83% de ubicaciones QSR son invisibles en b\u00fasquedas con IA<\/h3>\n\n                <p class=\"sv-blog-card__excerpt\">\n                  La b\u00fasqueda local est\u00e1 cambiando. Un reporte de Uberall advierte que la mayor\u00eda de ubicaciones QSR no aparecen...                <\/p>\n\n                <span class=\"sv-blog-card__read\">\n                  Leer art\u00edculo\n                  <span>\u2192<\/span>\n                <\/span>\n              <\/div>\n            <\/a>\n\n          \n            <a class=\"sv-blog-card\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/07\/atencion-multicanal-vchat-mejora-la-comunicacion-con-clientes\/\">\n              <div class=\"sv-blog-card__image\">\n                <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Atencion-Multicanal-Vchat-by-StudioVainilla-1024x576.png\" alt=\"Atenci\u00f3n multicanal: Vchat mejora la comunicaci\u00f3n con clientes\">\n                <span class=\"sv-blog-card__category\">Vchat by StudioVainilla<\/span>\n              <\/div>\n\n              <div class=\"sv-blog-card__body\">\n                <div class=\"sv-blog-card__meta\">\n                  07 May 2026                <\/div>\n\n                <h3>Atenci\u00f3n multicanal: Vchat mejora la comunicaci\u00f3n con clientes<\/h3>\n\n                <p class=\"sv-blog-card__excerpt\">\n                  Vchat permite centralizar conversaciones de distintos canales para mejorar la atenci\u00f3n, evitar p\u00e9rdida de leads y ordenar el...                <\/p>\n\n                <span class=\"sv-blog-card__read\">\n                  Leer art\u00edculo\n                  <span>\u2192<\/span>\n                <\/span>\n              <\/div>\n            <\/a>\n\n          \n            <a class=\"sv-blog-card\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/05\/que-debe-tener-un-sitio-web-informativo-que-si-genera-clientes\/\">\n              <div class=\"sv-blog-card__image\">\n                <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Sitios-web-informativos-StudioVainilla-Marketing-y-Web-1024x576.png\" alt=\"Qu\u00e9 debe tener un sitio web informativo que s\u00ed genera clientes\">\n                <span class=\"sv-blog-card__category\">Desarrollo Web<\/span>\n              <\/div>\n\n              <div class=\"sv-blog-card__body\">\n                <div class=\"sv-blog-card__meta\">\n                  05 May 2026                <\/div>\n\n                <h3>Qu\u00e9 debe tener un sitio web informativo que s\u00ed genera clientes<\/h3>\n\n                <p class=\"sv-blog-card__excerpt\">\n                  Un sitio web informativo no debe limitarse a mostrar servicios. Debe comunicar con claridad, generar confianza y guiar...                <\/p>\n\n                <span class=\"sv-blog-card__read\">\n                  Leer art\u00edculo\n                  <span>\u2192<\/span>\n                <\/span>\n              <\/div>\n            <\/a>\n\n          \n            <a class=\"sv-blog-card\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/05\/por-que-tus-redes-sociales-no-generan-clientes\/\">\n              <div class=\"sv-blog-card__image\">\n                <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Redes-sociales-que-si-funcionan-por-StudioVainilla-1024x576.png\" alt=\"Por qu\u00e9 tus redes sociales no generan clientes\">\n                <span class=\"sv-blog-card__category\">Marketing Digital<\/span>\n              <\/div>\n\n              <div class=\"sv-blog-card__body\">\n                <div class=\"sv-blog-card__meta\">\n                  05 May 2026                <\/div>\n\n                <h3>Por qu\u00e9 tus redes sociales no generan clientes<\/h3>\n\n                <p class=\"sv-blog-card__excerpt\">\n                  Tener redes sociales activas no garantiza clientes. Para convertir contenido en oportunidades, necesitas estrategia, mensaje claro y seguimiento...                <\/p>\n\n                <span class=\"sv-blog-card__read\">\n                  Leer art\u00edculo\n                  <span>\u2192<\/span>\n                <\/span>\n              <\/div>\n            <\/a>\n\n          \n            <a class=\"sv-blog-card\" href=\"https:\/\/studiovainilla.com\/en\/2026\/05\/01\/no-es-tener-web-es-tener-estabilidad-digital\/\">\n              <div class=\"sv-blog-card__image\">\n                <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Estabilidad-digital-web-por-StudioVainilla-1024x576.png\" alt=\"No es tener web, es tener estabilidad digital\">\n                <span class=\"sv-blog-card__category\">Hosting<\/span>\n              <\/div>\n\n              <div class=\"sv-blog-card__body\">\n                <div class=\"sv-blog-card__meta\">\n                  01 May 2026                <\/div>\n\n                <h3>No es tener web, es tener estabilidad digital<\/h3>\n\n                <p class=\"sv-blog-card__excerpt\">\n                  Una web bonita no sirve de mucho si es lenta, insegura o inestable. La estabilidad digital permite que...                <\/p>\n\n                <span class=\"sv-blog-card__read\">\n                  Leer art\u00edculo\n                  <span>\u2192<\/span>\n                <\/span>\n              <\/div>\n            <\/a>\n\n          \n        <\/div>\n\n        <div class=\"sv-blog-home__controls\">\n          <button class=\"sv-blog-home__arrow\" type=\"button\" data-sv-blog-prev aria-label=\"Art\u00edculos anteriores\">\u2039<\/button>\n          <button class=\"sv-blog-home__arrow\" type=\"button\" data-sv-blog-next aria-label=\"M\u00e1s art\u00edculos\">\u203a<\/button>\n        <\/div>\n\n        <div class=\"sv-blog-home__mobile-hint\">\n          <span><\/span>\n          Desliza para ver m\u00e1s art\u00edculos\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <script>\n  (function(){\n    const sections = document.querySelectorAll('.sv-blog-home');\n\n    sections.forEach(function(section){\n      const slider = section.querySelector('[data-sv-blog-slider]');\n      const prev = section.querySelector('[data-sv-blog-prev]');\n      const next = section.querySelector('[data-sv-blog-next]');\n\n      if(!slider) return;\n\n      const getStep = function(){\n        const card = slider.querySelector('.sv-blog-card');\n        return card ? card.offsetWidth + 22 : 380;\n      };\n\n      if(prev){\n        prev.addEventListener('click', function(){\n          slider.scrollBy({ left: -getStep(), behavior: 'smooth' });\n        });\n      }\n\n      if(next){\n        next.addEventListener('click', function(){\n          slider.scrollBy({ left: getStep(), behavior: 'smooth' });\n        });\n      }\n    });\n  })();\n  <\/script>\n\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3f1f487 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3f1f487\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ad81d9\" data-id=\"2ad81d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a93d25 elementor-widget elementor-widget-image-carousel\" data-id=\"9a93d25\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;6&quot;,&quot;slides_to_show_tablet&quot;:&quot;5&quot;,&quot;slides_to_show_mobile&quot;:&quot;3&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;slides_to_scroll_tablet&quot;:&quot;1&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;pause_on_hover&quot;:&quot;no&quot;,&quot;pause_on_interaction&quot;:&quot;no&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:46,&quot;sizes&quot;:[]},&quot;autoplay_speed&quot;:2500,&quot;speed&quot;:100,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:17,&quot;sizes&quot;:[]},&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&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 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Twitter-Chat-Integracion-StudioVainilla-Vchat-copia.png\" alt=\"Twitter-Chat-Integracio\u0301n-StudioVainilla-Vchat-copia.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Facebook-Chat-Integracion-StudioVainilla-Vchat.png\" alt=\"Facebook-Chat-Integracion-StudioVainilla-Vchat.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Instagram-Chat-Integracion-StudioVainilla-Vchat.png\" alt=\"Instagram-Chat-Integracio\u0301n-StudioVainilla-Vchat.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Whatsapp-Chat-Integracion-StudioVainilla-Vchat.png\" alt=\"Whatsapp-Chat-Integracio\u0301n-StudioVainilla-Vchat.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/OpenAI_Logo.svg-scaled-1.png\" alt=\"OpenAI_Logo.svg-scaled.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Google-My-Business-for-Apartments-GMB-Local-SEO.png\" alt=\"Google-My-Business-for-Apartments-GMB-Local-SEO.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Slack-Chat-Integracion-StudioVainilla-Vchat.png\" alt=\"Slack-Chat-Integracio\u0301n-StudioVainilla-Vchat.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Zendesk-Chat-Integracion-StudioVainilla-Vchat-copia.png\" alt=\"Zendesk-Chat-Integracio\u0301n-StudioVainilla-Vchat-copia.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Telegram-Vchat-by-StudioVainilla-1.png\" alt=\"Telegram-Vchat-by-StudioVainilla-1.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/OpenCart-Vchat-by-StudioVainilla-1.png\" alt=\"OpenCart-Vchat-by-StudioVainilla-1.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Zalo-Vchat-by-StudioVainilla-1.png\" alt=\"Zalo-Vchat-by-StudioVainilla-1.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/WeChat-Vchat-by-StudioVainilla-1.png\" alt=\"WeChat-Vchat-by-StudioVainilla-1.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Viber-Vchat-by-StudioVainilla-1.png\" alt=\"Viber-Vchat-by-StudioVainilla-1.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 de 14\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Line-Vchat-by-StudioVainilla-1.png\" alt=\"Line-Vchat-by-StudioVainilla-1.png\" \/><\/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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-05c03c8 e-con-full e-flex e-con e-parent\" data-id=\"05c03c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e50a909 elementor-widget elementor-widget-html\" data-id=\"e50a909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');\n\n\/* =========================================================\n   STUDIOVAINILLA \u2014 HOME VCHAT CLOSING SECTION\n========================================================= *\/\n\n.sv-home-vchat,\n.sv-home-vchat *{\n  box-sizing:border-box;\n}\n\n.sv-home-vchat{\n  --sv-purple:#4f4784;\n  --sv-purple-dark:#1a162e;\n  --sv-lav:#cccfee;\n  --sv-soft:#6d6888;\n  --sv-white:#ffffff;\n  --sv-border:rgba(79,71,132,.12);\n\n  position:relative;\n  overflow:hidden;\n  padding:110px 0 118px;\n  font-family:'Poppins',sans-serif;\n  color:var(--sv-purple-dark);\n  background:\n    radial-gradient(circle at 10% 16%, rgba(79,71,132,.10), transparent 26%),\n    radial-gradient(circle at 88% 18%, rgba(204,207,238,.40), transparent 26%),\n    linear-gradient(180deg,#ffffff 0%, #f4f2fb 100%);\n}\n\n.sv-home-vchat:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(79,71,132,.035) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(79,71,132,.035) 1px, transparent 1px);\n  background-size:46px 46px;\n  mask-image:linear-gradient(to bottom, transparent 0%, black 16%, black 86%, transparent 100%);\n  pointer-events:none;\n}\n\n.sv-home-vchat-wrap{\n  width:min(92%,1280px);\n  margin:auto;\n  position:relative;\n  z-index:2;\n}\n\n\/* TOP *\/\n.sv-home-vchat-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:38px;\n  align-items:center;\n}\n\n.sv-home-vchat-copy{\n  max-width:720px;\n}\n\n.sv-home-vchat-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:10px 16px;\n  border-radius:999px;\n  background:rgba(79,71,132,.08);\n  border:1px solid rgba(79,71,132,.10);\n  color:var(--sv-purple);\n  font-size:12px;\n  font-weight:800;\n  margin-bottom:18px;\n}\n\n.sv-home-vchat-eyebrow:before{\n  content:\"\";\n  width:9px;\n  height:9px;\n  border-radius:50%;\n  background:var(--sv-purple);\n  box-shadow:0 0 0 7px rgba(79,71,132,.12);\n  animation:svVchatPulse 2.3s ease-in-out infinite;\n}\n\n@keyframes svVchatPulse{\n  0%,100%{box-shadow:0 0 0 7px rgba(79,71,132,.12);}\n  50%{box-shadow:0 0 0 12px rgba(79,71,132,.04);}\n}\n\n.sv-home-vchat h2{\n  margin:0 0 18px;\n  font-family:'Montserrat',sans-serif;\n  font-size:clamp(38px,5.2vw,68px);\n  line-height:1.02;\n  letter-spacing:-.055em;\n  font-weight:700;\n  color:var(--sv-purple-dark);\n}\n\n.sv-home-vchat h2 span{\n  color:var(--sv-purple);\n}\n\n.sv-home-vchat-copy p{\n  margin:0 0 28px;\n  max-width:680px;\n  color:var(--sv-soft);\n  font-size:16px;\n  line-height:1.78;\n}\n\n.sv-home-vchat-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-bottom:28px;\n}\n\n.sv-home-vchat-btn{\n  min-height:52px;\n  padding:14px 22px;\n  border-radius:999px;\n  text-decoration:none;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  font-size:14px;\n  font-weight:800;\n  transition:.28s ease;\n}\n\n.sv-home-vchat-btn.primary{\n  background:var(--sv-purple);\n  color:#fff;\n  box-shadow:0 20px 48px rgba(79,71,132,.22);\n}\n\n.sv-home-vchat-btn.primary:hover{\n  background:var(--sv-purple-dark);\n  color:#fff;\n  transform:translateY(-3px);\n}\n\n.sv-home-vchat-btn.secondary{\n  background:#fff;\n  color:var(--sv-purple);\n  border:1px solid rgba(79,71,132,.14);\n}\n\n.sv-home-vchat-btn.secondary:hover{\n  background:#ebe8f8;\n  color:var(--sv-purple);\n  transform:translateY(-3px);\n}\n\n.sv-home-vchat-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.sv-home-vchat-tags span{\n  padding:9px 13px;\n  border-radius:999px;\n  background:#ffffff;\n  border:1px solid rgba(79,71,132,.10);\n  color:var(--sv-purple);\n  font-size:12px;\n  font-weight:700;\n  box-shadow:0 12px 30px rgba(26,22,46,.04);\n}\n\n\/* VISUAL *\/\n.sv-home-vchat-visual{\n  position:relative;\n  min-height:620px;\n}\n\n.sv-home-vchat-phone{\n  position:absolute;\n  right:0;\n  top:0;\n  width:min(430px,90%);\n  min-height:610px;\n  border-radius:44px;\n  padding:16px;\n  background:linear-gradient(145deg,#1a162e,#4f4784);\n  box-shadow:0 36px 100px rgba(26,22,46,.24);\n  border:1px solid rgba(255,255,255,.18);\n}\n\n.sv-home-vchat-screen{\n  height:100%;\n  min-height:578px;\n  border-radius:34px;\n  overflow:hidden;\n  background:\n    linear-gradient(180deg,#ffffff 0%,#f7f5fd 100%);\n  position:relative;\n}\n\n.sv-home-vchat-screen-top{\n  height:82px;\n  background:linear-gradient(135deg,#4f4784,#1a162e);\n  color:#fff;\n  padding:18px;\n  display:flex;\n  align-items:center;\n  gap:12px;\n}\n\n.sv-home-vchat-avatar{\n  width:46px;\n  height:46px;\n  border-radius:50%;\n  background:#ffffff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#4f4784;\n  font-weight:900;\n  font-family:'Montserrat',sans-serif;\n}\n\n.sv-home-vchat-screen-top strong{\n  display:block;\n  font-size:15px;\n  line-height:1.1;\n}\n\n.sv-home-vchat-screen-top span{\n  display:block;\n  font-size:12px;\n  color:rgba(255,255,255,.72);\n  margin-top:3px;\n}\n\n.sv-home-vchat-chat{\n  padding:22px 18px;\n  display:grid;\n  gap:12px;\n}\n\n.sv-home-vchat-message{\n  max-width:84%;\n  padding:13px 15px;\n  border-radius:18px;\n  font-size:13px;\n  line-height:1.55;\n  animation:svVchatMessage 5.5s ease-in-out infinite;\n}\n\n.sv-home-vchat-message.bot{\n  background:#f0eef8;\n  color:#1a162e;\n  border-bottom-left-radius:6px;\n}\n\n.sv-home-vchat-message.user{\n  justify-self:end;\n  background:#4f4784;\n  color:#fff;\n  border-bottom-right-radius:6px;\n}\n\n.sv-home-vchat-message:nth-child(2){animation-delay:.5s;}\n.sv-home-vchat-message:nth-child(3){animation-delay:1s;}\n.sv-home-vchat-message:nth-child(4){animation-delay:1.5s;}\n\n@keyframes svVchatMessage{\n  0%,100%{transform:translateY(0); opacity:1;}\n  50%{transform:translateY(-4px); opacity:.92;}\n}\n\n.sv-home-vchat-input{\n  position:absolute;\n  left:16px;\n  right:16px;\n  bottom:16px;\n  min-height:54px;\n  border-radius:999px;\n  background:#fff;\n  border:1px solid rgba(79,71,132,.10);\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:0 8px 0 18px;\n  box-shadow:0 14px 34px rgba(26,22,46,.08);\n}\n\n.sv-home-vchat-input span{\n  color:#8a86a0;\n  font-size:13px;\n}\n\n.sv-home-vchat-send{\n  width:40px;\n  height:40px;\n  border-radius:50%;\n  background:#4f4784;\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-weight:900;\n}\n\n\/* FLOAT CARDS *\/\n.sv-home-vchat-float{\n  position:absolute;\n  z-index:4;\n  background:rgba(255,255,255,.92);\n  border:1px solid rgba(79,71,132,.10);\n  box-shadow:0 24px 64px rgba(26,22,46,.13);\n  backdrop-filter:blur(14px);\n  border-radius:26px;\n  padding:18px;\n  animation:svVchatFloat 5.5s ease-in-out infinite;\n}\n\n.sv-home-vchat-float.one{\n  left:0;\n  top:58px;\n  width:250px;\n}\n\n.sv-home-vchat-float.two{\n  left:20px;\n  bottom:72px;\n  width:270px;\n  animation-delay:.8s;\n}\n\n@keyframes svVchatFloat{\n  0%,100%{transform:translateY(0);}\n  50%{transform:translateY(-8px);}\n}\n\n.sv-home-vchat-float small{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  margin-bottom:8px;\n  color:#4f4784;\n  font-size:11px;\n  font-weight:900;\n  text-transform:uppercase;\n  letter-spacing:.04em;\n}\n\n.sv-home-vchat-float small:before{\n  content:\"\";\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:#4f4784;\n}\n\n.sv-home-vchat-float strong{\n  display:block;\n  margin-bottom:6px;\n  font-family:'Montserrat',sans-serif;\n  font-size:22px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n  color:#1a162e;\n}\n\n.sv-home-vchat-float span{\n  display:block;\n  color:#6d6888;\n  font-size:13px;\n  line-height:1.55;\n}\n\n\/* BOTTOM *\/\n.sv-home-vchat-bottom{\n  margin-top:52px;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:16px;\n}\n\n.sv-home-vchat-feature{\n  border-radius:28px;\n  padding:22px;\n  background:rgba(255,255,255,.82);\n  border:1px solid rgba(79,71,132,.10);\n  box-shadow:0 20px 52px rgba(26,22,46,.06);\n}\n\n.sv-home-vchat-feature-icon{\n  width:48px;\n  height:48px;\n  border-radius:17px;\n  background:rgba(79,71,132,.10);\n  color:#4f4784;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:22px;\n  margin-bottom:16px;\n}\n\n.sv-home-vchat-feature strong{\n  display:block;\n  margin-bottom:7px;\n  font-family:'Montserrat',sans-serif;\n  font-size:21px;\n  line-height:1.1;\n  letter-spacing:-.035em;\n  color:#1a162e;\n}\n\n.sv-home-vchat-feature span{\n  display:block;\n  color:#6d6888;\n  font-size:13px;\n  line-height:1.6;\n}\n\n\/* FINAL CTA *\/\n.sv-home-vchat-final{\n  margin-top:26px;\n  border-radius:34px;\n  padding:30px;\n  background:\n    linear-gradient(135deg,rgba(26,22,46,.96),rgba(79,71,132,.90)),\n    url('https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?q=80&w=1600&auto=format&fit=crop');\n  background-size:cover;\n  background-position:center;\n  color:#fff;\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:22px;\n  align-items:center;\n  overflow:hidden;\n  position:relative;\n  box-shadow:0 30px 90px rgba(26,22,46,.15);\n}\n\n.sv-home-vchat-final:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(90deg,rgba(26,22,46,.86),rgba(79,71,132,.72));\n  pointer-events:none;\n}\n\n.sv-home-vchat-final > *{\n  position:relative;\n  z-index:2;\n}\n\n.sv-home-vchat-final strong{\n  display:block;\n  margin-bottom:6px;\n  font-family:'Montserrat',sans-serif;\n  font-size:30px;\n  line-height:1.06;\n  letter-spacing:-.04em;\n}\n\n.sv-home-vchat-final span{\n  display:block;\n  color:rgba(255,255,255,.74);\n  font-size:14px;\n  line-height:1.65;\n  max-width:760px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width:1100px){\n  .sv-home-vchat-grid{\n    grid-template-columns:1fr;\n  }\n\n  .sv-home-vchat-visual{\n    min-height:640px;\n  }\n\n  .sv-home-vchat-phone{\n    left:50%;\n    right:auto;\n    transform:translateX(-50%);\n  }\n\n  .sv-home-vchat-float.one{\n    left:0;\n  }\n\n  .sv-home-vchat-float.two{\n    left:auto;\n    right:0;\n  }\n\n  .sv-home-vchat-bottom{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media (max-width:760px){\n  .sv-home-vchat{\n    padding:82px 0 90px;\n  }\n\n  .sv-home-vchat h2{\n    font-size:36px;\n  }\n\n  .sv-home-vchat-copy p{\n    font-size:15px;\n  }\n\n  .sv-home-vchat-actions{\n    flex-direction:column;\n  }\n\n  .sv-home-vchat-btn{\n    width:100%;\n  }\n\n  .sv-home-vchat-visual{\n    min-height:610px;\n  }\n\n  .sv-home-vchat-phone{\n    width:100%;\n    min-height:570px;\n  }\n\n  .sv-home-vchat-screen{\n    min-height:538px;\n  }\n\n  .sv-home-vchat-float{\n    display:none;\n  }\n\n  .sv-home-vchat-bottom{\n    grid-template-columns:1fr;\n  }\n\n  .sv-home-vchat-final{\n    grid-template-columns:1fr;\n    padding:24px;\n    border-radius:28px;\n  }\n\n  .sv-home-vchat-final .sv-home-vchat-btn{\n    width:100%;\n  }\n}\n\n@media (max-width:480px){\n  .sv-home-vchat h2{\n    font-size:32px;\n  }\n\n  .sv-home-vchat-phone{\n    border-radius:34px;\n    padding:12px;\n  }\n\n  .sv-home-vchat-screen{\n    border-radius:26px;\n  }\n\n  .sv-home-vchat-message{\n    font-size:12px;\n  }\n}\n<\/style>\n\n<section class=\"sv-home-vchat\" id=\"vchat\">\n  <div class=\"sv-home-vchat-wrap\">\n\n    <div class=\"sv-home-vchat-grid\">\n\n      <div class=\"sv-home-vchat-copy\">\n        <div class=\"sv-home-vchat-eyebrow\">Vchat by StudioVainilla<\/div>\n\n        <h2>\n          Atiende m\u00e1s r\u00e1pido, captura mejores leads y <span>automatiza conversaciones reales.<\/span>\n        <\/h2>\n\n        <p>\n          Vchat ayuda a tu negocio a responder visitantes, orientar clientes, capturar datos y canalizar oportunidades desde una conversaci\u00f3n inteligente. No es solo un chat: es una puerta de entrada para convertir inter\u00e9s en seguimiento.\n        <\/p>\n\n        <div class=\"sv-home-vchat-actions\">\n          <a href=\"https:\/\/vchat.com.mx\/\" class=\"sv-home-vchat-btn primary\" target=\"_blank\">\n            Conocer Vchat\n          <\/a>\n          <a href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\" class=\"sv-home-vchat-btn secondary\">\n            Quiero automatizar mi atenci\u00f3n\n          <\/a>\n        <\/div>\n\n        <div class=\"sv-home-vchat-tags\">\n          <span>Captura de leads<\/span>\n          <span>Atenci\u00f3n automatizada<\/span>\n          <span>Flujos conversacionales<\/span>\n          <span>Base de visitantes<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-home-vchat-visual\">\n\n        <div class=\"sv-home-vchat-phone\">\n          <div class=\"sv-home-vchat-screen\">\n\n            <div class=\"sv-home-vchat-screen-top\">\n              <div class=\"sv-home-vchat-avatar\">V<\/div>\n              <div>\n                <strong>Vchat Assistant<\/strong>\n                <span>Disponible para atender visitantes<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"sv-home-vchat-chat\">\n              <div class=\"sv-home-vchat-message bot\">\n                Hola, soy Vchat. \u00bfQu\u00e9 est\u00e1s buscando para tu negocio?\n              <\/div>\n\n              <div class=\"sv-home-vchat-message user\">\n                Quiero mejorar la atenci\u00f3n y captar m\u00e1s clientes.\n              <\/div>\n\n              <div class=\"sv-home-vchat-message bot\">\n                Perfecto. Puedo ayudarte a registrar tus datos y canalizarte con el equipo correcto.\n              <\/div>\n\n              <div class=\"sv-home-vchat-message user\">\n                \u00bfTambi\u00e9n puede guardar leads?\n              <\/div>\n\n              <div class=\"sv-home-vchat-message bot\">\n                S\u00ed. Puede capturar informaci\u00f3n, clasificar solicitudes y facilitar el seguimiento comercial.\n              <\/div>\n            <\/div>\n\n            <div class=\"sv-home-vchat-input\">\n              <span>Escribe tu mensaje...<\/span>\n              <div class=\"sv-home-vchat-send\">\u203a<\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <div class=\"sv-home-vchat-float one\">\n          <small>Menos espera<\/small>\n          <strong>Respuestas inmediatas<\/strong>\n          <span>El visitante recibe orientaci\u00f3n sin depender de que alguien est\u00e9 disponible al momento.<\/span>\n        <\/div>\n\n        <div class=\"sv-home-vchat-float two\">\n          <small>M\u00e1s seguimiento<\/small>\n          <strong>Leads organizados<\/strong>\n          <span>Cada conversaci\u00f3n puede transformarse en informaci\u00f3n \u00fatil para tu equipo comercial.<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sv-home-vchat-bottom\">\n\n      <div class=\"sv-home-vchat-feature\">\n        <div class=\"sv-home-vchat-feature-icon\">\ud83d\udcac<\/div>\n        <strong>Bandeja \u00fanica<\/strong>\n        <span>Centraliza conversaciones y solicitudes para dar seguimiento con m\u00e1s claridad.<\/span>\n      <\/div>\n\n      <div class=\"sv-home-vchat-feature\">\n        <div class=\"sv-home-vchat-feature-icon\">\ud83e\udde0<\/div>\n        <strong>Entrenamiento IA<\/strong>\n        <span>Configura respuestas y flujos seg\u00fan la informaci\u00f3n real de tu negocio.<\/span>\n      <\/div>\n\n      <div class=\"sv-home-vchat-feature\">\n        <div class=\"sv-home-vchat-feature-icon\">\u26a1<\/div>\n        <strong>Enrutamiento inteligente<\/strong>\n        <span>Dirige al visitante hacia ventas, soporte, asesor\u00eda o el \u00e1rea correspondiente.<\/span>\n      <\/div>\n\n      <div class=\"sv-home-vchat-feature\">\n        <div class=\"sv-home-vchat-feature-icon\">\ud83d\udcca<\/div>\n        <strong>Datos de visitantes<\/strong>\n        <span>Convierte conversaciones en informaci\u00f3n accionable para tu operaci\u00f3n comercial.<\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sv-home-vchat-final\">\n      <div>\n        <strong>Tu sitio web no deber\u00eda dejar leads sin respuesta.<\/strong>\n        <span>\n          Cierra tu ecosistema digital con una herramienta que atiende, orienta, captura y organiza oportunidades desde la primera conversaci\u00f3n.\n        <\/span>\n      <\/div>\n\n      <a href=\"https:\/\/vchat.com.mx\/\" class=\"sv-home-vchat-btn primary\" target=\"_blank\">\n        Implementar Vchat\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa3b0d2 e-con-full e-flex e-con e-parent\" data-id=\"aa3b0d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c72fd7b elementor-widget elementor-widget-html\" data-id=\"c72fd7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.sv-floating-monday-wrap{\n  position:fixed;\n  left:16px;\n  top:50%;\n  transform:translateY(-50%);\n  z-index:9998;\n  text-decoration:none;\n  transition:opacity .28s ease, visibility .28s ease;\n}\n\n.sv-floating-monday-wrap.is-hidden{\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n}\n\n.sv-floating-monday{\n  position:relative;\n  width:70px;\n  min-height:70px;\n  border-radius:48px;\n  background:#ffffff;\n  border:1px solid rgba(79,71,132,.14);\n  box-shadow:\n    0 16px 42px rgba(26,22,46,.16),\n    0 0 0 1px rgba(255,255,255,.72) inset;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  overflow:visible;\n  text-decoration:none;\n  padding:7px;\n  transition:transform .28s ease, box-shadow .28s ease;\n  animation:svMondayFloat 4.5s ease-in-out infinite;\n}\n\n.sv-floating-monday:hover{\n  transform:scale(1.06);\n  box-shadow:\n    0 22px 56px rgba(26,22,46,.22),\n    0 0 0 1px rgba(79,71,132,.10) inset;\n}\n\n.sv-floating-monday img{\n  width:54px;\n  height:54px;\n  object-fit:contain;\n  display:block;\n  pointer-events:none;\n  border-radius:12px;\n}\n\n.sv-floating-monday::after{\n  content:\"\";\n  position:absolute;\n  inset:-8px;\n  border-radius:24px;\n  background:rgba(79,71,132,.10);\n  z-index:-1;\n  animation:svMondayPulse 2.4s ease-in-out infinite;\n  pointer-events:none;\n}\n\n@keyframes svMondayFloat{\n  0%,100%{\n    transform:translateY(0);\n  }\n  50%{\n    transform:translateY(-7px);\n  }\n}\n\n@keyframes svMondayPulse{\n  0%,100%{\n    opacity:.38;\n    transform:scale(1);\n  }\n  50%{\n    opacity:.08;\n    transform:scale(1.18);\n  }\n}\n\n@media (max-width:768px){\n  .sv-floating-monday-wrap{\n    left:10px;\n    top:54%;\n  }\n\n  .sv-floating-monday{\n    width:62px;\n    min-height:62px;\n    border-radius:16px;\n    padding:6px;\n  }\n\n  .sv-floating-monday img{\n    width:46px;\n    height:46px;\n  }\n}\n\n@media (max-width:420px){\n  .sv-floating-monday-wrap{\n    left:8px;\n    top:55%;\n  }\n\n  .sv-floating-monday{\n    width:58px;\n    min-height:58px;\n    border-radius:15px;\n  }\n\n  .sv-floating-monday img{\n    width:43px;\n    height:43px;\n  }\n}\n<\/style>\n\n<div class=\"sv-floating-monday-wrap\" id=\"svFloatingMondayWrap\">\n  <a \n    class=\"sv-floating-monday\" \n    href=\"https:\/\/studiovainilla.com\/monday\/\" \n    aria-label=\"Prueba monday.com con StudioVainilla\"\n  >\n    <img decoding=\"async\" \n      id=\"svMondayGif\"\n      src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/gallery_68930941e4094.gif\" \n      alt=\"monday.com by StudioVainilla\"\n    >\n  <\/a>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n  const floatingMonday = document.getElementById('svFloatingMondayWrap');\n  const footer = document.querySelector('footer, .sv-footer-clean, .sv-footer');\n\n  if(!floatingMonday) return;\n\n  if(footer && 'IntersectionObserver' in window){\n    const observer = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          floatingMonday.classList.add('is-hidden');\n        }else{\n          floatingMonday.classList.remove('is-hidden');\n        }\n      });\n    }, {\n      root:null,\n      threshold:0.08\n    });\n\n    observer.observe(footer);\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abcca36 e-con-full e-flex e-con e-parent\" data-id=\"abcca36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f774b10 elementor-widget elementor-widget-html\" data-id=\"f774b10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');\n\n.sv-home-modal{\n  position:fixed;\n  inset:0;\n  z-index:999999;\n  display:none;\n  align-items:center;\n  justify-content:center;\n  padding:22px;\n  background:rgba(8,6,17,.72);\n  backdrop-filter:blur(16px);\n  font-family:Poppins,sans-serif;\n}\n\n.sv-home-modal.sv-show{display:flex;}\n\n.sv-home-modal *{box-sizing:border-box;}\n\n.sv-home-modal-card{\n  width:min(94vw,980px);\n  position:relative;\n  overflow:hidden;\n  border-radius:34px;\n  background:#ffffff;\n  box-shadow:0 42px 120px rgba(0,0,0,.42);\n  border:1px solid rgba(255,255,255,.85);\n  display:grid;\n  grid-template-columns:1.08fr .92fr;\n  animation:svModalIn .42s ease both;\n}\n\n@keyframes svModalIn{\n  from{opacity:0;transform:translateY(18px) scale(.98);}\n  to{opacity:1;transform:translateY(0) scale(1);}\n}\n\n.sv-home-modal-content{\n  padding:44px 42px;\n  background:\n    radial-gradient(circle at 8% 0%,rgba(204,207,238,.48),transparent 34%),\n    linear-gradient(180deg,#fff 0%,#f7f5fd 100%);\n}\n\n.sv-home-modal-close{\n  position:absolute;\n  top:18px;\n  right:18px;\n  z-index:5;\n  width:44px;\n  height:44px;\n  border:0;\n  border-radius:999px;\n  background:#ffffff;\n  color:#1a162e;\n  font-size:25px;\n  line-height:1;\n  cursor:pointer;\n  box-shadow:0 16px 36px rgba(26,22,46,.18);\n}\n\n.sv-home-modal-tag{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:8px 14px;\n  border-radius:999px;\n  background:rgba(79,71,132,.09);\n  color:#4f4784;\n  font-weight:800;\n  font-size:13px;\n  margin-bottom:18px;\n}\n\n.sv-home-modal-tag::before{\n  content:\"\";\n  width:8px;\n  height:8px;\n  border-radius:999px;\n  background:#4f4784;\n}\n\n.sv-home-modal-title{\n  margin:0;\n  font-family:Montserrat,sans-serif;\n  color:#141124;\n  font-size:clamp(32px,4vw,54px);\n  line-height:1.02;\n  letter-spacing:-.055em;\n  font-weight:800;\n}\n\n.sv-home-modal-title span{color:#4f4784;}\n\n.sv-home-modal-text{\n  margin:16px 0 26px;\n  color:#5f5a73;\n  font-size:16px;\n  line-height:1.65;\n  max-width:540px;\n}\n\n.sv-home-modal-options{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n  margin-bottom:22px;\n}\n\n.sv-home-modal-option{\n  min-height:58px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:12px;\n  padding:15px 18px;\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid rgba(79,71,132,.13);\n  color:#1a162e !important;\n  text-decoration:none !important;\n  font-weight:800;\n  font-size:15px;\n  box-shadow:0 14px 32px rgba(26,22,46,.06);\n  transition:.25s ease;\n  cursor:pointer;\n  font-family:Poppins,sans-serif;\n}\n\n.sv-home-modal-option:hover,\n.sv-home-modal-option:focus{\n  color:#4f4784 !important;\n  background:#ffffff !important;\n  border-color:rgba(79,71,132,.28);\n  transform:translateY(-3px);\n  box-shadow:0 22px 48px rgba(26,22,46,.10);\n}\n\n.sv-home-modal-option-icon{\n  color:#4f4784;\n  font-size:20px;\n}\n\nbutton.sv-home-modal-option{\n  appearance:none;\n  -webkit-appearance:none;\n  width:100%;\n  text-align:left;\n}\n\n.sv-home-modal-search{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  padding:8px;\n  border-radius:999px;\n  background:#ffffff;\n  border:1px solid rgba(79,71,132,.14);\n  box-shadow:0 18px 44px rgba(26,22,46,.08);\n}\n\n.sv-home-modal-search input{\n  flex:1;\n  min-width:0;\n  border:0 !important;\n  outline:0 !important;\n  box-shadow:none !important;\n  background:transparent !important;\n  padding:0 14px;\n  color:#221d39;\n  font-family:Poppins,sans-serif;\n  font-size:15px;\n}\n\n.sv-home-modal-search button{\n  border:0;\n  border-radius:999px;\n  background:#4f4784;\n  color:#ffffff;\n  padding:14px 21px;\n  font-family:Poppins,sans-serif;\n  font-weight:800;\n  cursor:pointer;\n  white-space:nowrap;\n  transition:.25s ease;\n}\n\n.sv-home-modal-search button:hover{\n  background:#1a162e;\n  transform:translateY(-2px);\n}\n\n.sv-home-modal-note{\n  margin-top:18px;\n  color:#6d6888;\n  font-size:13px;\n}\n\n.sv-home-modal-visual{\n  position:relative;\n  min-height:100%;\n  background:\n    linear-gradient(135deg,rgba(79,71,132,.18),rgba(204,207,238,.26)),\n    url('https:\/\/www.studiovainilla.com\/wp-content\/uploads\/2026\/05\/modal-studiovainilla.jpg') center\/cover no-repeat;\n}\n\n.sv-home-modal-visual::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 20% 20%,rgba(255,255,255,.38),transparent 28%),\n    linear-gradient(90deg,rgba(255,255,255,.64),rgba(255,255,255,.04) 38%,rgba(26,22,46,.12));\n}\n\n.sv-home-modal-visual-badge{\n  position:absolute;\n  left:28px;\n  bottom:28px;\n  right:28px;\n  padding:18px;\n  border-radius:24px;\n  background:rgba(255,255,255,.78);\n  backdrop-filter:blur(14px);\n  border:1px solid rgba(255,255,255,.65);\n  box-shadow:0 24px 60px rgba(26,22,46,.18);\n  color:#1a162e;\n}\n\n.sv-home-modal-visual-badge strong{\n  display:block;\n  font-family:Montserrat,sans-serif;\n  font-size:18px;\n  margin-bottom:4px;\n}\n\n.sv-home-modal-visual-badge span{\n  color:#6d6888;\n  font-size:13.5px;\n  line-height:1.5;\n}\n\n@media(max-width:860px){\n  .sv-home-modal-card{\n    grid-template-columns:1fr;\n    max-height:92vh;\n    overflow:auto;\n  }\n\n  .sv-home-modal-visual{\n    min-height:220px;\n    order:-1;\n  }\n\n  .sv-home-modal-content{\n    padding:30px 20px 24px;\n  }\n\n  .sv-home-modal-options{\n    grid-template-columns:1fr;\n  }\n\n  .sv-home-modal-search{\n    border-radius:22px;\n    flex-direction:column;\n    align-items:stretch;\n  }\n\n  .sv-home-modal-search input{\n    padding:12px 14px;\n  }\n\n  .sv-home-modal-search button{\n    width:100%;\n  }\n\n  .sv-home-modal-close{\n    top:14px;\n    right:14px;\n  }\n}\n\n@media(max-width:520px){\n  .sv-home-modal{\n    padding:14px;\n  }\n\n  .sv-home-modal-card{\n    border-radius:26px;\n  }\n\n  .sv-home-modal-title{\n    font-size:34px;\n  }\n\n  .sv-home-modal-text{\n    font-size:14.5px;\n  }\n\n  .sv-home-modal-visual{\n    min-height:185px;\n  }\n\n  .sv-home-modal-visual-badge{\n    display:none;\n  }\n}\n<\/style>\n\n<div class=\"sv-home-modal\" id=\"svHomeIntentModal\" aria-hidden=\"true\">\n  <div class=\"sv-home-modal-card\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"svHomeIntentTitle\">\n\n    <button class=\"sv-home-modal-close\" id=\"svHomeIntentClose\" aria-label=\"Cerrar\">\u00d7<\/button>\n\n    <div class=\"sv-home-modal-content\">\n      <span class=\"sv-home-modal-tag\">StudioVainilla<\/span>\n\n      <h2 class=\"sv-home-modal-title\" id=\"svHomeIntentTitle\">\n        \u00bfQu\u00e9 quieres <span>potencializar<\/span> hoy?\n      <\/h2>\n\n      <p class=\"sv-home-modal-text\">\n        Elige una opci\u00f3n o cu\u00e9ntanos qu\u00e9 necesitas. Te ayudamos a encontrar el camino correcto.\n      <\/p>\n\n      <div class=\"sv-home-modal-options\">\n        <a class=\"sv-home-modal-option\" href=\"https:\/\/www.studiovainilla.com\/marketing-digital\/\">\n          Marketing digital <span class=\"sv-home-modal-option-icon\">\u2192<\/span>\n        <\/a>\n\n        <a class=\"sv-home-modal-option\" href=\"https:\/\/www.studiovainilla.com\/desarrollo-web\/\">\n          Desarrollo web <span class=\"sv-home-modal-option-icon\">\u2192<\/span>\n        <\/a>\n\n        <a class=\"sv-home-modal-option\" href=\"https:\/\/www.studiovainilla.com\/branding\/\">\n          Branding <span class=\"sv-home-modal-option-icon\">\u2192<\/span>\n        <\/a>\n\n        <button class=\"sv-home-modal-option\" type=\"button\" data-sv-open-chat>\n          Hablar con un asesor <span class=\"sv-home-modal-option-icon\">\u2192<\/span>\n        <\/button>\n      <\/div>\n\n      <form class=\"sv-home-modal-search\" id=\"svHomeIntentSearch\">\n        <input type=\"text\" id=\"svHomeIntentInput\" placeholder=\"O escr\u00edbenos aqu\u00ed tu necesidad...\">\n        <button type=\"submit\">Enviar \u2192<\/button>\n      <\/form>\n\n      <div class=\"sv-home-modal-note\">\n        Respuesta r\u00e1pida, personalizada y sin compromiso.\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-home-modal-visual\">\n      <div class=\"sv-home-modal-visual-badge\">\n        <strong>Tu negocio puede operar mejor.<\/strong>\n        <span>Marketing, web, automatizaci\u00f3n y sistemas digitales en un solo ecosistema.<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const modal = document.getElementById('svHomeIntentModal');\n  const closeBtn = document.getElementById('svHomeIntentClose');\n  const form = document.getElementById('svHomeIntentSearch');\n  const input = document.getElementById('svHomeIntentInput');\n\n  const storageKey = 'sv_home_intent_modal_last_seen';\n  const oneDay = 24 * 60 * 60 * 1000;\n\n  function shouldShowModal(){\n    const lastSeen = localStorage.getItem(storageKey);\n    if(!lastSeen) return true;\n\n    const lastSeenTime = parseInt(lastSeen, 10);\n    const now = Date.now();\n\n    return (now - lastSeenTime) > oneDay;\n  }\n\n  function showModal(){\n    if(shouldShowModal()){\n      modal.classList.add('sv-show');\n      modal.setAttribute('aria-hidden','false');\n      localStorage.setItem(storageKey, Date.now().toString());\n    }\n  }\n\n  function hideModal(){\n    modal.classList.remove('sv-show');\n    modal.setAttribute('aria-hidden','true');\n  }\n\n  function openSupportBoard(message){\n    hideModal();\n\n    if(window.SBChat && typeof window.SBChat.open === 'function'){\n      window.SBChat.open(true);\n    }else if(window.$ && typeof window.$ === 'function' && window.$('.sb-chat').length){\n      window.$('.sb-chat').addClass('sb-active');\n    }else{\n      window.location.href = 'https:\/\/www.studiovainilla.com\/te-asesoramos-gratis\/';\n    }\n  }\n\n  setTimeout(showModal, 1100);\n\n  closeBtn.addEventListener('click', hideModal);\n\n  modal.addEventListener('click', function(e){\n    if(e.target === modal) hideModal();\n  });\n\n  document.querySelectorAll('[data-sv-open-chat]').forEach(function(btn){\n    btn.addEventListener('click', function(){\n      openSupportBoard('Hola, quiero hablar con un asesor de StudioVainilla.');\n    });\n  });\n\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n\n    const value = input.value.trim();\n\n    if(window.SBChat && typeof window.SBChat.open === 'function'){\n      openSupportBoard(value ? 'Hola, necesito ayuda con: ' + value : 'Hola, quiero orientaci\u00f3n.');\n    }else{\n      window.location.href = 'https:\/\/www.studiovainilla.com\/te-asesoramos-gratis\/';\n    }\n  });\n\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape') hideModal();\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>StudioVainilla \u2014 Business Intelligence, Marketing &#038; Digital Systems Hacemos que las marcas se vean mejor, vendan mejor y operen mejor. Dise\u00f1amos estrategias, campa\u00f1as, identidades, sitios web y sistemas digitales para convertir negocios en estructuras m\u00e1s claras, profesionales y escalables. Agendar asesor\u00eda Conocer soluciones Marketing estrat\u00e9gico Branding profesional Desarrollo web Business Intelligence Sistemas digitales Automatizaci\u00f3n Marketing [&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"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Marketing Digital y Sistemas Digitales | StudioVainilla<\/title>\n<meta name=\"description\" content=\"StudioVainilla integra marketing digital, branding, web, Business Intelligence y sistemas digitales para ayudarte a crecer y operar mejor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studiovainilla.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Marketing Digital y Sistemas Digitales | StudioVainilla\" \/>\n<meta property=\"og:description\" content=\"Hacemos que las marcas se vean mejor, vendan mejor y operen mejor con marketing digital, desarrollo web, branding, automatizaci\u00f3n y Business Intelligence.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studiovainilla.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"StudioVainilla\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-18T05:21:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/StudioVainilla-Business-Intelligence-Marketing-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1708\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/\",\"name\":\"Marketing Digital y Sistemas Digitales | StudioVainilla\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/StudioVainilla-Business-Intelligence-Marketing-scaled.jpg\",\"datePublished\":\"2026-04-30T23:29:07+00:00\",\"dateModified\":\"2026-05-18T05:21:35+00:00\",\"description\":\"StudioVainilla integra marketing digital, branding, web, Business Intelligence y sistemas digitales para ayudarte a crecer y operar mejor.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/studiovainilla.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/StudioVainilla-Business-Intelligence-Marketing-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/StudioVainilla-Business-Intelligence-Marketing-scaled.jpg\",\"width\":2560,\"height\":1708,\"caption\":\"StudioVainilla - Marketing & Web - Business Intelligence + AI\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/studiovainilla.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#website\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/\",\"name\":\"StudioVainilla\",\"description\":\"Business Intelligence, Marketing &amp; Digital Systems\",\"publisher\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/studiovainilla.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#organization\",\"name\":\"StudioVainilla\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Imagotipo-StudioVainilla-Morado-Vainilla.png\",\"contentUrl\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Imagotipo-StudioVainilla-Morado-Vainilla.png\",\"width\":1102,\"height\":423,\"caption\":\"StudioVainilla\"},\"image\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Marketing Digital y Sistemas Digitales | StudioVainilla","description":"StudioVainilla integra marketing digital, branding, web, Business Intelligence y sistemas digitales para ayudarte a crecer y operar mejor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/studiovainilla.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Marketing Digital y Sistemas Digitales | StudioVainilla","og_description":"Hacemos que las marcas se vean mejor, vendan mejor y operen mejor con marketing digital, desarrollo web, branding, automatizaci\u00f3n y Business Intelligence.","og_url":"https:\/\/studiovainilla.com\/en\/","og_site_name":"StudioVainilla","article_modified_time":"2026-05-18T05:21:35+00:00","og_image":[{"width":2560,"height":1708,"url":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/StudioVainilla-Business-Intelligence-Marketing-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studiovainilla.com\/","url":"https:\/\/studiovainilla.com\/","name":"Marketing Digital y Sistemas Digitales | StudioVainilla","isPartOf":{"@id":"https:\/\/studiovainilla.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/studiovainilla.com\/#primaryimage"},"image":{"@id":"https:\/\/studiovainilla.com\/#primaryimage"},"thumbnailUrl":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/StudioVainilla-Business-Intelligence-Marketing-scaled.jpg","datePublished":"2026-04-30T23:29:07+00:00","dateModified":"2026-05-18T05:21:35+00:00","description":"StudioVainilla integra marketing digital, branding, web, Business Intelligence y sistemas digitales para ayudarte a crecer y operar mejor.","breadcrumb":{"@id":"https:\/\/studiovainilla.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studiovainilla.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studiovainilla.com\/#primaryimage","url":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/StudioVainilla-Business-Intelligence-Marketing-scaled.jpg","contentUrl":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/StudioVainilla-Business-Intelligence-Marketing-scaled.jpg","width":2560,"height":1708,"caption":"StudioVainilla - Marketing & Web - Business Intelligence + AI"},{"@type":"BreadcrumbList","@id":"https:\/\/studiovainilla.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/studiovainilla.com\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@type":"WebSite","@id":"https:\/\/studiovainilla.com\/#website","url":"https:\/\/studiovainilla.com\/","name":"Studio Vanilla","description":"Business Intelligence, Marketing, and Digital Systems","publisher":{"@id":"https:\/\/studiovainilla.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studiovainilla.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studiovainilla.com\/#organization","name":"Studio Vanilla","url":"https:\/\/studiovainilla.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studiovainilla.com\/#\/schema\/logo\/image\/","url":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/04\/Imagotipo-StudioVainilla-Morado-Vainilla.png","contentUrl":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/04\/Imagotipo-StudioVainilla-Morado-Vainilla.png","width":1102,"height":423,"caption":"StudioVainilla"},"image":{"@id":"https:\/\/studiovainilla.com\/#\/schema\/logo\/image\/"}}]}},"_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":131,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":799,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/31\/revisions\/799"}],"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}]}}