{"id":138,"date":"2026-02-08T20:30:50","date_gmt":"2026-02-08T20:30:50","guid":{"rendered":"https:\/\/conexamos.com\/?page_id=138"},"modified":"2026-02-08T20:47:00","modified_gmt":"2026-02-08T20:47:00","slug":"inicio","status":"publish","type":"page","link":"https:\/\/conexamos.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"138\" class=\"elementor elementor-138\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b08975 e-con-full e-flex e-con e-parent\" data-id=\"9b08975\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a7e4b4 elementor-widget elementor-widget-html\" data-id=\"3a7e4b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>CONEXAMOS - Pensar mejor para decidir con criterio<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --navy: #1E3A8A;\n            --navy-deep: #0F1F47;\n            --blue-bright: #3B82F6;\n            --blue-light: #60A5FA;\n            --cream: #FAF8F5;\n            --sand: #E8E2D8;\n            --charcoal: #2D3748;\n            --slate: #64748B;\n            --white: #FFFFFF;\n        }\n\n        body {\n            font-family: 'IBM Plex Sans', sans-serif;\n            background-color: var(--cream);\n            color: var(--charcoal);\n            overflow-x: hidden;\n            line-height: 1.6;\n        }\n\n        \/* Animated Background *\/\n        .bg-pattern {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n            opacity: 0.03;\n            background-image: \n                repeating-linear-gradient(45deg, var(--navy) 0px, var(--navy) 1px, transparent 1px, transparent 60px),\n                repeating-linear-gradient(-45deg, var(--navy) 0px, var(--navy) 1px, transparent 1px, transparent 60px);\n        }\n\n        \/* Header *\/\n        header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            padding: 1.5rem 5%;\n            background: rgba(250, 248, 245, 0.95);\n            backdrop-filter: blur(10px);\n            z-index: 1000;\n            border-bottom: 1px solid rgba(30, 58, 138, 0.1);\n        }\n\n        .logo {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--navy);\n            letter-spacing: 0.02em;\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            min-height: 110vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 8rem 5% 6rem;\n            position: relative;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 85%;\n            background: linear-gradient(135deg, #0A1628 0%, #0F1F47 40%, var(--navy) 70%, var(--blue-bright) 100%);\n            z-index: -1;\n            clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);\n        }\n\n        .hero-content {\n            max-width: 1100px;\n            text-align: center;\n            animation: fadeInUp 1s ease-out;\n            padding-bottom: 4rem;\n        }\n\n        .hero-subtitle {\n            font-size: 0.95rem;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: var(--blue-light);\n            margin-bottom: 1.5rem;\n            font-weight: 500;\n        }\n\n        .hero-title {\n            font-family: 'Playfair Display', serif;\n            font-size: clamp(2.5rem, 7vw, 5.5rem);\n            font-weight: 800;\n            color: var(--white);\n            line-height: 1.1;\n            margin-bottom: 2rem;\n            letter-spacing: -0.02em;\n        }\n\n        .hero-description {\n            font-size: clamp(1.15rem, 2vw, 1.4rem);\n            color: #FFFFFF;\n            max-width: 850px;\n            margin: 0 auto 2rem;\n            line-height: 1.8;\n            font-weight: 400;\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n        }\n\n        .hero-note {\n            font-style: italic;\n            color: rgba(255, 255, 255, 0.95);\n            font-size: 1.05rem;\n            margin-bottom: 3rem;\n            font-weight: 400;\n            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        }\n\n        .cta-button {\n            display: inline-block;\n            padding: 1.2rem 3rem;\n            background: var(--white);\n            color: var(--navy);\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.1rem;\n            border-radius: 2px;\n            transition: all 0.3s ease;\n            border: 2px solid var(--white);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: var(--navy);\n            transition: left 0.3s ease;\n            z-index: -1;\n        }\n\n        .cta-button:hover::before {\n            left: 0;\n        }\n\n        .cta-button:hover {\n            color: var(--white);\n            transform: translateY(-2px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n        }\n\n        \/* Stats\/Trust Section *\/\n        .stats-bar {\n            background: var(--white);\n            padding: 3rem 5%;\n            border-top: 3px solid var(--navy);\n            border-bottom: 1px solid var(--sand);\n        }\n\n        .stats-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 3rem;\n        }\n\n        .stat-item {\n            text-align: center;\n        }\n\n        .stat-label {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: var(--slate);\n            margin-bottom: 0.5rem;\n        }\n\n        .stat-value {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: var(--navy);\n        }\n\n        \/* Para Qui\u00e9n Section *\/\n        .section {\n            padding: 6rem 5%;\n        }\n\n        .section-title {\n            font-family: 'Playfair Display', serif;\n            font-size: clamp(2rem, 5vw, 3.5rem);\n            font-weight: 700;\n            color: var(--navy);\n            margin-bottom: 1rem;\n            text-align: center;\n            letter-spacing: -0.01em;\n        }\n\n        .section-intro {\n            text-align: center;\n            max-width: 700px;\n            margin: 0 auto 4rem;\n            font-size: 1.2rem;\n            color: var(--slate);\n            line-height: 1.8;\n        }\n\n        .cards-grid {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n        }\n\n        .card {\n            background: var(--white);\n            padding: 2.5rem;\n            border-left: 4px solid var(--navy);\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, transparent 0%, rgba(30, 58, 138, 0.03) 100%);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n        }\n\n        .card:hover::before {\n            opacity: 1;\n        }\n\n        .card-icon {\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, var(--navy) 0%, var(--blue-bright) 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 1.5rem;\n            color: var(--white);\n            font-size: 1.5rem;\n        }\n\n        .card-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.4rem;\n            font-weight: 600;\n            color: var(--navy);\n            margin-bottom: 1rem;\n        }\n\n        .card-text {\n            color: var(--charcoal);\n            line-height: 1.8;\n            font-size: 1rem;\n        }\n\n        \/* Two Column Section *\/\n        .two-col-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 5rem;\n            align-items: center;\n        }\n\n        .col-content h3 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            font-weight: 600;\n            color: var(--navy);\n            margin-bottom: 1.5rem;\n        }\n\n        .col-content p {\n            font-size: 1.1rem;\n            line-height: 1.8;\n            color: var(--charcoal);\n            margin-bottom: 2rem;\n        }\n\n        .feature-list {\n            list-style: none;\n        }\n\n        .feature-list li {\n            padding: 1rem 0;\n            padding-left: 2rem;\n            position: relative;\n            font-size: 1.05rem;\n            color: var(--charcoal);\n            border-bottom: 1px solid var(--sand);\n        }\n\n        .feature-list li::before {\n            content: '\u2192';\n            position: absolute;\n            left: 0;\n            color: var(--blue-bright);\n            font-weight: 700;\n        }\n\n        \/* Process Section *\/\n        .process-section {\n            background: var(--white);\n            padding: 6rem 5%;\n        }\n\n        .process-steps {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .process-step {\n            display: grid;\n            grid-template-columns: 80px 1fr;\n            gap: 2rem;\n            margin-bottom: 3rem;\n            padding-bottom: 3rem;\n            border-bottom: 1px solid var(--sand);\n            position: relative;\n        }\n\n        .process-step:last-child {\n            border-bottom: none;\n        }\n\n        .step-number {\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, var(--navy) 0%, var(--blue-bright) 100%);\n            color: var(--white);\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            flex-shrink: 0;\n        }\n\n        .step-content h4 {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.6rem;\n            font-weight: 600;\n            color: var(--navy);\n            margin-bottom: 0.75rem;\n        }\n\n        .step-content p {\n            color: var(--charcoal);\n            line-height: 1.8;\n            font-size: 1.05rem;\n        }\n\n        \/* Dark Section *\/\n        .dark-section {\n            background: var(--navy-deep);\n            color: var(--white);\n            padding: 6rem 5%;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .dark-section::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 50%;\n            height: 150%;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .dark-section .section-title {\n            color: var(--white);\n        }\n\n        .dark-section .section-intro {\n            color: rgba(255, 255, 255, 0.8);\n        }\n\n        .reasons-grid {\n            max-width: 1000px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2.5rem;\n        }\n\n        .reason-item {\n            text-align: center;\n            padding: 2rem;\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 2px;\n            transition: all 0.3s ease;\n        }\n\n        .reason-item:hover {\n            background: rgba(255, 255, 255, 0.08);\n            transform: translateY(-5px);\n        }\n\n        .reason-icon {\n            font-size: 2.5rem;\n            margin-bottom: 1rem;\n        }\n\n        .reason-text {\n            font-size: 1.1rem;\n            line-height: 1.7;\n            color: rgba(255, 255, 255, 0.9);\n        }\n\n        \/* CTA Final Section *\/\n        .cta-section {\n            padding: 8rem 5%;\n            text-align: center;\n            background: var(--cream);\n            position: relative;\n        }\n\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 100%;\n            background: \n                linear-gradient(135deg, transparent 0%, rgba(30, 58, 138, 0.02) 100%),\n                repeating-linear-gradient(45deg, transparent, transparent 50px, rgba(30, 58, 138, 0.01) 50px, rgba(30, 58, 138, 0.01) 100px);\n            z-index: 0;\n        }\n\n        .cta-content {\n            position: relative;\n            z-index: 1;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .cta-section h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: clamp(2rem, 5vw, 3.5rem);\n            font-weight: 700;\n            color: var(--navy);\n            margin-bottom: 1.5rem;\n        }\n\n        .cta-section p {\n            font-size: 1.3rem;\n            color: var(--charcoal);\n            margin-bottom: 1rem;\n            line-height: 1.8;\n        }\n\n        .cta-section .subtext {\n            font-size: 1rem;\n            color: var(--slate);\n            font-style: italic;\n            margin-bottom: 3rem;\n        }\n\n        .cta-button-large {\n            display: inline-block;\n            padding: 1.5rem 4rem;\n            background: var(--navy);\n            color: var(--white);\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.2rem;\n            border-radius: 2px;\n            transition: all 0.3s ease;\n            border: 2px solid var(--navy);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-button-large::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: var(--blue-bright);\n            transition: left 0.3s ease;\n            z-index: -1;\n        }\n\n        .cta-button-large:hover::before {\n            left: 0;\n        }\n\n        .cta-button-large:hover {\n            border-color: var(--blue-bright);\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(30, 58, 138, 0.3);\n        }\n\n        \/* Footer *\/\n        footer {\n            background: var(--navy-deep);\n            color: rgba(255, 255, 255, 0.7);\n            padding: 3rem 5%;\n            text-align: center;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        footer .logo {\n            color: var(--white);\n            margin-bottom: 1rem;\n            display: block;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .fade-in {\n            animation: fadeInUp 0.8s ease-out;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .hero {\n                padding: 6rem 5% 4rem;\n                min-height: 100vh;\n            }\n            \n            .hero::before {\n                height: 90%;\n            }\n\n            .two-col-section {\n                grid-template-columns: 1fr;\n                gap: 3rem;\n            }\n\n            .process-step {\n                grid-template-columns: 60px 1fr;\n                gap: 1.5rem;\n            }\n\n            .step-number {\n                width: 60px;\n                height: 60px;\n                font-size: 1.5rem;\n            }\n\n            header {\n                padding: 1rem 5%;\n            }\n\n            .section {\n                padding: 4rem 5%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"bg-pattern\"><\/div>\n\n    <header>\n        <div class=\"logo\">CONEXAMOS<\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"hero-content\">\n            <div class=\"hero-subtitle\">Personas y Proyectos<\/div>\n            <h1 class=\"hero-title\">Pensar mejor para decidir con criterio<\/h1>\n            <p class=\"hero-description\">\n                Acompa\u00f1amos a personas que lideran proyectos y negocios consolidados a pensar, \n                decidir y avanzar con claridad, conectando persona, empresa y contexto cultural.\n            <\/p>\n            <p class=\"hero-note\">\n                CONEXAMOS no ofrece soluciones r\u00e1pidas ni recetas cerradas.<br>\n                Ofrece perspectiva, m\u00e9todo y acompa\u00f1amiento para decisiones que importan.\n            <\/p>\n            <a href=\"#contacto\" class=\"cta-button\">Empieza por una conversaci\u00f3n<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- Stats Bar -->\n    <section class=\"stats-bar\">\n        <div class=\"stats-container\">\n            <div class=\"stat-item\">\n                <div class=\"stat-label\">Enfoque<\/div>\n                <div class=\"stat-value\">Estrategia + Cultura<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"stat-label\">\u00c1mbito<\/div>\n                <div class=\"stat-value\">Valencia & Espa\u00f1a<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"stat-label\">Metodolog\u00eda<\/div>\n                <div class=\"stat-value\">M\u00e9todo CONEXAMOS<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Para Qui\u00e9n Section -->\n    <section class=\"section\">\n        <h2 class=\"section-title\">Para qui\u00e9n es CONEXAMOS<\/h2>\n        <p class=\"section-intro\">\n            Para personas que lideran con peso en sus decisiones y buscan claridad en medio del ruido.\n        <\/p>\n        <div class=\"cards-grid\">\n            <div class=\"card\">\n                <div class=\"card-icon\">\ud83d\udcbc<\/div>\n                <h3 class=\"card-title\">L\u00edderes en marcha<\/h3>\n                <p class=\"card-text\">\n                    Diriges un negocio o proyecto que ya est\u00e1 funcionando y necesitas pensar el siguiente nivel.\n                <\/p>\n            <\/div>\n            <div class=\"card\">\n                <div class=\"card-icon\">\u2696\ufe0f<\/div>\n                <h3 class=\"card-title\">Decisiones que pesan<\/h3>\n                <p class=\"card-text\">\n                    Sientes el peso de decidir solo, con m\u00faltiples frentes abiertos y necesitas perspectiva.\n                <\/p>\n            <\/div>\n            <div class=\"card\">\n                <div class=\"card-icon\">\ud83c\udfaf<\/div>\n                <h3 class=\"card-title\">Crecimiento con criterio<\/h3>\n                <p class=\"card-text\">\n                    Quieres crecer, reorganizar o invertir sin perder coherencia entre lo que haces y qui\u00e9n eres.\n                <\/p>\n            <\/div>\n            <div class=\"card\">\n                <div class=\"card-icon\">\ud83c\udf0d<\/div>\n                <h3 class=\"card-title\">Contextos culturales<\/h3>\n                <p class=\"card-text\">\n                    Especialmente para profesionales que operan entre culturas, como proyectos latinoamericanos en Espa\u00f1a.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Qu\u00e9 Hacemos Section -->\n    <section class=\"section\" style=\"background: var(--white);\">\n        <div class=\"two-col-section\">\n            <div class=\"col-content\">\n                <h3>No vendemos servicios sueltos<\/h3>\n                <p>\n                    Ofrecemos un recorrido de acompa\u00f1amiento donde cada intervenci\u00f3n tiene \n                    un momento, un sentido y un l\u00edmite claro.\n                <\/p>\n                <p>\n                    Trabajamos desde el <strong>M\u00e9todo CONEXAMOS (M\u00e9todo CO)<\/strong>, un enfoque propio que integra \n                    cultura, estrategia, comunicaci\u00f3n y reputaci\u00f3n.\n                <\/p>\n            <\/div>\n            <div class=\"col-content\">\n                <h3>Trabajamos para que puedas:<\/h3>\n                <ul class=\"feature-list\">\n                    <li>Ordenar ideas<\/li>\n                    <li>Aclarar decisiones<\/li>\n                    <li>Definir el siguiente paso real<\/li>\n                    <li>Sostener procesos en el tiempo<\/li>\n                    <li>Integrar persona, empresa y contexto<\/li>\n                    <li>Crecer o invertir con criterio<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- C\u00f3mo Trabajamos Section -->\n    <section class=\"section\">\n        <h2 class=\"section-title\">C\u00f3mo trabajamos<\/h2>\n        <p class=\"section-intro\">\n            Nuestra forma de trabajar es sencilla y exigente a la vez\n        <\/p>\n        <div class=\"cards-grid\">\n            <div class=\"card\">\n                <div class=\"card-icon\">\ud83d\udc42<\/div>\n                <h3 class=\"card-title\">Escuchamos antes de proponer<\/h3>\n            <\/div>\n            <div class=\"card\">\n                <div class=\"card-icon\">\ud83e\udde0<\/div>\n                <h3 class=\"card-title\">Pensamos contigo, no por ti<\/h3>\n            <\/div>\n            <div class=\"card\">\n                <div class=\"card-icon\">\ud83e\udded<\/div>\n                <h3 class=\"card-title\">Decidimos con m\u00e9todo<\/h3>\n            <\/div>\n            <div class=\"card\">\n                <div class=\"card-icon\">\ud83d\udd17<\/div>\n                <h3 class=\"card-title\">Conectamos lo necesario<\/h3>\n            <\/div>\n            <div class=\"card\">\n                <div class=\"card-icon\">\ud83e\udd1d<\/div>\n                <h3 class=\"card-title\">Acompa\u00f1amos sin ocupar tu lugar<\/h3>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- El Recorrido Section -->\n    <section class=\"process-section\">\n        <h2 class=\"section-title\">El recorrido CONEXAMOS<\/h2>\n        <p class=\"section-intro\" style=\"margin-bottom: 4rem;\">\n            Siempre empezamos hablando.\n        <\/p>\n        <div class=\"process-steps\">\n            <div class=\"process-step\">\n                <div class=\"step-number\">1<\/div>\n                <div class=\"step-content\">\n                    <h4>Punto de Partida<\/h4>\n                    <p>Una conversaci\u00f3n inicial para escucharnos y decidir si tiene sentido avanzar juntos.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"process-step\">\n                <div class=\"step-number\">2<\/div>\n                <div class=\"step-content\">\n                    <h4>Direcci\u00f3n Estrat\u00e9gica<\/h4>\n                    <p>Sesiones para pensar, decidir y estructurar con criterio.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"process-step\">\n                <div class=\"step-number\">3<\/div>\n                <div class=\"step-content\">\n                    <h4>Acompa\u00f1amiento Continuado<\/h4>\n                    <p>Para sostener decisiones en el tiempo y avanzar con coherencia.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"process-step\">\n                <div class=\"step-number\">4<\/div>\n                <div class=\"step-content\">\n                    <h4>Integraci\u00f3n Cultural y Empresarial<\/h4>\n                    <p>Cuando el proyecto necesita sentido, alineaci\u00f3n y prop\u00f3sito.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"process-step\">\n                <div class=\"step-number\">5<\/div>\n                <div class=\"step-content\">\n                    <h4>Proyectos, Inversi\u00f3n y Expansi\u00f3n<\/h4>\n                    <p>Para crecer o invertir con an\u00e1lisis previo y acompa\u00f1amiento responsable.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <p style=\"text-align: center; margin-top: 3rem; font-style: italic; color: var(--slate);\">\n            No todo es para todo el mundo. No todo empieza donde parece.\n        <\/p>\n    <\/section>\n\n    <!-- Por Qu\u00e9 Section -->\n    <section class=\"dark-section\">\n        <h2 class=\"section-title\">Por qu\u00e9 CONEXAMOS<\/h2>\n        <p class=\"section-intro\">\n            Porque hay momentos en los que:\n        <\/p>\n        <div class=\"reasons-grid\">\n            <div class=\"reason-item\">\n                <div class=\"reason-icon\">\u26a1<\/div>\n                <p class=\"reason-text\">Decidir solo pesa demasiado<\/p>\n            <\/div>\n            <div class=\"reason-item\">\n                <div class=\"reason-icon\">\ud83d\udcb8<\/div>\n                <p class=\"reason-text\">Actuar sin pensar sale caro<\/p>\n            <\/div>\n            <div class=\"reason-item\">\n                <div class=\"reason-icon\">\ud83d\udd04<\/div>\n                <p class=\"reason-text\">Crecer sin sentido desgasta<\/p>\n            <\/div>\n            <div class=\"reason-item\">\n                <div class=\"reason-icon\">\ud83d\udcac<\/div>\n                <p class=\"reason-text\">Pedir \"una opini\u00f3n r\u00e1pida\" no es suficiente<\/p>\n            <\/div>\n        <\/div>\n        <p style=\"text-align: center; margin-top: 4rem; font-size: 1.3rem; color: rgba(255, 255, 255, 0.95); max-width: 700px; margin-left: auto; margin-right: auto;\">\n            CONEXAMOS existe para crear espacio, claridad y criterio en esos momentos.\n        <\/p>\n    <\/section>\n\n    <!-- CTA Final -->\n    <section class=\"cta-section\" id=\"contacto\">\n        <div class=\"cta-content\">\n            <h2>Primer paso<\/h2>\n            <p>Si crees que puede tener sentido, empezamos por una conversaci\u00f3n.<\/p>\n            <p class=\"subtext\">Sin compromiso. Sin diagn\u00f3stico. Sin prisa.<\/p>\n            <a href=\"mailto:contacto@conexamos.com\" class=\"cta-button-large\">Agenda tu Punto de Partida<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"logo\">CONEXAMOS<\/div>\n        <p>&copy; 2026 CONEXAMOS. Personas y Proyectos.<\/p>\n    <\/footer>\n\n    <script>\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Intersection Observer for fade-in animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -100px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('fade-in');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.card, .process-step, .reason-item').forEach(el => {\n            observer.observe(el);\n        });\n    <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONEXAMOS &#8211; Pensar mejor para decidir con criterio CONEXAMOS Personas y Proyectos Pensar mejor para decidir con criterio Acompa\u00f1amos a personas que lideran proyectos y negocios consolidados a pensar, decidir&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-138","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/conexamos.com\/index.php\/wp-json\/wp\/v2\/pages\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conexamos.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/conexamos.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/conexamos.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conexamos.com\/index.php\/wp-json\/wp\/v2\/comments?post=138"}],"version-history":[{"count":5,"href":"https:\/\/conexamos.com\/index.php\/wp-json\/wp\/v2\/pages\/138\/revisions"}],"predecessor-version":[{"id":148,"href":"https:\/\/conexamos.com\/index.php\/wp-json\/wp\/v2\/pages\/138\/revisions\/148"}],"wp:attachment":[{"href":"https:\/\/conexamos.com\/index.php\/wp-json\/wp\/v2\/media?parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}