{"id":12173,"date":"2026-02-25T16:40:52","date_gmt":"2026-02-25T21:40:52","guid":{"rendered":"https:\/\/gabodesarrollador.com\/?page_id=12173"},"modified":"2026-04-22T15:01:53","modified_gmt":"2026-04-22T20:01:53","slug":"manual-de-marca","status":"publish","type":"page","link":"https:\/\/gabodesarrollador.com\/en\/manual-de-marca\/","title":{"rendered":"Manual de Marca"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12173\" class=\"elementor elementor-12173\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15680d1 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=\"15680d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd57843 elementor-widget elementor-widget-html\" data-id=\"bd57843\" 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: \"MANUAL DE MARCA\"\r\n\u2705 Estilo Gabo (oscuro + blob + gradiente)\r\n\u2705 Texto claro, bien respirado y detallado (SEO friendly)\r\n\u2705 Sin exceso de cajas\r\n\u2705 WhatsApp: +51 947 274 091\r\nPega TODO en Elementor > Widget HTML\r\n====================================================== -->\r\n\r\n<section class=\"gdManual\">\r\n\r\n  <!-- FONDO -->\r\n  <div class=\"gdManual__bg\" aria-hidden=\"true\">\r\n    <div class=\"gdManual__blob\" id=\"gdManualBlob\"><\/div>\r\n    <div class=\"gdManual__grid\"><\/div>\r\n    <div class=\"gdManual__grain\"><\/div>\r\n    <div class=\"gdManual__vignette\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gdManual__wrap\">\r\n\r\n    <!-- META -->\r\n    <div class=\"gdManual__meta\">\r\n      <span class=\"gdManual__dot\"><\/span>\r\n      <span class=\"gdManual__metaTxt\">Branding \u00b7 Manual de Marca<\/span>\r\n      <span class=\"gdManual__sep\">\u2022<\/span>\r\n      <span class=\"gdManual__metaTxt2\">Gu\u00eda \u00b7 Consistencia \u00b7 Identidad<\/span>\r\n    <\/div>\r\n\r\n    <!-- HERO -->\r\n    <header class=\"gdManual__hero\" aria-label=\"Manual de Marca\">\r\n      <h1 class=\"gdManual__h1\">\r\n        Manual de Marca para mantener tu identidad\r\n        <span class=\"gdManual__accent\">siempre consistente<\/span>\r\n        <span class=\"gdManual__spark\" aria-hidden=\"true\">\u2726<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"gdManual__lead\">\r\n        Un manual de marca es el documento que define c\u00f3mo debe verse y c\u00f3mo debe aplicarse tu identidad:\r\n        colores, tipograf\u00edas, usos del logo, estilos visuales y reglas claras.\r\n        Sirve para que tu empresa mantenga coherencia en web, redes, anuncios, presentaciones e impresos\r\n        (aunque lo haga otra persona o un equipo diferente).\r\n      <\/p>\r\n\r\n      <div class=\"gdManual__cta\">\r\n        <a class=\"gdManual__btn gdManual__btn--primary\" href=\"https:\/\/wa.me\/51947274091\" target=\"_blank\" rel=\"noopener\">\r\n          \ud83d\udcac Cotizar Manual por WhatsApp\r\n        <\/a>\r\n        <a class=\"gdManual__btn gdManual__btn--ghost\" href=\"#gdManualIncluye\">\r\n          Ver qu\u00e9 incluye\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"gdManual__mini\">\r\n        <span class=\"gdManual__miniItem\">\ud83d\udcd8 Reglas claras<\/span>\r\n        <span class=\"gdManual__miniItem\">\ud83c\udfa8 Colores y tipograf\u00edas<\/span>\r\n        <span class=\"gdManual__miniItem\">\ud83e\udde9 Uso del logo<\/span>\r\n        <span class=\"gdManual__miniItem\">\ud83d\udccc Coherencia en todo<\/span>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- IM\u00c1GENES -->\r\n    <section class=\"gdManual__images\" aria-label=\"Im\u00e1genes de identidad visual\">\r\n      <figure class=\"gdManual__imgCard\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558655146-d09347e92766?auto=format&fit=crop&w=1800&q=80\"\r\n             alt=\"Dise\u00f1o de identidad visual\" loading=\"lazy\">\r\n        <figcaption>Identidad visual<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"gdManual__imgCard\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512290923902-8a9f81dc236c?auto=format&fit=crop&w=1800&q=80\"\r\n             alt=\"Dise\u00f1o en computadora\" loading=\"lazy\">\r\n        <figcaption>Aplicaci\u00f3n digital<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"gdManual__imgCard\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80\"\r\n             alt=\"Equipo trabajando en marca\" loading=\"lazy\">\r\n        <figcaption>Coherencia en equipo<\/figcaption>\r\n      <\/figure>\r\n    <\/section>\r\n\r\n    <!-- QU\u00c9 ES \/ PARA QU\u00c9 SIRVE -->\r\n    <section class=\"gdManual__section\" aria-label=\"Qu\u00e9 es un manual de marca\">\r\n      <h2 class=\"gdManual__h2\">\r\n        \u00bfQu\u00e9 es un <span class=\"gdManual__accent2\">Manual de Marca<\/span> y para qu\u00e9 sirve?\r\n      <\/h2>\r\n\r\n      <p class=\"gdManual__p\">\r\n        Piensa en el manual como \u201clas reglas del juego\u201d de tu identidad. Sin manual, cada pieza se ve diferente:\r\n        un color en redes, otro en tu web, otro en tus anuncios. Eso baja la confianza y hace que tu marca se vea improvisada.\r\n      <\/p>\r\n\r\n      <p class=\"gdManual__p\">\r\n        Con un manual, tu empresa gana orden: cualquier dise\u00f1ador, community manager o proveedor puede aplicar tu marca sin inventar.\r\n        El resultado es una identidad s\u00f3lida y reconocible, que se ve profesional en todo canal.\r\n      <\/p>\r\n\r\n      <div class=\"gdManual__note\">\r\n        Ideal si tu negocio ya creci\u00f3 y quieres que tu imagen se mantenga consistente, o si vas a delegar dise\u00f1o\/redes a un equipo.\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- QU\u00c9 INCLUYE -->\r\n    <section class=\"gdManual__section\" id=\"gdManualIncluye\" aria-label=\"Qu\u00e9 incluye manual de marca\">\r\n      <h2 class=\"gdManual__h2\">\r\n        \u00bfQu\u00e9 incluye tu <span class=\"gdManual__accent2\">Manual de Marca<\/span>?\r\n      <\/h2>\r\n\r\n      <p class=\"gdManual__p\">\r\n        El manual se arma con reglas simples y aplicables (no un documento \u201cbonito\u201d que nadie usa).\r\n        Incluye lo necesario para que tu marca se mantenga coherente:\r\n      <\/p>\r\n\r\n      <div class=\"gdManual__list\">\r\n        <div class=\"gdManual__item\">\r\n          <div class=\"gdManual__icon\">\ud83d\udd37<\/div>\r\n          <div>\r\n            <div class=\"gdManual__t\">Logo y versiones<\/div>\r\n            <div class=\"gdManual__d\">Principal, alternativo, isotipo (si aplica) y versiones para fondo claro\/oscuro.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__item\">\r\n          <div class=\"gdManual__icon\">\ud83d\udccf<\/div>\r\n          <div>\r\n            <div class=\"gdManual__t\">Zona de seguridad y tama\u00f1os m\u00ednimos<\/div>\r\n            <div class=\"gdManual__d\">Reglas para que el logo siempre se lea bien y no se vea apretado.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__item\">\r\n          <div class=\"gdManual__icon\">\ud83c\udfa8<\/div>\r\n          <div>\r\n            <div class=\"gdManual__t\">Paleta de colores<\/div>\r\n            <div class=\"gdManual__d\">Colores principales y secundarios con c\u00f3digos HEX\/RGB\/CMYK (seg\u00fan necesidad).<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__item\">\r\n          <div class=\"gdManual__icon\">\ud83d\udd24<\/div>\r\n          <div>\r\n            <div class=\"gdManual__t\">Tipograf\u00edas<\/div>\r\n            <div class=\"gdManual__d\">Tipograf\u00eda principal y de apoyo, con recomendaciones de uso (t\u00edtulos, textos, botones).<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__item\">\r\n          <div class=\"gdManual__icon\">\ud83e\udde9<\/div>\r\n          <div>\r\n            <div class=\"gdManual__t\">Estilo visual<\/div>\r\n            <div class=\"gdManual__d\">Recursos gr\u00e1ficos, iconograf\u00eda, bordes, sombras, estilo de fotos y composiciones.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__item\">\r\n          <div class=\"gdManual__icon\">\u2705<\/div>\r\n          <div>\r\n            <div class=\"gdManual__t\">Usos correctos e incorrectos<\/div>\r\n            <div class=\"gdManual__d\">Ejemplos claros de lo que NO se debe hacer (deformar, cambiar colores, etc.).<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__item\">\r\n          <div class=\"gdManual__icon\">\ud83d\udcf1<\/div>\r\n          <div>\r\n            <div class=\"gdManual__t\">Aplicaci\u00f3n en piezas<\/div>\r\n            <div class=\"gdManual__d\">Gu\u00eda para redes, anuncios, portada, firma de correo y piezas clave (seg\u00fan tu negocio).<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__item\">\r\n          <div class=\"gdManual__icon\">\ud83d\udde3\ufe0f<\/div>\r\n          <div>\r\n            <div class=\"gdManual__t\">Tono de comunicaci\u00f3n<\/div>\r\n            <div class=\"gdManual__d\">C\u00f3mo habla tu marca: profesional, cercana, corporativa, comercial (gu\u00eda corta y pr\u00e1ctica).<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gdManual__deliver\">\r\n        <h3 class=\"gdManual__h3\">Entregables<\/h3>\r\n        <ul class=\"gdManual__ul\">\r\n          <li>Manual en PDF (listo para compartir con tu equipo y proveedores).<\/li>\r\n          <li>Archivos del logo (PNG \/ SVG o PDF seg\u00fan el caso).<\/li>\r\n          <li>Paleta de colores y tipograf\u00edas definidas.<\/li>\r\n          <li>Recomendaciones para aplicaci\u00f3n en web y redes.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- PROCESO -->\r\n    <section class=\"gdManual__section\" aria-label=\"Proceso manual de marca\">\r\n      <h2 class=\"gdManual__h2\">\r\n        C\u00f3mo trabajamos tu <span class=\"gdManual__accent2\">Manual<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"gdManual__steps\">\r\n        <div class=\"gdManual__step\">\r\n          <span class=\"gdManual__n\">01<\/span>\r\n          <div class=\"gdManual__st\">Revisi\u00f3n<\/div>\r\n          <div class=\"gdManual__sd\">Analizamos tu marca actual (logo, colores, redes, web) y lo que quieres transmitir.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__step\">\r\n          <span class=\"gdManual__n\">02<\/span>\r\n          <div class=\"gdManual__st\">Definici\u00f3n<\/div>\r\n          <div class=\"gdManual__sd\">Establecemos reglas: color, tipograf\u00edas, estilo, usos del logo y lineamientos.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__step\">\r\n          <span class=\"gdManual__n\">03<\/span>\r\n          <div class=\"gdManual__st\">Documentaci\u00f3n<\/div>\r\n          <div class=\"gdManual__sd\">Armamos el PDF claro, visual, f\u00e1cil de aplicar por tu equipo.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdManual__step\">\r\n          <span class=\"gdManual__n\">04<\/span>\r\n          <div class=\"gdManual__st\">Entrega<\/div>\r\n          <div class=\"gdManual__sd\">Te entregamos el manual + archivos listos para usar en cualquier canal.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA FINAL -->\r\n    <section class=\"gdManual__final\" aria-label=\"CTA final manual de marca\">\r\n      <h3 class=\"gdManual__h3 gdManual__h3--center\">\r\n        Si quieres que tu marca se vea profesional en todo canal,\r\n        el Manual de Marca es el paso que ordena todo.\r\n      <\/h3>\r\n\r\n      <p class=\"gdManual__p gdManual__p--center\">\r\n        Escr\u00edbenos y te asesoramos seg\u00fan tu negocio (si necesitas manual b\u00e1sico o completo).\r\n      <\/p>\r\n\r\n      <div class=\"gdManual__cta gdManual__cta--center\">\r\n        <a class=\"gdManual__btn gdManual__btn--primary\" href=\"https:\/\/wa.me\/51947274091\" target=\"_blank\" rel=\"noopener\">\r\n          \ud83d\udcac Cotizar Manual por WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"gdManual__smallCenter\">\r\n        WhatsApp: +51 947 274 091\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;600;700;800;900&display=swap');\r\n\r\n.gdManual{\r\n  --txt: rgba(255,255,255,.96);\r\n  --muted: rgba(255,255,255,.78);\r\n  --pink:#FF4573;\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  background:#070912;\r\n  padding: clamp(30px, 4.6vw, 86px) 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.gdManual *{ box-sizing:border-box; }\r\n\r\n.gdManual__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.gdManual__bg{ position:absolute; inset:0; z-index:0; }\r\n.gdManual__blob{\r\n  position:absolute;\r\n  width: 980px;\r\n  height: 700px;\r\n  left: -14%;\r\n  top: -22%;\r\n  border-radius: 999px;\r\n  background:\r\n    radial-gradient(circle at 22% 34%, rgba(255,69,115,.86), transparent 58%),\r\n    radial-gradient(circle at 62% 42%, rgba(139,92,255,.82), transparent 62%),\r\n    radial-gradient(circle at 48% 78%, rgba(75,231,255,.34), transparent 68%);\r\n  filter: blur(34px);\r\n  opacity:.95;\r\n  mix-blend-mode: screen;\r\n  transform: translate3d(0,0,0) scale(1);\r\n  will-change: transform;\r\n}\r\n.gdManual__vignette{\r\n  position:absolute; inset:-2px;\r\n  background:\r\n    radial-gradient(1100px 620px at 50% 38%, rgba(255,255,255,.06), transparent 60%),\r\n    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.82));\r\n  pointer-events:none;\r\n}\r\n.gdManual__grid{\r\n  position:absolute; inset:0;\r\n  background-image:\r\n    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),\r\n    linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);\r\n  background-size: 64px 64px;\r\n  opacity:.09;\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.gdManual__grain{\r\n  position:absolute; inset:0;\r\n  pointer-events:none;\r\n  opacity:.10;\r\n  mix-blend-mode: overlay;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.20'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* META *\/\r\n.gdManual__meta{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  color: rgba(255,255,255,.72);\r\n  font-size: 13px;\r\n  font-weight:900;\r\n  letter-spacing:.02em;\r\n  margin: 0 auto 18px;\r\n  padding-bottom: 10px;\r\n  border-bottom: 1px solid rgba(255,255,255,.14);\r\n  width: fit-content;\r\n}\r\n.gdManual__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 12px 26px rgba(0,0,0,.35);\r\n}\r\n.gdManual__sep{ opacity:.55; }\r\n.gdManual__metaTxt2{ opacity:.92; }\r\n\r\n\/* HERO *\/\r\n.gdManual__hero{\r\n  max-width: 1040px;\r\n  margin: 0 auto;\r\n  text-align:center;\r\n}\r\n.gdManual__h1{\r\n  margin:0;\r\n  font-weight:900;\r\n  letter-spacing:-0.035em;\r\n  line-height:1.03;\r\n  font-size: clamp(34px, 4.6vw, 78px);\r\n  text-shadow: 0 16px 40px rgba(0,0,0,.60);\r\n  color: var(--txt) !important;\r\n}\r\n.gdManual__accent{\r\n  color: transparent !important;\r\n  background: linear-gradient(90deg,#ffffff 0%, var(--pink) 30%, 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: gdManualShift 7.5s ease-in-out infinite;\r\n}\r\n.gdManual__spark{\r\n  display:inline-block;\r\n  margin-left:.14em;\r\n  font-size:.62em;\r\n  vertical-align:super;\r\n  color: transparent !important;\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 10px 20px rgba(0,0,0,.35));\r\n  animation: gdManualSpark 4.2s ease-in-out infinite, gdManualShift 7.5s ease-in-out infinite;\r\n}\r\n.gdManual__lead{\r\n  margin: 14px auto 0;\r\n  max-width: 92ch;\r\n  color: rgba(255,255,255,.80);\r\n  line-height:1.9;\r\n  font-size: 15px;\r\n}\r\n\r\n\/* CTA *\/\r\n.gdManual__cta{\r\n  display:flex;\r\n  gap:12px;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  margin-top: 18px;\r\n}\r\n.gdManual__cta--center{ justify-content:center; }\r\n\r\n.gdManual__btn{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  padding: 12px 16px;\r\n  border-radius: 14px;\r\n  font-weight:900;\r\n  text-decoration:none;\r\n  border:1px solid rgba(255,255,255,.14);\r\n  transition: transform .18s ease, filter .18s ease;\r\n  user-select:none;\r\n}\r\n.gdManual__btn--primary{\r\n  color:#0b0a12;\r\n  background: linear-gradient(135deg, var(--pink), #ff7fa0);\r\n  box-shadow: 0 18px 70px rgba(255,69,115,.22);\r\n}\r\n.gdManual__btn--ghost{\r\n  color: rgba(255,255,255,.92);\r\n  background: rgba(10,8,20,.18);\r\n}\r\n.gdManual__btn:hover{ transform: translateY(-1px); filter: brightness(1.05); }\r\n.gdManual__btn:active{ transform: translateY(0); }\r\n\r\n.gdManual__mini{\r\n  margin-top: 14px;\r\n  display:flex;\r\n  gap:10px;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n}\r\n.gdManual__miniItem{\r\n  font-size: 12.6px;\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,.04);\r\n  padding: 7px 10px;\r\n  border-radius: 999px;\r\n}\r\n\r\n\/* IMAGES *\/\r\n.gdManual__images{\r\n  margin-top: 20px;\r\n  display:grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 12px;\r\n  align-items: stretch;\r\n  max-width: 1100px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.gdManual__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,.12);\r\n  background: rgba(10,8,20,.20);\r\n  box-shadow: 0 22px 80px rgba(0,0,0,.40);\r\n  min-height: 220px;\r\n}\r\n.gdManual__imgCard img{\r\n  width:100%; height:100%;\r\n  object-fit: cover;\r\n  display:block;\r\n  filter: saturate(1.02) contrast(1.02);\r\n}\r\n.gdManual__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,69,115,.16), transparent 60%),\r\n    radial-gradient(900px 380px at 70% 30%, rgba(139,92,255,.16), transparent 60%),\r\n    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.78));\r\n  pointer-events:none;\r\n}\r\n.gdManual__imgCard figcaption{\r\n  position:absolute;\r\n  left: 12px;\r\n  bottom: 12px;\r\n  z-index:2;\r\n  font-weight:900;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,.92) !important;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  background: rgba(10,8,20,.38);\r\n  padding: 7px 10px;\r\n  border-radius: 999px;\r\n}\r\n\r\n\/* SECTIONS *\/\r\n.gdManual__section{\r\n  padding: clamp(14px, 2.4vw, 22px) 0;\r\n  max-width: 1040px;\r\n  margin: 0 auto;\r\n}\r\n.gdManual__h2{\r\n  margin:0;\r\n  font-weight:900;\r\n  letter-spacing:-0.03em;\r\n  line-height:1.15;\r\n  font-size: clamp(18px, 2.6vw, 34px);\r\n  text-shadow: 0 14px 34px rgba(0,0,0,.55);\r\n  color: var(--txt) !important;\r\n}\r\n.gdManual__accent2{\r\n  color: transparent !important;\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: gdManualShift 7.5s ease-in-out infinite;\r\n}\r\n.gdManual__p{\r\n  margin: 10px 0 0;\r\n  color: rgba(255,255,255,.78);\r\n  line-height:1.95;\r\n  font-size: 14.8px;\r\n  max-width: 92ch;\r\n}\r\n.gdManual__p--center{ text-align:center; margin-left:auto; margin-right:auto; }\r\n\r\n.gdManual__note{\r\n  margin-top: 14px;\r\n  padding: 12px 14px;\r\n  border-radius: 18px;\r\n  background: rgba(255,255,255,.05);\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.gdManual__list{\r\n  margin-top: 14px;\r\n  display:grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 14px 18px;\r\n}\r\n.gdManual__item{\r\n  display:flex;\r\n  gap:12px;\r\n  align-items:flex-start;\r\n  padding: 10px 0;\r\n}\r\n.gdManual__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,.06);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  box-shadow: 0 18px 60px rgba(0,0,0,.25);\r\n  flex: 0 0 auto;\r\n}\r\n.gdManual__t{\r\n  font-weight:900;\r\n  color: rgba(255,255,255,.92) !important;\r\n  margin-bottom: 4px;\r\n}\r\n.gdManual__d{\r\n  color: rgba(255,255,255,.74);\r\n  line-height:1.75;\r\n  font-size: 13.8px;\r\n}\r\n\r\n\/* Deliverables *\/\r\n.gdManual__deliver{\r\n  margin-top: 14px;\r\n  padding: 14px 14px;\r\n  border-radius: 18px;\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  background: rgba(10,8,20,.14);\r\n}\r\n.gdManual__h3{\r\n  margin:0;\r\n  font-weight: 900;\r\n  letter-spacing:-0.02em;\r\n  line-height: 1.15;\r\n  font-size: clamp(16px, 2.1vw, 26px);\r\n  text-shadow: 0 14px 34px rgba(0,0,0,.55);\r\n  color: var(--txt) !important;\r\n}\r\n.gdManual__h3--center{ text-align:center; }\r\n.gdManual__ul{\r\n  margin: 10px 0 0;\r\n  padding-left: 18px;\r\n  color: rgba(255,255,255,.74);\r\n  line-height:1.9;\r\n  font-size: 13.8px;\r\n}\r\n.gdManual__ul li{ margin: 8px 0; }\r\n\r\n\/* Steps *\/\r\n.gdManual__steps{\r\n  margin-top: 14px;\r\n  display:grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 12px;\r\n}\r\n.gdManual__step{\r\n  padding: 14px 14px;\r\n  border-radius: 18px;\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  background: rgba(10,8,20,.14);\r\n}\r\n.gdManual__n{\r\n  display:inline-flex;\r\n  font-weight:900;\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,.04);\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n}\r\n.gdManual__st{ margin-top: 10px; font-weight:900; color: rgba(255,255,255,.92) !important; }\r\n.gdManual__sd{ margin-top: 6px; color: rgba(255,255,255,.72); line-height:1.7; font-size: 13.4px; }\r\n\r\n\/* Final *\/\r\n.gdManual__final{\r\n  padding: 18px 0 6px;\r\n  text-align:center;\r\n  max-width: 1040px;\r\n  margin: 0 auto;\r\n}\r\n.gdManual__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  .gdManual__images{ grid-template-columns: 1fr; }\r\n  .gdManual__list{ grid-template-columns: 1fr; }\r\n  .gdManual__steps{ grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 520px){\r\n  .gdManual{ border-radius: 18px; }\r\n  .gdManual__meta{ font-size:12px; gap:8px; }\r\n  .gdManual__steps{ grid-template-columns: 1fr; }\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes gdManualShift{\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 gdManualSpark{\r\n  0%   { transform: rotate(0deg) scale(1); opacity:.75; }\r\n  25%  { transform: rotate(14deg) scale(1.06); opacity:1; }\r\n  55%  { transform: rotate(360deg) scale(1.02); opacity:.95; }\r\n  100% { transform: rotate(360deg) scale(1); opacity:.82; }\r\n}\r\n@media(prefers-reduced-motion: reduce){\r\n  .gdManual__accent, .gdManual__accent2, .gdManual__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('.gdManual');\r\n  const blob = document.getElementById('gdManualBlob');\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-f554c42 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=\"f554c42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe92b0 elementor-widget elementor-widget-html\" data-id=\"3fe92b0\" 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 Manual de Marca \u2022 Gu\u00eda \u00b7 Consistencia \u00b7 Identidad Manual de Marca para mantener tu identidad siempre consistente \u2726 Un manual de marca es el documento que define c\u00f3mo debe verse y c\u00f3mo debe aplicarse tu identidad: colores, tipograf\u00edas, usos del logo, estilos visuales y reglas claras. Sirve para que tu empresa mantenga coherencia en web, redes, anuncios, presentaciones e impresos (aunque lo haga otra persona o un equipo diferente). \ud83d\udcac Cotizar Manual por WhatsApp Ver qu\u00e9 incluye \ud83d\udcd8 Reglas claras \ud83c\udfa8 Colores y tipograf\u00edas \ud83e\udde9 Uso del logo \ud83d\udccc Coherencia en todo Identidad visual Aplicaci\u00f3n digital Coherencia en equipo \u00bfQu\u00e9 es un Manual de Marca y para qu\u00e9 sirve? Piensa en el manual como \u201clas reglas del juego\u201d de tu identidad. Sin manual, cada pieza se ve diferente: un color en redes, otro en tu web, otro en tus anuncios. Eso baja la confianza y hace que tu marca se vea improvisada. Con un manual, tu empresa gana orden: cualquier dise\u00f1ador, community manager o proveedor puede aplicar tu marca sin inventar. El resultado es una identidad s\u00f3lida y reconocible, que se ve profesional en todo canal. Ideal si tu negocio ya creci\u00f3 y quieres que tu imagen se mantenga consistente, o si vas a delegar dise\u00f1o\/redes a un equipo. \u00bfQu\u00e9 incluye tu Manual de Marca? El manual se arma con reglas simples y aplicables (no un documento \u201cbonito\u201d que nadie usa). Incluye lo necesario para que tu marca se mantenga coherente: \ud83d\udd37 Logo y versiones Principal, alternativo, isotipo (si aplica) y versiones para fondo claro\/oscuro. \ud83d\udccf Zona de seguridad y tama\u00f1os m\u00ednimos Reglas para que el logo siempre se lea bien y no se vea apretado. \ud83c\udfa8 Paleta de colores Colores principales y secundarios con c\u00f3digos HEX\/RGB\/CMYK (seg\u00fan necesidad). \ud83d\udd24 Tipograf\u00edas Tipograf\u00eda principal y de apoyo, con recomendaciones de uso (t\u00edtulos, textos, botones). \ud83e\udde9 Estilo visual Recursos gr\u00e1ficos, iconograf\u00eda, bordes, sombras, estilo de fotos y composiciones. \u2705 Usos correctos e incorrectos Ejemplos claros de lo que NO se debe hacer (deformar, cambiar colores, etc.). \ud83d\udcf1 Aplicaci\u00f3n en piezas Gu\u00eda para redes, anuncios, portada, firma de correo y piezas clave (seg\u00fan tu negocio). \ud83d\udde3\ufe0f Tono de comunicaci\u00f3n C\u00f3mo habla tu marca: profesional, cercana, corporativa, comercial (gu\u00eda corta y pr\u00e1ctica). Entregables Manual en PDF (listo para compartir con tu equipo y proveedores). Archivos del logo (PNG \/ SVG o PDF seg\u00fan el caso). Paleta de colores y tipograf\u00edas definidas. Recomendaciones para aplicaci\u00f3n en web y redes. C\u00f3mo trabajamos tu Manual 01 Revisi\u00f3n Analizamos tu marca actual (logo, colores, redes, web) y lo que quieres transmitir. 02 Definici\u00f3n Establecemos reglas: color, tipograf\u00edas, estilo, usos del logo y lineamientos. 03 Documentaci\u00f3n Armamos el PDF claro, visual, f\u00e1cil de aplicar por tu equipo. 04 Entrega Te entregamos el manual + archivos listos para usar en cualquier canal. Si quieres que tu marca se vea profesional en todo canal, el Manual de Marca es el paso que ordena todo. Escr\u00edbenos y te asesoramos seg\u00fan tu negocio (si necesitas manual b\u00e1sico o completo). \ud83d\udcac Cotizar Manual 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-12173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12173","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=12173"}],"version-history":[{"count":34,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12173\/revisions"}],"predecessor-version":[{"id":13025,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12173\/revisions\/13025"}],"wp:attachment":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/media?parent=12173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}