{"id":1292,"date":"2026-02-24T13:35:06","date_gmt":"2026-02-24T12:35:06","guid":{"rendered":"https:\/\/genia-digital.com\/genia\/?page_id=1292"},"modified":"2026-03-04T13:55:18","modified_gmt":"2026-03-04T12:55:18","slug":"google-ads","status":"publish","type":"page","link":"https:\/\/genia-digital.com\/genia\/google-ads\/","title":{"rendered":"google ads"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1292\" class=\"elementor elementor-1292\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa92793 e-flex e-con-boxed e-con e-parent\" data-id=\"aa92793\" 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-6b67645 elementor-widget elementor-widget-html\" data-id=\"6b67645\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Google Ads | GenIA - Captaci\u00f3n por Intenci\u00f3n<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n    <style>\r\n        \/* 1. Reset Global del Wrapper *\/\r\n        .genia-wrapper { \r\n            font-family: 'Manrope', sans-serif !important; \r\n            line-height: 1.5 !important; \r\n            color: #000000 !important;\r\n            background-color: #ffffff !important;\r\n            width: 100% !important;\r\n            overflow-x: hidden !important; \r\n            font-size: 16px !important;\r\n            text-align: left !important;\r\n        }\r\n        \r\n        .genia-wrapper * {\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        \/* 2. Hack para romper el contenedor de WordPress\/Elementor (CSS Fallback) *\/\r\n        .genia-section-breakout {\r\n            width: 100vw !important;\r\n            position: relative !important;\r\n            left: 50% !important;\r\n            right: 50% !important;\r\n            margin-left: -50vw !important;\r\n            margin-right: -50vw !important;\r\n            max-width: 100vw !important;\r\n            overflow: hidden !important;\r\n            transform: none !important;\r\n        }\r\n\r\n        \/* 3. Estilos de Texto y Elementos - TODO EN NEGRITA *\/\r\n        .genia-wrapper h1, .genia-wrapper h2, .genia-wrapper h3, .genia-wrapper h4 { \r\n            font-weight: 800 !important; \r\n            color: #000000 !important;\r\n            margin-top: 0 !important; \r\n            margin-bottom: 0.5em !important; \r\n            line-height: 1.2 !important; \r\n        }\r\n        .genia-wrapper p, .genia-wrapper span, .genia-wrapper li { \r\n            font-weight: 700 !important; \r\n            color: #374151 !important; \r\n        }\r\n        .genia-wrapper strong, .genia-wrapper b {\r\n            font-weight: 800 !important;\r\n            color: inherit !important;\r\n        }\r\n        \r\n        .genia-wrapper a { \r\n            text-decoration: none !important; \r\n            font-weight: 700 !important;\r\n            transition: all 0.3s ease !important;\r\n            box-shadow: none !important; \r\n            border-bottom: none !important;\r\n        }\r\n        .genia-wrapper ul, .genia-wrapper li { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n        .genia-wrapper img { max-width: 100% !important; height: auto !important; margin: 0 !important; }\r\n        .genia-wrapper button { cursor: pointer !important; border: none !important; font-weight: 800 !important; }\r\n\r\n        \/* COLORES GENIA - FORZAR VISIBILIDAD *\/\r\n        .text-verde-genia, .text-\\[\\#00BF63\\] { color: #00BF63 !important; }\r\n        .bg-verde-genia, .bg-\\[\\#00BF63\\] { background-color: #00BF63 !important; }\r\n        \r\n        \/* EXCEPCIONES DE COLOR (Para que el negro no pise al blanco en secciones oscuras) *\/\r\n        .genia-wrapper .text-white, \r\n        .genia-wrapper .text-blanco-genia,\r\n        .genia-wrapper h1.text-white,\r\n        .genia-wrapper h2.text-white,\r\n        .genia-wrapper h3.text-white,\r\n        .genia-wrapper h4.text-white,\r\n        .bg-negro-genia h1, .bg-negro-genia h2, .bg-negro-genia h3, .bg-negro-genia p, .bg-negro-genia span,\r\n        .bg-black h1, .bg-black h2, .bg-black h3, .bg-black p, .bg-black span { \r\n            color: #FFFFFF !important; \r\n        }\r\n\r\n        \/* Fondo Negro Forzado *\/\r\n        .bg-negro-genia, .bg-black {\r\n            background-color: #000000 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        \/* 4. Header Flotante *\/\r\n        #main-header {\r\n            position: fixed !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            z-index: 2147483647 !important; \/* Max Z-Index *\/\r\n            transition: all 0.3s ease !important;\r\n        }\r\n        body.admin-bar #main-header {\r\n            top: 32px !important;\r\n        }\r\n        @media screen and (max-width: 782px) {\r\n            body.admin-bar #main-header { top: 46px !important; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-black font-sans antialiased\">\r\n<div class=\"genia-wrapper w-full overflow-x-hidden\">\r\n\r\n    <!-- HEADER -->\r\n    <header id=\"main-header\" class=\"fixed w-full top-0 z-[9999] bg-white border-b border-gray-100 shadow-sm transition-all duration-300\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex justify-between items-center h-20\">\r\n                <!-- Logo -->\r\n                <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"flex items-center space-x-2 text-2xl font-extrabold tracking-tighter no-underline group\" style=\"text-decoration: none !important; display: flex !important; align-items: center !important;\">\r\n                    <span id=\"logo-text\" class=\"text-black transition-colors\" style=\"color: #000000;\">Gen<\/span><span class=\"text-[#00BF63]\">IA<\/span>\r\n                <\/a>\r\n                \r\n                <!-- Desktop Nav -->\r\n                <nav id=\"desktop-nav\" class=\"hidden md:flex items-center space-x-6\">\r\n                    <style>@media(min-width: 768px) { #desktop-nav { display: flex !important; gap: 1.5rem !important; } }<\/style>\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Inicio<\/a>\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Servicios<\/a>\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Sobre nosotros<\/a>\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Contacto<\/a>\r\n                    <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"bg-[#00BF63] text-white px-4 py-2 rounded-full font-bold text-xs hover:bg-[#00A854] transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 no-underline flex items-center justify-center\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex !important;\">\r\n                        Hablar por WhatsApp\r\n                    <\/a>\r\n                <\/nav>\r\n                \r\n                <!-- Mobile Button -->\r\n                <div class=\"md:hidden flex items-center\">\r\n                    <style>@media(min-width: 768px) { .md\\:hidden { display: none !important; } }<\/style>\r\n                     <button id=\"mobile-menu-btn\" class=\"p-2 text-black transition-colors bg-transparent border-none\" style=\"background: transparent !important; color: #000000; border: none !important;\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\r\n                     <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Mobile Menu -->\r\n        <div id=\"mobile-menu\" class=\"hidden bg-white text-black border-t border-gray-100 absolute w-full h-screen top-20 left-0 shadow-lg z-[9999]\" style=\"background-color: #ffffff !important; display: none;\">\r\n            <div class=\"px-4 pt-4 pb-6 space-y-4 flex flex-col bg-white\">\r\n                <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Inicio<\/a>\r\n                <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Servicios<\/a>\r\n                <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Sobre nosotros<\/a>\r\n                <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Contacto<\/a>\r\n                <div class=\"pt-4\">\r\n                    <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"block w-full text-center bg-[#00BF63] text-white px-6 py-4 rounded-lg font-bold text-lg\" style=\"background-color: #00BF63 !important; color: #ffffff !important;\">Hablar por WhatsApp<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <main>\r\n      <!-- 1. HERO SECTION -->\r\n      <section class=\"genia-section-breakout relative bg-negro-genia text-white pt-24 pb-20 overflow-hidden !bg-black !text-white\">\r\n        <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-full max-w-3xl h-full bg-[#00BF63]\/5 blur-[100px] rounded-full pointer-events-none\"><\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-4 relative z-10 flex flex-col items-center text-center\">\r\n          <div class=\"max-w-4xl\">\r\n            <span class=\"inline-block py-1 px-3 rounded-full bg-[#00BF63]\/20 text-[#00BF63] font-bold text-xs tracking-wider mb-6 uppercase border border-[#00BF63]\/30\">Captaci\u00f3n por Intenci\u00f3n<\/span>\r\n            <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Capta clientes cuando <span class=\"text-[#00BF63]\">ya te buscan<\/span><\/h1>\r\n            <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">Google Ads tiene la intenci\u00f3n m\u00e1s alta del mercado. Captamos a quien ya tiene la tarjeta en la mano y busca tu servicio.<\/p>\r\n\r\n            <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-8 text-sm md:text-base\">\r\n               <div class=\"flex items-center text-gray-300 justify-center\">\r\n                  <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n                  <span>Leads con intenci\u00f3n real<\/span>\r\n               <\/div>\r\n               <div class=\"flex items-center text-gray-300 justify-center\">\r\n                  <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n                  <span>Control de presupuesto<\/span>\r\n               <\/div>\r\n               <div class=\"flex items-center text-gray-300 justify-center\">\r\n                  <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n                  <span>Medici\u00f3n exacta de retorno<\/span>\r\n               <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n              <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Google%20Ads\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 bg-[#00BF63] text-white rounded-lg font-bold text-lg hover:bg-[#00A854] transition-all shadow-lg no-underline\">\r\n                Hablar por WhatsApp <i data-lucide=\"arrow-right\" class=\"ml-2 w-5 h-5\"><\/i>\r\n              <\/a>\r\n              <button onclick=\"document.getElementById('como-lo-montamos').scrollIntoView({behavior: 'smooth'})\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white\/10 text-white border border-white\/20 rounded-lg font-bold text-lg hover:bg-white\/20 transition-all border-solid cursor-pointer\">\r\n                Ver c\u00f3mo lo montamos <i data-lucide=\"arrow-down\" class=\"ml-2 w-5 h-5\"><\/i>\r\n              <\/button>\r\n            <\/div>\r\n            <p class=\"text-xs text-gray-500 mt-3 flex items-center justify-center\">\r\n              <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2. FILTER (Who is this for) -->\r\n      <section class=\"genia-section-breakout py-16 bg-white border-b border-gray-100\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-16\">\r\n            \r\n            <!-- SI -->\r\n            <div class=\"bg-[#F0FDF4] p-8 rounded-2xl border border-green-100 flex flex-col items-center text-center\">\r\n              <div class=\"bg-[#00BF63] text-white p-2 rounded-full mb-4\">\r\n                <i data-lucide=\"check\" class=\"w-6 h-6\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"text-xl font-bold mb-6 text-black\">Para qui\u00e9n S\u00cd es<\/h3>\r\n              <ul class=\"space-y-4 text-left w-full max-w-sm mx-auto\">\r\n                <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Negocios de servicios con ticket suficiente para invertir.<\/li>\r\n                <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Tienen una zona de actuaci\u00f3n clara (local o nacional).<\/li>\r\n                <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Tienen capacidad de atender llamadas y leads r\u00e1pidamente.<\/li>\r\n                <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quieren captar a quien ya tiene la tarjeta en la mano.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n\r\n            <!-- NO -->\r\n            <div class=\"bg-red-50 p-8 rounded-2xl border border-red-100 flex flex-col items-center text-center\">\r\n              <div class=\"bg-red-500 text-white p-2 rounded-full mb-4\">\r\n                <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"text-xl font-bold mb-6 text-black\">Para qui\u00e9n NO es<\/h3>\r\n              <ul class=\"space-y-4 text-left w-full max-w-sm mx-auto\">\r\n                <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Ecommerce \/ Tiendas de productos con m\u00e1rgenes m\u00ednimos.<\/li>\r\n                <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quien no puede invertir un m\u00ednimo mensual para pujar.<\/li>\r\n                <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quien no atiende el tel\u00e9fono o tarda d\u00edas en contestar.<\/li>\r\n                <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quien busca \"magia\" y resultados sin estructura detr\u00e1s.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 3. THE PROBLEM -->\r\n      <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n        <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n          <h2 class=\"text-3xl font-bold mb-10 text-black\">El problema t\u00edpico: Pagar por clics, no por clientes<\/h2>\r\n          \r\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-left max-w-3xl mx-auto\">\r\n             <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n                <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n                <p class=\"text-gray-700 font-medium pt-1\">\"Pago y entran llamadas, pero no contratan o son spam\/ventas.\"<\/p>\r\n             <\/div>\r\n             <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n                <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n                <p class=\"text-gray-700 font-medium pt-1\">\"Me aparecen muchos clics en la factura, pero no veo clientes nuevos.\"<\/p>\r\n             <\/div>\r\n             <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n                <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n                <p class=\"text-gray-700 font-medium pt-1\">\"No s\u00e9 qu\u00e9 palabras clave est\u00e1n trayendo curiosos y cu\u00e1les traen dinero.\"<\/p>\r\n             <\/div>\r\n             <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n                <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n                <p class=\"text-gray-700 font-medium pt-1\">\"No tengo landing o la web no convierte, as\u00ed que tiro el dinero.\"<\/p>\r\n             <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 4. TRANSFORMATION -->\r\n      <section class=\"genia-section-breakout py-20 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n          <h2 class=\"text-3xl font-bold mb-16 text-black\">Qu\u00e9 cambia con Intenci\u00f3n + Estructura<\/h2>\r\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n            \r\n            <!-- Before -->\r\n            <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 opacity-80\">\r\n              <h3 class=\"text-gray-500 font-bold uppercase tracking-widest text-sm mb-6\">Antes<\/h3>\r\n              <div class=\"space-y-4 text-center\">\r\n                <p class=\"text-gray-600\">Campa\u00f1as gen\u00e9ricas (Smart)<\/p>\r\n                <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n                <p class=\"text-gray-600\">Tr\u00e1fico poco cualificado<\/p>\r\n                <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n                <p class=\"text-gray-600\">Landing floja o Home gen\u00e9rica<\/p>\r\n                <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n                <p class=\"text-gray-600\">Sin control de conversiones<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- After -->\r\n            <div class=\"bg-negro-genia text-white p-8 rounded-2xl shadow-xl relative overflow-hidden !bg-black !text-white\">\r\n              <div class=\"absolute top-0 right-0 w-32 h-32 bg-[#00BF63]\/20 blur-[40px] rounded-full pointer-events-none\"><\/div>\r\n              <h3 class=\"text-[#00BF63] font-bold uppercase tracking-widest text-sm mb-6\">Despu\u00e9s<\/h3>\r\n              <div class=\"space-y-4 text-center relative z-10\">\r\n                <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Intenci\u00f3n clara de compra<\/p>\r\n                <div class=\"h-px bg-white\/10 w-1\/2 mx-auto\"><\/div>\r\n                <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Anuncios alineados<\/p>\r\n                <div class=\"h-px bg-white\/10 w-1\/2 mx-auto\"><\/div>\r\n                <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Destino que convierte<\/p>\r\n                <div class=\"h-px bg-white\/10 w-1\/2 mx-auto\"><\/div>\r\n                <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Seguimiento y Optimizaci\u00f3n<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 5. INCLUDES -->\r\n      <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n          <div class=\"mb-16\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-black\">Qu\u00e9 incluye el servicio<\/h2>\r\n            <p class=\"text-gray-600\">Optimizamos cada c\u00e9ntimo invertido para que traiga retorno.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n            <!-- Items -->\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n                <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n                    <i data-lucide=\"target\" class=\"w-6 h-6\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-bold text-lg mb-2 text-black\">Diagn\u00f3stico R\u00e1pido<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">Revisamos oferta, zona, objetivo y definimos los filtros necesarios.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n                <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n                    <i data-lucide=\"search\" class=\"w-6 h-6\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-bold text-lg mb-2 text-black\">Investigaci\u00f3n Intenci\u00f3n<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">Descubrimos qu\u00e9 escribe exactamente tu cliente cuando quiere comprar.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n                <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n                    <i data-lucide=\"bar-chart-3\" class=\"w-6 h-6\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-bold text-lg mb-2 text-black\">Estructura Campa\u00f1as<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">Ordenamos grupos de anuncios por servicio para m\u00e1xima relevancia.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n                <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n                    <i data-lucide=\"mouse-pointer-click\" class=\"w-6 h-6\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-bold text-lg mb-2 text-black\">Anuncios Alineados<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">Copy que responde a la b\u00fasqueda y mejora el Nivel de Calidad.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n                <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n                    <i data-lucide=\"smartphone\" class=\"w-6 h-6\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-bold text-lg mb-2 text-black\">Destino Optimizado<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">Landing Page espec\u00edfica o WhatsApp Business seg\u00fan convenga.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n                <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n                    <i data-lucide=\"filter\" class=\"w-6 h-6\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-bold text-lg mb-2 text-black\">Tracking Conversiones<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">Configuramos la medici\u00f3n para saber qu\u00e9 palabra clave trajo la venta.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n                <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n                    <i data-lucide=\"zap\" class=\"w-6 h-6\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-bold text-lg mb-2 text-black\">Optimizaci\u00f3n Continua<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">Ajustamos pujas y negativas bas\u00e1ndonos en calidad, no en clics.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n                <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n                    <i data-lucide=\"shield-check\" class=\"w-6 h-6\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-bold text-lg mb-2 text-black\">Reporte Claro<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">Te decimos qu\u00e9 funciona, qu\u00e9 se corta y cu\u00e1nto te cuesta cada cliente.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 6. PROCESS -->\r\n      <section id=\"como-lo-montamos\" class=\"genia-section-breakout py-20 bg-white\">\r\n        <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n          \r\n          <h2 className=\"text-3xl font-bold mb-12 text-black\">C\u00f3mo lo montamos<\/h2>\r\n          \r\n          <div class=\"space-y-4 max-w-2xl mx-auto mb-20\">\r\n            <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n                <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">1<\/div>\r\n                <p class=\"font-medium text-left text-black\">Definimos oferta + intenci\u00f3n + zona<\/p>\r\n            <\/div>\r\n            <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n                <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">2<\/div>\r\n                <p class=\"font-medium text-left text-black\">Seleccionamos palabras clave y negativas (filtros)<\/p>\r\n            <\/div>\r\n            <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n                <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">3<\/div>\r\n                <p class=\"font-medium text-left text-black\">Montamos campa\u00f1as + anuncios + landing\/WhatsApp<\/p>\r\n            <\/div>\r\n            <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n                <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">4<\/div>\r\n                <p class=\"font-medium text-left text-black\">Activamos y optimizamos por conversiones<\/p>\r\n            <\/div>\r\n            <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n                <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">5<\/div>\r\n                <p class=\"font-medium text-left text-black\">Escalamos lo que funciona<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"mt-16 text-center\">\r\n            <h4 class=\"font-bold text-lg mb-6 text-black\">Qu\u00e9 necesitas para empezar<\/h4>\r\n            <div class=\"flex flex-wrap justify-center gap-3\">\r\n                <span class=\"px-4 py-2 bg-gray-100 rounded-full text-sm text-gray-700\">Acceso a Google Ads<\/span>\r\n                <span class=\"px-4 py-2 bg-gray-100 rounded-full text-sm text-gray-700\">Web\/Landing o WhatsApp<\/span>\r\n                <span class=\"px-4 py-2 bg-gray-100 rounded-full text-sm text-gray-700\">Capacidad de respuesta<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 7. WHAT WE NEVER DO -->\r\n      <section class=\"genia-section-breakout py-20 bg-negro-genia text-white !bg-black !text-white\">\r\n        <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n            <h2 class=\"text-3xl font-bold mb-10 text-white !text-white\">Lo que NUNCA hacemos en GenIA<\/h2>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-2xl mx-auto\">\r\n                <div class=\"flex items-center justify-center md:justify-start\">\r\n                    <i data-lucide=\"x\" class=\"text-red-500 w-6 h-6 mr-3 shrink-0\"><\/i>\r\n                    <span class=\"text-gray-300\">No medimos el \u00e9xito por clics o impresiones.<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-center md:justify-start\">\r\n                    <i data-lucide=\"x\" class=\"text-red-500 w-6 h-6 mr-3 shrink-0\"><\/i>\r\n                    <span class=\"text-gray-300\">No dejamos campa\u00f1as \"corriendo solas\" sin seguimiento.<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-center md:justify-start\">\r\n                    <i data-lucide=\"x\" class=\"text-red-500 w-6 h-6 mr-3 shrink-0\"><\/i>\r\n                    <span class=\"text-gray-300\">No mandamos tr\u00e1fico a destinos que no convierten.<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-center md:justify-start\">\r\n                    <i data-lucide=\"x\" class=\"text-red-500 w-6 h-6 mr-3 shrink-0\"><\/i>\r\n                    <span class=\"text-gray-300\">No mantenemos palabras clave que atraen curiosos.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 8. EVIDENCE -->\r\n      <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n        <div class=\"max-w-7xl mx-auto px-4 text-center\">\r\n          <h2 class=\"text-3xl font-bold mb-12 text-black\">Ejemplos y evidencias<\/h2>\r\n          \r\n          <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n                <span class=\"bg-gray-100 px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">M\u00e9tricas<\/span>\r\n                <p class=\"text-gray-400 text-sm\">(Placeholder Captura CPA\/Conv)<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n                <span class=\"bg-gray-100 px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Llamadas<\/span>\r\n                <p class=\"text-gray-400 text-sm\">(Placeholder Registro Llamadas)<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n                <span class=\"bg-gray-100 px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Mensajes<\/span>\r\n                <p class=\"text-gray-400 text-sm\">(Placeholder Captura WhatsApp)<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <p class=\"text-sm text-gray-500 mt-8 italic\">Algunos negocios prefieren mantener anonimato.<\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 9. FAQ -->\r\n      <section class=\"genia-section-breakout py-20 bg-white\">\r\n        <div class=\"max-w-3xl mx-auto px-4 text-center\">\r\n          <h2 class=\"text-3xl font-bold mb-12 text-black\">Preguntas frecuentes<\/h2>\r\n          <div class=\"space-y-6 text-left\">\r\n             <div class=\"border-b border-gray-100 pb-6\">\r\n                 <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfQu\u00e9 presupuesto necesito?<\/h4>\r\n                 <p class=\"text-gray-600\">Depende de la competencia en tu zona y el coste por clic de tu sector. Hacemos una estimaci\u00f3n inicial para asegurar que es rentable antes de que inviertas.<\/p>\r\n             <\/div>\r\n             <div class=\"border-b border-gray-100 pb-6\">\r\n                 <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfCu\u00e1ndo se nota el resultado?<\/h4>\r\n                 <p class=\"text-gray-600\">Es inmediato. En cuanto se activan las campa\u00f1as, apareces en las b\u00fasquedas. La optimizaci\u00f3n para bajar costes lleva unas semanas.<\/p>\r\n             <\/div>\r\n             <div class=\"border-b border-gray-100 pb-6\">\r\n                 <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfGoogle Ads sirve para negocio local?<\/h4>\r\n                 <p class=\"text-gray-600\">Es fundamental. Captas a la persona que busca 'fontanero en [tu ciudad]' o 'cl\u00ednica en [tu zona]'. Intenci\u00f3n pura.<\/p>\r\n             <\/div>\r\n             <div class=\"border-b border-gray-100 pb-6\">\r\n                 <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfY si ya he probado anuncios?<\/h4>\r\n                 <p class=\"text-gray-600\">Revisaremos qu\u00e9 fall\u00f3. Normalmente es falta de estructura, mensaje incorrecto o mal seguimiento. Si vemos que no es viable, te lo diremos.<\/p>\r\n             <\/div>\r\n             <div class=\"border-b border-gray-100 pb-6\">\r\n                 <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfTrabaj\u00e1is Espa\u00f1a y Am\u00e9rica?<\/h4>\r\n                 <p class=\"text-gray-600\">S\u00ed. Espa\u00f1a, EEUU, Argentina, M\u00e9xico, Per\u00fa y Chile.<\/p>\r\n             <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 10. FINAL CTA -->\r\n      <section class=\"genia-section-breakout py-24 bg-negro-genia text-white text-center !bg-black !text-white\">\r\n        <div class=\"max-w-4xl mx-auto px-4\">\r\n          <h2 class=\"text-3xl md:text-5xl font-bold mb-6 text-white !text-white\">\u00bfQuieres que te encuentren cuando te necesitan?<\/h2>\r\n          <p class=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n            Deja de pagar por clics vac\u00edos. Hablemos por WhatsApp y veamos si hay demanda en tu zona.\r\n          <\/p>\r\n          <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Google%20Ads\" target=\"_blank\" class=\"inline-flex items-center justify-center px-10 py-5 bg-[#00BF63] text-white rounded-full font-bold text-xl hover:bg-[#00A854] transition-transform hover:scale-105 shadow-xl shadow-green-900\/20 no-underline\">\r\n            Hablar por WhatsApp\r\n          <\/a>\r\n          <p class=\"text-xs text-gray-500 mt-4 flex items-center justify-center\">\r\n            <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n    <\/main>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"genia-section-breakout bg-black text-white pt-10 pb-8 border-t border-gray-900\" style=\"background-color: #000000 !important; color: #ffffff !important; border-top: 1px solid #111827 !important; position: relative !important; z-index: 10 !important;\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center md:text-left\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n                <div>\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"text-2xl font-extrabold tracking-tighter block text-white no-underline mb-2\" style=\"color: #ffffff !important;\">Gen<span class=\"text-[#00BF63]\" style=\"color: #00BF63 !important;\">IA<\/span><\/a>\r\n                    <p class=\"text-gray-400 text-xs mb-4\" style=\"color: #9ca3af !important;\">Transformaci\u00f3n digital para negocios.<\/p>\r\n                    \r\n                    <div class=\"flex space-x-4 mt-4 justify-center md:justify-start\" style=\"display: flex !important; gap: 1rem !important;\">\r\n                        <!-- Instagram -->\r\n                        <a href=\"https:\/\/www.instagram.com\/genia.digital_\/\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #9ca3af !important;\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div>\r\n                    <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Enlaces<\/h4>\r\n                    <ul class=\"space-y-1 text-sm text-gray-400\">\r\n                        <li><a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Inicio<\/a><\/li>\r\n                        <li><a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Servicios<\/a><\/li>\r\n                        <li><a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Contacto<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div>\r\n                    <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Legal<\/h4>\r\n                    <ul class=\"space-y-1 text-sm text-gray-400\">\r\n                        <li><a href=\"https:\/\/genia-digital.com\/genia\/politica-de-privacidad-de-datos\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Privacidad<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"pt-4 border-t border-gray-800 text-xs text-gray-500\" style=\"border-top: 1px solid #1f2937 !important;\">\r\n                <p style=\"color: #9ca3af !important;\">\u00a9 2026 GenIA Digital. Todos los derechos reservados.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Floating WhatsApp -->\r\n    <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"fixed bottom-6 right-6 z-[9999] flex items-center justify-center w-16 h-16 bg-[#25D366] rounded-full shadow-2xl hover:scale-110 transition-transform duration-300 no-underline\" style=\"display: flex !important; justify-content: center !important; align-items: center !important; background-color: #25D366 !important; width: 64px !important; height: 64px !important; border-radius: 50% !important;\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #ffffff !important;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n    <\/a>\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            lucide.createIcons();\r\n\r\n            \/\/ Mobile Menu Toggle\r\n            const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n            const mobileMenu = document.getElementById('mobile-menu');\r\n            if (mobileMenuBtn && mobileMenu) {\r\n                mobileMenuBtn.addEventListener('click', () => {\r\n                    const isHidden = mobileMenu.style.display === 'none' || mobileMenu.classList.contains('hidden');\r\n                    if (isHidden) {\r\n                        mobileMenu.style.display = 'block';\r\n                        mobileMenu.classList.remove('hidden');\r\n                        mobileMenuBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n                    } else {\r\n                        mobileMenu.style.display = 'none';\r\n                        mobileMenu.classList.add('hidden');\r\n                        mobileMenuBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ L\u00f3gica Header Scroll\r\n            const header = document.getElementById('main-header');\r\n            const logoText = document.getElementById('logo-text');\r\n            const mobileBtn = document.getElementById('mobile-menu-btn');\r\n            const mobileMenu = document.getElementById('mobile-menu');\r\n            const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n            function handleScroll() {\r\n                if (window.scrollY > 20) {\r\n                    \/\/ Estado Scrolled (Fondo Blanco)\r\n                    header.style.backgroundColor = '#FFFFFF';\r\n                    header.style.borderBottom = '1px solid #f3f4f6';\r\n                    header.style.boxShadow = '0 1px 3px 0 rgba(0, 0, 0, 0.1)';\r\n                    \r\n                    if(logoText) logoText.style.color = '#000000';\r\n                    if(mobileBtn) mobileBtn.style.color = '#000000';\r\n                    \r\n                    navLinks.forEach(link => {\r\n                        link.style.color = '#000000';\r\n                    });\r\n                } else {\r\n                    \/\/ Estado Transparente\r\n                    header.style.backgroundColor = 'transparent';\r\n                    header.style.borderBottom = '1px solid rgba(255,255,255,0.1)';\r\n                    header.style.boxShadow = 'none';\r\n                    \r\n                    \/\/ En esta p\u00e1gina el header est\u00e1 sobre fondo negro (Hero)\r\n                    if(logoText) logoText.style.color = '#ffffff';\r\n                    if(mobileBtn) mobileBtn.style.color = '#ffffff';\r\n                    \r\n                    navLinks.forEach(link => {\r\n                        link.style.color = '#ffffff';\r\n                    });\r\n                }\r\n            }\r\n\r\n            window.addEventListener('scroll', handleScroll);\r\n            handleScroll(); \/\/ Check inicial\r\n\r\n            \/\/ Men\u00fa M\u00f3vil\r\n            if (mobileBtn && mobileMenu) {\r\n                mobileBtn.addEventListener('click', () => {\r\n                    const isHidden = mobileMenu.classList.contains('hidden');\r\n                    \r\n                    if (isHidden) {\r\n                        mobileMenu.classList.remove('hidden');\r\n                        mobileMenu.style.display = 'block';\r\n                        mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n                    } else {\r\n                        mobileMenu.classList.add('hidden');\r\n                        mobileMenu.style.display = 'none';\r\n                        mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ FIX CR\u00cdTICO: Romper overflow hidden y ajustar ancho\r\n            function fixLayout() {\r\n                const breakouts = document.querySelectorAll('.genia-section-breakout');\r\n                if (breakouts.length === 0) return;\r\n\r\n                \/\/ 1. Romper overflow de padres (Iterar hasta el body)\r\n                breakouts.forEach(el => {\r\n                    let parent = el.parentElement;\r\n                    while (parent && parent !== document.body) {\r\n                        const style = window.getComputedStyle(parent);\r\n                        \/\/ Forzar overflow visible si detectamos hidden\/scroll\/clip\r\n                        if (style.overflow !== 'visible' || style.overflowX !== 'visible' || style.overflowY !== 'visible') {\r\n                            parent.style.setProperty('overflow', 'visible', 'important');\r\n                            parent.style.setProperty('overflow-x', 'visible', 'important');\r\n                            parent.style.setProperty('overflow-y', 'visible', 'important');\r\n                            \/\/ A veces los temas limitan el ancho m\u00e1ximo de los contenedores padres\r\n                            parent.style.setProperty('max-width', 'none', 'important');\r\n                            parent.style.setProperty('width', 'auto', 'important');\r\n                        }\r\n                        parent = parent.parentElement;\r\n                    }\r\n                });\r\n\r\n                \/\/ 2. Recalcular posici\u00f3n exacta (JS Fallback Inteligente)\r\n                const viewportWidth = window.innerWidth;\r\n                \r\n                breakouts.forEach(el => {\r\n                    \/\/ Resetear estilos con !important para asegurar medici\u00f3n correcta\r\n                    el.style.setProperty('left', 'auto', 'important');\r\n                    el.style.setProperty('right', 'auto', 'important');\r\n                    el.style.setProperty('margin-left', '0', 'important');\r\n                    el.style.setProperty('margin-right', '0', 'important');\r\n                    el.style.setProperty('width', '100%', 'important');\r\n                    el.style.setProperty('max-width', '100%', 'important');\r\n                    el.style.setProperty('transform', 'none', 'important');\r\n                    el.style.setProperty('position', 'relative', 'important');\r\n\r\n                    const rect = el.getBoundingClientRect();\r\n                    const offsetLeft = rect.left; \/\/ Distancia exacta al borde izquierdo\r\n\r\n                    \/\/ Aplicar correcci\u00f3n\r\n                    el.style.setProperty('width', viewportWidth + 'px', 'important');\r\n                    el.style.setProperty('max-width', viewportWidth + 'px', 'important');\r\n                    el.style.setProperty('left', '0', 'important');\r\n                    el.style.setProperty('margin-left', '-' + offsetLeft + 'px', 'important');\r\n                    el.style.setProperty('margin-right', '0', 'important');\r\n                    el.style.setProperty('right', 'auto', 'important');\r\n                });\r\n            }\r\n\r\n            fixLayout();\r\n            window.addEventListener('load', fixLayout);\r\n            window.addEventListener('resize', fixLayout);\r\n            setTimeout(fixLayout, 500);\r\n            setTimeout(fixLayout, 1000);\r\n            setTimeout(fixLayout, 3000);\r\n        });\r\n    <\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Google Ads | GenIA &#8211; Captaci\u00f3n por Intenci\u00f3n GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Captaci\u00f3n por Intenci\u00f3n Capta clientes cuando ya te buscan Google Ads tiene la intenci\u00f3n m\u00e1s alta del mercado. Captamos a quien ya tiene la tarjeta en la mano y busca [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1292","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/comments?post=1292"}],"version-history":[{"count":10,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1292\/revisions"}],"predecessor-version":[{"id":1417,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1292\/revisions\/1417"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}