SEO Local y Posicionamiento | GenIA<\/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 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 \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 \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 \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 \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 \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 \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 right-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\">Visibilidad Org\u00e1nica<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Aparece en Google cuando <span class=\"text-[#00BF63]\">te buscan en tu zona<\/span><\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">El SEO Local es la base para una captaci\u00f3n estable a medio plazo, sin depender exclusivamente de pagar por cada clic.<\/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>M\u00e1s visibilidad con intenci\u00f3n<\/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>Genera confianza autom\u00e1tica<\/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>M\u00e1s llamadas y mensajes<\/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%20SEO%20Local\" 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('que-incluye').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 qu\u00e9 incluye <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 \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 \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 una zona de actuaci\u00f3n definida.<\/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 captaci\u00f3n estable y mejorar su presencia en Google.<\/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> Entienden que la autoridad se construye mes a mes.<\/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> Buscan dejar de depender 100% de la publicidad de pago.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \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 que compiten por precio global.<\/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 quiere resultados inmediatos (\"ma\u00f1ana\") sin construir base.<\/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 est\u00e1 dispuesto a mejorar su web o crear contenido.<\/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 trucos \"black hat\" peligrosos para el negocio.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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: Ser invisible en tu propia zona<\/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\">\"Mi competencia aparece primero y yo no salgo ni en el mapa.\"<\/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\">\"Tengo web, pero no me trae solicitudes, solo est\u00e1 ah\u00ed de adorno.\"<\/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\">\"Cuando alguien me busca, lo que encuentran no transmite confianza.\"<\/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\">\"Dependo demasiado de anuncios pagados o del boca a boca aleatorio.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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 SEO Local bien hecho<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n \r\n \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\">Invisibilidad en b\u00fasquedas<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Visitas sin intenci\u00f3n de compra<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Poca confianza percibida<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Captaci\u00f3n irregular<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \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> Presencia estable local<\/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> Visitas con intenci\u00f3n<\/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> M\u00e1s solicitudes org\u00e1nicas<\/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> Base para escalar campa\u00f1as<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"que-incluye\" 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\">Construimos los activos digitales que Google premia.<\/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 <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"search\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Diagn\u00f3stico SEO<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Analizamos qu\u00e9 te frena hoy y d\u00f3nde est\u00e1n las oportunidades f\u00e1ciles.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/diseno-web\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"layout-template\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Arquitectura Web<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Organizamos tus p\u00e1ginas de servicios y ubicaci\u00f3n para que Google las entienda.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"zap\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Optimizaci\u00f3n On-Page<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Ajustamos t\u00edtulos, etiquetas y estructura para responder a la intenci\u00f3n de b\u00fasqueda.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"shield-check\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Contenido de Compra<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Creamos textos orientados a quien quiere contratar, no 'relleno' de IA sin sentido.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"bar-chart-3\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">SEO T\u00e9cnico B\u00e1sico<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Mejoramos velocidad, indexaci\u00f3n y estructura para que la web sea s\u00f3lida.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"globe\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Enlazado y Autoridad<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Estrategia de enlaces internos y menciones locales (sin spam).<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"map-pin\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Google Business Profile<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Integramos y optimizamos tu ficha de Google Maps con la web.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/transformacion-digital-completa\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"arrow-down\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Medici\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Monitorizamos qu\u00e9 b\u00fasquedas traen visitas y oportunidades reales.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section 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 class=\"text-3xl font-bold mb-12 text-black\">C\u00f3mo lo trabajamos<\/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\">Revisamos tu punto de partida y tu 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\">Definimos qu\u00e9 p\u00e1ginas necesitas para captar intenci\u00f3n<\/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\">Optimizamos estructura, contenido y t\u00e9cnica<\/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\">Publicamos y medimos los primeros datos<\/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\">Ajustamos y escalamos la autoridad<\/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-200 rounded-full text-sm text-gray-700\">Acceso a la web<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Servicios prioritarios<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Diferenciales claros<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \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-6 text-white !text-white\">SEO Local no es solo \"una ficha en el mapa\"<\/h2>\r\n <p class=\"text-xl text-gray-300 mb-10 max-w-3xl mx-auto leading-relaxed\">\r\n Muchos piensan que SEO Local es solo rellenar Google Business Profile. \r\n La realidad es que Google cruza datos: mira tu web, tu estructura, tu contenido y tu reputaci\u00f3n. \r\n <span class=\"text-[#00BF63] font-bold block mt-2\">Si tu web no respalda lo que dice tu ficha, no subes.<\/span>\r\n <\/p>\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 text-sm font-bold text-gray-400\">\r\n <div class=\"bg-white\/10 p-4 rounded-lg\">Web Optimizada<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg\">Estructura Clara<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg\">Intenci\u00f3n de B\u00fasqueda<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg\">Confianza y Rese\u00f1as<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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 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\">Visibilidad<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Search Console)<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl 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\">Optimizaci\u00f3n<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Ejemplo P\u00e1gina)<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl 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\">Acciones<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Llamadas)<\/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 \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\">\u00bfCu\u00e1nto tarda el SEO local?<\/h4>\r\n <p class=\"text-gray-600\">No hay fechas exactas, depende de tu punto de partida y la competencia. Normalmente, los primeros movimientos se ven en 3-6 meses. Es una estrategia de medio\/largo plazo.<\/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\">\u00bfNecesito una web nueva?<\/h4>\r\n <p class=\"text-gray-600\">No necesariamente. Si tu web actual permite cambios y tiene una base t\u00e9cnica decente, la optimizamos. Si es muy antigua o limita el crecimiento, te recomendaremos actualizarla.<\/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\">\u00bfSEO sirve si mi negocio es muy local?<\/h4>\r\n <p class=\"text-gray-600\">Es donde mejor funciona. Google prioriza resultados cercanos al usuario. Si tienes una cl\u00ednica, taller o despacho, el SEO Local es tu mejor aliado.<\/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\">\u00bfPuedo combinar SEO con anuncios?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed, y lo recomendamos. Los anuncios dan visibilidad inmediata mientras el SEO construye la autoridad a largo plazo. Juntos dominan la p\u00e1gina de resultados.<\/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\">\u00bfQu\u00e9 pasa si hay mucha competencia?<\/h4>\r\n <p class=\"text-gray-600\">Trabajamos palabras clave m\u00e1s espec\u00edficas (long-tail) y mejoramos tu autoridad local para ir ganando terreno poco a poco.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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 ser invisible. Hablemos por WhatsApp y veamos qu\u00e9 oportunidades est\u00e1s perdiendo hoy.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20SEO%20Local\" 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 \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 \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 \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 \/\/ Inicializar iconos Lucide\r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons();\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>SEO Local y Posicionamiento | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Visibilidad Org\u00e1nica Aparece en Google cuando te buscan en tu zona El SEO Local es la base para una captaci\u00f3n estable a medio plazo, sin depender exclusivamente de pagar por cada clic. […]<\/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-1319","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1319","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=1319"}],"version-history":[{"count":7,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1319\/revisions"}],"predecessor-version":[{"id":1432,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1319\/revisions\/1432"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SEO Local y Posicionamiento | GenIA<\/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 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 \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 \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 \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 \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 \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 \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 right-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\">Visibilidad Org\u00e1nica<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Aparece en Google cuando <span class=\"text-[#00BF63]\">te buscan en tu zona<\/span><\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">El SEO Local es la base para una captaci\u00f3n estable a medio plazo, sin depender exclusivamente de pagar por cada clic.<\/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>M\u00e1s visibilidad con intenci\u00f3n<\/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>Genera confianza autom\u00e1tica<\/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>M\u00e1s llamadas y mensajes<\/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%20SEO%20Local\" 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('que-incluye').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 qu\u00e9 incluye <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 \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 \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 una zona de actuaci\u00f3n definida.<\/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 captaci\u00f3n estable y mejorar su presencia en Google.<\/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> Entienden que la autoridad se construye mes a mes.<\/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> Buscan dejar de depender 100% de la publicidad de pago.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \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 que compiten por precio global.<\/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 quiere resultados inmediatos (\"ma\u00f1ana\") sin construir base.<\/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 est\u00e1 dispuesto a mejorar su web o crear contenido.<\/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 trucos \"black hat\" peligrosos para el negocio.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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: Ser invisible en tu propia zona<\/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\">\"Mi competencia aparece primero y yo no salgo ni en el mapa.\"<\/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\">\"Tengo web, pero no me trae solicitudes, solo est\u00e1 ah\u00ed de adorno.\"<\/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\">\"Cuando alguien me busca, lo que encuentran no transmite confianza.\"<\/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\">\"Dependo demasiado de anuncios pagados o del boca a boca aleatorio.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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 SEO Local bien hecho<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n \r\n \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\">Invisibilidad en b\u00fasquedas<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Visitas sin intenci\u00f3n de compra<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Poca confianza percibida<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Captaci\u00f3n irregular<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \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> Presencia estable local<\/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> Visitas con intenci\u00f3n<\/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> M\u00e1s solicitudes org\u00e1nicas<\/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> Base para escalar campa\u00f1as<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"que-incluye\" 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\">Construimos los activos digitales que Google premia.<\/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 <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"search\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Diagn\u00f3stico SEO<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Analizamos qu\u00e9 te frena hoy y d\u00f3nde est\u00e1n las oportunidades f\u00e1ciles.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/diseno-web\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"layout-template\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Arquitectura Web<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Organizamos tus p\u00e1ginas de servicios y ubicaci\u00f3n para que Google las entienda.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"zap\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Optimizaci\u00f3n On-Page<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Ajustamos t\u00edtulos, etiquetas y estructura para responder a la intenci\u00f3n de b\u00fasqueda.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"shield-check\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Contenido de Compra<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Creamos textos orientados a quien quiere contratar, no 'relleno' de IA sin sentido.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"bar-chart-3\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">SEO T\u00e9cnico B\u00e1sico<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Mejoramos velocidad, indexaci\u00f3n y estructura para que la web sea s\u00f3lida.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"globe\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Enlazado y Autoridad<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Estrategia de enlaces internos y menciones locales (sin spam).<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"map-pin\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Google Business Profile<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Integramos y optimizamos tu ficha de Google Maps con la web.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/transformacion-digital-completa\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\"><i data-lucide=\"arrow-down\" class=\"w-6 h-6\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Medici\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Monitorizamos qu\u00e9 b\u00fasquedas traen visitas y oportunidades reales.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section 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 class=\"text-3xl font-bold mb-12 text-black\">C\u00f3mo lo trabajamos<\/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\">Revisamos tu punto de partida y tu 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\">Definimos qu\u00e9 p\u00e1ginas necesitas para captar intenci\u00f3n<\/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\">Optimizamos estructura, contenido y t\u00e9cnica<\/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\">Publicamos y medimos los primeros datos<\/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\">Ajustamos y escalamos la autoridad<\/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-200 rounded-full text-sm text-gray-700\">Acceso a la web<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Servicios prioritarios<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Diferenciales claros<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \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-6 text-white !text-white\">SEO Local no es solo \"una ficha en el mapa\"<\/h2>\r\n <p class=\"text-xl text-gray-300 mb-10 max-w-3xl mx-auto leading-relaxed\">\r\n Muchos piensan que SEO Local es solo rellenar Google Business Profile. \r\n La realidad es que Google cruza datos: mira tu web, tu estructura, tu contenido y tu reputaci\u00f3n. \r\n <span class=\"text-[#00BF63] font-bold block mt-2\">Si tu web no respalda lo que dice tu ficha, no subes.<\/span>\r\n <\/p>\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 text-sm font-bold text-gray-400\">\r\n <div class=\"bg-white\/10 p-4 rounded-lg\">Web Optimizada<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg\">Estructura Clara<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg\">Intenci\u00f3n de B\u00fasqueda<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg\">Confianza y Rese\u00f1as<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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 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\">Visibilidad<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Search Console)<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl 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\">Optimizaci\u00f3n<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Ejemplo P\u00e1gina)<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl 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\">Acciones<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Llamadas)<\/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 \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\">\u00bfCu\u00e1nto tarda el SEO local?<\/h4>\r\n <p class=\"text-gray-600\">No hay fechas exactas, depende de tu punto de partida y la competencia. Normalmente, los primeros movimientos se ven en 3-6 meses. Es una estrategia de medio\/largo plazo.<\/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\">\u00bfNecesito una web nueva?<\/h4>\r\n <p class=\"text-gray-600\">No necesariamente. Si tu web actual permite cambios y tiene una base t\u00e9cnica decente, la optimizamos. Si es muy antigua o limita el crecimiento, te recomendaremos actualizarla.<\/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\">\u00bfSEO sirve si mi negocio es muy local?<\/h4>\r\n <p class=\"text-gray-600\">Es donde mejor funciona. Google prioriza resultados cercanos al usuario. Si tienes una cl\u00ednica, taller o despacho, el SEO Local es tu mejor aliado.<\/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\">\u00bfPuedo combinar SEO con anuncios?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed, y lo recomendamos. Los anuncios dan visibilidad inmediata mientras el SEO construye la autoridad a largo plazo. Juntos dominan la p\u00e1gina de resultados.<\/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\">\u00bfQu\u00e9 pasa si hay mucha competencia?<\/h4>\r\n <p class=\"text-gray-600\">Trabajamos palabras clave m\u00e1s espec\u00edficas (long-tail) y mejoramos tu autoridad local para ir ganando terreno poco a poco.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \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 ser invisible. Hablemos por WhatsApp y veamos qu\u00e9 oportunidades est\u00e1s perdiendo hoy.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20SEO%20Local\" 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 \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 \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 \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 \/\/ Inicializar iconos Lucide\r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons();\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>SEO Local y Posicionamiento | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Visibilidad Org\u00e1nica Aparece en Google cuando te buscan en tu zona El SEO Local es la base para una captaci\u00f3n estable a medio plazo, sin depender exclusivamente de pagar por cada clic. […]<\/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-1319","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1319","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=1319"}],"version-history":[{"count":7,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1319\/revisions"}],"predecessor-version":[{"id":1432,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1319\/revisions\/1432"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}