{"id":12175,"date":"2026-02-25T16:41:56","date_gmt":"2026-02-25T21:41:56","guid":{"rendered":"https:\/\/gabodesarrollador.com\/?page_id=12175"},"modified":"2026-04-22T15:18:11","modified_gmt":"2026-04-22T20:18:11","slug":"creacion-de-logo","status":"publish","type":"page","link":"https:\/\/gabodesarrollador.com\/en\/creacion-de-logo\/","title":{"rendered":"Creaci\u00f3n de Logo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12175\" class=\"elementor elementor-12175\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d8201c 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=\"7d8201c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4e577d elementor-widget elementor-widget-html\" data-id=\"d4e577d\" 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\nSUBMENU BRANDING: CREACI\u00d3N DE LOGO (CORREGIDO Y UNIFICADO)\r\n\u2705 Mantiene el orden original del t\u00edtulo\r\n\u2705 Misma secuencia visual que tus otros bloques\r\n\u2705 Fondo morado oscuro consistente\r\n\u2705 Blob animado\r\n\u2705 CTA WhatsApp: +51 947 274 091\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=\"gdLogo\">\r\n\r\n  <!-- BG -->\r\n  <div class=\"gdLogo__bg\" aria-hidden=\"true\">\r\n    <div class=\"gdLogo__blob\" id=\"gdLogoBlob\"><\/div>\r\n    <div class=\"gdLogo__grid\"><\/div>\r\n    <div class=\"gdLogo__grain\"><\/div>\r\n    <div class=\"gdLogo__vignette\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gdLogo__wrap\">\r\n\r\n    <!-- META -->\r\n    <div class=\"gdLogo__meta\">\r\n      <span class=\"gdLogo__dot\"><\/span>\r\n      <span class=\"gdLogo__metaTxt\">Branding \u00b7 Creaci\u00f3n de Logo<\/span>\r\n      <span class=\"gdLogo__sep\">\u2022<\/span>\r\n      <span class=\"gdLogo__metaTxt2\">Identidad \u00b7 Claridad \u00b7 Profesionalismo<\/span>\r\n    <\/div>\r\n\r\n    <!-- HERO -->\r\n    <header class=\"gdLogo__hero\" aria-label=\"Creaci\u00f3n de Logo\">\r\n      <h1 class=\"gdLogo__h1\">\r\n        Creamos tu <span class=\"gdLogo__accent\">logo profesional<\/span>\r\n        para que tu marca se vea clara, seria y confiable\r\n        <span class=\"gdLogo__spark\" aria-hidden=\"true\">\u2726<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"gdLogo__lead\">\r\n        Un logo no es solo una imagen bonita. Es el elemento visual que representa tu negocio y que se repite en todo:\r\n        <strong>web<\/strong>, redes sociales, anuncios, presentaciones, firma de correo y piezas gr\u00e1ficas.\r\n        Dise\u00f1amos logos con criterio para que se vean bien en peque\u00f1o, sean legibles, funcionen en distintos formatos\r\n        y encajen con el tipo de empresa que quieres proyectar.\r\n      <\/p>\r\n\r\n      <div class=\"gdLogo__cta\">\r\n        <a class=\"gdLogo__btn gdLogo__btn--primary\" href=\"https:\/\/wa.me\/51947274091\" target=\"_blank\" rel=\"noopener\">\r\n          Cotizar Logo por WhatsApp\r\n        <\/a>\r\n        <a class=\"gdLogo__btn gdLogo__btn--ghost\" href=\"#gdLogoIncluye\">\r\n          Ver qu\u00e9 incluye\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"gdLogo__mini\">\r\n        <span class=\"gdLogo__miniItem\">Legible y escalable<\/span>\r\n        <span class=\"gdLogo__miniItem\">Pensado para tu rubro<\/span>\r\n        <span class=\"gdLogo__miniItem\">Entrega completa<\/span>\r\n        <span class=\"gdLogo__miniItem\">Funciona en claro y oscuro<\/span>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- IM\u00c1GENES -->\r\n    <section class=\"gdLogo__images\" aria-label=\"Im\u00e1genes dise\u00f1o de logo\">\r\n      <figure class=\"gdLogo__imgCard gdLogo__imgCard--wide\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558655146-d09347e92766?auto=format&fit=crop&w=2200&q=80\"\r\n             alt=\"Dise\u00f1o de identidad visual y logo\" loading=\"lazy\">\r\n        <figcaption>Identidad visual<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"gdLogo__imgCard\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1526498460520-4c246339dccb?auto=format&fit=crop&w=1600&q=80\"\r\n             alt=\"Dise\u00f1o gr\u00e1fico en computadora\" loading=\"lazy\">\r\n        <figcaption>Dise\u00f1o con criterio<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"gdLogo__imgCard\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545239351-1141bd82e8a6?auto=format&fit=crop&w=1600&q=80\"\r\n             alt=\"Trabajo creativo y branding\" loading=\"lazy\">\r\n        <figcaption>Aplicaci\u00f3n real<\/figcaption>\r\n      <\/figure>\r\n    <\/section>\r\n\r\n    <!-- QU\u00c9 LOGO RESUELVE -->\r\n    <section class=\"gdLogo__section\" aria-label=\"Qu\u00e9 resuelve un buen logo\">\r\n      <h2 class=\"gdLogo__h2\">\r\n        \u00bfQu\u00e9 logra un <span class=\"gdLogo__accent2\">buen logo<\/span>?\r\n      <\/h2>\r\n\r\n      <p class=\"gdLogo__p\">\r\n        Un buen logo ayuda a que tu marca transmita <strong>confianza<\/strong> desde el primer vistazo.\r\n        No se trata solo de que se vea bonito, sino de que comunique lo correcto: orden, claridad,\r\n        profesionalismo y una identidad coherente con tu negocio.\r\n      <\/p>\r\n\r\n      <p class=\"gdLogo__p\">\r\n        Cuando el logo est\u00e1 bien dise\u00f1ado, funciona en todos los escenarios sin perder fuerza:\r\n        en una foto de perfil, en un favicon, en una tarjeta, en una portada web o en una pieza publicitaria.\r\n        Eso evita inconsistencias y hace que tu marca se vea m\u00e1s s\u00f3lida.\r\n      <\/p>\r\n\r\n      <div class=\"gdLogo__note\">\r\n        Ideal si tu logo actual se ve antiguo, no se entiende bien, pierde calidad o ya no representa tu negocio.\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- QU\u00c9 INCLUYE -->\r\n    <section class=\"gdLogo__section\" id=\"gdLogoIncluye\" aria-label=\"Qu\u00e9 incluye creaci\u00f3n de logo\">\r\n      <h2 class=\"gdLogo__h2\">\r\n        \u00bfQu\u00e9 incluye la <span class=\"gdLogo__accent2\">creaci\u00f3n de logo<\/span>?\r\n      <\/h2>\r\n\r\n      <p class=\"gdLogo__p\">\r\n        Te entregamos un logo pensado para usarse de verdad, no solo una imagen suelta.\r\n        Incluimos versiones y formatos para que puedas aplicarlo correctamente en web, redes e impresi\u00f3n.\r\n      <\/p>\r\n\r\n      <div class=\"gdLogo__list\">\r\n        <div class=\"gdLogo__item\">\r\n          <div class=\"gdLogo__icon\">\ud83e\udde0<\/div>\r\n          <div>\r\n            <div class=\"gdLogo__t\">Concepto y direcci\u00f3n<\/div>\r\n            <div class=\"gdLogo__d\">Definimos el estilo seg\u00fan tu rubro: moderno, corporativo, t\u00e9cnico, minimalista o comercial.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdLogo__item\">\r\n          <div class=\"gdLogo__icon\">\ud83e\udeaa<\/div>\r\n          <div>\r\n            <div class=\"gdLogo__t\">Logo principal + variantes<\/div>\r\n            <div class=\"gdLogo__d\">Versiones horizontal, vertical o compacta para adaptarlo a distintos espacios.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdLogo__item\">\r\n          <div class=\"gdLogo__icon\">\ud83c\udf17<\/div>\r\n          <div>\r\n            <div class=\"gdLogo__t\">Fondo claro y fondo oscuro<\/div>\r\n            <div class=\"gdLogo__d\">Para que funcione correctamente en diferentes aplicaciones visuales.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdLogo__item\">\r\n          <div class=\"gdLogo__icon\">\u26ab<\/div>\r\n          <div>\r\n            <div class=\"gdLogo__t\">Versi\u00f3n monocrom\u00e1tica<\/div>\r\n            <div class=\"gdLogo__d\">\u00datil para documentos, sellos, impresiones simples y usos m\u00e1s t\u00e9cnicos.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdLogo__item\">\r\n          <div class=\"gdLogo__icon\">\ud83d\udccf<\/div>\r\n          <div>\r\n            <div class=\"gdLogo__t\">Reglas b\u00e1sicas de uso<\/div>\r\n            <div class=\"gdLogo__d\">Tama\u00f1o m\u00ednimo, zona de seguridad y criterios para evitar usos incorrectos.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdLogo__item\">\r\n          <div class=\"gdLogo__icon\">\ud83d\udce6<\/div>\r\n          <div>\r\n            <div class=\"gdLogo__t\">Entrega en formatos reales<\/div>\r\n            <div class=\"gdLogo__d\">PNG transparente, SVG o PDF vectorial y versiones listas para redes.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gdLogo__deliver\">\r\n        <h3 class=\"gdLogo__h3\">Entregables<\/h3>\r\n        <ul class=\"gdLogo__ul\">\r\n          <li>Logo principal y variantes seg\u00fan la propuesta aprobada.<\/li>\r\n          <li>Archivos PNG transparentes en alta calidad.<\/li>\r\n          <li>Archivos vectoriales para impresi\u00f3n y escalado.<\/li>\r\n          <li>Versiones para fondo claro, oscuro y monocrom\u00e1tico.<\/li>\r\n          <li>Mini gu\u00eda de uso para mantener coherencia.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- PROCESO -->\r\n    <section class=\"gdLogo__section\" aria-label=\"Proceso de dise\u00f1o de logo\">\r\n      <h2 class=\"gdLogo__h2\">\r\n        \u00bfC\u00f3mo creamos tu <span class=\"gdLogo__accent2\">logo<\/span>?\r\n      <\/h2>\r\n\r\n      <div class=\"gdLogo__steps\">\r\n        <div class=\"gdLogo__step\">\r\n          <span class=\"gdLogo__n\">01<\/span>\r\n          <div class=\"gdLogo__st\">Brief y referencias<\/div>\r\n          <div class=\"gdLogo__sd\">Revisamos rubro, p\u00fablico, estilo deseado y referencias visuales si las tienes.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdLogo__step\">\r\n          <span class=\"gdLogo__n\">02<\/span>\r\n          <div class=\"gdLogo__st\">Concepto<\/div>\r\n          <div class=\"gdLogo__sd\">Definimos la direcci\u00f3n visual adecuada para tu tipo de negocio.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdLogo__step\">\r\n          <span class=\"gdLogo__n\">03<\/span>\r\n          <div class=\"gdLogo__st\">Dise\u00f1o<\/div>\r\n          <div class=\"gdLogo__sd\">Trabajamos el logo cuidando proporci\u00f3n, legibilidad y aplicaci\u00f3n real.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdLogo__step\">\r\n          <span class=\"gdLogo__n\">04<\/span>\r\n          <div class=\"gdLogo__st\">Entrega final<\/div>\r\n          <div class=\"gdLogo__sd\">Entregamos los formatos listos para usar en digital, web, redes e impresi\u00f3n.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA FINAL -->\r\n    <section class=\"gdLogo__final\" aria-label=\"CTA final\">\r\n      <h3 class=\"gdLogo__h3 gdLogo__h3--center\">\r\n        Si tu marca va a crecer, tu logo tambi\u00e9n debe estar preparado para acompa\u00f1arla.\r\n      <\/h3>\r\n\r\n      <p class=\"gdLogo__p gdLogo__p--center\">\r\n        Escr\u00edbenos y te ayudamos a crear un logo que se vea claro, serio y coherente con tu negocio.\r\n      <\/p>\r\n\r\n      <div class=\"gdLogo__cta gdLogo__cta--center\">\r\n        <a class=\"gdLogo__btn gdLogo__btn--primary\" href=\"https:\/\/wa.me\/51947274091\" target=\"_blank\" rel=\"noopener\">\r\n          Cotizar Logo por WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"gdLogo__smallCenter\">WhatsApp: +51 947 274 091<\/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.gdLogo{\r\n  --txt: rgba(255,255,255,.96);\r\n  --muted: rgba(255,255,255,.78);\r\n  --pink:#ff4f9a;\r\n  --pink2:#ff73a8;\r\n  --violet:#8b5cff;\r\n  --cyan:#4be7ff;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  border-radius: 22px;\r\n  padding: clamp(38px, 4.6vw, 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.gdLogo *{ box-sizing:border-box; }\r\n\r\n.gdLogo__wrap{\r\n  width:min(1180px,92%);\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* BG *\/\r\n.gdLogo__bg{ position:absolute; inset:0; z-index:0; }\r\n.gdLogo__blob{\r\n  position:absolute;\r\n  width: 900px;\r\n  height: 560px;\r\n  left: -20%;\r\n  top: -12%;\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: blur(20px);\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.gdLogo__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.gdLogo__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(60% 55% at 50% 30%, rgba(0,0,0,1), transparent 74%);\r\n  pointer-events:none;\r\n}\r\n.gdLogo__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='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\/* META *\/\r\n.gdLogo__meta{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  color: rgba(255,255,255,.68);\r\n  font-size: 12.5px;\r\n  font-weight:700;\r\n  letter-spacing:.01em;\r\n  margin: 0 auto 22px;\r\n  padding-bottom: 12px;\r\n  border-bottom: 1px solid rgba(255,255,255,.10);\r\n  width: fit-content;\r\n}\r\n.gdLogo__dot{\r\n  width:8px; height:8px; 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.gdLogo__sep{ opacity:.45; }\r\n.gdLogo__metaTxt2{ opacity:.92; }\r\n\r\n\/* HERO *\/\r\n.gdLogo__hero{\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  text-align:center;\r\n}\r\n.gdLogo__h1{\r\n  margin:0 auto;\r\n  font-weight:800;\r\n  letter-spacing:-0.045em;\r\n  line-height:1.04;\r\n  font-size: clamp(30px, 4.8vw, 62px);\r\n  max-width: 13ch;\r\n  text-shadow: 0 14px 34px rgba(0,0,0,.42);\r\n  color: var(--txt) !important;\r\n}\r\n.gdLogo__accent{\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  -webkit-background-clip:text; background-clip:text;\r\n  -webkit-text-fill-color: transparent;\r\n  animation: gdLogoShift 7.2s ease-in-out infinite;\r\n}\r\n.gdLogo__spark{\r\n  display:inline-block;\r\n  margin-left:.14em;\r\n  font-size:.56em;\r\n  vertical-align:super;\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: gdLogoSpark 4.2s ease-in-out infinite, gdLogoShift 7.2s ease-in-out infinite;\r\n}\r\n.gdLogo__lead{\r\n  margin: 16px auto 0;\r\n  max-width: 760px;\r\n  color: rgba(255,255,255,.78);\r\n  line-height:1.82;\r\n  font-size: 15px;\r\n}\r\n.gdLogo__lead strong{ color: rgba(255,255,255,.94); font-weight:700; }\r\n\r\n\/* CTA *\/\r\n.gdLogo__cta{\r\n  display:flex;\r\n  gap:12px;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  margin-top: 22px;\r\n}\r\n.gdLogo__cta--center{ justify-content:center; }\r\n.gdLogo__btn{\r\n  display:inline-flex; align-items:center; justify-content:center;\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;\r\n  user-select:none;\r\n}\r\n.gdLogo__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.gdLogo__btn--ghost{\r\n  color: rgba(255,255,255,.92);\r\n  background: rgba(255,255,255,.02);\r\n}\r\n.gdLogo__btn:hover{ transform: translateY(-2px); filter: brightness(1.03); }\r\n.gdLogo__btn:active{ transform: translateY(0); }\r\n\r\n.gdLogo__mini{\r\n  margin-top: 18px;\r\n  display:flex;\r\n  gap:10px;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n}\r\n.gdLogo__miniItem{\r\n  font-size: 12.4px;\r\n  color: rgba(255,255,255,.72);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  background: rgba(255,255,255,.03);\r\n  padding: 7px 10px;\r\n  border-radius: 999px;\r\n}\r\n\r\n\/* IMAGES *\/\r\n.gdLogo__images{\r\n  margin-top: 26px;\r\n  display:grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 12px;\r\n  max-width: 1100px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.gdLogo__imgCard{\r\n  margin:0;\r\n  position:relative;\r\n  overflow:hidden;\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 20px 60px rgba(0,0,0,.18);\r\n  min-height: 240px;\r\n}\r\n.gdLogo__imgCard--wide{\r\n  grid-column: 1 \/ -1;\r\n  min-height: 280px;\r\n}\r\n.gdLogo__imgCard img{\r\n  width:100%; height:100%;\r\n  object-fit: cover;\r\n  display:block;\r\n}\r\n.gdLogo__imgCard::after{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background:\r\n    radial-gradient(900px 380px at 30% 20%, rgba(255,79,154,.14), transparent 60%),\r\n    radial-gradient(900px 380px at 70% 30%, rgba(139,92,255,.14), transparent 60%),\r\n    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.78));\r\n  pointer-events:none;\r\n}\r\n.gdLogo__imgCard figcaption{\r\n  position:absolute;\r\n  left: 12px;\r\n  bottom: 12px;\r\n  z-index:2;\r\n  font-weight:700;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,.92) !important;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  background: rgba(255,255,255,.03);\r\n  padding: 7px 10px;\r\n  border-radius: 999px;\r\n}\r\n\r\n\/* SECTIONS *\/\r\n.gdLogo__section{\r\n  padding: clamp(16px, 2.4vw, 24px) 0;\r\n  max-width: 1040px;\r\n  margin: 0 auto;\r\n}\r\n.gdLogo__h2{\r\n  margin:0;\r\n  font-weight:800;\r\n  letter-spacing:-0.035em;\r\n  line-height:1.14;\r\n  font-size: clamp(22px, 2.6vw, 36px);\r\n  text-shadow: 0 14px 34px rgba(0,0,0,.42);\r\n  color: var(--txt) !important;\r\n}\r\n.gdLogo__accent2{\r\n  color: transparent;\r\n  background: linear-gradient(90deg,#fff, var(--pink), var(--violet));\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: gdLogoShift 7.2s ease-in-out infinite;\r\n}\r\n.gdLogo__p{\r\n  margin: 12px 0 0;\r\n  color: rgba(255,255,255,.76);\r\n  line-height:1.82;\r\n  font-size: 14.8px;\r\n  max-width: 92ch;\r\n}\r\n.gdLogo__p--center{ text-align:center; margin-left:auto; margin-right:auto; }\r\n\r\n.gdLogo__note{\r\n  margin-top: 16px;\r\n  padding: 12px 14px;\r\n  border-radius: 18px;\r\n  background: rgba(255,255,255,.03);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  color: rgba(255,255,255,.74);\r\n  line-height:1.7;\r\n  font-size: 13.6px;\r\n}\r\n\r\n\/* Include list *\/\r\n.gdLogo__list{\r\n  margin-top: 16px;\r\n  display:grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 14px 18px;\r\n}\r\n.gdLogo__item{\r\n  display:flex;\r\n  gap:12px;\r\n  align-items:flex-start;\r\n  padding: 10px 0;\r\n}\r\n.gdLogo__icon{\r\n  width: 32px; height: 32px;\r\n  display:flex; align-items:center; justify-content:center;\r\n  border-radius: 12px;\r\n  background: rgba(255,255,255,.05);\r\n  border: 1px solid rgba(255,255,255,.08);\r\n  box-shadow: 0 18px 40px rgba(0,0,0,.12);\r\n  flex: 0 0 auto;\r\n}\r\n.gdLogo__t{\r\n  font-weight:700;\r\n  color: rgba(255,255,255,.92) !important;\r\n  margin-bottom: 4px;\r\n}\r\n.gdLogo__d{\r\n  color: rgba(255,255,255,.74);\r\n  line-height:1.72;\r\n  font-size: 13.8px;\r\n}\r\n\r\n\/* Deliverables *\/\r\n.gdLogo__deliver{\r\n  margin-top: 16px;\r\n  padding: 16px;\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}\r\n.gdLogo__h3{\r\n  margin:0;\r\n  font-weight: 800;\r\n  letter-spacing:-0.03em;\r\n  line-height: 1.12;\r\n  font-size: clamp(20px, 2.2vw, 30px);\r\n  text-shadow: 0 14px 34px rgba(0,0,0,.42);\r\n  color: var(--txt) !important;\r\n}\r\n.gdLogo__h3--center{ text-align:center; }\r\n.gdLogo__ul{\r\n  margin: 12px 0 0;\r\n  padding-left: 18px;\r\n  color: rgba(255,255,255,.74);\r\n  line-height:1.82;\r\n  font-size: 13.8px;\r\n}\r\n.gdLogo__ul li{ margin: 8px 0; }\r\n\r\n\/* Steps *\/\r\n.gdLogo__steps{\r\n  margin-top: 16px;\r\n  display:grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 12px;\r\n}\r\n.gdLogo__step{\r\n  padding: 16px;\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}\r\n.gdLogo__n{\r\n  display:inline-flex;\r\n  font-weight:700;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,.72);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  background: rgba(255,255,255,.03);\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n}\r\n.gdLogo__st{\r\n  margin-top: 10px;\r\n  font-weight:700;\r\n  color: rgba(255,255,255,.92) !important;\r\n}\r\n.gdLogo__sd{ margin-top: 6px; color: rgba(255,255,255,.72); line-height:1.68; font-size: 13.4px; }\r\n\r\n\/* Final *\/\r\n.gdLogo__final{\r\n  padding: 20px 0 6px;\r\n  text-align:center;\r\n  max-width: 1040px;\r\n  margin: 0 auto;\r\n}\r\n.gdLogo__smallCenter{\r\n  margin-top: 10px;\r\n  color: rgba(255,255,255,.58);\r\n  font-size: 12.8px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 980px){\r\n  .gdLogo__h1{ max-width: 100%; }\r\n  .gdLogo__images{ grid-template-columns: 1fr; }\r\n  .gdLogo__list{ grid-template-columns: 1fr; }\r\n  .gdLogo__steps{ grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 560px){\r\n  .gdLogo{ border-radius: 18px; padding: 28px 0 52px; }\r\n  .gdLogo__meta{ font-size:11.2px; gap:8px; }\r\n  .gdLogo__h1{\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  .gdLogo__lead,\r\n  .gdLogo__p,\r\n  .gdLogo__d,\r\n  .gdLogo__sd,\r\n  .gdLogo__ul{\r\n    font-size:14px;\r\n    line-height:1.72;\r\n  }\r\n  .gdLogo__btn{ width:100%; }\r\n  .gdLogo__steps{ grid-template-columns: 1fr; }\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes gdLogoShift{\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 gdLogoSpark{\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@media(prefers-reduced-motion: reduce){\r\n  .gdLogo__accent, .gdLogo__accent2, .gdLogo__spark{ animation:none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* Blob motion suave + mouse parallax *\/\r\n(function(){\r\n  const root = document.querySelector('.gdLogo');\r\n  const blob = document.getElementById('gdLogoBlob');\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    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    blob.style.transform = `translate3d(${autoX + currentX}px, ${autoY + currentY}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-80ff6fa 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=\"80ff6fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de67ce1 elementor-widget elementor-widget-html\" data-id=\"de67ce1\" 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>Branding \u00b7 Creaci\u00f3n de Logo \u2022 Identidad \u00b7 Claridad \u00b7 Profesionalismo Creamos tu logo profesional para que tu marca se vea clara, seria y confiable \u2726 Un logo no es solo una imagen bonita. Es el elemento visual que representa tu negocio y que se repite en todo: web, redes sociales, anuncios, presentaciones, firma de correo y piezas gr\u00e1ficas. Dise\u00f1amos logos con criterio para que se vean bien en peque\u00f1o, sean legibles, funcionen en distintos formatos y encajen con el tipo de empresa que quieres proyectar. Cotizar Logo por WhatsApp Ver qu\u00e9 incluye Legible y escalable Pensado para tu rubro Entrega completa Funciona en claro y oscuro Identidad visual Dise\u00f1o con criterio Aplicaci\u00f3n real \u00bfQu\u00e9 logra un buen logo? Un buen logo ayuda a que tu marca transmita confianza desde el primer vistazo. No se trata solo de que se vea bonito, sino de que comunique lo correcto: orden, claridad, profesionalismo y una identidad coherente con tu negocio. Cuando el logo est\u00e1 bien dise\u00f1ado, funciona en todos los escenarios sin perder fuerza: en una foto de perfil, en un favicon, en una tarjeta, en una portada web o en una pieza publicitaria. Eso evita inconsistencias y hace que tu marca se vea m\u00e1s s\u00f3lida. Ideal si tu logo actual se ve antiguo, no se entiende bien, pierde calidad o ya no representa tu negocio. \u00bfQu\u00e9 incluye la creaci\u00f3n de logo? Te entregamos un logo pensado para usarse de verdad, no solo una imagen suelta. Incluimos versiones y formatos para que puedas aplicarlo correctamente en web, redes e impresi\u00f3n. \ud83e\udde0 Concepto y direcci\u00f3n Definimos el estilo seg\u00fan tu rubro: moderno, corporativo, t\u00e9cnico, minimalista o comercial. \ud83e\udeaa Logo principal + variantes Versiones horizontal, vertical o compacta para adaptarlo a distintos espacios. \ud83c\udf17 Fondo claro y fondo oscuro Para que funcione correctamente en diferentes aplicaciones visuales. \u26ab Versi\u00f3n monocrom\u00e1tica \u00datil para documentos, sellos, impresiones simples y usos m\u00e1s t\u00e9cnicos. \ud83d\udccf Reglas b\u00e1sicas de uso Tama\u00f1o m\u00ednimo, zona de seguridad y criterios para evitar usos incorrectos. \ud83d\udce6 Entrega en formatos reales PNG transparente, SVG o PDF vectorial y versiones listas para redes. Entregables Logo principal y variantes seg\u00fan la propuesta aprobada. Archivos PNG transparentes en alta calidad. Archivos vectoriales para impresi\u00f3n y escalado. Versiones para fondo claro, oscuro y monocrom\u00e1tico. Mini gu\u00eda de uso para mantener coherencia. \u00bfC\u00f3mo creamos tu logo? 01 Brief y referencias Revisamos rubro, p\u00fablico, estilo deseado y referencias visuales si las tienes. 02 Concepto Definimos la direcci\u00f3n visual adecuada para tu tipo de negocio. 03 Dise\u00f1o Trabajamos el logo cuidando proporci\u00f3n, legibilidad y aplicaci\u00f3n real. 04 Entrega final Entregamos los formatos listos para usar en digital, web, redes e impresi\u00f3n. Si tu marca va a crecer, tu logo tambi\u00e9n debe estar preparado para acompa\u00f1arla. Escr\u00edbenos y te ayudamos a crear un logo que se vea claro, serio y coherente con tu negocio. Cotizar Logo por WhatsApp WhatsApp: +51 947 274 091 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-12175","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12175","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=12175"}],"version-history":[{"count":32,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12175\/revisions"}],"predecessor-version":[{"id":13032,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12175\/revisions\/13032"}],"wp:attachment":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/media?parent=12175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}