{"id":12178,"date":"2026-02-25T16:45:35","date_gmt":"2026-02-25T21:45:35","guid":{"rendered":"https:\/\/gabodesarrollador.com\/?page_id=12178"},"modified":"2026-04-22T15:05:54","modified_gmt":"2026-04-22T20:05:54","slug":"brochure","status":"publish","type":"page","link":"https:\/\/gabodesarrollador.com\/en\/brochure\/","title":{"rendered":"Brochure"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12178\" class=\"elementor elementor-12178\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abaccb1 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=\"abaccb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6277646 elementor-widget elementor-widget-html\" data-id=\"6277646\" 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 P\u00c1GINAS WEB: WEB BROCHURE (CORREGIDO Y UNIFICADO)\r\n\u2705 T\u00edtulo corregido y mejor jerarqu\u00eda visual\r\n\u2705 Misma secuencia de tus otros bloques\r\n\u2705 Fondo morado oscuro consistente\r\n\u2705 Blob animado\r\n\u2705 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=\"gdBrochure\">\r\n\r\n  <!-- BG -->\r\n  <div class=\"gdBrochure__bg\" aria-hidden=\"true\">\r\n    <div class=\"gdBrochure__blob\" id=\"gdBrochureBlob\"><\/div>\r\n    <div class=\"gdBrochure__grid\"><\/div>\r\n    <div class=\"gdBrochure__grain\"><\/div>\r\n    <div class=\"gdBrochure__vignette\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gdBrochure__wrap\">\r\n\r\n    <!-- META -->\r\n    <div class=\"gdBrochure__meta\">\r\n      <span class=\"gdBrochure__dot\"><\/span>\r\n      <span class=\"gdBrochure__metaTxt\">P\u00e1ginas Web \u00b7 Web Brochure<\/span>\r\n      <span class=\"gdBrochure__sep\">\u2022<\/span>\r\n      <span class=\"gdBrochure__metaTxt2\">Presentaci\u00f3n \u00b7 Confianza \u00b7 Captaci\u00f3n<\/span>\r\n    <\/div>\r\n\r\n    <!-- HERO -->\r\n    <header class=\"gdBrochure__hero\" aria-label=\"Web Brochure\">\r\n      <h1 class=\"gdBrochure__h1\">\r\n        Web Brochure para presentar tu empresa\r\n        <span class=\"gdBrochure__accent\">con claridad y confianza<\/span>\r\n        <span class=\"gdBrochure__spark\" aria-hidden=\"true\">\u2726<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"gdBrochure__lead\">\r\n        Una <strong>Web Brochure<\/strong> funciona como un cat\u00e1logo digital para tu empresa:\r\n        presenta qui\u00e9n eres, qu\u00e9 haces, por qu\u00e9 confiar en ti y c\u00f3mo contactarte.\r\n        Es ideal para negocios que quieren verse profesionales, explicar sus servicios con orden\r\n        y recibir consultas por <strong>WhatsApp<\/strong> o formulario, sin necesitar tienda online.\r\n      <\/p>\r\n\r\n      <div class=\"gdBrochure__cta\">\r\n        <a class=\"gdBrochure__btn gdBrochure__btn--primary\" href=\"https:\/\/wa.me\/51947274091\" target=\"_blank\" rel=\"noopener\">\r\n          Cotizar Web Brochure por WhatsApp\r\n        <\/a>\r\n        <a class=\"gdBrochure__btn gdBrochure__btn--ghost\" href=\"#gdBrochureIncluye\">\r\n          Ver qu\u00e9 incluye\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"gdBrochure__mini\">\r\n        <span class=\"gdBrochure__miniItem\">Ideal para empresas<\/span>\r\n        <span class=\"gdBrochure__miniItem\">Confianza y presentaci\u00f3n<\/span>\r\n        <span class=\"gdBrochure__miniItem\">100% responsive<\/span>\r\n        <span class=\"gdBrochure__miniItem\">WhatsApp + formularios<\/span>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- IM\u00c1GENES -->\r\n    <section class=\"gdBrochure__images\" aria-label=\"Im\u00e1genes web brochure\">\r\n      <figure class=\"gdBrochure__imgCard gdBrochure__imgCard--wide\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=2200&q=80\"\r\n             alt=\"Equipo y empresa profesional\" loading=\"lazy\">\r\n        <figcaption>Tu empresa bien presentada<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"gdBrochure__imgCard\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1600&q=80\"\r\n             alt=\"Trabajo en computadoras y tecnolog\u00eda\" loading=\"lazy\">\r\n        <figcaption>Dise\u00f1o moderno y claro<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"gdBrochure__imgCard\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516542076529-1ea3854896f2?auto=format&fit=crop&w=1600&q=80\"\r\n             alt=\"Sitio web en laptop\" loading=\"lazy\">\r\n        <figcaption>Optimizada para conversi\u00f3n<\/figcaption>\r\n      <\/figure>\r\n    <\/section>\r\n\r\n    <!-- QU\u00c9 ES \/ OBJETIVO -->\r\n    <section class=\"gdBrochure__section\" aria-label=\"Qu\u00e9 es web brochure\">\r\n      <h2 class=\"gdBrochure__h2\">\r\n        \u00bfQu\u00e9 es una <span class=\"gdBrochure__accent2\">Web Brochure<\/span>?\r\n      <\/h2>\r\n\r\n      <p class=\"gdBrochure__p\">\r\n        Es una p\u00e1gina web enfocada en <strong>presentaci\u00f3n y confianza<\/strong>. Su objetivo es que el cliente entienda r\u00e1pido\r\n        qu\u00e9 haces, c\u00f3mo trabajas, qu\u00e9 beneficios ofreces y c\u00f3mo contactarte. No se trata de llenar la web de texto,\r\n        sino de ordenar la informaci\u00f3n para que se vea seria, clara y funcional.\r\n      <\/p>\r\n\r\n      <p class=\"gdBrochure__p\">\r\n        Una Web Brochure bien estructurada funciona como tu presentaci\u00f3n digital:\r\n        responde dudas, muestra profesionalismo y gu\u00eda al usuario hacia una acci\u00f3n clara\r\n        como escribirte por WhatsApp, llenar un formulario o solicitar una llamada.\r\n      <\/p>\r\n\r\n      <div class=\"gdBrochure__note\">\r\n        Ideal si buscas una web profesional para tu empresa, pero no necesitas ecommerce.\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- PARA QUI\u00c9N -->\r\n    <section class=\"gdBrochure__section\" aria-label=\"Para qui\u00e9n es\">\r\n      <h2 class=\"gdBrochure__h2\">\r\n        \u00bfPara qui\u00e9n es esta <span class=\"gdBrochure__accent2\">p\u00e1gina<\/span>?\r\n      <\/h2>\r\n\r\n      <div class=\"gdBrochure__two\">\r\n        <div class=\"gdBrochure__box\">\r\n          <div class=\"gdBrochure__boxT\">Ideal si:<\/div>\r\n          <ul class=\"gdBrochure__ul\">\r\n            <li>Tienes una empresa y quieres verte m\u00e1s profesional.<\/li>\r\n            <li>Necesitas explicar servicios de forma clara.<\/li>\r\n            <li>Quieres captar consultas por WhatsApp o formulario.<\/li>\r\n            <li>Necesitas una base para SEO o campa\u00f1as digitales.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__box\">\r\n          <div class=\"gdBrochure__boxT\">Objetivo:<\/div>\r\n          <ul class=\"gdBrochure__ul\">\r\n            <li>Generar confianza y credibilidad.<\/li>\r\n            <li>Ordenar tu oferta de servicios.<\/li>\r\n            <li>Ser encontrable en Google.<\/li>\r\n            <li>Convertir visitas en contactos.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- QU\u00c9 INCLUYE -->\r\n    <section class=\"gdBrochure__section\" id=\"gdBrochureIncluye\" aria-label=\"Qu\u00e9 incluye web brochure\">\r\n      <h2 class=\"gdBrochure__h2\">\r\n        \u00bfQu\u00e9 incluye tu <span class=\"gdBrochure__accent2\">Web Brochure<\/span>?\r\n      <\/h2>\r\n\r\n      <p class=\"gdBrochure__p\">\r\n        La desarrollamos con una estructura estrat\u00e9gica: no solo dise\u00f1o visual,\r\n        sino una base pensada para que el usuario entienda tu empresa y te contacte.\r\n        Esto es lo que normalmente incluye:\r\n      <\/p>\r\n\r\n      <div class=\"gdBrochure__list\">\r\n        <div class=\"gdBrochure__item\">\r\n          <div class=\"gdBrochure__icon\">\ud83e\udded<\/div>\r\n          <div>\r\n            <div class=\"gdBrochure__t\">Estructura estrat\u00e9gica<\/div>\r\n            <div class=\"gdBrochure__d\">Secciones claras: empresa, servicios, beneficios, proceso, testimonios y contacto.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__item\">\r\n          <div class=\"gdBrochure__icon\">\ud83c\udfa8<\/div>\r\n          <div>\r\n            <div class=\"gdBrochure__t\">Dise\u00f1o moderno y coherente<\/div>\r\n            <div class=\"gdBrochure__d\">Una est\u00e9tica alineada a tu marca para transmitir orden y confianza.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__item\">\r\n          <div class=\"gdBrochure__icon\">\ud83d\udcf1<\/div>\r\n          <div>\r\n            <div class=\"gdBrochure__t\">Responsive real<\/div>\r\n            <div class=\"gdBrochure__d\">Optimizada para celular, tablet y laptop sin perder estructura ni claridad.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__item\">\r\n          <div class=\"gdBrochure__icon\">\u26a1<\/div>\r\n          <div>\r\n            <div class=\"gdBrochure__t\">Velocidad y performance<\/div>\r\n            <div class=\"gdBrochure__d\">Optimizaci\u00f3n base para cargar r\u00e1pido y ofrecer una mejor experiencia.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__item\">\r\n          <div class=\"gdBrochure__icon\">\ud83d\udd0e<\/div>\r\n          <div>\r\n            <div class=\"gdBrochure__t\">SEO base para Google<\/div>\r\n            <div class=\"gdBrochure__d\">Jerarqu\u00eda de t\u00edtulos, metadatos, URLs limpias y estructura orientada al posicionamiento.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__item\">\r\n          <div class=\"gdBrochure__icon\">\ud83d\udcac<\/div>\r\n          <div>\r\n            <div class=\"gdBrochure__t\">WhatsApp + formularios<\/div>\r\n            <div class=\"gdBrochure__d\">Llamados a la acci\u00f3n claros para que la visita se convierta en contacto.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__item\">\r\n          <div class=\"gdBrochure__icon\">\ud83e\udde9<\/div>\r\n          <div>\r\n            <div class=\"gdBrochure__t\">Servicios bien explicados<\/div>\r\n            <div class=\"gdBrochure__d\">Cada servicio presentado con claridad: qu\u00e9 es, para qui\u00e9n y qu\u00e9 beneficio ofrece.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__item\">\r\n          <div class=\"gdBrochure__icon\">\ud83d\udee1\ufe0f<\/div>\r\n          <div>\r\n            <div class=\"gdBrochure__t\">Buenas pr\u00e1cticas base<\/div>\r\n            <div class=\"gdBrochure__d\">Recomendaciones y configuraci\u00f3n inicial para que tu web sea estable y funcional.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gdBrochure__deliver\">\r\n        <h3 class=\"gdBrochure__h3\">Entregables<\/h3>\r\n        <ul class=\"gdBrochure__ul\">\r\n          <li>Web Brochure lista para publicar en WordPress \/ Elementor.<\/li>\r\n          <li>Botones a WhatsApp y formularios configurados.<\/li>\r\n          <li>SEO base configurado para posicionamiento inicial.<\/li>\r\n          <li>Gu\u00eda r\u00e1pida para editar textos e im\u00e1genes.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"gdBrochure__note\">\r\n        Resultado: una web limpia, seria y enfocada en convertir visitas en consultas.\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ESTRUCTURA RECOMENDADA -->\r\n    <section class=\"gdBrochure__section\" aria-label=\"Estructura recomendada\">\r\n      <h2 class=\"gdBrochure__h2\">\r\n        Estructura recomendada para este tipo de web\r\n      <\/h2>\r\n\r\n      <p class=\"gdBrochure__p\">\r\n        Para que la navegaci\u00f3n sea clara y efectiva, una Web Brochure suele seguir esta secuencia:\r\n      <\/p>\r\n\r\n      <ol class=\"gdBrochure__ol\">\r\n        <li><strong>Portada:<\/strong> qu\u00e9 haces, para qui\u00e9n es y CTA principal.<\/li>\r\n        <li><strong>Servicios:<\/strong> explicaci\u00f3n simple y orientada a beneficios.<\/li>\r\n        <li><strong>Proceso:<\/strong> pasos claros para generar confianza.<\/li>\r\n        <li><strong>Casos o testimonios:<\/strong> prueba social si la tienes.<\/li>\r\n        <li><strong>Preguntas frecuentes:<\/strong> reduce dudas y objeciones.<\/li>\r\n        <li><strong>Contacto:<\/strong> WhatsApp, formulario y datos clave.<\/li>\r\n      <\/ol>\r\n    <\/section>\r\n\r\n    <!-- PROCESO -->\r\n    <section class=\"gdBrochure__section\" aria-label=\"Proceso de trabajo\">\r\n      <h2 class=\"gdBrochure__h2\">\r\n        C\u00f3mo desarrollamos tu <span class=\"gdBrochure__accent2\">Web Brochure<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"gdBrochure__steps\">\r\n        <div class=\"gdBrochure__step\">\r\n          <span class=\"gdBrochure__n\">01<\/span>\r\n          <div class=\"gdBrochure__st\">Diagn\u00f3stico<\/div>\r\n          <div class=\"gdBrochure__sd\">Definimos objetivo, p\u00fablico, servicios y el mensaje principal.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__step\">\r\n          <span class=\"gdBrochure__n\">02<\/span>\r\n          <div class=\"gdBrochure__st\">Estructura + Copy<\/div>\r\n          <div class=\"gdBrochure__sd\">Ordenamos secciones y mejoramos los textos para que se entienda y convierta.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__step\">\r\n          <span class=\"gdBrochure__n\">03<\/span>\r\n          <div class=\"gdBrochure__st\">Dise\u00f1o + Implementaci\u00f3n<\/div>\r\n          <div class=\"gdBrochure__sd\">Dise\u00f1o moderno en WordPress \/ Elementor, totalmente responsive.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gdBrochure__step\">\r\n          <span class=\"gdBrochure__n\">04<\/span>\r\n          <div class=\"gdBrochure__st\">Optimizaci\u00f3n + Entrega<\/div>\r\n          <div class=\"gdBrochure__sd\">Velocidad, SEO base, formularios y puesta en l\u00ednea.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA FINAL -->\r\n    <section class=\"gdBrochure__final\" aria-label=\"CTA final\">\r\n      <h3 class=\"gdBrochure__h3 gdBrochure__h3--center\">\r\n        Si buscas una web seria para tu empresa, la Web Brochure es una de las mejores bases para empezar.\r\n      <\/h3>\r\n\r\n      <p class=\"gdBrochure__p gdBrochure__p--center\">\r\n        Escr\u00edbenos y te recomendamos la estructura ideal seg\u00fan tu rubro y tus objetivos.\r\n      <\/p>\r\n\r\n      <div class=\"gdBrochure__cta gdBrochure__cta--center\">\r\n        <a class=\"gdBrochure__btn gdBrochure__btn--primary\" href=\"https:\/\/wa.me\/51947274091\" target=\"_blank\" rel=\"noopener\">\r\n          Cotizar por WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"gdBrochure__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;500;600;700;800&display=swap');\r\n\r\n.gdBrochure{\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.gdBrochure *{ box-sizing:border-box; }\r\n\r\n.gdBrochure__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.gdBrochure__bg{ position:absolute; inset:0; z-index:0; }\r\n.gdBrochure__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.gdBrochure__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.gdBrochure__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.gdBrochure__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.gdBrochure__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.gdBrochure__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.gdBrochure__sep{ opacity:.45; }\r\n.gdBrochure__metaTxt2{ opacity:.92; }\r\n\r\n\/* HERO *\/\r\n.gdBrochure__hero{\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  text-align:center;\r\n}\r\n.gdBrochure__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: 12ch;\r\n  text-shadow: 0 14px 34px rgba(0,0,0,.42);\r\n  color: var(--txt) !important;\r\n}\r\n.gdBrochure__accent{\r\n  display:block;\r\n  margin-top:.10em;\r\n  color: transparent !important;\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: gdBShift 7.2s ease-in-out infinite;\r\n}\r\n.gdBrochure__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 !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 8px 18px rgba(0,0,0,.24));\r\n  animation: gdBSpark 4.2s ease-in-out infinite, gdBShift 7.2s ease-in-out infinite;\r\n}\r\n.gdBrochure__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.gdBrochure__lead strong{ color: rgba(255,255,255,.94); font-weight:700; }\r\n\r\n\/* CTA *\/\r\n.gdBrochure__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.gdBrochure__cta--center{ justify-content:center; }\r\n\r\n.gdBrochure__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.gdBrochure__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.gdBrochure__btn--ghost{\r\n  color: rgba(255,255,255,.92);\r\n  background: rgba(255,255,255,.02);\r\n}\r\n.gdBrochure__btn:hover{ transform: translateY(-2px); filter: brightness(1.03); }\r\n.gdBrochure__btn:active{ transform: translateY(0); }\r\n\r\n.gdBrochure__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.gdBrochure__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.gdBrochure__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.gdBrochure__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.gdBrochure__imgCard--wide{\r\n  grid-column: 1 \/ -1;\r\n  min-height: 280px;\r\n}\r\n.gdBrochure__imgCard img{\r\n  width:100%; height:100%;\r\n  object-fit: cover;\r\n  display:block;\r\n}\r\n.gdBrochure__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.gdBrochure__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.gdBrochure__section{\r\n  padding: clamp(16px, 2.4vw, 24px) 0;\r\n  max-width: 1040px;\r\n  margin: 0 auto;\r\n}\r\n.gdBrochure__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.gdBrochure__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: gdBShift 7.2s ease-in-out infinite;\r\n}\r\n.gdBrochure__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.gdBrochure__p--center{ text-align:center; margin-left:auto; margin-right:auto; }\r\n\r\n.gdBrochure__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\/* Two boxes *\/\r\n.gdBrochure__two{\r\n  margin-top: 16px;\r\n  display:grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 14px;\r\n}\r\n.gdBrochure__box{\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.gdBrochure__boxT{\r\n  font-weight:700;\r\n  color: rgba(255,255,255,.92) !important;\r\n  margin-bottom: 8px;\r\n}\r\n.gdBrochure__ul{\r\n  margin:0;\r\n  padding-left: 18px;\r\n  color: rgba(255,255,255,.74);\r\n  line-height:1.8;\r\n  font-size: 13.8px;\r\n}\r\n.gdBrochure__ul li{ margin: 7px 0; }\r\n\r\n\/* Include list *\/\r\n.gdBrochure__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.gdBrochure__item{\r\n  display:flex;\r\n  gap:12px;\r\n  align-items:flex-start;\r\n  padding: 10px 0;\r\n}\r\n.gdBrochure__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.gdBrochure__t{\r\n  font-weight:700;\r\n  color: rgba(255,255,255,.92) !important;\r\n  margin-bottom: 4px;\r\n}\r\n.gdBrochure__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.gdBrochure__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.gdBrochure__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.gdBrochure__h3--center{ text-align:center; }\r\n\r\n.gdBrochure__ol{\r\n  margin: 14px 0 0;\r\n  padding-left: 18px;\r\n  color: rgba(255,255,255,.76);\r\n  line-height:1.82;\r\n  font-size: 14px;\r\n}\r\n.gdBrochure__ol li{ margin: 10px 0; }\r\n\r\n\/* Steps *\/\r\n.gdBrochure__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.gdBrochure__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.gdBrochure__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.gdBrochure__st{ margin-top: 10px; font-weight:700; color: rgba(255,255,255,.92) !important; }\r\n.gdBrochure__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.gdBrochure__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.gdBrochure__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  .gdBrochure__h1{ max-width: 100%; }\r\n  .gdBrochure__images{ grid-template-columns: 1fr; }\r\n  .gdBrochure__two{ grid-template-columns: 1fr; }\r\n  .gdBrochure__list{ grid-template-columns: 1fr; }\r\n  .gdBrochure__steps{ grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 560px){\r\n  .gdBrochure{ border-radius: 18px; padding: 28px 0 52px; }\r\n  .gdBrochure__meta{ font-size:11.2px; gap:8px; }\r\n  .gdBrochure__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  .gdBrochure__lead,\r\n  .gdBrochure__p,\r\n  .gdBrochure__d,\r\n  .gdBrochure__sd,\r\n  .gdBrochure__ul,\r\n  .gdBrochure__ol{\r\n    font-size:14px;\r\n    line-height:1.72;\r\n  }\r\n  .gdBrochure__btn{ width:100%; }\r\n  .gdBrochure__steps{ grid-template-columns: 1fr; }\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes gdBShift{\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 gdBSpark{\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  .gdBrochure__accent, .gdBrochure__accent2, .gdBrochure__spark{ animation:none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.querySelector('.gdBrochure');\r\n  const blob = document.getElementById('gdBrochureBlob');\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-e8f736d 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=\"e8f736d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe98cde elementor-widget elementor-widget-html\" data-id=\"fe98cde\" 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>P\u00e1ginas Web \u00b7 Web Brochure \u2022 Presentaci\u00f3n \u00b7 Confianza \u00b7 Captaci\u00f3n Web Brochure para presentar tu empresa con claridad y confianza \u2726 Una Web Brochure funciona como un cat\u00e1logo digital para tu empresa: presenta qui\u00e9n eres, qu\u00e9 haces, por qu\u00e9 confiar en ti y c\u00f3mo contactarte. Es ideal para negocios que quieren verse profesionales, explicar sus servicios con orden y recibir consultas por WhatsApp o formulario, sin necesitar tienda online. Cotizar Web Brochure por WhatsApp Ver qu\u00e9 incluye Ideal para empresas Confianza y presentaci\u00f3n 100% responsive WhatsApp + formularios Tu empresa bien presentada Dise\u00f1o moderno y claro Optimizada para conversi\u00f3n \u00bfQu\u00e9 es una Web Brochure? Es una p\u00e1gina web enfocada en presentaci\u00f3n y confianza. Su objetivo es que el cliente entienda r\u00e1pido qu\u00e9 haces, c\u00f3mo trabajas, qu\u00e9 beneficios ofreces y c\u00f3mo contactarte. No se trata de llenar la web de texto, sino de ordenar la informaci\u00f3n para que se vea seria, clara y funcional. Una Web Brochure bien estructurada funciona como tu presentaci\u00f3n digital: responde dudas, muestra profesionalismo y gu\u00eda al usuario hacia una acci\u00f3n clara como escribirte por WhatsApp, llenar un formulario o solicitar una llamada. Ideal si buscas una web profesional para tu empresa, pero no necesitas ecommerce. \u00bfPara qui\u00e9n es esta p\u00e1gina? Ideal si: Tienes una empresa y quieres verte m\u00e1s profesional. Necesitas explicar servicios de forma clara. Quieres captar consultas por WhatsApp o formulario. Necesitas una base para SEO o campa\u00f1as digitales. Objetivo: Generar confianza y credibilidad. Ordenar tu oferta de servicios. Ser encontrable en Google. Convertir visitas en contactos. \u00bfQu\u00e9 incluye tu Web Brochure? La desarrollamos con una estructura estrat\u00e9gica: no solo dise\u00f1o visual, sino una base pensada para que el usuario entienda tu empresa y te contacte. Esto es lo que normalmente incluye: \ud83e\udded Estructura estrat\u00e9gica Secciones claras: empresa, servicios, beneficios, proceso, testimonios y contacto. \ud83c\udfa8 Dise\u00f1o moderno y coherente Una est\u00e9tica alineada a tu marca para transmitir orden y confianza. \ud83d\udcf1 Responsive real Optimizada para celular, tablet y laptop sin perder estructura ni claridad. \u26a1 Velocidad y performance Optimizaci\u00f3n base para cargar r\u00e1pido y ofrecer una mejor experiencia. \ud83d\udd0e SEO base para Google Jerarqu\u00eda de t\u00edtulos, metadatos, URLs limpias y estructura orientada al posicionamiento. \ud83d\udcac WhatsApp + formularios Llamados a la acci\u00f3n claros para que la visita se convierta en contacto. \ud83e\udde9 Servicios bien explicados Cada servicio presentado con claridad: qu\u00e9 es, para qui\u00e9n y qu\u00e9 beneficio ofrece. \ud83d\udee1\ufe0f Buenas pr\u00e1cticas base Recomendaciones y configuraci\u00f3n inicial para que tu web sea estable y funcional. Entregables Web Brochure lista para publicar en WordPress \/ Elementor. Botones a WhatsApp y formularios configurados. SEO base configurado para posicionamiento inicial. Gu\u00eda r\u00e1pida para editar textos e im\u00e1genes. Resultado: una web limpia, seria y enfocada en convertir visitas en consultas. Estructura recomendada para este tipo de web Para que la navegaci\u00f3n sea clara y efectiva, una Web Brochure suele seguir esta secuencia: Portada: qu\u00e9 haces, para qui\u00e9n es y CTA principal. Servicios: explicaci\u00f3n simple y orientada a beneficios. Proceso: pasos claros para generar confianza. Casos o testimonios: prueba social si la tienes. Preguntas frecuentes: reduce dudas y objeciones. Contacto: WhatsApp, formulario y datos clave. C\u00f3mo desarrollamos tu Web Brochure 01 Diagn\u00f3stico Definimos objetivo, p\u00fablico, servicios y el mensaje principal. 02 Estructura + Copy Ordenamos secciones y mejoramos los textos para que se entienda y convierta. 03 Dise\u00f1o + Implementaci\u00f3n Dise\u00f1o moderno en WordPress \/ Elementor, totalmente responsive. 04 Optimizaci\u00f3n + Entrega Velocidad, SEO base, formularios y puesta en l\u00ednea. Si buscas una web seria para tu empresa, la Web Brochure es una de las mejores bases para empezar. Escr\u00edbenos y te recomendamos la estructura ideal seg\u00fan tu rubro y tus objetivos. Cotizar 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-12178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12178","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=12178"}],"version-history":[{"count":34,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12178\/revisions"}],"predecessor-version":[{"id":13028,"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/pages\/12178\/revisions\/13028"}],"wp:attachment":[{"href":"https:\/\/gabodesarrollador.com\/en\/wp-json\/wp\/v2\/media?parent=12178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}