{"id":12756,"date":"2026-03-09T10:17:17","date_gmt":"2026-03-09T15:17:17","guid":{"rendered":"https:\/\/gabodesarrollador.com\/?page_id=12756"},"modified":"2026-04-22T15:24:37","modified_gmt":"2026-04-22T20:24:37","slug":"google-ads","status":"publish","type":"page","link":"https:\/\/gabodesarrollador.com\/en\/google-ads\/","title":{"rendered":"Google Ads"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12756\" class=\"elementor elementor-12756\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5d333b 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=\"e5d333b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be8a067 elementor-widget elementor-widget-html\" data-id=\"be8a067\" 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\nGOOGLE ADS + TIMELINE PRO (UNIFICADO)\r\n\u2705 Hero + Timeline con la misma l\u00ednea visual\r\n\u2705 Mantiene el blob l\u00edquido animado\r\n\u2705 SIN recuadro negro interno en el hero\r\n\u2705 Fondo uniforme con tu paleta\r\n\u2705 Botones rosa de marca\r\n\u2705 Responsive bonito\r\nPega TODO en Elementor > Widget HTML\r\n====================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<section class=\"mcGadsWrap\" aria-label=\"Google Ads - Gabo Desarrollador\">\r\n\r\n  <!-- SVG filtro l\u00edquido -->\r\n  <svg class=\"mcGadsWrap__svg\" width=\"0\" height=\"0\" aria-hidden=\"true\" focusable=\"false\">\r\n    <filter id=\"mcGadsLiquid\">\r\n      <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.012\" numOctaves=\"2\" seed=\"10\" 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=\"mcGadsWrap__bg\" aria-hidden=\"true\">\r\n    <div class=\"mcGadsWrap__blob\" id=\"mcGadsBlob\"><\/div>\r\n    <div class=\"mcGadsWrap__vignette\"><\/div>\r\n    <div class=\"mcGadsWrap__grid\"><\/div>\r\n    <div class=\"mcGadsWrap__grain\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mcGadsWrap__container\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"mcGadsHero\" aria-label=\"Hero Google Ads\">\r\n      <div class=\"mcGadsHero__wrap\">\r\n\r\n        <div class=\"mcGadsHero__kicker\">\r\n          <span class=\"mcGadsHero__kDot\"><\/span>\r\n          Publicidad \u00b7 Google Ads\r\n          <span class=\"mcGadsHero__pill\">Leads \u00b7 Ventas \u00b7 Performance<\/span>\r\n        <\/div>\r\n\r\n        <h1 class=\"mcGadsHero__title\">\r\n          <span class=\"line\">\r\n            Atrae clientes con\r\n            <span class=\"accent\">intenci\u00f3n real<\/span>\r\n          <\/span>\r\n          <span class=\"line line2\">\r\n            y convierte b\u00fasquedas en\r\n            <span class=\"accent2\">consultas y ventas<\/span>\r\n            <span class=\"spark\" aria-hidden=\"true\">\u2726<\/span>\r\n          <\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"mcGadsHero__copy\">\r\n          Creamos campa\u00f1as de Google Ads para negocios que quieren resultados medibles:\r\n          <strong>WhatsApp<\/strong>, formularios y llamadas. La idea no es gastar por aparecer,\r\n          sino invertir con una estructura que ayude a captar clientes con mejor intenci\u00f3n de compra.\r\n        <\/p>\r\n\r\n        <div class=\"mcGadsHero__cta\">\r\n          <a class=\"mcGadsHero__btn mcGadsHero__btn--primary\" href=\"https:\/\/wa.me\/51947274091\" target=\"_blank\" rel=\"noopener\">\r\n            Cotizar por WhatsApp\r\n          <\/a>\r\n\r\n          <a class=\"mcGadsHero__btn mcGadsHero__btn--ghost\" href=\"#gdTimeline\">\r\n            Ver proceso\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"mcGadsHero__note\">\r\n          Ideal para servicios, inmobiliarias, cl\u00ednicas, educaci\u00f3n, B2B y negocios locales que quieren captar demanda con intenci\u00f3n real.\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- TIMELINE -->\r\n    <section class=\"mcTL\" aria-label=\"Proceso Google Ads\">\r\n      <div class=\"mcTL__wrap\">\r\n\r\n        <header class=\"mcTL__head\">\r\n          <span class=\"mcTL__kicker\"><span class=\"mcTL__dot\"><\/span> Proceso \u00b7 Google Ads<\/span>\r\n\r\n          <h2 class=\"mcTL__title\">\r\n            As\u00ed estructuramos campa\u00f1as para\r\n            <span class=\"mcTL__accent\">convertir mejor<\/span>\r\n            <span class=\"mcTL__spark\" aria-hidden=\"true\">\u2726<\/span>\r\n          <\/h2>\r\n\r\n          <p class=\"mcTL__sub\">\r\n            Un proceso claro, medible y enfocado en captar mejores oportunidades comerciales.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"mcTL__stage\" id=\"gdTimeline\">\r\n          <div class=\"mcTL__line\" aria-hidden=\"true\"><\/div>\r\n\r\n          <!-- Paso 1 -->\r\n          <article class=\"mcTL__item mcTL__item--left\">\r\n            <div class=\"mcTL__node\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M12 22a10 10 0 1 0-10-10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M12 18a6 6 0 1 0-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M12 12l7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"mcTL__card\">\r\n              <div class=\"mcTL__top\">\r\n                <div class=\"mcTL__week\">Paso 1<\/div>\r\n                <div class=\"mcTL__pill\">Diagn\u00f3stico<\/div>\r\n              <\/div>\r\n\r\n              <h3 class=\"mcTL__h3\">An\u00e1lisis de objetivo, oferta y mercado<\/h3>\r\n              <p class=\"mcTL__p\">\r\n                Revisamos tu servicio, el tipo de cliente que buscas captar y el mensaje m\u00e1s conveniente\r\n                para construir campa\u00f1as con mejor intenci\u00f3n desde el inicio.\r\n              <\/p>\r\n\r\n              <div class=\"mcTL__chips\">\r\n                <span class=\"mcTL__chip\">Intenci\u00f3n de compra<\/span>\r\n                <span class=\"mcTL__chip\">Oferta y enfoque<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Paso 2 -->\r\n          <article class=\"mcTL__item mcTL__item--right\">\r\n            <div class=\"mcTL__node\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M20 13l-7 7L2 9V2h7l11 11z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M7 7h.01\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"mcTL__card\">\r\n              <div class=\"mcTL__top\">\r\n                <div class=\"mcTL__week\">Paso 2<\/div>\r\n                <div class=\"mcTL__pill\">Tracking<\/div>\r\n              <\/div>\r\n\r\n              <h3 class=\"mcTL__h3\">Configuraci\u00f3n de medici\u00f3n y conversiones<\/h3>\r\n              <p class=\"mcTL__p\">\r\n                Dejamos lista la base para medir lo que realmente importa: clics a WhatsApp, formularios,\r\n                llamadas y conversiones que ayuden a optimizar campa\u00f1as con datos.\r\n              <\/p>\r\n\r\n              <div class=\"mcTL__chips\">\r\n                <span class=\"mcTL__chip\">GA4 \/ GTM<\/span>\r\n                <span class=\"mcTL__chip\">Eventos y QA<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Imagen -->\r\n          <div class=\"mcTL__media\" aria-label=\"Imagen del proceso\">\r\n            <div class=\"mcTL__mediaFrame\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/02\/Time-2.jpg\"\r\n                alt=\"Visual del proceso\"\r\n                loading=\"lazy\"\r\n              \/>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Paso 3 -->\r\n          <article class=\"mcTL__item mcTL__item--left\">\r\n            <div class=\"mcTL__node\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M14 10l-3 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M5 19l4-1 9-9-3-3-9 9-1 4z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M15 6l3 3 1-4-4 1z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"mcTL__card\">\r\n              <div class=\"mcTL__top\">\r\n                <div class=\"mcTL__week\">Paso 3<\/div>\r\n                <div class=\"mcTL__pill\">Lanzamiento<\/div>\r\n              <\/div>\r\n\r\n              <h3 class=\"mcTL__h3\">Activaci\u00f3n de campa\u00f1as y anuncios<\/h3>\r\n              <p class=\"mcTL__p\">\r\n                Creamos anuncios, extensiones y estructura de campa\u00f1as con l\u00f3gica comercial,\r\n                listos para empezar a captar tr\u00e1fico con intenci\u00f3n y aprender r\u00e1pido desde el arranque.\r\n              <\/p>\r\n\r\n              <div class=\"mcTL__chips\">\r\n                <span class=\"mcTL__chip\">Pruebas iniciales<\/span>\r\n                <span class=\"mcTL__chip\">Anuncios y extensiones<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Paso 4 -->\r\n          <article class=\"mcTL__item mcTL__item--right\">\r\n            <div class=\"mcTL__node\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M4 19V5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M4 19h16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M8 15v-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M12 15V7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M16 15v-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"mcTL__card\">\r\n              <div class=\"mcTL__top\">\r\n                <div class=\"mcTL__week\">Paso 4<\/div>\r\n                <div class=\"mcTL__pill\">Optimizaci\u00f3n<\/div>\r\n              <\/div>\r\n\r\n              <h3 class=\"mcTL__h3\">Mejora continua y escalado<\/h3>\r\n              <p class=\"mcTL__p\">\r\n                Ajustamos keywords, negativos, anuncios, pujas y estructura seg\u00fan el rendimiento,\r\n                buscando mejorar CPL, calidad del lead y oportunidades comerciales.\r\n              <\/p>\r\n\r\n              <div class=\"mcTL__chips\">\r\n                <span class=\"mcTL__chip\">Optimizaci\u00f3n semanal<\/span>\r\n                <span class=\"mcTL__chip\">KPIs reales<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- CTA -->\r\n          <div class=\"mcTL__cta\">\r\n            <a class=\"mcTL__btn\" href=\"https:\/\/wa.me\/51947274091\" target=\"_blank\" rel=\"noopener\">Quiero una estrategia<\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\r\n\r\n.mcGadsWrap{\r\n  --txt: rgba(255,255,255,.96);\r\n  --muted: rgba(255,255,255,.76);\r\n  --pink:#ff4f9a;\r\n  --pink2:#ff73a8;\r\n  --violet:#8b5cff;\r\n  --cyan:#4be7ff;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  border-radius:22px;\r\n  padding: clamp(34px, 4.8vw, 82px) 0;\r\n  font-family:\"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n  color: var(--txt);\r\n\r\n  background:\r\n    radial-gradient(900px 300px at 50% 0%, rgba(139,92,255,.10), transparent 60%),\r\n    radial-gradient(680px 240px at 18% 10%, rgba(255,79,154,.05), transparent 62%),\r\n    linear-gradient(180deg, #080013 0%, #060010 56%, #04000c 100%);\r\n}\r\n\r\n.mcGadsWrap *{ box-sizing:border-box; }\r\n\r\n.mcGadsWrap__container{\r\n  width:min(1180px,92%);\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* capas *\/\r\n.mcGadsWrap::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0 0 auto 0;\r\n  height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);\r\n  opacity:.45;\r\n  z-index:1;\r\n}\r\n.mcGadsWrap::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background:\r\n    linear-gradient(to right, rgba(255,255,255,.012) 1px, transparent 1px),\r\n    linear-gradient(to bottom, rgba(255,255,255,.009) 1px, transparent 1px);\r\n  background-size:60px 60px;\r\n  opacity:.05;\r\n  mask-image: radial-gradient(70% 60% at 50% 22%, rgba(0,0,0,1), transparent 85%);\r\n  z-index:0;\r\n}\r\n\r\n.mcGadsWrap__svg{ position:absolute; }\r\n\r\n\/* fondo liquid *\/\r\n.mcGadsWrap__bg{ position:absolute; inset:0; z-index:0; }\r\n\r\n.mcGadsWrap__blob{\r\n  position:absolute;\r\n  width: 900px;\r\n  height: 560px;\r\n  left: -20%;\r\n  top: -10%;\r\n  border-radius: 999px;\r\n  background:\r\n    radial-gradient(circle at 30% 32%, rgba(255,79,154,.54), transparent 58%),\r\n    radial-gradient(circle at 70% 48%, rgba(139,92,255,.50), transparent 62%),\r\n    radial-gradient(circle at 52% 76%, rgba(75,231,255,.12), transparent 68%);\r\n  filter: url(#mcGadsLiquid) blur(18px);\r\n  opacity: .58;\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.mcGadsWrap__vignette{\r\n  position:absolute; inset:-2px;\r\n  background:\r\n    radial-gradient(1000px 520px at 18% 18%, rgba(255,79,154,.06), transparent 62%),\r\n    radial-gradient(900px 520px at 78% 12%, rgba(139,92,255,.08), transparent 62%),\r\n    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.42));\r\n  pointer-events:none;\r\n}\r\n.mcGadsWrap__grid{\r\n  position:absolute; inset:0;\r\n  background-image:\r\n    linear-gradient(to right, rgba(255,255,255,.04) 1px, transparent 1px),\r\n    linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  opacity:.06;\r\n  mask-image: radial-gradient(62% 58% at 50% 22%, rgba(0,0,0,1), transparent 72%);\r\n  pointer-events:none;\r\n}\r\n.mcGadsWrap__grain{\r\n  position:absolute; inset:0;\r\n  pointer-events:none;\r\n  opacity:.06;\r\n  mix-blend-mode: overlay;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='https:\/\/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\/* HERO *\/\r\n.mcGadsHero{\r\n  position:relative;\r\n}\r\n.mcGadsHero__wrap{\r\n  max-width: 1040px;\r\n  margin: 0 auto;\r\n  text-align:center;\r\n\r\n  padding: 0;\r\n  border-radius: 0;\r\n  background: transparent;\r\n  border: 0;\r\n  box-shadow: none;\r\n}\r\n\r\n.mcGadsHero__kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding: 9px 13px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  background: rgba(255,255,255,.02);\r\n  font-weight: 700;\r\n  font-size: 12.5px;\r\n  color: rgba(255,255,255,.92);\r\n}\r\n\r\n.mcGadsHero__kDot{\r\n  width:9px; height:9px; border-radius:999px;\r\n  background: linear-gradient(135deg, var(--pink), var(--violet));\r\n  box-shadow: 0 0 0 4px rgba(255,79,154,.08);\r\n}\r\n\r\n.mcGadsHero__pill{\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  background: rgba(255,255,255,.04);\r\n  font-weight: 600;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,.84);\r\n}\r\n\r\n.mcGadsHero__title{\r\n  margin: 18px 0 0;\r\n  font-weight:800;\r\n  letter-spacing:-0.045em;\r\n  line-height:1.03;\r\n  font-size: clamp(30px, 4.8vw, 68px);\r\n  color: var(--txt) !important;\r\n  text-shadow:\r\n    0 14px 34px rgba(0,0,0,.42),\r\n    0 0 18px rgba(139,92,255,.10);\r\n}\r\n.mcGadsHero__title .line{ display:block; white-space:normal; }\r\n.mcGadsHero__title .line2{\r\n  margin-top:.12em;\r\n  font-weight:700;\r\n  letter-spacing:-0.02em;\r\n  opacity:.98;\r\n}\r\n\r\n.mcGadsHero .accent,\r\n.mcGadsHero .accent2{\r\n  color: transparent;\r\n  background: linear-gradient(90deg,#ffffff 0%, var(--pink) 32%, var(--violet) 66%, var(--cyan) 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 8px 18px rgba(0,0,0,.24));\r\n  animation: mcAccentShift 7.2s ease-in-out infinite;\r\n}\r\n\r\n.mcGadsHero .spark{\r\n  display:inline-block;\r\n  margin-left:.18em;\r\n  font-size:.56em;\r\n  vertical-align:super;\r\n  opacity:.92;\r\n  color: transparent;\r\n  background: linear-gradient(90deg,#ffffff, var(--pink), var(--violet), var(--cyan), #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  filter: drop-shadow(0 8px 18px rgba(0,0,0,.24));\r\n  animation: mcSparkSpin 4.2s ease-in-out infinite, mcAccentShift 7.2s ease-in-out infinite;\r\n}\r\n\r\n.mcGadsHero__copy{\r\n  margin: 18px auto 0;\r\n  max-width: 760px;\r\n  color: rgba(255,255,255,.80);\r\n  font-size: clamp(14px, 1.2vw, 17px);\r\n  line-height: 1.76;\r\n}\r\n.mcGadsHero__copy strong{ color: rgba(255,255,255,.95); font-weight:700; }\r\n\r\n.mcGadsHero__cta{\r\n  margin-top: 22px;\r\n  display:flex;\r\n  justify-content:center;\r\n  gap: 12px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.mcGadsHero__btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  min-height:48px;\r\n  padding: 12px 18px;\r\n  border-radius: 14px;\r\n  font-weight:700;\r\n  font-size:14px;\r\n  text-decoration:none;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  transition: transform .18s ease, filter .18s ease, border-color .18s ease;\r\n}\r\n.mcGadsHero__btn:hover{\r\n  transform: translateY(-2px);\r\n  filter: brightness(1.03);\r\n  border-color: rgba(255,255,255,.20);\r\n}\r\n.mcGadsHero__btn:active{ transform: translateY(0); }\r\n\r\n.mcGadsHero__btn--primary{\r\n  color:#0b0a12;\r\n  background: linear-gradient(135deg, var(--pink), var(--pink2));\r\n  box-shadow: 0 18px 48px rgba(255,79,154,.18);\r\n}\r\n.mcGadsHero__btn--ghost{\r\n  color: rgba(255,255,255,.92);\r\n  background: rgba(255,255,255,.02);\r\n}\r\n\r\n.mcGadsHero__note{\r\n  margin: 16px auto 0;\r\n  max-width: 760px;\r\n  color: rgba(255,255,255,.64);\r\n  font-size: 12.8px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* TIMELINE *\/\r\n.mcTL{\r\n  padding-top: clamp(30px,4vw,54px);\r\n}\r\n.mcTL__wrap{ width:100%; }\r\n\r\n.mcTL__head{ margin-bottom: 18px; }\r\n.mcTL__kicker{\r\n  display:inline-flex; align-items:center; gap:10px;\r\n  padding:8px 12px; border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.12);\r\n  background: rgba(255,255,255,.02);\r\n  font-weight:700; font-size:12.5px;\r\n}\r\n.mcTL__dot{\r\n  width:9px; height:9px; border-radius:999px;\r\n  background: linear-gradient(135deg, var(--pink), var(--violet));\r\n  box-shadow: 0 0 0 4px rgba(255,79,154,.08);\r\n}\r\n\r\n.mcTL__title{\r\n  margin:14px 0 6px;\r\n  font-weight:800;\r\n  letter-spacing:-0.035em;\r\n  font-size: clamp(22px, 3vw, 40px);\r\n  line-height:1.1;\r\n  text-shadow: 0 14px 34px rgba(0,0,0,.42);\r\n  color: var(--txt) !important;\r\n}\r\n\r\n.mcTL__accent{\r\n  color: transparent;\r\n  background: linear-gradient(90deg,#fff 0%, var(--pink) 35%, var(--violet) 70%, var(--cyan) 100%);\r\n  background-size: 220% 100%;\r\n  -webkit-background-clip:text; background-clip:text;\r\n  -webkit-text-fill-color: transparent;\r\n  animation: mcAccentShift 7.2s ease-in-out infinite;\r\n}\r\n\r\n.mcTL__spark{\r\n  margin-left:.18em;\r\n  color: transparent;\r\n  background: linear-gradient(90deg,#ffffff, var(--pink), var(--violet), var(--cyan), #ffffff);\r\n  background-size: 240% 100%;\r\n  -webkit-background-clip:text; background-clip:text;\r\n  -webkit-text-fill-color: transparent;\r\n  filter: drop-shadow(0 8px 18px rgba(0,0,0,.24));\r\n  animation: mcSparkSpin 4.2s ease-in-out infinite, mcAccentShift 7.2s ease-in-out infinite;\r\n}\r\n\r\n.mcTL__sub{\r\n  margin:0;\r\n  color: rgba(255,255,255,.76);\r\n  line-height:1.7;\r\n  max-width: 70ch;\r\n  font-size: 14.5px;\r\n}\r\n\r\n\/* stage *\/\r\n.mcTL__stage{\r\n  position:relative;\r\n  border-radius:22px;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015));\r\n  box-shadow: 0 20px 60px rgba(0,0,0,.22);\r\n  padding: clamp(18px, 3vw, 28px);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n.mcTL__line{\r\n  position:absolute;\r\n  top: 22px; bottom: 22px;\r\n  left: 50%;\r\n  width: 2px;\r\n  transform: translateX(-50%);\r\n  background: linear-gradient(180deg,\r\n    rgba(255,79,154,0),\r\n    rgba(255,79,154,.36),\r\n    rgba(139,92,255,.28),\r\n    rgba(75,231,255,.10),\r\n    rgba(255,79,154,0)\r\n  );\r\n  opacity:.95;\r\n}\r\n\r\n\/* items *\/\r\n.mcTL__item{\r\n  position:relative;\r\n  display:flex;\r\n  width:100%;\r\n  padding: 16px 0;\r\n}\r\n.mcTL__item--left{ justify-content:flex-start; padding-right: 52%; }\r\n.mcTL__item--right{ justify-content:flex-end; padding-left: 52%; }\r\n\r\n.mcTL__node{\r\n  position:absolute;\r\n  top: 34px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 38px; height:38px;\r\n  border-radius: 999px;\r\n  display:grid; place-items:center;\r\n  border:1px solid rgba(255,255,255,.14);\r\n  background: rgba(255,255,255,.04);\r\n  box-shadow: 0 18px 50px rgba(0,0,0,.20);\r\n  color: rgba(255,255,255,.92);\r\n}\r\n.mcTL__node svg{ width:18px; height:18px; }\r\n\r\n.mcTL__card{\r\n  width: min(460px, 100%);\r\n  border-radius: 18px;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  background: rgba(255,255,255,.02);\r\n  box-shadow: 0 18px 50px rgba(0,0,0,.16);\r\n  padding: 16px 16px 14px;\r\n  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n  position:relative;\r\n}\r\n.mcTL__card:hover{\r\n  transform: translateY(-4px);\r\n  border-color: rgba(255,255,255,.18);\r\n  box-shadow: 0 22px 60px rgba(0,0,0,.22);\r\n}\r\n\r\n.mcTL__item--left .mcTL__card::after{\r\n  content:\"\";\r\n  position:absolute; top: 40px; right: -26px;\r\n  width: 26px; height:2px;\r\n  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,79,154,.48));\r\n}\r\n.mcTL__item--right .mcTL__card::after{\r\n  content:\"\";\r\n  position:absolute; top: 40px; left: -26px;\r\n  width: 26px; height:2px;\r\n  background: linear-gradient(90deg, rgba(255,79,154,.48), rgba(255,255,255,0));\r\n}\r\n\r\n.mcTL__top{\r\n  display:flex; align-items:center; justify-content:space-between; gap:10px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.mcTL__week{\r\n  font-weight:700;\r\n  letter-spacing:-0.01em;\r\n  color: transparent;\r\n  background: linear-gradient(90deg,#fff, var(--pink), var(--violet), var(--cyan));\r\n  background-size: 240% 100%;\r\n  -webkit-background-clip:text; background-clip:text;\r\n  -webkit-text-fill-color: transparent;\r\n  animation: mcAccentShift 7.2s ease-in-out infinite;\r\n}\r\n\r\n.mcTL__pill{\r\n  font-size:12px;\r\n  font-weight:700;\r\n  padding:6px 10px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.12);\r\n  background: rgba(255,255,255,.03);\r\n  color: rgba(255,255,255,.86);\r\n}\r\n\r\n.mcTL__h3{\r\n  margin:0;\r\n  font-weight:700;\r\n  letter-spacing:-0.02em;\r\n  font-size: 15.8px;\r\n  line-height:1.28;\r\n  color: var(--txt) !important;\r\n}\r\n\r\n.mcTL__p{\r\n  margin:8px 0 0;\r\n  color: rgba(255,255,255,.78);\r\n  line-height:1.68;\r\n  font-size: 13.7px;\r\n  max-width: 56ch;\r\n}\r\n\r\n.mcTL__chips{\r\n  margin-top: 10px;\r\n  display:flex; gap:8px; flex-wrap:wrap;\r\n}\r\n\r\n.mcTL__chip{\r\n  font-size:12.2px;\r\n  font-weight:600;\r\n  padding:6px 10px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  background: rgba(255,255,255,.04);\r\n  color: rgba(255,255,255,.84);\r\n}\r\n\r\n\/* media *\/\r\n.mcTL__media{\r\n  position:relative;\r\n  display:flex;\r\n  justify-content:center;\r\n  padding: 18px 0 22px;\r\n}\r\n\r\n.mcTL__mediaFrame{\r\n  width: min(540px, 92%);\r\n  border-radius: 20px;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  background: rgba(255,255,255,.02);\r\n  box-shadow: 0 20px 60px rgba(0,0,0,.18);\r\n  padding: 12px;\r\n}\r\n\r\n.mcTL__mediaFrame img{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n  border-radius: 16px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n\/* CTA *\/\r\n.mcTL__cta{\r\n  display:flex;\r\n  justify-content:center;\r\n  padding-top: 10px;\r\n}\r\n.mcTL__btn{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  gap:10px;\r\n  min-height:48px;\r\n  padding: 12px 18px;\r\n  border-radius: 14px;\r\n  font-weight:700;\r\n  font-size:14px;\r\n  text-decoration:none;\r\n  color: #0b0a12;\r\n  background: linear-gradient(135deg, var(--pink), var(--pink2));\r\n  border:1px solid rgba(255,255,255,.10);\r\n  box-shadow: 0 18px 48px rgba(255,79,154,.18);\r\n  transition: transform .18s ease, filter .18s ease;\r\n}\r\n.mcTL__btn:hover{ transform: translateY(-2px); filter: brightness(1.03); }\r\n.mcTL__btn:active{ transform: translateY(0); }\r\n\r\n\/* animations *\/\r\n@keyframes mcAccentShift{\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@keyframes mcSparkSpin{\r\n  0%   { transform: rotate(0deg) scale(1); opacity:.78; }\r\n  25%  { transform: rotate(14deg) scale(1.05); opacity:1; }\r\n  55%  { transform: rotate(360deg) scale(1.02); opacity:.96; }\r\n  100% { transform: rotate(360deg) scale(1); opacity:.82; }\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width: 980px){\r\n  .mcGadsWrap__blob{\r\n    left:-38%;\r\n    top:-14%;\r\n    width: 760px;\r\n    height: 500px;\r\n    opacity:.52;\r\n  }\r\n\r\n  .mcTL__line{ left: 18px; transform:none; }\r\n  .mcTL__node{ left: 18px; transform: translateX(-50%); }\r\n\r\n  .mcTL__item{ padding: 12px 0; }\r\n  .mcTL__item--left,\r\n  .mcTL__item--right{\r\n    justify-content:flex-start;\r\n    padding-left: 48px;\r\n    padding-right: 0;\r\n  }\r\n\r\n  .mcTL__item--left .mcTL__card::after,\r\n  .mcTL__item--right .mcTL__card::after{\r\n    left: -24px;\r\n    right: auto;\r\n    width: 24px;\r\n    background: linear-gradient(90deg, rgba(255,79,154,.48), rgba(255,255,255,0));\r\n  }\r\n\r\n  .mcTL__media{ padding: 10px 0 16px; }\r\n}\r\n\r\n@media (max-width: 560px){\r\n  .mcGadsWrap{\r\n    border-radius:18px;\r\n    padding: 28px 0 52px;\r\n  }\r\n\r\n  .mcGadsHero__title{\r\n    font-size: clamp(32px, 8.2vw, 46px);\r\n    line-height:1.06;\r\n    letter-spacing:-0.035em;\r\n  }\r\n\r\n  .mcGadsHero__btn,\r\n  .mcTL__btn{\r\n    width:100%;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .mcGadsHero .accent,\r\n  .mcGadsHero .accent2,\r\n  .mcGadsHero .spark,\r\n  .mcTL__accent,\r\n  .mcTL__week,\r\n  .mcTL__spark{\r\n    animation:none !important;\r\n  }\r\n  .mcGadsWrap__blob{\r\n    filter: blur(16px);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* Blob parallax suave + efecto l\u00edquido conservado *\/\r\n(function(){\r\n  const root = document.querySelector('.mcGadsWrap');\r\n  const blob = document.getElementById('mcGadsBlob');\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\r\n  function onLeave(){\r\n    mouseX = 0;\r\n    mouseY = 0;\r\n  }\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    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\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-b9d0361 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=\"b9d0361\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be31fcc elementor-widget elementor-widget-html\" data-id=\"be31fcc\" 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\n  GABO \u2014 LOGOS PREMIUM (ESTILO PRO) | FULL WIDTH | RESPONSIVE + LOADING FIX\r\n  Pegar en: Elementor > Widget HTML\r\n  ========================= -->\r\n<section class=\"gabo-proof\" aria-label=\"Clientes y aliados\">\r\n  <div class=\"gabo-proof-inner\">\r\n\r\n    <!-- TITULO -->\r\n    <h3 class=\"gabo-proof-title\">\r\n      Marcas que escalan con <span class=\"gabo-proof-accent\">experiencias digitales<\/span> de alto nivel\r\n    <\/h3>\r\n\r\n    <!-- LINEA GLOW SUPERIOR -->\r\n    <div class=\"gabo-proof-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- MARQUEE -->\r\n    <div class=\"gabo-proof-marquee gabo-loading\" aria-label=\"Logos de clientes\">\r\n      <!-- \u2705 placeholder premium mientras carga -->\r\n      <div class=\"gabo-proof-shimmer\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"gabo-proof-track\" data-track>\r\n        <!-- ===== SET A (tus logos) ===== -->\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__8_-removebg-preview.png\" alt=\"Logo cliente 01\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/cropped-cropped-WhatsApp_Image_2025-08-04_at_11.28.47_PM-removebg-preview-1__1_-removebg-preview.png\" alt=\"Logo cliente 02\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__9_-removebg-preview.png\" alt=\"Logo cliente 03\" loading=\"eager\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/logo2amypack-removebg-preview-1.png\" alt=\"Logo cliente 04\" loading=\"eager\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image-removebg-preview.png\" alt=\"Logo cliente 05\" loading=\"eager\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__1_-removebg-preview.png\" alt=\"Logo cliente 06\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__2_-removebg-preview.png\" alt=\"Logo cliente 07\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__3_-removebg-preview.png\" alt=\"Logo cliente 08\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__4_-removebg-preview.png\" alt=\"Logo cliente 09\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__5_-removebg-preview.png\" alt=\"Logo cliente 10\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__6_-removebg-preview.png\" alt=\"Logo cliente 11\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__7_-removebg-preview.png\" alt=\"Logo cliente 12\" loading=\"lazy\" decoding=\"async\">\r\n\r\n        <!-- ===== DUPLICADO (loop infinito) ===== -->\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__8_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/cropped-cropped-WhatsApp_Image_2025-08-04_at_11.28.47_PM-removebg-preview-1__1_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__9_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/logo2amypack-removebg-preview-1.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__1_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__2_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__3_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__4_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__5_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__6_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/gabodesarrollador.com\/wp-content\/uploads\/2026\/01\/image__7_-removebg-preview.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n\r\n      <!-- fades -->\r\n      <span class=\"gabo-proof-fade left\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"gabo-proof-fade right\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n\r\n    <!-- LINEA GLOW INFERIOR -->\r\n    <div class=\"gabo-proof-glow bottom\" aria-hidden=\"true\"><\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================\r\n  GABO \u2014 PROOF (Premium + responsive + loading)\r\n  ========================= *\/\r\n.gabo-proof{\r\n  --bg: rgba(0,0,0,0);\r\n  --text: rgba(255,255,255,.94);\r\n\r\n  --glowA: rgba(90,120,255,.55);\r\n  --glowB: rgba(170,90,255,.45);\r\n\r\n  --speed: 28s;\r\n  --gap: clamp(24px, 6vw, 72px);\r\n  --logoH: clamp(24px, 3.2vw, 48px);\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  background: var(--bg);\r\n  font-family: \"Poppins\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n}\r\n.gabo-proof *{ box-sizing: border-box; max-width: 100%; }\r\n\r\n.gabo-proof-inner{\r\n  width: 100%;\r\n  padding: clamp(18px, 3vw, 34px) 0;\r\n}\r\n\r\n\/* TITULO *\/\r\n.gabo-proof-title{\r\n  margin: 0;\r\n  padding: 0 16px clamp(14px, 2.2vw, 20px);\r\n  text-align: center;\r\n  color: var(--text);\r\n  font-weight: 600;\r\n  letter-spacing: -0.02em;\r\n  line-height: 1.15;\r\n  font-size: clamp(20px, 3.3vw, 40px);\r\n  text-shadow: 0 16px 42px rgba(0,0,0,.55);\r\n  overflow-wrap: anywhere;\r\n}\r\n.gabo-proof-accent{\r\n  background: linear-gradient(90deg, #ffffff 0%, #ff4fd8 30%, #8b5cff 62%, #4be7ff 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\/* GLOW LINE *\/\r\n.gabo-proof-glow{\r\n  height: 2px;\r\n  width: min(1100px, 86vw);\r\n  margin: 0 auto clamp(14px, 2.4vw, 22px);\r\n  background: linear-gradient(90deg,\r\n    transparent 0%,\r\n    rgba(255,255,255,.14) 15%,\r\n    var(--glowA) 35%,\r\n    var(--glowB) 65%,\r\n    rgba(255,255,255,.14) 85%,\r\n    transparent 100%\r\n  );\r\n  filter: blur(.2px);\r\n  box-shadow:\r\n    0 0 22px rgba(90,120,255,.20),\r\n    0 0 30px rgba(170,90,255,.16);\r\n  opacity: .9;\r\n}\r\n.gabo-proof-glow.bottom{ margin: clamp(14px, 2.4vw, 22px) auto 0; }\r\n\r\n\/* MARQUEE *\/\r\n.gabo-proof-marquee{\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  min-height: clamp(84px, 10vw, 130px);\r\n  display: grid;\r\n  align-items: center;\r\n  padding: 0 max(18px, env(safe-area-inset-left)) 0 max(18px, env(safe-area-inset-right));\r\n}\r\n\r\n\/* \u2705 placeholder shimmer *\/\r\n.gabo-proof-shimmer{\r\n  position:absolute;\r\n  inset: 0;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity .25s ease;\r\n  background:\r\n    radial-gradient(700px 160px at 50% 50%, rgba(170,90,255,.10), transparent 60%),\r\n    linear-gradient(90deg,\r\n      rgba(255,255,255,.00) 0%,\r\n      rgba(255,255,255,.06) 25%,\r\n      rgba(255,255,255,.00) 50%,\r\n      rgba(255,255,255,.06) 75%,\r\n      rgba(255,255,255,.00) 100%\r\n    );\r\n  background-size: 220% 100%;\r\n  animation: gaboShimmer 1.25s linear infinite;\r\n  border-radius: 18px;\r\n}\r\n@keyframes gaboShimmer{\r\n  0%{ background-position: 0% 50%; }\r\n  100%{ background-position: 220% 50%; }\r\n}\r\n\r\n\/* Cuando est\u00e1 cargando, mostramos shimmer y escondemos logos *\/\r\n.gabo-proof-marquee.gabo-loading .gabo-proof-shimmer{ opacity: 1; }\r\n.gabo-proof-marquee.gabo-loading .gabo-proof-track{\r\n  opacity: 0;\r\n  transform: translateZ(0);\r\n}\r\n\r\n\/* Track normal *\/\r\n.gabo-proof-track{\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--gap);\r\n  width: max-content;\r\n  animation: gaboProofMove var(--speed) linear infinite;\r\n  will-change: transform;\r\n  transform: translateZ(0);\r\n  opacity: 1;\r\n  transition: opacity .35s ease;\r\n}\r\n@keyframes gaboProofMove{\r\n  0%{ transform: translateX(0); }\r\n  100%{ transform: translateX(-50%); }\r\n}\r\n@media (hover:hover){\r\n  .gabo-proof-marquee:hover .gabo-proof-track{ animation-play-state: paused; }\r\n}\r\n\r\n\/* Logos *\/\r\n.gabo-proof-track img{\r\n  height: var(--logoH);\r\n  width: auto;\r\n  max-width: 260px;\r\n  opacity: .90;\r\n  filter: grayscale(1) saturate(0) brightness(1.35);\r\n  transition: opacity .25s ease, transform .25s ease, filter .25s ease;\r\n  display:block;\r\n}\r\n@media (hover:hover){\r\n  .gabo-proof-track img:hover{\r\n    opacity: 1;\r\n    transform: translateY(-2px);\r\n    filter: grayscale(0) saturate(1) brightness(1.07);\r\n  }\r\n}\r\n\r\n\/* fades *\/\r\n.gabo-proof-fade{\r\n  position:absolute;\r\n  top:0; bottom:0;\r\n  width: clamp(70px, 12vw, 200px);\r\n  pointer-events:none;\r\n}\r\n.gabo-proof-fade.left{\r\n  left:0;\r\n  background: linear-gradient(90deg, rgba(6,8,14,.98), transparent);\r\n}\r\n.gabo-proof-fade.right{\r\n  right:0;\r\n  background: linear-gradient(270deg, rgba(6,8,14,.98), transparent);\r\n}\r\n\r\n\/* Responsive global *\/\r\n@media (max-width: 1024px){ .gabo-proof{ --speed: 24s; } }\r\n@media (max-width: 768px){\r\n  .gabo-proof{ --speed: 20s; --gap: clamp(18px, 6vw, 50px); --logoH: clamp(22px, 4vw, 42px); }\r\n}\r\n@media (max-width: 480px){\r\n  .gabo-proof{ --speed: 18s; --gap: 30px; --logoH: 30px; }\r\n  .gabo-proof-title{ font-size: 18px; line-height: 1.2; padding-bottom: 14px; }\r\n  .gabo-proof-track img{ max-width: 190px; }\r\n}\r\n\r\n\/* Accesibilidad *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .gabo-proof-track{ animation: none; }\r\n  .gabo-proof-shimmer{ animation: none; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* =========================\r\n  Loading fix: evita \"cuadro vac\u00edo\"\r\n  - muestra shimmer al inicio\r\n  - cuando cargan los primeros logos, aparece track\r\n  ========================= *\/\r\n(function(){\r\n  const marquee = document.querySelector('.gabo-proof-marquee');\r\n  if(!marquee) return;\r\n\r\n  const track = marquee.querySelector('[data-track]');\r\n  if(!track) return;\r\n\r\n  \/\/ Solo contamos los primeros logos (set A) para no esperar duplicados\r\n  const imgs = Array.from(track.querySelectorAll('img'))\r\n    .filter(img => !img.hasAttribute('aria-hidden'))\r\n    .slice(0, 6); \/\/ con 6 ya se ve lleno r\u00e1pido\r\n\r\n  let loaded = 0;\r\n  const done = () => {\r\n    marquee.classList.remove('gabo-loading');\r\n  };\r\n\r\n  const onOne = () => {\r\n    loaded++;\r\n    if(loaded >= imgs.length) done();\r\n  };\r\n\r\n  \/\/ Si ya est\u00e1n en cache, no esperes\r\n  imgs.forEach(img => {\r\n    if (img.complete && img.naturalWidth > 0) return onOne();\r\n    img.addEventListener('load', onOne, { once: true });\r\n    img.addEventListener('error', onOne, { once: true });\r\n  });\r\n\r\n  \/\/ Fallback: si algo bloquea, se muestra igual en 1.2s\r\n  setTimeout(done, 1200);\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Publicidad \u00b7 Google Ads Leads \u00b7 Ventas \u00b7 Performance Atrae clientes con intenci\u00f3n real y convierte b\u00fasquedas en consultas y ventas \u2726 Creamos campa\u00f1as de Google Ads para negocios que quieren resultados medibles: WhatsApp, formularios y llamadas. La idea no es gastar por aparecer, sino invertir con una estructura que ayude a captar clientes con mejor intenci\u00f3n de compra. Cotizar por WhatsApp Ver proceso Ideal para servicios, inmobiliarias, cl\u00ednicas, educaci\u00f3n, B2B y negocios locales que quieren captar demanda con intenci\u00f3n real. Proceso \u00b7 Google Ads As\u00ed estructuramos campa\u00f1as para convertir mejor \u2726 Un proceso claro, medible y enfocado en captar mejores oportunidades comerciales. Paso 1 Diagn\u00f3stico An\u00e1lisis de objetivo, oferta y mercado Revisamos tu servicio, el tipo de cliente que buscas captar y el mensaje m\u00e1s conveniente para construir campa\u00f1as con mejor intenci\u00f3n desde el inicio. Intenci\u00f3n de compra Oferta y enfoque Paso 2 Tracking Configuraci\u00f3n de medici\u00f3n y conversiones Dejamos lista la base para medir lo que realmente importa: clics a WhatsApp, formularios, llamadas y conversiones que ayuden a optimizar campa\u00f1as con datos. GA4 \/ GTM Eventos y QA Paso 3 Lanzamiento Activaci\u00f3n de campa\u00f1as y anuncios Creamos anuncios, extensiones y estructura de campa\u00f1as con l\u00f3gica comercial, listos para empezar a captar tr\u00e1fico con intenci\u00f3n y aprender r\u00e1pido desde el arranque. Pruebas iniciales Anuncios y extensiones Paso 4 Optimizaci\u00f3n Mejora continua y escalado Ajustamos keywords, negativos, anuncios, pujas y estructura seg\u00fan el rendimiento, buscando mejorar CPL, calidad del lead y oportunidades comerciales. Optimizaci\u00f3n semanal KPIs reales Quiero una estrategia Marcas que escalan con experiencias digitales de alto nivel<\/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-12756","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12756","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=12756"}],"version-history":[{"count":36,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12756\/revisions"}],"predecessor-version":[{"id":13035,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12756\/revisions\/13035"}],"wp:attachment":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/media?parent=12756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}