{"id":7,"date":"2026-06-16T02:24:08","date_gmt":"2026-06-16T00:24:08","guid":{"rendered":"http:\/\/webgraficos.com\/?page_id=7"},"modified":"2026-06-16T03:44:28","modified_gmt":"2026-06-16T01:44:28","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/webgraficos.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b368f8a e-flex e-con-boxed e-con e-parent\" data-id=\"b368f8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fd3bcd elementor-widget elementor-widget-html\" data-id=\"5fd3bcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     WebGraficos \u2014 Bloques para Elementor (widget HTML)\n     Paleta y efectos ya vienen del theme webgraficos-pro.\n     Pega cada bloque en un widget HTML de Elementor.\n     ============================================================ -->\n\n\n<!-- ========== 1) HERO ========== -->\n<section style=\"background:#121B22; padding:7rem 1.5rem; text-align:center;\">\n  <div style=\"max-width:820px; margin:0 auto;\">\n    <p class=\"wg-reveal\" style=\"color:#B94A3E; font-family:'Syne',sans-serif; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.85rem; margin-bottom:1.2rem;\">\n      Desarrollo web &amp; automatizaci\u00f3n\n    <\/p>\n    <h1 class=\"wg-zoom\" style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(2.4rem,6vw,4.2rem); line-height:1.05; letter-spacing:-.02em; margin:0 0 1.5rem;\">\n      Sitios web que <span class=\"wg-underline\">venden<\/span> y procesos que trabajan solos\n    <\/h1>\n    <p class=\"wg-reveal wg-reveal--up\" style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; font-size:1.2rem; line-height:1.6; max-width:620px; margin:0 auto 2.5rem;\">\n      Construimos tu presencia digital y automatizamos el trabajo repetitivo de tu negocio. Sin plantillas, sin promesas infladas: cosas que funcionan y te las ense\u00f1amos a usar.\n    <\/p>\n    <a href=\"#contacto\" class=\"wg-reveal\" style=\"display:inline-block; background:#B94A3E; color:#EAEAEA; font-family:'Syne',sans-serif; font-weight:700; padding:1rem 2.4rem; border-radius:10px; text-decoration:none; transition:transform .35s,box-shadow .35s;\">\n      Hablemos de tu proyecto\n    <\/a>\n  <\/div>\n<\/section>\n\n\n<!-- ========== 2) FRANJA DE SERVICIOS (marquee horizontal) ========== -->\n<section style=\"background:#1E2A33; padding:2.5rem 0; border-top:1px solid #3A4F60; border-bottom:1px solid #3A4F60;\">\n  <div class=\"wg-marquee\">\n    <div class=\"wg-marquee__track\">\n      <span class=\"wg-marquee__item\">Dise\u00f1o Web<\/span>\n      <span class=\"wg-marquee__item\">Tiendas Online<\/span>\n      <span class=\"wg-marquee__item\">Automatizaci\u00f3n<\/span>\n      <span class=\"wg-marquee__item\">WhatsApp Bots<\/span>\n      <span class=\"wg-marquee__item\">Google &amp; Meta Ads<\/span>\n      <span class=\"wg-marquee__item\">Hospedaje<\/span>\n      <span class=\"wg-marquee__item\">Mantenimiento<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ========== 3) SERVICIOS (grid con stagger + cards) ========== -->\n<section style=\"background:#121B22; padding:6rem 1.5rem;\">\n  <div style=\"max-width:1100px; margin:0 auto;\">\n    <h2 class=\"wg-reveal\" style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(2rem,4vw,3rem); text-align:center; margin:0 0 3.5rem;\">\n      Lo que hacemos\n    <\/h2>\n\n    <div class=\"wg-stagger\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem;\">\n\n      <div class=\"wg-card\" style=\"padding:2rem;\">\n        <h3 style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-size:1.3rem; margin:0 0 .8rem;\">Dise\u00f1o y desarrollo web<\/h3>\n        <p style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; line-height:1.6; margin:0;\">Sitios a la medida, desde una vitrina para empezar a vender hasta portales con miles de publicaciones. R\u00e1pidos y pensados para el celular.<\/p>\n      <\/div>\n\n      <div class=\"wg-card\" style=\"padding:2rem;\">\n        <h3 style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-size:1.3rem; margin:0 0 .8rem;\">Tiendas y pasarelas de pago<\/h3>\n        <p style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; line-height:1.6; margin:0;\">Tiendas que cobran de verdad. Integramos Wompi y dejamos todo listo para que el primer pedido entre el mismo d\u00eda que sales al aire.<\/p>\n      <\/div>\n\n      <div class=\"wg-card\" style=\"padding:2rem;\">\n        <h3 style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-size:1.3rem; margin:0 0 .8rem;\">Automatizaci\u00f3n de procesos<\/h3>\n        <p style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; line-height:1.6; margin:0;\">Conectamos tus herramientas para que dejen de pedirte trabajo manual. Que un lead entre solo a tu CRM, que el seguimiento salga solo.<\/p>\n      <\/div>\n\n      <div class=\"wg-card\" style=\"padding:2rem;\">\n        <h3 style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-size:1.3rem; margin:0 0 .8rem;\">WhatsApp automatizado<\/h3>\n        <p style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; line-height:1.6; margin:0;\">Tu n\u00famero conectado a flujos que responden, capturan datos y agendan, sin perder el toque humano ni vivir pegado al tel\u00e9fono.<\/p>\n      <\/div>\n\n      <div class=\"wg-card\" style=\"padding:2rem;\">\n        <h3 style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-size:1.3rem; margin:0 0 .8rem;\">Hospedaje y mantenimiento<\/h3>\n        <p style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; line-height:1.6; margin:0;\">No te entregamos el sitio y desaparecemos. Lo alojamos, con copias de seguridad y SSL al d\u00eda. Si algo falla, lo arreglamos antes de que te enteres.<\/p>\n      <\/div>\n\n      <div class=\"wg-card\" style=\"padding:2rem;\">\n        <h3 style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-size:1.3rem; margin:0 0 .8rem;\">Marketing y captaci\u00f3n<\/h3>\n        <p style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; line-height:1.6; margin:0;\">Campa\u00f1as de Google y Meta conectadas con tu sitio y tu automatizaci\u00f3n, para que cada peso invertido termine en un contacto real.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ========== 4) CASOS DE ESTUDIO ========== -->\n<section style=\"background:#1E2A33; padding:6rem 1.5rem;\">\n  <div style=\"max-width:1000px; margin:0 auto;\">\n    <h2 class=\"wg-reveal\" style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(2rem,4vw,3rem); text-align:center; margin:0 0 1rem;\">\n      Casos reales\n    <\/h2>\n    <p class=\"wg-reveal\" style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; text-align:center; max-width:600px; margin:0 auto 3.5rem;\">\n      Proyectos que construimos, lanzamos y seguimos manteniendo.\n    <\/p>\n\n    <!-- Caso 1 -->\n    <div class=\"wg-card wg-reveal wg-reveal--left\" style=\"padding:2.5rem; margin-bottom:1.5rem;\">\n      <span style=\"color:#B94A3E; font-family:'Syne',sans-serif; font-weight:700; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase;\">Portal inmobiliario<\/span>\n      <h3 style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-size:1.6rem; margin:.5rem 0 1rem;\">Ofertas Finca Ra\u00edz<\/h3>\n      <p style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; line-height:1.7; margin:0;\">Un portal hecho a la medida para publicar proyectos de vivienda y conectar interesados con asesores. El equipo carga propiedades, proyectos destacados y constructoras desde su propio panel, sin tocar c\u00f3digo. Carga r\u00e1pido aunque tenga cientos de publicaciones y canaliza cada interesado al asesor correcto.<\/p>\n    <\/div>\n\n    <!-- Caso 2 -->\n    <div class=\"wg-card wg-reveal wg-reveal--right\" style=\"padding:2.5rem; margin-bottom:1.5rem;\">\n      <span style=\"color:#B94A3E; font-family:'Syne',sans-serif; font-weight:700; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase;\">Turismo<\/span>\n      <h3 style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-size:1.6rem; margin:.5rem 0 1rem;\">GuiasTours<\/h3>\n      <p style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; line-height:1.7; margin:0;\">Un portal de turismo que se llena de contenido solo. Armamos un sistema que trae publicaciones de forma autom\u00e1tica y las deja listas dentro del portal, con su ficha, fotos y datos. Le ahorra horas de trabajo manual al equipo y cumple con la protecci\u00f3n de datos colombiana desde el d\u00eda uno.<\/p>\n    <\/div>\n\n    <!-- Caso 3 -->\n    <div class=\"wg-card wg-reveal wg-reveal--left\" style=\"padding:2.5rem;\">\n      <span style=\"color:#B94A3E; font-family:'Syne',sans-serif; font-weight:700; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase;\">Presencia digital<\/span>\n      <h3 style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-size:1.6rem; margin:.5rem 0 1rem;\">La Tienda Comunal<\/h3>\n      <p style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; line-height:1.7; margin:0;\">El salto de \"negocio que existe\" a \"negocio que se encuentra en l\u00ednea\". Le montamos su sitio con identidad propia, alojado y mantenido por nosotros, con correo profesional y captaci\u00f3n de contactos. Su propia casa en internet, en lugar de depender de una p\u00e1gina de Facebook.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ========== 5) CTA FINAL ========== -->\n<section id=\"contacto\" style=\"background:#121B22; padding:6rem 1.5rem; text-align:center;\">\n  <div style=\"max-width:680px; margin:0 auto;\">\n    <h2 class=\"wg-zoom\" style=\"color:#EAEAEA; font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(1.8rem,4vw,2.8rem); margin:0 0 1.2rem;\">\n      \u00bfEmpezamos tu proyecto?\n    <\/h2>\n    <p class=\"wg-reveal\" style=\"color:#A0AEC0; font-family:'DM Sans',sans-serif; font-size:1.1rem; line-height:1.6; margin:0 0 2.2rem;\">\n      Hablamos claro, cotizamos sin letra peque\u00f1a y entregamos por etapas. Cu\u00e9ntanos qu\u00e9 necesitas.\n    <\/p>\n    <a href=\"https:\/\/wa.me\/57XXXXXXXXXX\" class=\"wg-reveal\" style=\"display:inline-block; background:#B94A3E; color:#EAEAEA; font-family:'Syne',sans-serif; font-weight:700; padding:1rem 2.4rem; border-radius:10px; text-decoration:none;\">\n      Escr\u00edbenos por WhatsApp\n    <\/a>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\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>Desarrollo web &amp; automatizaci\u00f3n Sitios web que venden y procesos que trabajan solos Construimos tu presencia digital y automatizamos el trabajo repetitivo de tu negocio. Sin plantillas, sin promesas infladas: cosas que funcionan y te las ense\u00f1amos a usar. Hablemos de tu proyecto Dise\u00f1o Web Tiendas Online Automatizaci\u00f3n WhatsApp Bots Google &amp; Meta Ads Hospedaje [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webgraficos.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webgraficos.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webgraficos.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webgraficos.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webgraficos.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":8,"href":"https:\/\/webgraficos.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/webgraficos.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/webgraficos.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}