{"id":8,"date":"2025-12-07T12:26:18","date_gmt":"2025-12-07T17:26:18","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/ai-image-v1\/?page_id=8"},"modified":"2026-03-09T11:21:19","modified_gmt":"2026-03-09T16:21:19","slug":"quienes-somos","status":"publish","type":"page","link":"https:\/\/gabodesarrollador.com\/en\/quienes-somos\/","title":{"rendered":"Quienes somos"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b2f546 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"2b2f546\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da80c6b elementor-widget elementor-widget-html\" data-id=\"da80c6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======================================================\r\nGABO \u2013 BLOQUE \u201cDESDE PER\u00da\u2026\u201d + HISTORIA (AJUSTE DE TAMA\u00d1O)\r\n\u2705 Mismo dise\u00f1o\r\n\u2705 Mismo color\r\n\u2705 Mismo estilo\r\n\u2705 Solo se corrigi\u00f3 el tama\u00f1o del t\u00edtulo\r\nPega TODO en Elementor > Widget HTML\r\n====================================================== -->\r\n\r\n<div class=\"gdCompanyStory\" aria-label=\"Historia y enfoque de la agencia\">\r\n  <div class=\"gdCompanyStory__bg\" aria-hidden=\"true\">\r\n    <div class=\"gdCompanyStory__vignette\"><\/div>\r\n    <div class=\"gdCompanyStory__grain\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gdCompanyStory__wrap\">\r\n    <div class=\"gdCompanyStory__kicker\">\r\n      Gabo Desarrollador \u00b7 Agencia Digital \u00b7 Per\u00fa\r\n    <\/div>\r\n\r\n    <h2 class=\"gdCompanyStory__title\">\r\n      <span class=\"line\">\r\n        Desde <span class=\"accent\">Per\u00fa<\/span>\r\n        <span class=\"spark\" aria-hidden=\"true\">\u2726<\/span>\r\n      <\/span>\r\n      <span class=\"line line2\">\r\n        para <span class=\"accent2\">marcas que crecen<\/span>\r\n      <\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"gdCompanyStory__copy\">\r\n      <p>\r\n        <strong>Gabo Desarrollador<\/strong> es una agencia digital enfocada en dise\u00f1o y desarrollo web estrat\u00e9gico.\r\n        Creamos sitios que comunican con claridad, cargan r\u00e1pido y est\u00e1n construidos para convertir:\r\n        desde la estructura y el contenido, hasta el rendimiento y la base SEO.\r\n      <\/p>\r\n\r\n      <p>\r\n        Trabajamos con empresas de <strong>Per\u00fa<\/strong> y del exterior, adapt\u00e1ndonos a distintos mercados y estilos de marca.\r\n        Nuestro enfoque combina criterios de dise\u00f1o moderno con implementaci\u00f3n t\u00e9cnica s\u00f3lida, para entregar una web\r\n        profesional, escalable y lista para campa\u00f1as (Google Ads \/ Meta) y crecimiento org\u00e1nico.\r\n      <\/p>\r\n\r\n      <p class=\"gdCompanyStory__note\">\r\n        No se trata de \u201chacer una p\u00e1gina\u201d, sino de construir un activo digital:\r\n        una experiencia coherente con tu marca, que ordene la informaci\u00f3n, genere confianza y facilite la decisi\u00f3n de compra.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&display=swap');\r\n\r\n.gdCompanyStory{\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  border-radius: 22px;\r\n  background:\r\n    radial-gradient(1100px 700px at 65% 5%,\r\n      rgba(255, 88, 236, .55) 0%,\r\n      rgba(170, 120, 255, .38) 30%,\r\n      rgba(110, 225, 255, .28) 55%,\r\n      rgba(0,0,0,.58) 78%,\r\n      rgba(0,0,0,.70) 100%);\r\n  padding: clamp(26px, 4.6vw, 72px);\r\n  isolation: isolate;\r\n}\r\n\r\n.gdCompanyStory *{box-sizing:border-box;}\r\n\r\n.gdCompanyStory__bg{position:absolute; inset:0; z-index:0;}\r\n\r\n.gdCompanyStory__vignette{\r\n  position:absolute; inset:-2px;\r\n  background:\r\n    radial-gradient(1200px 650px at 50% 52%, rgba(255,255,255,.06), transparent 62%),\r\n    radial-gradient(900px 520px at 12% 25%, rgba(169,72,255,.14), transparent 60%),\r\n    radial-gradient(900px 520px at 88% 55%, rgba(255,72,170,.12), transparent 60%),\r\n    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.55));\r\n  pointer-events:none;\r\n}\r\n\r\n.gdCompanyStory__grain{\r\n  position:absolute; inset:0;\r\n  pointer-events:none;\r\n  opacity:.10;\r\n  mix-blend-mode: overlay;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.20'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* Wrap *\/\r\n.gdCompanyStory__wrap{\r\n  position:relative;\r\n  z-index:1;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  text-align:center;\r\n  font-family:\"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n}\r\n\r\n\/* Kicker *\/\r\n.gdCompanyStory__kicker{\r\n  font-size: 12px;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,.68);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* Title *\/\r\n.gdCompanyStory__title{\r\n  margin:0 !important;\r\n  padding:0 !important;\r\n  border:0 !important;\r\n\r\n  font-family:\"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;\r\n  font-weight:800 !important;\r\n  letter-spacing:-0.03em !important;\r\n  line-height:1.02 !important;\r\n  font-size:clamp(32px,4.6vw,68px) !important;\r\n\r\n  color:#ffffff !important;\r\n\r\n  text-shadow:\r\n    0 14px 38px rgba(0,0,0,.55),\r\n    0 0 18px rgba(139,92,255,.14) !important;\r\n\r\n  -webkit-font-smoothing: antialiased !important;\r\n  text-rendering: geometricPrecision !important;\r\n}\r\n\r\n.gdCompanyStory__title .line{display:block; white-space:normal;}\r\n.gdCompanyStory__title .line2{\r\n  margin-top:.14em;\r\n  font-weight:700 !important;\r\n  letter-spacing:-0.02em !important;\r\n  opacity:.98;\r\n}\r\n\r\n\/* Accent *\/\r\n.gdCompanyStory .accent,\r\n.gdCompanyStory .accent2{\r\n  color: transparent;\r\n  background: linear-gradient(90deg,#ffffff 0%, #ff4fd8 30%, #8b5cff 62%, #4be7ff 100%);\r\n  background-size: 220% 100%;\r\n  background-position: 0% 50%;\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  -webkit-text-fill-color: transparent;\r\n  filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));\r\n  animation: gdAccentShift 7.5s ease-in-out infinite;\r\n}\r\n\r\n.gdCompanyStory .spark{\r\n  display:inline-block;\r\n  margin-left:.18em;\r\n  font-size:.58em;\r\n  vertical-align:super;\r\n  opacity:.92;\r\n\r\n  color: transparent;\r\n  background: linear-gradient(90deg,#ffffff,#ff4fd8,#8b5cff,#4be7ff,#ffffff);\r\n  background-size: 240% 100%;\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  -webkit-text-fill-color: transparent;\r\n\r\n  filter: drop-shadow(0 10px 20px rgba(0,0,0,.35));\r\n  animation: gdSparkSpin 4.2s ease-in-out infinite, gdAccentShift 7.5s ease-in-out infinite;\r\n}\r\n\r\n\/* Copy *\/\r\n.gdCompanyStory__copy{\r\n  margin: 24px auto 0 auto;\r\n  max-width: 86ch;\r\n  text-align:left;\r\n}\r\n\r\n.gdCompanyStory__copy p{\r\n  margin: 0 0 16px 0;\r\n  color: rgba(255,255,255,.78);\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n}\r\n\r\n.gdCompanyStory__copy strong{color: rgba(255,255,255,.92); font-weight:700;}\r\n\r\n.gdCompanyStory__note{\r\n  margin-top: 14px;\r\n  padding: 14px 16px;\r\n  border-radius: 14px;\r\n  background: rgba(255,255,255,.06);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n\/* Animaciones *\/\r\n@keyframes gdAccentShift{\r\n  0%   { background-position: 0% 50%; }\r\n  50%  { background-position: 100% 50%; }\r\n  100% { background-position: 0% 50%; }\r\n}\r\n\r\n@keyframes gdSparkSpin{\r\n  0%   { transform: rotate(0deg) scale(1); opacity:.75; }\r\n  25%  { transform: rotate(14deg) scale(1.06); opacity:1; }\r\n  55%  { transform: rotate(360deg) scale(1.02); opacity:.95; }\r\n  100% { transform: rotate(360deg) scale(1); opacity:.82; }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 720px){\r\n  .gdCompanyStory{\r\n    border-radius: 18px;\r\n    padding: 24px;\r\n  }\r\n\r\n  .gdCompanyStory__title{\r\n    font-size: clamp(30px, 8vw, 46px) !important;\r\n    line-height:1.06 !important;\r\n    letter-spacing:-0.02em !important;\r\n  }\r\n}\r\n\r\n\/* Reduce motion *\/\r\n@media(prefers-reduced-motion: reduce){\r\n  .gdCompanyStory .accent,\r\n  .gdCompanyStory .accent2,\r\n  .gdCompanyStory .spark{\r\n    animation:none !important;\r\n  }\r\n}\r\n<\/style>\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-b45dc39 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"b45dc39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dd4601 elementor-widget elementor-widget-html\" data-id=\"6dd4601\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nNUESTRA MISI\u00d3N (CORREGIDO CON MISMA ESCALA DE T\u00cdTULOS)\r\n\u2705 Mantiene estructura y efecto original\r\n\u2705 Mantiene blob + vignette + grain + mouse\r\n\u2705 T\u00edtulo corregido para verse como tus otros bloques\r\n\u2705 TODO EN BLANCO\r\n\u2705 Sin bot\u00f3n \/ sin imagen\r\nPega TODO en Elementor > Widget HTML\r\n========================================================= -->\r\n\r\n<div class=\"gabo-mission gabo-mission--liquid gabo-mission--whiteText\">\r\n  <!-- SVG filtros para efecto l\u00edquido -->\r\n  <svg class=\"gabo-mission__svg\" width=\"0\" height=\"0\" aria-hidden=\"true\" focusable=\"false\">\r\n    <filter id=\"gaboMissionLiquid\">\r\n      <feturbulence type=\"fractalNoise\" basefrequency=\"0.012\" numoctaves=\"2\" seed=\"8\" result=\"noise\">\r\n        <animate attributename=\"baseFrequency\" dur=\"12s\" values=\"0.010;0.014;0.010\" repeatcount=\"indefinite\"\/>\r\n      <\/feturbulence>\r\n      <fedisplacementmap in=\"SourceGraphic\" in2=\"noise\" scale=\"52\" xchannelselector=\"R\" ychannelselector=\"G\">\r\n        <animate attributename=\"scale\" dur=\"10s\" values=\"40;58;40\" repeatcount=\"indefinite\"\/>\r\n      <\/fedisplacementmap>\r\n    <\/filter>\r\n  <\/svg>\r\n\r\n  <!-- Fondo -->\r\n  <div class=\"gabo-mission__bg\" aria-hidden=\"true\">\r\n    <div class=\"gabo-mission__blob\" id=\"gaboMissionBlob\"><\/div>\r\n    <div class=\"gabo-mission__vignette\"><\/div>\r\n    <div class=\"gabo-mission__grain\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gabo-mission__inner\">\r\n    <div class=\"gabo-mission__grid\">\r\n      <!-- Izquierda -->\r\n      <div class=\"gabo-mission__left\">\r\n        <h2 class=\"gabo-mission__title\">\r\n          NUESTRA<br\/>\r\n          MISI\u00d3N\r\n        <\/h2>\r\n\r\n        <p class=\"gabo-mission__lead\">\r\n          Hacer que las marcas se vean m\u00e1s\r\n          premium, r\u00e1pidas y memorables.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Derecha -->\r\n      <div class=\"gabo-mission__right\">\r\n        <p class=\"gabo-mission__body\">\r\n          Cada detalle cuenta: dise\u00f1o, tipograf\u00eda, velocidad y estructura. Construimos webs\r\n          pensadas para posicionar en Google, convertir visitas en clientes y sostener el\r\n          crecimiento de tu negocio con una experiencia s\u00f3lida y elegante.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&display=swap');\r\n\r\n.gabo-mission.gabo-mission--liquid{\r\n  width:100%;\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  position:relative;\r\n  isolation:isolate;\r\n  background:#070912;\r\n  padding: clamp(26px, 4.2vw, 60px);\r\n}\r\n\r\n.gabo-mission__bg{position:absolute; inset:0; z-index:0;}\r\n.gabo-mission__inner{position:relative; z-index:1; max-width:1200px; margin:0 auto;}\r\n\r\n.gabo-mission__grid{\r\n  display:grid;\r\n  grid-template-columns: 1.02fr .98fr;\r\n  gap: clamp(20px, 3vw, 44px);\r\n  align-items:start;\r\n}\r\n\r\n\/* Blob *\/\r\n.gabo-mission__blob{\r\n  position:absolute;\r\n  width: 980px;\r\n  height: 620px;\r\n  left: -18%;\r\n  top: -12%;\r\n  border-radius: 999px;\r\n  background:\r\n    radial-gradient(circle at 28% 30%, rgba(255,72,170,.95), transparent 58%),\r\n    radial-gradient(circle at 70% 48%, rgba(169,72,255,.90), transparent 62%),\r\n    radial-gradient(circle at 50% 78%, rgba(99,102,241,.55), transparent 68%);\r\n  filter: url(#gaboMissionLiquid) blur(18px);\r\n  opacity: .92;\r\n  mix-blend-mode: screen;\r\n  transform: translate3d(0,0,0) scale(1);\r\n  will-change: transform;\r\n}\r\n\r\n.gabo-mission__vignette{\r\n  position:absolute; inset:-2px;\r\n  background:\r\n    radial-gradient(1200px 620px at 45% 55%, rgba(255,255,255,.06), transparent 60%),\r\n    radial-gradient(900px 520px at 12% 25%, rgba(169,72,255,.14), transparent 60%),\r\n    radial-gradient(900px 520px at 88% 55%, rgba(255,72,170,.10), transparent 60%),\r\n    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.46));\r\n  pointer-events:none;\r\n}\r\n\r\n.gabo-mission__grain{\r\n  position:absolute; inset:0;\r\n  pointer-events:none;\r\n  opacity:.10;\r\n  mix-blend-mode: overlay;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.20'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* Tipograf\u00eda *\/\r\n.gabo-mission,\r\n.gabo-mission a,\r\n.gabo-mission p,\r\n.gabo-mission div,\r\n.gabo-mission h2{\r\n  font-family: \"Poppins\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial !important;\r\n}\r\n\r\n\/* Texto blanco *\/\r\n.gabo-mission--whiteText .gabo-mission__title{ color:#ffffff !important; }\r\n.gabo-mission--whiteText .gabo-mission__lead{ color: rgba(255,255,255,.94) !important; }\r\n.gabo-mission--whiteText .gabo-mission__body{ color: rgba(255,255,255,.74) !important; }\r\n\r\n\/* Title corregido *\/\r\n.gabo-mission__title{\r\n  margin:0;\r\n  font-weight:800;\r\n  letter-spacing:-0.04em;\r\n  line-height:1.00;\r\n  font-size: clamp(22px, 2.8vw, 38px);\r\n  text-shadow: 0 14px 34px rgba(0,0,0,.38);\r\n}\r\n\r\n\/* Lead corregido *\/\r\n.gabo-mission__lead{\r\n  margin: 14px 0 0 0;\r\n  font-weight:600;\r\n  letter-spacing:-0.02em;\r\n  line-height:1.18;\r\n  font-size: clamp(18px, 2vw, 28px);\r\n  max-width: 17ch;\r\n}\r\n\r\n\/* Right *\/\r\n.gabo-mission__right{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap: 14px;\r\n  align-items:flex-start;\r\n  padding-top: 2px;\r\n}\r\n\r\n\/* Body *\/\r\n.gabo-mission__body{\r\n  margin:0;\r\n  font-size: 14.8px;\r\n  line-height:1.82;\r\n  max-width: 42ch;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 980px){\r\n  .gabo-mission__grid{\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n  }\r\n\r\n  .gabo-mission__title{\r\n    font-size: clamp(24px, 5vw, 34px);\r\n    line-height:1.02;\r\n  }\r\n\r\n  .gabo-mission__lead{\r\n    max-width: 18ch;\r\n    font-size: clamp(18px, 4.8vw, 24px);\r\n    line-height:1.16;\r\n  }\r\n\r\n  .gabo-mission__right{padding-top: 0;}\r\n\r\n  .gabo-mission__blob{\r\n    left: -35%;\r\n    top: -18%;\r\n    width: 860px;\r\n    height: 560px;\r\n    opacity: .88;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px){\r\n  .gabo-mission.gabo-mission--liquid{\r\n    border-radius:18px;\r\n    padding:22px;\r\n  }\r\n\r\n  .gabo-mission__title{\r\n    font-size: clamp(24px, 7.6vw, 30px);\r\n    line-height:1.03;\r\n    letter-spacing:-0.03em;\r\n  }\r\n\r\n  .gabo-mission__lead{\r\n    margin-top: 12px;\r\n    font-size: clamp(18px, 6vw, 22px);\r\n    max-width: 15ch;\r\n  }\r\n\r\n  .gabo-mission__body{\r\n    font-size:14px;\r\n    line-height:1.74;\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .gabo-mission__blob{filter: blur(16px);}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.querySelector('.gabo-mission--liquid.gabo-mission--whiteText');\r\n  const blob = document.getElementById('gaboMissionBlob');\r\n  if(!root || !blob) return;\r\n\r\n  let mouseX = 0, mouseY = 0;\r\n  let currentX = 0, currentY = 0;\r\n  const t0 = performance.now();\r\n\r\n  function onMove(e){\r\n    const r = root.getBoundingClientRect();\r\n    const x = (e.clientX - r.left) \/ r.width;\r\n    const y = (e.clientY - r.top) \/ r.height;\r\n    mouseX = (x - 0.5) * 120;\r\n    mouseY = (y - 0.5) * 90;\r\n  }\r\n  function onLeave(){ mouseX = 0; mouseY = 0; }\r\n\r\n  root.addEventListener('mousemove', onMove, {passive:true});\r\n  root.addEventListener('mouseleave', onLeave, {passive:true});\r\n\r\n  function animate(now){\r\n    const t = (now - t0) \/ 1000;\r\n\r\n    const autoX = Math.sin(t * 0.55) * 60 + Math.sin(t * 0.18) * 34;\r\n    const autoY = Math.cos(t * 0.45) * 48 + Math.sin(t * 0.22) * 26;\r\n    const autoS = 1 + (Math.sin(t * 0.35) * 0.035);\r\n\r\n    currentX += (mouseX - currentX) * 0.08;\r\n    currentY += (mouseY - currentY) * 0.08;\r\n\r\n    const x = autoX + currentX;\r\n    const y = autoY + currentY;\r\n\r\n    blob.style.transform = `translate3d(${x}px, ${y}px, 0) scale(${autoS})`;\r\n    requestAnimationFrame(animate);\r\n  }\r\n  requestAnimationFrame(animate);\r\n})();\r\n<\/script>\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-7007f4c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"7007f4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24c7d96 elementor-widget elementor-widget-html\" data-id=\"24c7d96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nNUESTRA VISI\u00d3N (INVERTIDO) + BLOB A LA DERECHA \u2705\r\n\u2705 Mismo dise\u00f1o: liquid + grain + mouse\r\n\u2705 T\u00edtulo\/lead a la DERECHA, texto largo a la IZQUIERDA\r\n\u2705 BLOB (bola de color) colocado a la DERECHA (como pediste)\r\n\u2705 Sin imagen \/ Sin bot\u00f3n \/ Texto blanco\r\nPega TODO en Elementor > Widget HTML\r\n========================================================= -->\r\n\r\n<div class=\"gabo-mission gabo-mission--liquid gabo-mission--whiteText gabo-mission--invert gabo-vision\">\r\n  <!-- SVG filtros para efecto l\u00edquido -->\r\n  <svg class=\"gabo-mission__svg\" width=\"0\" height=\"0\" aria-hidden=\"true\" focusable=\"false\">\r\n    <filter id=\"gaboMissionLiquid\">\r\n      <feturbulence type=\"fractalNoise\" basefrequency=\"0.012\" numoctaves=\"2\" seed=\"8\" result=\"noise\">\r\n        <animate attributename=\"baseFrequency\" dur=\"12s\" values=\"0.010;0.014;0.010\" repeatcount=\"indefinite\"\/>\r\n      <\/feturbulence>\r\n      <fedisplacementmap in=\"SourceGraphic\" in2=\"noise\" scale=\"52\" xchannelselector=\"R\" ychannelselector=\"G\">\r\n        <animate attributename=\"scale\" dur=\"10s\" values=\"40;58;40\" repeatcount=\"indefinite\"\/>\r\n      <\/fedisplacementmap>\r\n    <\/filter>\r\n  <\/svg>\r\n\r\n  <!-- Fondo -->\r\n  <div class=\"gabo-mission__bg\" aria-hidden=\"true\">\r\n    <div class=\"gabo-mission__blob gabo-mission__blob--right\" id=\"gaboMissionBlob\"><\/div>\r\n    <div class=\"gabo-mission__vignette\"><\/div>\r\n    <div class=\"gabo-mission__grain\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gabo-mission__inner\">\r\n    <div class=\"gabo-mission__grid\">\r\n\r\n      <!-- IZQUIERDA (texto largo) -->\r\n      <div class=\"gabo-mission__right\">\r\n        <p class=\"gabo-mission__body\">\r\n          Ser el aliado digital que las empresas eligen cuando necesitan una web que represente su marca con nivel\r\n          y soporte un crecimiento real: desde la primera impresi\u00f3n hasta la conversi\u00f3n.\r\n        <\/p>\r\n\r\n        <p class=\"gabo-mission__body\">\r\n          Aspiramos a elevar el est\u00e1ndar del desarrollo web en nuestra regi\u00f3n: combinando dise\u00f1o moderno,\r\n          implementaci\u00f3n t\u00e9cnica s\u00f3lida y una experiencia de usuario clara en cada punto de contacto.\r\n        <\/p>\r\n\r\n        <p class=\"gabo-mission__body\">\r\n          Buscamos construir productos digitales que duren: escalables, medibles y listos para competir en mercados\r\n          locales e internacionales.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- DERECHA (t\u00edtulo\/lead) -->\r\n      <div class=\"gabo-mission__left\">\r\n        <h2 class=\"gabo-mission__title\">\r\n          NUESTRA<br\/>\r\n          VISI\u00d3N\r\n        <\/h2>\r\n\r\n        <p class=\"gabo-mission__lead\">\r\n          Elevar marcas con dise\u00f1o, velocidad y estrategia para competir a nivel global.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&display=swap');\r\n\r\n  \/* ========= Base ========= *\/\r\n  .gabo-mission.gabo-mission--liquid{\r\n    width:100%;\r\n    border-radius:22px;\r\n    overflow:hidden;\r\n    position:relative;\r\n    isolation:isolate;\r\n    background:#070912;\r\n    padding: clamp(22px, 4.2vw, 64px);\r\n  }\r\n\r\n  .gabo-mission__bg{position:absolute; inset:0; z-index:0;}\r\n  .gabo-mission__inner{position:relative; z-index:1; max-width:1240px; margin:0 auto;}\r\n\r\n  \/* Invertido *\/\r\n  .gabo-mission--invert .gabo-mission__grid{\r\n    display:grid;\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n    gap: clamp(18px, 3.5vw, 56px);\r\n    align-items:start;\r\n  }\r\n\r\n  \/* ========= BLOB (bola) A LA DERECHA \u2705 ========= *\/\r\n  .gabo-mission__blob{\r\n    position:absolute;\r\n    width: 980px;\r\n    height: 620px;\r\n    border-radius: 999px;\r\n    background:\r\n      radial-gradient(circle at 28% 30%, rgba(255,72,170,.95), transparent 58%),\r\n      radial-gradient(circle at 70% 48%, rgba(169,72,255,.90), transparent 62%),\r\n      radial-gradient(circle at 50% 78%, rgba(99,102,241,.55), transparent 68%);\r\n    filter: url(#gaboMissionLiquid) blur(18px);\r\n    opacity: .92;\r\n    mix-blend-mode: screen;\r\n    transform: translate3d(0,0,0) scale(1);\r\n    will-change: transform;\r\n  }\r\n\r\n  \/* \u2705 posici\u00f3n derecha *\/\r\n  .gabo-mission__blob--right{\r\n    right: -18%;\r\n    top: -12%;\r\n    left: auto;\r\n  }\r\n\r\n  .gabo-mission__vignette{\r\n    position:absolute; inset:-2px;\r\n    background:\r\n      radial-gradient(1200px 620px at 70% 50%, rgba(255,255,255,.06), transparent 60%),\r\n      radial-gradient(900px 520px at 12% 25%, rgba(169,72,255,.14), transparent 60%),\r\n      radial-gradient(900px 520px at 88% 55%, rgba(255,72,170,.10), transparent 60%),\r\n      linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.46));\r\n    pointer-events:none;\r\n  }\r\n\r\n  .gabo-mission__grain{\r\n    position:absolute; inset:0;\r\n    pointer-events:none;\r\n    opacity:.10;\r\n    mix-blend-mode: overlay;\r\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.20'\/%3E%3C\/svg%3E\");\r\n  }\r\n\r\n  \/* Tipograf\u00eda *\/\r\n  .gabo-mission,\r\n  .gabo-mission p,\r\n  .gabo-mission h2,\r\n  .gabo-mission div{\r\n    font-family:\"Poppins\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial !important;\r\n  }\r\n\r\n  \/* Texto blanco *\/\r\n  .gabo-mission--whiteText .gabo-mission__title{ color:#ffffff !important; }\r\n  .gabo-mission--whiteText .gabo-mission__lead{ color: rgba(255,255,255,.92) !important; }\r\n  .gabo-mission--whiteText .gabo-mission__body{ color: rgba(255,255,255,.74) !important; }\r\n\r\n  \/* Title *\/\r\n  .gabo-mission__title{\r\n    margin:0;\r\n    font-weight:500;\r\n    letter-spacing:-0.04em;\r\n    line-height:.88;\r\n    font-size: clamp(56px, 7.6vw, 132px);\r\n  }\r\n\r\n  \/* Lead *\/\r\n  .gabo-mission__lead{\r\n    margin: clamp(18px, 2.8vw, 36px) 0 0 0;\r\n    font-weight:500;\r\n    letter-spacing:-0.02em;\r\n    line-height: 1.05;\r\n    font-size: clamp(26px, 3.35vw, 56px);\r\n    max-width: 18ch;\r\n  }\r\n\r\n  \/* Texto largo *\/\r\n  .gabo-mission__right{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap: 14px;\r\n    align-items:flex-start;\r\n    padding-top: 8px;\r\n  }\r\n\r\n  .gabo-mission__body{\r\n    margin:0;\r\n    font-size: clamp(14px, 1.12vw, 16px);\r\n    line-height: 1.75;\r\n    max-width: 44ch;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 980px){\r\n    .gabo-mission--invert .gabo-mission__grid{\r\n      grid-template-columns: 1fr;\r\n      gap: 22px;\r\n    }\r\n    .gabo-mission__right{padding-top: 0;}\r\n\r\n    .gabo-mission__blob--right{\r\n      right: -35%;\r\n      top: -18%;\r\n      width: 860px;\r\n      height: 560px;\r\n      opacity: .88;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px){\r\n    .gabo-mission.gabo-mission--liquid{\r\n      border-radius: 18px;\r\n      padding: 22px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .gabo-mission__blob{filter: blur(16px);}\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    const root = document.querySelector('.gabo-mission--invert.gabo-vision');\r\n    const blob = document.getElementById('gaboMissionBlob');\r\n    if(!root || !blob) return;\r\n\r\n    let mouseX = 0, mouseY = 0;\r\n    let currentX = 0, currentY = 0;\r\n    const t0 = performance.now();\r\n\r\n    function onMove(e){\r\n      const r = root.getBoundingClientRect();\r\n      const x = (e.clientX - r.left) \/ r.width;\r\n      const y = (e.clientY - r.top) \/ r.height;\r\n      mouseX = (x - 0.5) * 120;\r\n      mouseY = (y - 0.5) * 90;\r\n    }\r\n    function onLeave(){ mouseX = 0; mouseY = 0; }\r\n\r\n    root.addEventListener('mousemove', onMove, {passive:true});\r\n    root.addEventListener('mouseleave', onLeave, {passive:true});\r\n\r\n    function animate(now){\r\n      const t = (now - t0) \/ 1000;\r\n\r\n      const autoX = Math.sin(t * 0.55) * 60 + Math.sin(t * 0.18) * 34;\r\n      const autoY = Math.cos(t * 0.45) * 48 + Math.sin(t * 0.22) * 26;\r\n      const autoS = 1 + (Math.sin(t * 0.35) * 0.035);\r\n\r\n      currentX += (mouseX - currentX) * 0.08;\r\n      currentY += (mouseY - currentY) * 0.08;\r\n\r\n      const x = autoX + currentX;\r\n      const y = autoY + currentY;\r\n\r\n      blob.style.transform = `translate3d(${x}px, ${y}px, 0) scale(${autoS})`;\r\n      requestAnimationFrame(animate);\r\n    }\r\n    requestAnimationFrame(animate);\r\n  })();\r\n<\/script>\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-350cb3e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"350cb3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7f292f elementor-widget elementor-widget-html\" data-id=\"e7f292f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =======================\r\nGABO \u2013 CTA \u201cFRANJA\u201d (MISMO ANCHO que MISI\u00d3N\/VISI\u00d3N)\r\n\u2705 MISMO ANCHO HORIZONTAL: NO 100vw \/ NO rompe contenedor\r\n\u2705 Mismo estilo: Poppins + blancos\/opacity + blob + grain + mouse\r\n\u2705 Bot\u00f3n WhatsApp grande y coherente\r\n\u2705 Altura tipo franja (no 100vh)\r\nPega TODO en Elementor > Widget HTML\r\n======================= -->\r\n\r\n<section class=\"gabo-kota-fs gabo-kota-fs--boxed\" aria-label=\"CTA contacto Gabo Desarrollador\">\r\n  <!-- SVG filtros para efecto l\u00edquido -->\r\n  <svg class=\"gabo-kota-fs__svg\" width=\"0\" height=\"0\" aria-hidden=\"true\" focusable=\"false\">\r\n    <filter id=\"gaboLiquid\">\r\n      <feturbulence type=\"fractalNoise\" basefrequency=\"0.012\" numoctaves=\"2\" seed=\"8\" result=\"noise\">\r\n        <animate attributename=\"baseFrequency\" dur=\"12s\" values=\"0.010;0.014;0.010\" repeatcount=\"indefinite\"\/>\r\n      <\/feturbulence>\r\n      <fedisplacementmap in=\"SourceGraphic\" in2=\"noise\" scale=\"52\" xchannelselector=\"R\" ychannelselector=\"G\">\r\n        <animate attributename=\"scale\" dur=\"10s\" values=\"40;58;40\" repeatcount=\"indefinite\"\/>\r\n      <\/fedisplacementmap>\r\n    <\/filter>\r\n  <\/svg>\r\n\r\n  <!-- Fondo -->\r\n  <div class=\"gabo-kota-fs__bg\" aria-hidden=\"true\">\r\n    <div class=\"gabo-kota-fs__blob\" id=\"gaboBlob\"><\/div>\r\n    <div class=\"gabo-kota-fs__vignette\"><\/div>\r\n    <div class=\"gabo-kota-fs__grain\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Contenido -->\r\n  <div class=\"gabo-kota-fs__wrap\">\r\n    <div class=\"gabo-kota-fs__left\">\r\n      <h2 class=\"gabo-kota-fs__title\">\r\n        \u00bfListo para<br>\r\n        trabajar con<br>\r\n        <span class=\"gabo-kota-fs__brand\">Gabo<\/span>?\r\n      <\/h2>\r\n\r\n      <p class=\"gabo-kota-fs__lead\">\r\n        Dise\u00f1amos y desarrollamos p\u00e1ginas web estrat\u00e9gicas para empresas que quieren verse profesionales,\r\n        posicionarse en Google y convertir visitas en consultas.\r\n      <\/p>\r\n\r\n      <div class=\"gabo-kota-fs__points\" role=\"list\">\r\n        <div class=\"gabo-kota-fs__point\" role=\"listitem\">\u2022 Estructura clara, copy directo y CTA visibles.<\/div>\r\n        <div class=\"gabo-kota-fs__point\" role=\"listitem\">\u2022 Optimizaci\u00f3n de velocidad, SEO base y medici\u00f3n.<\/div>\r\n        <div class=\"gabo-kota-fs__point\" role=\"listitem\">\u2022 Web lista para campa\u00f1as (Google Ads \/ Meta) y escalamiento.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gabo-kota-fs__chips\" aria-label=\"Beneficios\">\r\n        <span class=\"gabo-kota-fs__chip\">\u26a1 Performance<\/span>\r\n        <span class=\"gabo-kota-fs__chip\">\ud83d\udd0d SEO<\/span>\r\n        <span class=\"gabo-kota-fs__chip\">\ud83c\udfaf Conversi\u00f3n<\/span>\r\n        <span class=\"gabo-kota-fs__chip\">\ud83d\udee1\ufe0f Soporte<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gabo-kota-fs__right\">\r\n      <div class=\"gabo-kota-fs__mini\">Escr\u00edbenos a<\/div>\r\n\r\n      <!-- CAMBIA TU CORREO AQU\u00cd -->\r\n      <a class=\"gabo-kota-fs__email\" href=\"mailto:hola@gabodesarrollador.com\">\r\n        hola@gabodesarrollador.com\r\n      <\/a>\r\n\r\n      <p class=\"gabo-kota-fs__desc\">\r\n        Agencia Digital & Desarrollo Web Estrat\u00e9gico.<br>\r\n        Desde Per\u00fa, para LATAM y el mundo.<br>\r\n        Si ya tienes una idea, te ayudamos a convertirla en una web que trabaje por tu negocio.\r\n      <\/p>\r\n\r\n      <div class=\"gabo-kota-fs__cta\">\r\n        <!-- CAMBIA TU WHATSAPP AQU\u00cd -->\r\n        <a class=\"gabo-kota-fs__btn\"\r\n           href=\"https:\/\/wa.me\/51947274091?text=Hola%20Gabo%2C%20quiero%20cotizar%20mi%20web.\"\r\n           target=\"_blank\" rel=\"noopener\">\r\n          Cotizar por WhatsApp <span aria-hidden=\"true\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"gabo-kota-fs__note\">\r\n        Respuesta r\u00e1pida \u2022 Asesor\u00eda \u2022 Propuesta clara\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&display=swap');\r\n\r\n  \/* ========= MISMO ANCHO que MISI\u00d3N\/VISI\u00d3N (boxed) =========\r\n     - NO usamos 100vw\r\n     - NO hacemos margin-left:-50vw\r\n     - Queda del ancho normal del contenedor (como tus otros bloques)\r\n  ========================================================= *\/\r\n  .gabo-kota-fs.gabo-kota-fs--boxed{\r\n    position: relative;\r\n    width: 100%;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    background: #070912;\r\n    isolation: isolate;\r\n\r\n    \/* \u2705 altura tipo franja *\/\r\n    padding: clamp(38px, 5.2vw, 68px) clamp(18px, 4.2vw, 64px);\r\n  }\r\n\r\n  .gabo-kota-fs *{box-sizing:border-box;}\r\n\r\n  \/* Tipograf\u00eda consistente *\/\r\n  .gabo-kota-fs,\r\n  .gabo-kota-fs a,\r\n  .gabo-kota-fs p,\r\n  .gabo-kota-fs div,\r\n  .gabo-kota-fs h2{\r\n    font-family: \"Poppins\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial !important;\r\n  }\r\n\r\n  \/* ========= BG ========= *\/\r\n  .gabo-kota-fs__bg{position:absolute; inset:0; z-index:0;}\r\n\r\n  .gabo-kota-fs__blob{\r\n    position:absolute;\r\n    width: 980px;\r\n    height: 620px;\r\n    left: -18%;\r\n    top: -22%;\r\n    border-radius: 999px;\r\n    background:\r\n      radial-gradient(circle at 28% 30%, rgba(255,72,170,.95), transparent 58%),\r\n      radial-gradient(circle at 70% 48%, rgba(169,72,255,.90), transparent 62%),\r\n      radial-gradient(circle at 50% 78%, rgba(99,102,241,.55), transparent 68%);\r\n    filter: url(#gaboLiquid) blur(18px);\r\n    opacity: .92;\r\n    mix-blend-mode: screen;\r\n    transform: translate3d(0,0,0) scale(1);\r\n    will-change: transform;\r\n  }\r\n\r\n  .gabo-kota-fs__vignette{\r\n    position:absolute; inset:-2px;\r\n    background:\r\n      radial-gradient(1200px 620px at 45% 55%, rgba(255,255,255,.06), transparent 60%),\r\n      radial-gradient(900px 520px at 12% 25%, rgba(169,72,255,.14), transparent 60%),\r\n      radial-gradient(900px 520px at 88% 55%, rgba(255,72,170,.10), transparent 60%),\r\n      linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.46));\r\n    pointer-events:none;\r\n  }\r\n\r\n  .gabo-kota-fs__grain{\r\n    position:absolute; inset:0;\r\n    pointer-events:none;\r\n    opacity:.10;\r\n    mix-blend-mode: overlay;\r\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.20'\/%3E%3C\/svg%3E\");\r\n  }\r\n\r\n  \/* ========= Layout ========= *\/\r\n  .gabo-kota-fs__wrap{\r\n    position:relative;\r\n    z-index:1;\r\n\r\n    \/* \u2705 ya NO necesitamos max-width porque el contenedor ya est\u00e1 en tu layout,\r\n       pero lo dejamos consistente por si Elementor lo pone full *\/\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n\r\n    display:grid;\r\n    grid-template-columns: 1.15fr 0.95fr;\r\n    gap: clamp(18px, 3.5vw, 56px);\r\n    align-items:center;\r\n    color:#fff;\r\n  }\r\n\r\n  \/* ========= Left ========= *\/\r\n  .gabo-kota-fs__title{\r\n    margin:0 0 12px 0;\r\n    font-size: clamp(46px, 5.6vw, 104px);\r\n    font-weight: 500;\r\n    letter-spacing: -0.04em;\r\n    line-height: 0.92;\r\n    color:#ffffff;\r\n  }\r\n\r\n  .gabo-kota-fs__brand{\r\n    background: linear-gradient(90deg, #a948ff 0%, #ff48aa 55%, #7c3aed 100%);\r\n    -webkit-background-clip:text;\r\n    background-clip:text;\r\n    color: transparent;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .gabo-kota-fs__lead{\r\n    margin:0 0 12px 0;\r\n    max-width: 60ch;\r\n    color: rgba(255,255,255,.74);\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .gabo-kota-fs__points{\r\n    margin: 0 0 12px 0;\r\n    color: rgba(255,255,255,.70);\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .gabo-kota-fs__chips{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    margin-top: 10px;\r\n  }\r\n  .gabo-kota-fs__chip{\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.06);\r\n    border: 1px solid rgba(255,255,255,.10);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  \/* ========= Right ========= *\/\r\n  .gabo-kota-fs__mini{\r\n    font-size: 14px;\r\n    color: rgba(255,255,255,.65);\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .gabo-kota-fs__email{\r\n    display:inline-block;\r\n    font-size: clamp(22px, 2.8vw, 52px);\r\n    font-weight: 500;\r\n    letter-spacing: -0.03em;\r\n    line-height: 1.05;\r\n    color: #fff;\r\n    text-decoration: none;\r\n    border-bottom: 2px solid rgba(255,255,255,.22);\r\n    padding-bottom: 8px;\r\n  }\r\n  .gabo-kota-fs__email:hover{border-bottom-color: rgba(255,255,255,.42);}\r\n\r\n  .gabo-kota-fs__desc{\r\n    margin: 14px 0 14px 0;\r\n    color: rgba(255,255,255,.74);\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n    max-width: 56ch;\r\n  }\r\n\r\n  .gabo-kota-fs__cta{margin-top: 10px;}\r\n\r\n  \/* Bot\u00f3n grande consistente (pill oscuro) *\/\r\n  .gabo-kota-fs__btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap: 10px;\r\n\r\n    padding: 16px 20px;\r\n    border-radius: 999px;\r\n    background: #0b0c12;\r\n    color: #ffffff;\r\n\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    letter-spacing: -0.01em;\r\n    text-decoration:none;\r\n\r\n    border: 1px solid rgba(255,255,255,.12);\r\n    box-shadow: 0 14px 34px rgba(0,0,0,.30);\r\n    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;\r\n    will-change: transform;\r\n  }\r\n  .gabo-kota-fs__btn:hover{\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 18px 44px rgba(0,0,0,.38);\r\n  }\r\n  .gabo-kota-fs__btn:active{\r\n    transform: translateY(0px);\r\n    opacity:.92;\r\n  }\r\n\r\n  .gabo-kota-fs__note{\r\n    margin-top: 12px;\r\n    color: rgba(255,255,255,.58);\r\n    font-size: 13px;\r\n  }\r\n\r\n  \/* ========= Responsive ========= *\/\r\n  @media (max-width: 980px){\r\n    .gabo-kota-fs.gabo-kota-fs--boxed{\r\n      padding: 26px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .gabo-kota-fs__wrap{\r\n      grid-template-columns: 1fr;\r\n      gap: 22px;\r\n      align-items:start;\r\n    }\r\n\r\n    .gabo-kota-fs__blob{\r\n      left: -35%;\r\n      top: -28%;\r\n      width: 860px;\r\n      height: 560px;\r\n      opacity: .88;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .gabo-kota-fs__blob{filter: blur(16px);}\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    const section = document.querySelector('.gabo-kota-fs.gabo-kota-fs--boxed');\r\n    const blob = document.getElementById('gaboBlob');\r\n    if(!section || !blob) return;\r\n\r\n    let mouseX = 0, mouseY = 0;\r\n    let currentX = 0, currentY = 0;\r\n    const t0 = performance.now();\r\n\r\n    function onMove(e){\r\n      const r = section.getBoundingClientRect();\r\n      const x = (e.clientX - r.left) \/ r.width;\r\n      const y = (e.clientY - r.top) \/ r.height;\r\n      mouseX = (x - 0.5) * 120;\r\n      mouseY = (y - 0.5) * 90;\r\n    }\r\n    function onLeave(){ mouseX = 0; mouseY = 0; }\r\n\r\n    section.addEventListener('mousemove', onMove, {passive:true});\r\n    section.addEventListener('mouseleave', onLeave, {passive:true});\r\n\r\n    function animate(now){\r\n      const t = (now - t0) \/ 1000;\r\n\r\n      const autoX = Math.sin(t * 0.55) * 70 + Math.sin(t * 0.18) * 40;\r\n      const autoY = Math.cos(t * 0.45) * 55 + Math.sin(t * 0.22) * 30;\r\n      const autoS = 1 + (Math.sin(t * 0.35) * 0.04);\r\n\r\n      currentX += (mouseX - currentX) * 0.08;\r\n      currentY += (mouseY - currentY) * 0.08;\r\n\r\n      const x = autoX + currentX;\r\n      const y = autoY + currentY;\r\n\r\n      blob.style.transform = `translate3d(${x}px, ${y}px, 0) scale(${autoS})`;\r\n      requestAnimationFrame(animate);\r\n    }\r\n    requestAnimationFrame(animate);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Gabo Desarrollador \u00b7 Agencia Digital \u00b7 Per\u00fa Desde Per\u00fa \u2726 para marcas que crecen Gabo Desarrollador es una agencia digital enfocada en dise\u00f1o y desarrollo web estrat\u00e9gico. Creamos sitios que comunican con claridad, cargan r\u00e1pido y est\u00e1n construidos para convertir: desde la estructura y el contenido, hasta el rendimiento y la base SEO. Trabajamos con empresas de Per\u00fa y del exterior, adapt\u00e1ndonos a distintos mercados y estilos de marca. Nuestro enfoque combina criterios de dise\u00f1o moderno con implementaci\u00f3n t\u00e9cnica s\u00f3lida, para entregar una web profesional, escalable y lista para campa\u00f1as (Google Ads \/ Meta) y crecimiento org\u00e1nico. No se trata de \u201chacer una p\u00e1gina\u201d, sino de construir un activo digital: una experiencia coherente con tu marca, que ordene la informaci\u00f3n, genere confianza y facilite la decisi\u00f3n de compra. NUESTRA MISI\u00d3N Hacer que las marcas se vean m\u00e1s premium, r\u00e1pidas y memorables. Cada detalle cuenta: dise\u00f1o, tipograf\u00eda, velocidad y estructura. Construimos webs pensadas para posicionar en Google, convertir visitas en clientes y sostener el crecimiento de tu negocio con una experiencia s\u00f3lida y elegante. Ser el aliado digital que las empresas eligen cuando necesitan una web que represente su marca con nivel y soporte un crecimiento real: desde la primera impresi\u00f3n hasta la conversi\u00f3n. Aspiramos a elevar el est\u00e1ndar del desarrollo web en nuestra regi\u00f3n: combinando dise\u00f1o moderno, implementaci\u00f3n t\u00e9cnica s\u00f3lida y una experiencia de usuario clara en cada punto de contacto. Buscamos construir productos digitales que duren: escalables, medibles y listos para competir en mercados locales e internacionales. NUESTRA VISI\u00d3N Elevar marcas con dise\u00f1o, velocidad y estrategia para competir a nivel global. \u00bfListo para trabajar con Gabo? Dise\u00f1amos y desarrollamos p\u00e1ginas web estrat\u00e9gicas para empresas que quieren verse profesionales, posicionarse en Google y convertir visitas en consultas. \u2022 Estructura clara, copy directo y CTA visibles. \u2022 Optimizaci\u00f3n de velocidad, SEO base y medici\u00f3n. \u2022 Web lista para campa\u00f1as (Google Ads \/ Meta) y escalamiento. \u26a1 Performance \ud83d\udd0d SEO \ud83c\udfaf Conversi\u00f3n \ud83d\udee1\ufe0f Soporte Escr\u00edbenos a hola@gabodesarrollador.com Agencia Digital &#038; Desarrollo Web Estrat\u00e9gico. Desde Per\u00fa, para LATAM y el mundo. Si ya tienes una idea, te ayudamos a convertirla en una web que trabaje por tu negocio. Cotizar por WhatsApp \u2192 Respuesta r\u00e1pida \u2022 Asesor\u00eda \u2022 Propuesta clara<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":112,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":12795,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/12795"}],"wp:attachment":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}