{"id":1324,"date":"2026-02-24T13:39:31","date_gmt":"2026-02-24T12:39:31","guid":{"rendered":"https:\/\/genia-digital.com\/genia\/?page_id=1324"},"modified":"2026-03-04T14:56:48","modified_gmt":"2026-03-04T13:56:48","slug":"servicios","status":"publish","type":"page","link":"https:\/\/genia-digital.com\/genia\/servicios\/","title":{"rendered":"servicios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1324\" class=\"elementor elementor-1324\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec4363e e-flex e-con-boxed e-con e-parent\" data-id=\"ec4363e\" 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-fcd81f4 elementor-widget elementor-widget-html\" data-id=\"fcd81f4\" 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>Servicios GenIA | Sistema Completo<\/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 (JS Driven) *\/\r\n        .genia-section-breakout {\r\n            width: 100%;\r\n            position: relative;\r\n            margin-left: 0;\r\n            margin-right: 0;\r\n            \/* Dejamos que JS calcule el desbordamiento exacto para evitar conflictos *\/\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: 999999 !important;\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                <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"flex items-center space-x-2 text-3xl font-extrabold tracking-tighter no-underline text-black !font-extrabold !text-black\">Gen<span class=\"text-[#00BF63] !text-[#00BF63]\">IA<\/span><\/a>\r\n                <nav class=\"hidden md:flex items-center space-x-8\">\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"text-sm font-extrabold hover:text-[#00BF63] text-black no-underline !font-extrabold !text-black\">Inicio<\/a>\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"text-sm font-extrabold text-[#00BF63] no-underline !font-extrabold !text-[#00BF63]\">Servicios<\/a>\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"text-sm font-extrabold hover:text-[#00BF63] text-black no-underline !font-extrabold !text-black\">Sobre nosotros<\/a>\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"text-sm font-extrabold hover:text-[#00BF63] text-black no-underline !font-extrabold !text-black\">Contacto<\/a>\r\n                <\/nav>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <main>\r\n      <!-- 1. HERO -->\r\n      <section class=\"genia-section-breakout pt-32 pb-12 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n          <h1 class=\"text-4xl md:text-5xl font-extrabold mb-4 text-black tracking-tight !font-extrabold !text-black\">Servicios dise\u00f1ados para convertir<\/h1>\r\n          <p class=\"text-lg text-gray-700 max-w-2xl mx-auto mb-10 font-bold !font-bold\">Aqu\u00ed no hacemos acciones sueltas \"porque s\u00ed\". Todo se construye para una conversi\u00f3n clara.<\/p>\r\n          \r\n          <div class=\"flex flex-col sm:flex-row justify-center gap-6 mb-12\">\r\n            \r\n            <!-- Card System -->\r\n            <div class=\"bg-gray-50 p-6 rounded-2xl border border-gray-100 max-w-sm w-full mx-auto sm:mx-0 hover:shadow-lg transition-shadow !bg-gray-50\">\r\n              <h3 class=\"font-extrabold text-lg mb-2 text-black !font-extrabold !text-black\">\u00bfQuieres el sistema completo?<\/h3>\r\n              <p class=\"text-sm text-gray-600 mb-4 font-bold !font-bold\">Todo conectado: Web + Ads + Auto.<\/p>\r\n              <button onclick=\"document.getElementById('featured').scrollIntoView({behavior: 'smooth'})\" class=\"w-full bg-[#00BF63] text-white font-extrabold py-3 rounded-lg hover:bg-[#00A854] transition-colors flex items-center justify-center border-none cursor-pointer !bg-[#00BF63] !text-white !font-extrabold\">\r\n                Quiero el sistema completo <i data-lucide=\"chevron-right\" class=\"ml-1 w-4 h-4\"><\/i>\r\n              <\/button>\r\n            <\/div>\r\n\r\n            <!-- Card Specific -->\r\n            <div class=\"bg-gray-50 p-6 rounded-2xl border border-gray-100 max-w-sm w-full mx-auto sm:mx-0 hover:shadow-lg transition-shadow !bg-gray-50\">\r\n              <h3 class=\"font-extrabold text-lg mb-2 text-black !font-extrabold !text-black\">\u00bfBuscas algo espec\u00edfico?<\/h3>\r\n              <p class=\"text-sm text-gray-600 mb-4 font-bold !font-bold\">SEO, Campa\u00f1as, Embudos...<\/p>\r\n              <button onclick=\"document.getElementById('grid').scrollIntoView({behavior: 'smooth'})\" class=\"w-full bg-black text-white font-extrabold py-3 rounded-lg hover:bg-gray-800 transition-colors flex items-center justify-center border-none cursor-pointer !bg-black !text-white !font-extrabold\">\r\n                Ver servicios individuales <i data-lucide=\"chevron-right\" class=\"ml-1 w-4 h-4\"><\/i>\r\n              <\/button>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <!-- Process Strip -->\r\n          <div class=\"flex flex-wrap justify-center gap-4 text-xs md:text-sm text-gray-400 border-t border-gray-100 pt-8 max-w-3xl mx-auto\">\r\n            <div class=\"flex items-center px-4 font-bold !font-bold\">\r\n              <i data-lucide=\"message-circle\" class=\"w-4 h-4 mr-2 text-[#00BF63] !text-[#00BF63]\"><\/i>\r\n              <span class=\"text-gray-600\">Escr\u00edbenos<\/span>\r\n            <\/div>\r\n            <div class=\"hidden sm:block text-gray-200\">|<\/div>\r\n            <div class=\"flex items-center px-4 font-bold !font-bold\">\r\n              <i data-lucide=\"clock\" class=\"w-4 h-4 mr-2 text-[#00BF63] !text-[#00BF63]\"><\/i>\r\n              <span class=\"text-gray-600\">Respuesta en &lt; 24h<\/span>\r\n            <\/div>\r\n            <div class=\"hidden sm:block text-gray-200\">|<\/div>\r\n            <div class=\"flex items-center px-4 font-bold !font-bold\">\r\n              <i data-lucide=\"file-text\" class=\"w-4 h-4 mr-2 text-[#00BF63] !text-[#00BF63]\"><\/i>\r\n              <span class=\"text-gray-600\">Propuesta clara<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2. DIAGNOSTIC -->\r\n      <section class=\"genia-section-breakout py-12 bg-[#F5F5F5] border-y border-gray-100\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n          <div class=\"flex flex-col md:flex-row items-center justify-between mb-8\">\r\n            <h2 class=\"text-2xl font-extrabold text-black flex items-center !font-extrabold !text-black\">\r\n              <span class=\"bg-black text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3 font-mono !bg-black !text-white\">?<\/span>\r\n              \u00bfNo sabes qu\u00e9 necesitas?\r\n            <\/h2>\r\n            <p class=\"text-gray-600 text-sm mt-2 md:mt-0 font-bold !font-bold\">Elige tu situaci\u00f3n y te decimos por d\u00f3nde empezar.<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\r\n            <a href=\"https:\/\/wa.me\/34683520810?text=Ayuda:%20No%20entra%20demanda\" target=\"_blank\" class=\"bg-white p-5 rounded-xl border border-gray-200 hover:border-[#00BF63] hover:shadow-md transition-all group text-left no-underline !bg-white\">\r\n              <p class=\"text-[#00BF63] font-extrabold text-sm mb-1 group-hover:translate-x-1 transition-transform !text-[#00BF63] !font-extrabold\">No entra demanda \u2192<\/p>\r\n              <p class=\"text-xs text-gray-600 font-bold !font-bold\">Necesitas Visibilidad (SEO\/Ads)<\/p>\r\n            <\/a>\r\n            <a href=\"https:\/\/wa.me\/34683520810?text=Ayuda:%20Entra%20tr\u00e1fico%20pero%20no%20convierte\" target=\"_blank\" class=\"bg-white p-5 rounded-xl border border-gray-200 hover:border-[#00BF63] hover:shadow-md transition-all group text-left no-underline !bg-white\">\r\n              <p class=\"text-[#00BF63] font-extrabold text-sm mb-1 group-hover:translate-x-1 transition-transform !text-[#00BF63] !font-extrabold\">No convierte \u2192<\/p>\r\n              <p class=\"text-xs text-gray-600 font-bold !font-bold\">Revisa Embudos y Mensaje<\/p>\r\n            <\/a>\r\n            <a href=\"https:\/\/wa.me\/34683520810?text=Ayuda:%20Se%20pierde%20seguimiento\" target=\"_blank\" class=\"bg-white p-5 rounded-xl border border-gray-200 hover:border-[#00BF63] hover:shadow-md transition-all group text-left no-underline !bg-white\">\r\n              <p class=\"text-[#00BF63] font-extrabold text-sm mb-1 group-hover:translate-x-1 transition-transform !text-[#00BF63] !font-extrabold\">Se pierden leads \u2192<\/p>\r\n              <p class=\"text-xs text-gray-600 font-bold !font-bold\">Automatizaci\u00f3n y WhatsApp<\/p>\r\n            <\/a>\r\n            <a href=\"https:\/\/wa.me\/34683520810?text=Ayuda:%20Todo%20funciona%20pero%20no%20escalo\" target=\"_blank\" class=\"bg-white p-5 rounded-xl border border-gray-200 hover:border-[#00BF63] hover:shadow-md transition-all group text-left no-underline !bg-white\">\r\n              <p class=\"text-[#00BF63] font-extrabold text-sm mb-1 group-hover:translate-x-1 transition-transform !text-[#00BF63] !font-extrabold\">No escalo \u2192<\/p>\r\n              <p class=\"text-xs text-gray-600 font-bold !font-bold\">Anal\u00edtica y Productos<\/p>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 3. FEATURED SERVICE -->\r\n      <section id=\"featured\" class=\"genia-section-breakout py-20 bg-negro-genia text-white !bg-black !text-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n          <div class=\"bg-white\/5 border border-white\/10 rounded-3xl p-8 md:p-12 relative overflow-hidden !bg-white\/5 !border-white\/10\">\r\n            <div class=\"absolute top-0 right-0 bg-[#00BF63] text-black text-xs font-extrabold px-4 py-2 rounded-bl-xl z-10 !bg-[#00BF63] !text-black !font-extrabold\">RECOMENDADO<\/div>\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center relative z-10\">\r\n              <div>\r\n                <div class=\"flex items-center space-x-3 mb-6\">\r\n                  <i data-lucide=\"brain-circuit\" class=\"text-[#00BF63] w-8 h-8 !text-[#00BF63]\"><\/i>\r\n                  <h2 class=\"text-3xl font-extrabold text-white !text-white !font-extrabold\">Transformaci\u00f3n Digital Completa<\/h2>\r\n                <\/div>\r\n                <p class=\"text-gray-200 text-lg mb-8 leading-relaxed font-bold !font-bold\">No contratas piezas sueltas. Contratas un sistema entero donde web, anuncios, SEO y automatizaci\u00f3n trabajan juntos. Es la forma m\u00e1s r\u00e1pida de ver resultados reales.<\/p>\r\n                \r\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8 text-sm text-gray-200\">\r\n                    <div class=\"flex items-center font-bold !font-bold\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2 !text-[#00BF63]\"><\/i> Estrategia profunda<\/div>\r\n                    <div class=\"flex items-center font-bold !font-bold\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2 !text-[#00BF63]\"><\/i> Embudos de venta<\/div>\r\n                    <div class=\"flex items-center font-bold !font-bold\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2 !text-[#00BF63]\"><\/i> Campa\u00f1as Ads<\/div>\r\n                    <div class=\"flex items-center font-bold !font-bold\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2 !text-[#00BF63]\"><\/i> Automatizaci\u00f3n IA<\/div>\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/genia-digital.com\/genia\/transformacion-digital\/\" class=\"inline-block w-full sm:w-auto bg-[#00BF63] text-white font-extrabold px-8 py-4 rounded-lg hover:bg-[#00A854] transition-colors text-center no-underline !bg-[#00BF63] !text-white !font-extrabold\">\r\n                  Quiero el sistema completo\r\n                <\/a>\r\n              <\/div>\r\n              \r\n              <!-- Visual Abstract -->\r\n              <div class=\"hidden lg:flex items-center justify-center\">\r\n                 <div class=\"relative w-full max-w-sm aspect-square bg-white\/5 border border-white\/10 rounded-2xl p-8 flex flex-col justify-center items-center text-center !bg-white\/5 !border-white\/10\">\r\n                    <p class=\"text-[#00BF63] font-extrabold text-xl mb-2 !text-[#00BF63] !font-extrabold\">SISTEMA INTEGRADO<\/p>\r\n                    <p class=\"text-gray-300 text-sm font-bold !font-bold\">Tr\u00e1fico + Web + Auto + Venta<\/p>\r\n                 <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 4. GRID -->\r\n      <section id=\"grid\" 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 space-y-24\">\r\n            \r\n            <!-- Category 1: Visibilidad -->\r\n            <div>\r\n                <div class=\"mb-8 border-b border-gray-100 pb-4\">\r\n                    <h2 class=\"text-2xl font-extrabold mb-1 text-black !font-extrabold !text-black\">Visibilidad y Captaci\u00f3n<\/h2>\r\n                    <p class=\"text-gray-700 text-sm font-bold !font-bold\">Que te encuentren y te conozcan.<\/p>\r\n                <\/div>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n                    <!-- Card SEO -->\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/seo-local\/\" class=\"group bg-white p-6 rounded-xl border border-gray-200 hover:border-[#00BF63] shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all flex flex-col h-full relative no-underline !bg-white\">\r\n                        <span class=\"absolute top-4 right-4 text-[10px] font-extrabold uppercase tracking-wider bg-gray-50 text-gray-500 px-2 py-1 rounded-full group-hover:text-[#00BF63] !font-extrabold\">Visibilidad<\/span>\r\n                        <div class=\"mb-5 bg-[#F5F5F5] w-12 h-12 rounded-lg flex items-center justify-center text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors !text-[#00BF63] !bg-[#F5F5F5]\">\r\n                            <i data-lucide=\"globe\" class=\"w-6 h-6\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-extrabold mb-3 text-black group-hover:text-[#00BF63] transition-colors !font-extrabold !text-black\">SEO Local<\/h3>\r\n                        <p class=\"text-gray-700 text-sm mb-6 flex-grow font-bold !font-bold\">Posicionamiento en Google Maps y B\u00fasqueda.<\/p>\r\n                        <div class=\"mt-auto pt-4 border-t border-gray-50\"><span class=\"inline-flex items-center justify-center w-full bg-gray-50 text-sm font-extrabold text-black px-4 py-2.5 rounded-lg group-hover:bg-[#00BF63] group-hover:text-white transition-all !font-extrabold !text-black !bg-gray-50\">Ver servicio <i data-lucide=\"arrow-right\" class=\"ml-2 w-4 h-4\"><\/i><\/span><\/div>\r\n                    <\/a>\r\n                    <!-- Card Meta Ads -->\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/meta-ads\/\" class=\"group bg-white p-6 rounded-xl border border-gray-200 hover:border-[#00BF63] shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all flex flex-col h-full relative no-underline !bg-white\">\r\n                        <div class=\"mb-5 bg-[#F5F5F5] w-12 h-12 rounded-lg flex items-center justify-center text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors !text-[#00BF63] !bg-[#F5F5F5]\">\r\n                            <i data-lucide=\"users\" class=\"w-6 h-6\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-extrabold mb-3 text-black group-hover:text-[#00BF63] transition-colors !font-extrabold !text-black\">Meta Ads<\/h3>\r\n                        <p class=\"text-gray-700 text-sm mb-6 flex-grow font-bold !font-bold\">Demanda directa en Facebook e Instagram.<\/p>\r\n                        <div class=\"mt-auto pt-4 border-t border-gray-50\"><span class=\"inline-flex items-center justify-center w-full bg-gray-50 text-sm font-extrabold text-black px-4 py-2.5 rounded-lg group-hover:bg-[#00BF63] group-hover:text-white transition-all !font-extrabold !text-black !bg-gray-50\">Ver servicio <i data-lucide=\"arrow-right\" class=\"ml-2 w-4 h-4\"><\/i><\/span><\/div>\r\n                    <\/a>\r\n                    <!-- Card Google Ads -->\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/google-ads\/\" class=\"group bg-white p-6 rounded-xl border border-gray-200 hover:border-[#00BF63] shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all flex flex-col h-full relative no-underline !bg-white\">\r\n                        <div class=\"mb-5 bg-[#F5F5F5] w-12 h-12 rounded-lg flex items-center justify-center text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors !text-[#00BF63] !bg-[#F5F5F5]\">\r\n                            <i data-lucide=\"search\" class=\"w-6 h-6\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-extrabold mb-3 text-black group-hover:text-[#00BF63] transition-colors !font-extrabold !text-black\">Google Ads<\/h3>\r\n                        <p class=\"text-gray-700 text-sm mb-6 flex-grow font-bold !font-bold\">Aparece cuando buscan tu servicio.<\/p>\r\n                        <div class=\"mt-auto pt-4 border-t border-gray-50\"><span class=\"inline-flex items-center justify-center w-full bg-gray-50 text-sm font-extrabold text-black px-4 py-2.5 rounded-lg group-hover:bg-[#00BF63] group-hover:text-white transition-all !font-extrabold !text-black !bg-gray-50\">Ver servicio <i data-lucide=\"arrow-right\" class=\"ml-2 w-4 h-4\"><\/i><\/span><\/div>\r\n                    <\/a>\r\n                    <!-- Card Redes -->\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/redes-sociales\/\" class=\"group bg-white p-6 rounded-xl border border-gray-200 hover:border-[#00BF63] shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all flex flex-col h-full relative no-underline !bg-white\">\r\n                        <div class=\"mb-5 bg-[#F5F5F5] w-12 h-12 rounded-lg flex items-center justify-center text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors !text-[#00BF63] !bg-[#F5F5F5]\">\r\n                            <i data-lucide=\"share-2\" class=\"w-6 h-6\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-extrabold mb-3 text-black group-hover:text-[#00BF63] transition-colors !font-extrabold !text-black\">Redes Sociales<\/h3>\r\n                        <p class=\"text-gray-700 text-sm mb-6 flex-grow font-bold !font-bold\">Gesti\u00f3n estrat\u00e9gica para generar confianza.<\/p>\r\n                        <div class=\"mt-auto pt-4 border-t border-gray-50\"><span class=\"inline-flex items-center justify-center w-full bg-gray-50 text-sm font-extrabold text-black px-4 py-2.5 rounded-lg group-hover:bg-[#00BF63] group-hover:text-white transition-all !font-extrabold !text-black !bg-gray-50\">Ver servicio <i data-lucide=\"arrow-right\" class=\"ml-2 w-4 h-4\"><\/i><\/span><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Category 2: Conversi\u00f3n -->\r\n            <div>\r\n                <div class=\"mb-8 border-b border-gray-100 pb-4\">\r\n                    <h2 class=\"text-2xl font-extrabold mb-1 text-black !font-extrabold !text-black\">Conversi\u00f3n y Automatizaci\u00f3n<\/h2>\r\n                    <p class=\"text-gray-600 text-sm font-bold !font-bold\">Convierte visitas en clientes y ahorra tiempo.<\/p>\r\n                <\/div>\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\/landing-embudos\/\" class=\"group bg-white p-6 rounded-xl border border-gray-200 hover:border-[#00BF63] shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all flex flex-col h-full relative no-underline !bg-white\">\r\n                        <div class=\"mb-5 bg-[#F5F5F5] w-12 h-12 rounded-lg flex items-center justify-center text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors !text-[#00BF63]\">\r\n                            <i data-lucide=\"layout-template\" class=\"w-6 h-6\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-extrabold mb-3 text-black group-hover:text-[#00BF63] transition-colors !font-extrabold !text-black\">Embudos y Landings<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-6 flex-grow font-bold !font-bold\">P\u00e1ginas creadas para convertir.<\/p>\r\n                        <div class=\"mt-auto pt-4 border-t border-gray-50\"><span class=\"inline-flex items-center justify-center w-full bg-gray-50 text-sm font-extrabold text-black px-4 py-2.5 rounded-lg group-hover:bg-[#00BF63] group-hover:text-white transition-all !font-extrabold !text-black\">Ver servicio <i data-lucide=\"arrow-right\" class=\"ml-2 w-4 h-4\"><\/i><\/span><\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/genia-digital.com\/genia\/automatizacionesia\/\" class=\"group bg-white p-6 rounded-xl border border-gray-200 hover:border-[#00BF63] shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all flex flex-col h-full relative no-underline !bg-white\">\r\n                        <div class=\"mb-5 bg-[#F5F5F5] w-12 h-12 rounded-lg flex items-center justify-center text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors !text-[#00BF63]\">\r\n                            <i data-lucide=\"message-circle\" class=\"w-6 h-6\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-extrabold mb-3 text-black group-hover:text-[#00BF63] transition-colors !font-extrabold !text-black\">Automatizaci\u00f3n IA<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-6 flex-grow font-bold !font-bold\">Respuesta autom\u00e1tica y filtros WhatsApp.<\/p>\r\n                        <div class=\"mt-auto pt-4 border-t border-gray-50\"><span class=\"inline-flex items-center justify-center w-full bg-gray-50 text-sm font-extrabold text-black px-4 py-2.5 rounded-lg group-hover:bg-[#00BF63] group-hover:text-white transition-all !font-extrabold !text-black\">Ver servicio <i data-lucide=\"arrow-right\" class=\"ml-2 w-4 h-4\"><\/i><\/span><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Category 3: Escalado -->\r\n            <div>\r\n                <div class=\"mb-8 border-b border-gray-100 pb-4\">\r\n                    <h2 class=\"text-2xl font-extrabold mb-1 text-black !font-extrabold !text-black\">Escalado<\/h2>\r\n                    <p class=\"text-gray-600 text-sm font-bold !font-bold\">Genera ingresos m\u00e1s all\u00e1 de tus horas.<\/p>\r\n                <\/div>\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\/productos-digitales\/\" class=\"group bg-white p-6 rounded-xl border border-gray-200 hover:border-[#00BF63] shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all flex flex-col h-full relative no-underline !bg-white\">\r\n                        <div class=\"mb-5 bg-[#F5F5F5] w-12 h-12 rounded-lg flex items-center justify-center text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors !text-[#00BF63]\">\r\n                            <i data-lucide=\"package\" class=\"w-6 h-6\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-extrabold mb-3 text-black group-hover:text-[#00BF63] transition-colors !font-extrabold !text-black\">Productos Digitales<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-6 flex-grow font-bold !font-bold\">Escala con ofertas complementarias.<\/p>\r\n                        <div class=\"mt-auto pt-4 border-t border-gray-50\"><span class=\"inline-flex items-center justify-center w-full bg-gray-50 text-sm font-extrabold text-black px-4 py-2.5 rounded-lg group-hover:bg-[#00BF63] group-hover:text-white transition-all !font-extrabold !text-black\">Ver servicio <i data-lucide=\"arrow-right\" class=\"ml-2 w-4 h-4\"><\/i><\/span><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 5. FAQ -->\r\n      <section class=\"genia-section-breakout py-20 bg-[#F5F5F5] border-t border-gray-100\">\r\n        <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n          <h2 class=\"text-2xl font-extrabold mb-10 text-center text-black !font-extrabold !text-black\">Dudas frecuentes sobre los servicios<\/h2>\r\n          <div class=\"space-y-4\">\r\n            <div class=\"bg-white p-6 rounded-lg shadow-sm !bg-white\">\r\n                <h4 class=\"font-extrabold text-sm mb-2 text-black !font-extrabold !text-black\">\u00bfPuedo contratar solo un servicio?<\/h4>\r\n                <p class=\"text-gray-700 text-sm font-bold !font-bold\">S\u00ed. Aunque recomendamos el sistema completo, si solo necesitas SEO o solo necesitas automatizar WhatsApp, lo hacemos con foco en eso.<\/p>\r\n            <\/div>\r\n             <div class=\"bg-white p-6 rounded-lg shadow-sm !bg-white\">\r\n                <h4 class=\"font-extrabold text-sm mb-2 text-black !font-extrabold !text-black\">\u00bfSi contrato un servicio, se integra con lo dem\u00e1s?<\/h4>\r\n                <p class=\"text-gray-700 text-sm font-bold !font-bold\">Siempre. No dejamos cabos sueltos. Si hacemos Ads, nos aseguramos de que lleguen a una web que funcione, aunque no la hayamos hecho nosotros.<\/p>\r\n            <\/div>\r\n             <div class=\"bg-white p-6 rounded-lg shadow-sm !bg-white\">\r\n                <h4 class=\"font-extrabold text-sm mb-2 text-black !font-extrabold !text-black\">\u00bfTrabaj\u00e1is Espa\u00f1a y Am\u00e9rica?<\/h4>\r\n                <p class=\"text-gray-700 text-sm font-bold !font-bold\">S\u00ed, operamos 100% en remoto con clientes en ambos lados. Los pagos y reuniones se adaptan sin problema.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\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;\">\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                    <!-- REDES SOCIALES CORRECTAS -->\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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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                        <!-- Facebook -->\r\n                        <a href=\"https:\/\/www.facebook.com\/profile.php?id=61567888533755\" 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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n                        <\/a>\r\n                        <!-- TikTok -->\r\n                        <a href=\"https:\/\/www.tiktok.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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"\/><\/svg>\r\n                        <\/a>\r\n                        <!-- YouTube -->\r\n                        <a href=\"https:\/\/youtube.com\/@alexydavid-digitalizacion?si=vsUGDBYSZC72Yh6I\" 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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\"\/><path d=\"m10 15 5-3-5-3z\"\/><\/svg>\r\n                        <\/a>\r\n                        <!-- LinkedIn -->\r\n                        <a href=\"https:\/\/www.linkedin.com\/in\/alex-y-david-digitalizaci%C3%B3n-de-negocios-8a4098336\/\" 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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect width=\"4\" height=\"12\" x=\"2\" y=\"9\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/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                        <li><a href=\"https:\/\/genia-digital.com\/genia\/aviso-legal\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Aviso Legal<\/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    <!-- 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            \/\/ 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            \/\/ FIX: Mover header al body para evitar conflictos de transform\/overflow\r\n            if (header && header.parentElement !== document.body) {\r\n                document.body.appendChild(header);\r\n            }\r\n\r\n            function handleScroll() {\r\n                if (!header) return;\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                } else {\r\n                    header.style.backgroundColor = '#FFFFFF'; \/\/ Mantener blanco para consistencia\r\n                    header.style.borderBottom = '1px solid #f3f4f6';\r\n                    header.style.boxShadow = 'none';\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                \/\/ Mover men\u00fa m\u00f3vil al body tambi\u00e9n si es necesario\r\n                if (mobileMenu.parentElement !== document.body) {\r\n                    document.body.appendChild(mobileMenu);\r\n                }\r\n                \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                        \/\/ Ajustar posici\u00f3n del men\u00fa m\u00f3vil\r\n                        mobileMenu.style.position = 'fixed';\r\n                        mobileMenu.style.top = '80px'; \/\/ Altura del header\r\n                        mobileMenu.style.left = '0';\r\n                        mobileMenu.style.width = '100%';\r\n                        mobileMenu.style.zIndex = '9998';\r\n                        \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                            parent.style.setProperty('padding-left', '0', 'important');\r\n                            parent.style.setProperty('padding-right', '0', '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                \/\/ Usamos document.documentElement.clientWidth para excluir la barra de scroll vertical\r\n                const viewportWidth = document.documentElement.clientWidth;\r\n                \r\n                breakouts.forEach(el => {\r\n                    \/\/ Resetear estilos para medir la posici\u00f3n natural dentro del contenedor\r\n                    el.style.marginLeft = '0';\r\n                    el.style.left = '0';\r\n                    el.style.width = '100%';\r\n                    el.style.maxWidth = '100%';\r\n                    el.style.transform = 'none';\r\n                    el.style.position = 'relative';\r\n                    el.style.boxSizing = 'border-box'; \/\/ Asegurar box-sizing\r\n\r\n                    const rect = el.getBoundingClientRect();\r\n                    const offsetLeft = rect.left; \/\/ Distancia exacta al borde izquierdo del viewport\r\n\r\n                    \/\/ Aplicar correcci\u00f3n para ocupar todo el ancho\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            \/\/ Ejecutar en varios momentos para asegurar que carga despu\u00e9s del tema\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>Servicios GenIA | Sistema Completo GenIA Inicio Servicios Sobre nosotros Contacto Servicios dise\u00f1ados para convertir Aqu\u00ed no hacemos acciones sueltas \u00abporque s\u00ed\u00bb. Todo se construye para una conversi\u00f3n clara. \u00bfQuieres el sistema completo? Todo conectado: Web + Ads + Auto. Quiero el sistema completo \u00bfBuscas algo espec\u00edfico? SEO, Campa\u00f1as, Embudos&#8230; Ver servicios individuales Escr\u00edbenos | [&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-1324","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1324","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=1324"}],"version-history":[{"count":25,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1324\/revisions"}],"predecessor-version":[{"id":1454,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1324\/revisions\/1454"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}