{"id":6,"date":"2026-01-30T23:47:05","date_gmt":"2026-01-30T23:47:05","guid":{"rendered":"https:\/\/marthaponce.com\/?page_id=6"},"modified":"2026-03-06T15:14:15","modified_gmt":"2026-03-06T15:14:15","slug":"onepage","status":"publish","type":"page","link":"https:\/\/marthaponce.com\/","title":{"rendered":"OnePage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bcde42 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2bcde42\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5bb358 elementor-widget elementor-widget-html\" data-id=\"c5bb358\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es-MX\">\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>Martha Ponce | Acompa\u00f1amiento Emocional<\/title>\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700&family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* =========================================\r\n           0. VARIABLES Y RESET (Identidad Visual)\r\n           ========================================= *\/\r\n        :root {\r\n            \/* Paleta de Colores Estricta *\/\r\n            --coral: #F2A7A7;\r\n            --teal: #1E7B73;\r\n            --teal-dark: #114843;\r\n            --aqua: #A3D6D2;\r\n            --black: #000000;\r\n            --white: #FFFFFF;\r\n            --bg-light: #F9FAFB; \/* Blanco hueso para alternancia *\/\r\n            --overlay-dark: rgba(0, 0, 0, 0.6); \/* Capa oscura para el Hero *\/\r\n            \r\n            \/* Configuraciones Globales *\/\r\n            --border-radius: 100px;\r\n            --transition-speed: 0.3s;\r\n            --container-width: 1200px;\r\n            --nav-height: 80px;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Open Sans', sans-serif;\r\n            color: var(--black);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n        \r\n        html, body {\r\n            overflow-x: hidden;\r\n            width: 100%;\r\n            position: relative;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n        }\r\n\r\n        a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .container {\r\n            max-width: var(--container-width);\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        \/* Compensar navbar fijo al hacer scroll a secciones por ancla *\/\r\n        section[id] {\r\n            scroll-margin-top: calc(var(--nav-height) + 20px);\r\n        }\r\n\r\n        \/* =========================================\r\n           NUEVOS BOTONES (CTAs Adicionales)\r\n           ========================================= *\/\r\n        .section-cta-container {\r\n            text-align: center;\r\n            margin-top: 50px;\r\n            width: 100%;\r\n        }\r\n\r\n        .btn-primary {\r\n            background-color: var(--teal);\r\n            color: var(--white);\r\n            padding: 15px 40px;\r\n            border-radius: 50px;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            display: inline-block;\r\n            transition: transform var(--transition-speed), background-color var(--transition-speed), box-shadow var(--transition-speed);\r\n            border: none;\r\n            cursor: pointer;\r\n            box-shadow: 0 4px 15px rgba(30, 123, 115, 0.3);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background-color: var(--teal-dark);\r\n            color: var(--white);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 20px rgba(30, 123, 115, 0.4);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background-color: var(--coral);\r\n            color: var(--white);\r\n            padding: 15px 40px;\r\n            border-radius: 50px;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            display: inline-block;\r\n            transition: transform var(--transition-speed), background-color var(--transition-speed), box-shadow var(--transition-speed);\r\n            border: none;\r\n            cursor: pointer;\r\n            box-shadow: 0 4px 15px rgba(242, 167, 167, 0.4);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background-color: #e08e8e;\r\n            color: var(--white);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 20px rgba(242, 167, 167, 0.5);\r\n        }\r\n\r\n        \/* =========================================\r\n           1. NAVBAR (Sticky & Responsive)\r\n           ========================================= *\/\r\n        .navbar {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            z-index: 1000;\r\n            background-color: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(5px);\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n            height: var(--nav-height);\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .nav-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            width: 100%;\r\n            max-width: var(--container-width);\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        \/* LOGOTIPO IMAGEN *\/\r\n        .logo {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-start;\r\n            height: 100%; \r\n            padding: 5px 0; \r\n        }\r\n        \r\n        .logo img {\r\n            display: block;\r\n            max-height: 80px; \r\n            width: auto;      \r\n            object-fit: contain; \r\n            transition: transform var(--transition-speed);\r\n        }\r\n        \r\n        .logo img:hover {\r\n            transform: scale(1.02);\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .logo img {\r\n                max-height: 65px; \r\n            }\r\n        }\r\n\r\n        .nav-menu {\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: center;\r\n        }\r\n\r\n        .nav-link {\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            transition: color var(--transition-speed);\r\n        }\r\n\r\n        .nav-link:hover {\r\n            color: var(--coral);\r\n        }\r\n        \r\n        \/* ESTILOS DE NAVEGACI\u00d3N ACTIVA (Scroll Spy) *\/\r\n        .nav-link.active {\r\n            color: var(--coral) !important;\r\n            position: relative;\r\n        }\r\n        \r\n        .nav-link.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 2px;\r\n            background-color: var(--coral);\r\n            transition: width 0.3s;\r\n        }\r\n\r\n        .btn-cta {\r\n            background-color: var(--coral);\r\n            color: var(--white);\r\n            padding: 10px 25px;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 1rem;\r\n            transition: transform var(--transition-speed), background-color var(--transition-speed);\r\n        }\r\n\r\n        .btn-cta:hover {\r\n            background-color: #e08e8e; \r\n            transform: translateY(-2px);\r\n            color: var(--white);\r\n        }\r\n\r\n        .hamburger {\r\n            display: none;\r\n            font-size: 1.5rem;\r\n            color: var(--teal);\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .close-menu-item, \r\n        .btn-cta-mobile {\r\n            display: none !important; \r\n        }\r\n        \r\n        \/* REGLAS M\u00d3VILES (Men\u00fa Lateral Izquierdo) *\/\r\n        @media (max-width: 768px) {\r\n            \r\n            .hamburger { display: block; }\r\n            \r\n            .close-menu-item {\r\n                display: block !important; \r\n                width: 100%;\r\n                margin-bottom: 20px;\r\n                border-bottom: 1px solid #f0f0f0;\r\n                padding-bottom: 15px;\r\n            }\r\n        \r\n            .btn-cta-mobile {\r\n                display: block !important; \r\n                background-color: var(--coral);\r\n                color: var(--white);\r\n                padding: 12px;\r\n                text-align: center;\r\n                border-radius: 8px;\r\n                margin-top: 15px;\r\n                font-weight: 700;\r\n            }\r\n        \r\n            .nav-menu {\r\n                position: fixed;      \r\n                top: 0;\r\n                left: -100%;          \r\n                width: 80%;           \r\n                max-width: 300px;     \r\n                height: 100vh;        \r\n                background-color: #ffffff;\r\n                \r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: flex-start; \r\n                justify-content: flex-start;\r\n                \r\n                padding: 30px 20px;   \r\n                transition: left 0.4s ease-in-out; \r\n                z-index: 2000;        \r\n                box-shadow: 5px 0 15px rgba(0,0,0,0.1); \r\n            }\r\n\r\n            .nav-menu.active {\r\n                left: 0; \r\n            }\r\n        \r\n            .nav-menu li {\r\n                width: 100%; \r\n                margin-bottom: 15px;\r\n            }\r\n        \r\n            .nav-link {\r\n                display: block;\r\n                font-size: 1.1rem;\r\n                color: #333;\r\n                padding: 10px 0;\r\n            }\r\n        \r\n            .close-menu {\r\n                font-size: 1rem;\r\n                color: #666;\r\n                cursor: pointer;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 10px;\r\n                font-weight: 600;\r\n                text-transform: uppercase;\r\n                letter-spacing: 1px;\r\n            }\r\n        \r\n            .close-menu i {\r\n                color: var(--coral);\r\n                font-size: 1.4rem;\r\n            }\r\n        }\r\n\r\n        \/* =========================================\r\n           2. HERO SECTION\r\n           ========================================= *\/\r\n        .hero {\r\n            position: relative;\r\n            min-height: 100vh; \r\n            display: flex;\r\n            align-items: stretch; \r\n            background-image: url('https:\/\/marthaponce.com\/wp-content\/uploads\/2026\/02\/sala.webp');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            \r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .hero-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \r\n            gap: clamp(16px, 4vw + 12px, 60px); \r\n            align-items: center;\r\n        }\r\n        \r\n        .hero-text {\r\n            position: relative;\r\n            z-index: 2;\r\n            padding-left: clamp(16px, 2vw, 20px); \r\n        }\r\n        \r\n        .hero h1 {\r\n            font-size: clamp(1.75rem, 1.25rem + 1.8vw, 2.5rem); \r\n            line-height: 1.15;\r\n            margin-bottom: clamp(12px, 1.2vw + 8px, 18px);\r\n            color: var(--white);\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.3); \r\n        }\r\n        \r\n        .hero p {\r\n            font-size: clamp(1rem, 0.9rem + 0.35vw, 1.15rem);\r\n            line-height: 1.45;\r\n            margin-bottom: clamp(20px, 1.5vw + 14px, 28px);\r\n            color: #f0f0f0;\r\n            font-weight: 400;\r\n            max-width: 90%; \r\n        }\r\n\r\n        .hero-visual {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            justify-content: center; \r\n            align-items: flex-end;     \r\n            height: 100%;            \r\n        }\r\n        \r\n        .hero-visual img {\r\n            width: auto;      \r\n            height: auto;     \r\n            max-height: clamp(280px, 70vh, 90vh); \r\n            max-width: 100%;  \r\n            object-fit: contain; \r\n            border-radius: clamp(12px, 1.5vw + 8px, 20px);\r\n        }\r\n\r\n        .hero-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(30,123,115,0.4) 100%);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            z-index: 1;\r\n        }\r\n\r\n        .btn-hero {\r\n            background-color: var(--coral);\r\n            color: var(--white);\r\n            padding: clamp(12px, 1vw + 10px, 15px) clamp(28px, 2vw + 24px, 40px);\r\n            margin-bottom: clamp(20px, 3vw, 40px);\r\n            margin-top: 0;\r\n            border-radius: 50px;\r\n            font-size: clamp(1rem, 1rem + 0.2vw, 1.1rem);\r\n            font-weight: 700;\r\n            display: inline-block;\r\n            animation: pulse 2s infinite;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: background-color var(--transition-speed);\r\n        }\r\n        \r\n        .btn-hero:hover {\r\n            background-color: #e08e8e;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0% { box-shadow: 0 0 0 0 rgba(242, 167, 167, 0.7); }\r\n            70% { box-shadow: 0 0 0 15px rgba(242, 167, 167, 0); }\r\n            100% { box-shadow: 0 0 0 0 rgba(242, 167, 167, 0); }\r\n        }\r\n        \r\n        .hero-container-fluid {\r\n            width: 100%;\r\n            max-width: 100%;\r\n            padding-left: max(20px, calc((100% - 1200px) \/ 2));\r\n            display: flex;       \r\n            flex-direction: column;\r\n            justify-content: flex-end; \r\n        }\r\n        \r\n        .hero-grid {\r\n            display: grid;\r\n            grid-template-columns: 45% 55%; \r\n            gap: clamp(16px, 2vw, 20px);\r\n            height: 100%;\r\n        }\r\n        \r\n        .hero-text {\r\n            position: relative;\r\n            z-index: 2;\r\n            padding-right: clamp(24px, 3vw, 40px); \r\n            padding-top: clamp(12px, 1.5vw, 20px);\r\n            transform: none; \r\n        }\r\n\r\n        .hero-visual {\r\n            display: flex;\r\n            justify-content: flex-end; \r\n            height: 100%;\r\n            align-items: flex-end; \r\n        }\r\n        \r\n        .hero-visual img {\r\n            width: auto;\r\n            height: auto;\r\n            max-height: clamp(280px, 70vh, 90vh); \r\n            max-width: 100%;\r\n            object-fit: contain;\r\n            vertical-align: bottom;\r\n        }\r\n        \r\n        @media (max-width: 968px) {\r\n            .hero {\r\n                min-height: auto;\r\n                align-items: center; \r\n                padding-top: calc(var(--nav-height) + clamp(24px, 4vw, 48px));\r\n                padding-bottom: 0px;\r\n                padding-left: 16px;\r\n                padding-right: 16px;\r\n            }\r\n            \r\n            .hero-container-fluid {\r\n                padding: 0; \r\n            }\r\n            \r\n            .hero-grid {\r\n                grid-template-columns: 1fr;\r\n                height: auto;\r\n                gap: 16px;\r\n                text-align: center;\r\n            }\r\n            \r\n            .hero-text {\r\n                align-self: auto;\r\n                transform: none;\r\n                padding-bottom: 10px;\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                \r\n            }\r\n\r\n            .hero p {\r\n                margin: 0 auto clamp(20px, 3vw, 24px) auto; \r\n                max-width: 100%;\r\n            }\r\n        \r\n            .hero-visual {\r\n                justify-content: center;\r\n                height: auto; \r\n                margin-top: 0;\r\n            }\r\n            \r\n            .hero-visual img {\r\n                vertical-align: bottom;\r\n                width: 100%;       \r\n                object-fit: contain; \r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero {\r\n                padding-top: calc(var(--nav-height) + 60px);\r\n            }\r\n            \r\n            section[id] {\r\n                scroll-margin-top: calc(var(--nav-height) + 40px);\r\n            }\r\n        }\r\n\r\n        \/* Ajustes extra para m\u00f3viles muy peque\u00f1os (solo layout; tipograf\u00eda e imagen ya fluidas con clamp) *\/\r\n        @media (max-width: 480px) {\r\n            .hero {\r\n                padding-left: 16px;\r\n                padding-right: 16px;\r\n            }\r\n\r\n            .hero h1 {\r\n                line-height: 1.25;\r\n            }\r\n        }\r\n\r\n        \/* =========================================\r\n           3. SERVICIOS \r\n           ========================================= *\/\r\n        .section {\r\n            padding: 80px 0;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            color: var(--teal);\r\n            font-size: 2.5rem;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr); \/* 2 columnas en PC \/ Filas de 2 *\/\r\n            gap: 30px;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .services-grid {\r\n                grid-template-columns: 1fr; \/* 1 columna en m\u00f3viles para evitar amontonamiento *\/\r\n            }\r\n        }\r\n\r\n        .service-card {\r\n            background: var(--white);\r\n            border: 1px solid rgba(163, 214, 210, 0.5); \r\n            border-radius: 24px; \r\n            padding: 30px;\r\n            text-align: center;\r\n            box-shadow: 0 15px 10px -5px rgba(163, 214, 210, 0.7);\r\n            transition: all 0.4s ease-out;\r\n            position: relative;\r\n            top: 0;\r\n        }\r\n        \r\n        .service-card:hover {\r\n            box-shadow: 0 25px 50px -5px rgba(163, 214, 210, 0.9);\r\n            border-color: var(--teal);\r\n        }\r\n        \r\n        .service-icon {\r\n            font-size: 3.5rem;\r\n            color: var(--coral);\r\n            margin-bottom: 15px;\r\n            width: 80px;\r\n            height: 80px;\r\n            line-height: 80px; \r\n            border-radius: 50%;\r\n            display: inline-block;\r\n        }\r\n\r\n        .service-card h3 {\r\n            margin-bottom: 15px;\r\n            color: var(--black);\r\n        }\r\n\r\n        \/* =========================================\r\n           4. SECCI\u00d3N NOSOTROS (Prioridad)\r\n           ========================================= *\/\r\n        .priority-section {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \r\n            min-height: 500px; \r\n            background-color: var(--teal); \r\n            padding: 0; \r\n            overflow: hidden;\r\n        }\r\n        \r\n        .priority-visual {\r\n            position: relative;\r\n            height: 100%; \r\n            width: 100%;\r\n        }\r\n        \r\n        .priority-visual img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover; \r\n            display: block;\r\n        }\r\n        \r\n        .priority-text {\r\n            padding: 80px 60px; \r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center; \r\n            color: var(--white); \r\n        }\r\n\r\n        .priority-text h2 {\r\n            color: var(--white);\r\n            font-size: 2.2rem;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .priority-text p {\r\n            color: rgba(255, 255, 255, 0.9); \r\n            margin-bottom: 30px;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .benefit-list li {\r\n            margin-bottom: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 1.05rem;\r\n            color: var(--white);\r\n        }\r\n        \r\n        .benefit-list i {\r\n            color: var(--coral); \r\n            margin-right: 15px;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        @media (max-width: 968px) {\r\n            .priority-section {\r\n                grid-template-columns: 1fr; \r\n                grid-template-rows: 300px auto; \r\n            }\r\n        \r\n            .priority-text {\r\n                padding: 40px 20px; \r\n            }\r\n        }\r\n        \r\n        \/* =========================================\r\n           SECCI\u00d3N PERFIL \r\n           ========================================= *\/\r\n        .profile-section {\r\n            padding: 100px 0;\r\n            background-color: var(--bg-light); \r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .profile-card {\r\n            max-width: 800px;\r\n            background-color: var(--white);\r\n            padding: 60px;\r\n            border-radius: 20px;\r\n            box-shadow: 0 20px 40px rgba(30, 123, 115, 0.08); \r\n            border-top: 5px solid var(--coral); \r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n        \r\n        .profile-icon {\r\n            font-size: 2.5rem;\r\n            color: var(--teal);\r\n            margin-bottom: 20px;\r\n            opacity: 0.8;\r\n        }\r\n        \r\n        .profile-header h3 {\r\n            font-family: 'Open Sans', sans-serif;\r\n            font-size: 0.9rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: #888;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .profile-header h2 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 2.2rem;\r\n            color: var(--teal);\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .profile-title {\r\n            display: block;\r\n            font-size: 1.1rem;\r\n            color: var(--coral);\r\n            font-weight: 700;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .profile-bio p {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .profile-bio strong {\r\n            color: var(--teal);\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .profile-signature {\r\n            font-family: 'Montserrat', sans-serif; \r\n            font-size: 1.8rem;\r\n            color: var(--black);\r\n            margin-top: 30px;\r\n            font-style: italic;\r\n            opacity: 0.7;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .profile-card::before {\r\n            content: '\\201C'; \r\n            position: absolute;\r\n            top: 20px;\r\n            left: 30px;\r\n            font-size: 8rem;\r\n            color: rgba(242, 167, 167, 0.1); \r\n            font-family: serif;\r\n            line-height: 1;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .profile-section {\r\n                padding: 20px 20px;\r\n            }\r\n        \r\n            .profile-header h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n        \r\n            .profile-bio p {\r\n                font-size: 1rem;\r\n            }\r\n        \r\n            .profile-card::before {\r\n                font-size: 6rem;\r\n                top: 10px;\r\n                left: 10px;\r\n            }\r\n        }\r\n\r\n        \/* =========================================\r\n           5. PROCESO \r\n           ========================================= *\/\r\n        .process-steps {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            position: relative;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .step-item {\r\n            flex: 1;\r\n            text-align: center;\r\n            padding: 20px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .step-icon-box {\r\n            width: 80px;\r\n            height: 80px;\r\n            background-color: var(--white);\r\n            border: 3px solid var(--teal);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin: 0 auto 20px auto;\r\n            font-size: 2rem;\r\n            color: var(--teal);\r\n            transition: transform var(--transition-speed);\r\n        }\r\n\r\n        .step-item:hover .step-icon-box {\r\n            transform: scale(1.1);\r\n            background-color: var(--teal);\r\n            color: var(--white);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .process-steps {\r\n                flex-direction: column;\r\n                gap: 40px;\r\n            }\r\n            \r\n            .process-steps::before {\r\n                width: 3px;\r\n                height: 80%;\r\n                left: 50%;\r\n                top: 0;\r\n                transform: translateX(-50%);\r\n            }\r\n        }\r\n\r\n        \/* =========================================\r\n           6. TESTIMONIOS \r\n           ========================================= *\/\r\n        .testimonials-section {\r\n            background-color: var(--coral);\r\n            position: relative;\r\n        }\r\n\r\n        .carousel-container {\r\n            overflow: hidden;\r\n            position: relative;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .carousel-track {\r\n            display: flex;\r\n            transition: transform 0.5s ease-in-out;\r\n        }\r\n\r\n        .testimonial-card {\r\n            min-width: 100%;\r\n            padding: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .testimonial-text {\r\n            font-style: italic;\r\n            font-size: 1.3rem;\r\n            color: var(--teal);\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        .testimonial-author {\r\n            color: var(--coral);\r\n            font-weight: 700;\r\n            display: block;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .stars {\r\n            color: #FFD700; \r\n        }\r\n\r\n        .carousel-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            transform: translateY(-50%);\r\n            pointer-events: none; \r\n        }\r\n\r\n        .carousel-btn {\r\n            pointer-events: auto;\r\n            background: var(--white);\r\n            border: 1px solid var(--aqua);\r\n            color: var(--teal);\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .carousel-btn:hover {\r\n            background: var(--teal);\r\n            color: var(--white);\r\n        }\r\n\r\n        \/* =========================================\r\n           7. CONTACTO \r\n           ========================================= *\/\r\n        .contact-section {\r\n            padding: 80px 0;\r\n            background-color: var(--bg-light); \r\n        }\r\n        \r\n        .contact-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 60px;\r\n            align-items: start;\r\n        }\r\n        \r\n        .contact-col h3 {\r\n            color: var(--teal);\r\n            margin-bottom: 25px;\r\n            font-size: 1.5rem;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .info-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .info-item i {\r\n            color: var(--white);\r\n            background-color: var(--teal);\r\n            width: 35px;\r\n            height: 35px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 50%; \r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .info-item p {\r\n            color: #555;\r\n            font-size: 1rem;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        .map-box iframe {\r\n            width: 100%;\r\n            height: 250px;\r\n            border-radius: 20px;\r\n            border: none;\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        \/* =========================================\r\n           FOOTER\r\n           ========================================= *\/\r\n        .main-footer {\r\n            background-color: var(--aqua);\r\n            padding: 60px 0 30px 0;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.4);\r\n        }\r\n        \r\n        .footer-grid-layout {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr; \r\n            gap: 40px;\r\n            align-items: center; \r\n        }\r\n        \r\n        .footer-col-logo {\r\n            display: flex;\r\n            justify-content: flex-start; \r\n        }\r\n\r\n        .footer-col-logo img {\r\n            height: 100px; \r\n            width: auto;\r\n            object-fit: contain;\r\n        }\r\n        \r\n        .footer-col-links {\r\n            text-align: center; \r\n        }\r\n        \r\n        .footer-col-links h4 {\r\n            color: var(--teal);\r\n            margin-bottom: 15px;\r\n            font-size: 1.1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n        \r\n        .footer-col-links ul {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px; \r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .footer-col-links a {\r\n            color: #333; \r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .footer-col-links a:hover {\r\n            color: var(--white); \r\n        }\r\n        \r\n        .footer-col-social {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-end; \r\n            gap: 15px;\r\n        }\r\n\r\n        .social-icons {\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n        \r\n        .social-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background-color: var(--white);\r\n            color: var(--teal);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 1.1rem;\r\n            transition: transform 0.3s, background-color 0.3s;\r\n        }\r\n        \r\n        .social-icon:hover {\r\n            background-color: var(--teal);\r\n            color: var(--white);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .copyright p {\r\n            font-size: 0.8rem;\r\n            color: #444;\r\n            text-align: right;\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .footer-grid-layout {\r\n                grid-template-columns: 1fr; \r\n                text-align: center;\r\n                gap: 30px;\r\n            }\r\n        \r\n            .footer-col-logo { justify-content: center; }\r\n            .footer-col-social { align-items: center; }\r\n            .copyright p { text-align: center; }\r\n        }\r\n\r\n        \/* =========================================\r\n           ELEMENTOS FLOTANTES\r\n           ========================================= *\/\r\n        .btn-top {\r\n            position: fixed;\r\n            bottom: 80px; \r\n            right: 30px;\r\n            width: 50px;  \r\n            height: 50px;\r\n            background-color: rgba(30, 123, 115, 0.8); \r\n            color: var(--white);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            z-index: 996;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.4s, transform 0.3s;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .btn-top.visible {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .btn-top.visible:hover {\r\n            background-color: var(--teal-dark);\r\n        }\r\n\r\n        .fab-container {\r\n            position: fixed;\r\n            bottom: 20px;\r\n            right: 30px;\r\n            z-index: 995;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n         .fab-main {\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: var(--coral);\r\n            color: var(--white);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 1.8rem;\r\n            cursor: pointer;\r\n            box-shadow: 0 4px 15px rgba(242, 167, 167, 0.6);\r\n            transition: transform 0.3s, background-color 0.3s;\r\n            animation: sismo-tap 4s infinite ease-in-out;\r\n        }\r\n        \r\n        .fab-main:hover, .fab-main.active {\r\n            animation: none; \r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .fab-options {\r\n            position: absolute; \r\n            bottom: 120px;      \r\n            left: 0;\r\n            right: 0;           \r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            align-items: center;\r\n            \r\n            opacity: 0;\r\n            visibility: hidden; \r\n            transform: translateY(20px);\r\n            pointer-events: none;\r\n            \r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            z-index: 1000; \r\n        }\r\n\r\n        .fab-options.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: translateY(0);\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .fab-child {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            color: var(--white);\r\n            font-size: 1.2rem;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.2);\r\n            transition: transform 0.2s;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .fab-child:hover { transform: scale(1.1); }\r\n        \r\n        .bg-whatsapp { background-color: #25D366; }\r\n        .bg-phone { background-color: #3498db; }\r\n        .bg-email { background-color: var(--coral); }\r\n\r\n        .fab-main.active i {\r\n            transform: rotate(45deg);\r\n            transition: transform 0.3s;\r\n        }\r\n        \r\n        @keyframes sismo-tap {\r\n            0% { transform: scale(1) rotate(0deg); }\r\n            5% { transform: scale(1.1) rotate(-3deg); } \r\n            10% { transform: scale(1.1) rotate(3deg); }  \r\n            15% { transform: scale(1.1) rotate(-3deg); }\r\n            20% { transform: scale(1.1) rotate(3deg); }\r\n            25% { transform: scale(1) rotate(0deg); }    \r\n            100% { transform: scale(1) rotate(0deg); }   \r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <nav class=\"navbar\">\r\n        <div class=\"nav-container\">\r\n            <div class=\"logo\">\r\n                <img decoding=\"async\" \r\n                    src=\"https:\/\/marthaponce.com\/wp-content\/uploads\/2026\/02\/MARTHA-P-C-scaled.png\" \r\n                    alt=\"Martha Ponce - Acompa\u00f1amiento Emocional y Terapia\" \r\n                    width=\"180\" \r\n                    height=\"100\"\r\n                    loading=\"eager\"\r\n                >\r\n            <\/div>\r\n            <ul class=\"nav-menu\" id=\"navMenu\">\r\n                <li class=\"close-menu-item\">\r\n                    <div class=\"close-menu\" id=\"closeMenu\">\r\n                        <i class=\"fas fa-times\"><\/i> Cerrar men\u00fa\r\n                    <\/div>\r\n                <\/li>\r\n                <li><a href=\"#hero\" class=\"nav-link\">Inicio<\/a><\/li>\r\n                <li><a href=\"#servicios\" class=\"nav-link\">Servicios<\/a><\/li>\r\n                <li><a href=\"#prioridad\" class=\"nav-link\">Nosotros<\/a><\/li>\r\n                <li><a href=\"#contacto\" class=\"nav-link\">Contacto<\/a><\/li>\r\n                <li><a href=\"https:\/\/www.doctoralia.com.mx\/martha-elena-ponce-padron\/psicologo\/\" class=\"btn-cta\">Agenda tu consulta<\/a><\/li>\r\n            <\/ul>\r\n            <div class=\"hamburger\" id=\"hamburger\">\r\n                <i class=\"fas fa-bars\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <section id=\"hero\" class=\"hero\">\r\n        <div class=\"hero-overlay\"><\/div>\r\n        <div class=\"hero-container-fluid\">\r\n            <div class=\"hero-grid\">\r\n                <div class=\"hero-text\">\r\n                    <h1>Atenci\u00f3n psicoterap\u00e9utica para <span class=\"text-highlight\">ni\u00f1os, adolescentes y adultos<\/span>.<\/h1>\r\n                    <p>Promoviendo el cuidado integral de la salud mental con herramientas efectivas, en un ambiente de calidez, empat\u00eda y profesionalismo.<\/p>\r\n                    <a href=\"https:\/\/www.doctoralia.com.mx\/martha-elena-ponce-padron\/psicologo\/\" class=\"btn-hero\">Agenda tu primera consulta<\/a>\r\n                <\/div>\r\n                <div class=\"hero-visual\">\r\n                    <img decoding=\"async\" src=\"https:\/\/marthaponce.com\/wp-content\/uploads\/2026\/02\/Gemini_copy.png\" alt=\"Terapia Martha Ponce\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"servicios\" class=\"section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Especialidades Cl\u00ednicas<\/h2>\r\n            <div class=\"services-grid\">\r\n                <article class=\"service-card\">\r\n                    <i class=\"fas fa-cloud-sun service-icon\"><\/i>\r\n                    <h3>Ansiedad y Depresi\u00f3n<\/h3>\r\n                    <p>Intervenci\u00f3n en fobias, ansiedad por separaci\u00f3n, ansiedad social y estados depresivos en ni\u00f1os y adolescentes.<\/p>\r\n                <\/article>\r\n                <article class=\"service-card\">\r\n                    <i class=\"fas fa-puzzle-piece service-icon\"><\/i>\r\n                    <h3>Neurodesarrollo (TEA\/TDAH)<\/h3>\r\n                    <p>Atenci\u00f3n especializada para Trastorno del Espectro Autista y D\u00e9ficit de Atenci\u00f3n con\/sin Hiperactividad.<\/p>\r\n                <\/article>\r\n                <article class=\"service-card\">\r\n                    <i class=\"fas fa-brain service-icon\"><\/i>\r\n                    <h3>Conducta y Aprendizaje<\/h3>\r\n                    <p>Apoyo en problemas conductuales, trastornos del sue\u00f1o, control de esf\u00ednteres (enuresis\/encopresis) y retos escolares.<\/p>\r\n                <\/article>\r\n                <article class=\"service-card\">\r\n                    <i class=\"fas fa-users service-icon\"><\/i>\r\n                    <h3>Orientaci\u00f3n a Padres<\/h3>\r\n                    <p>Herramientas para comprender y apoyar de manera amorosa y activa el desarrollo de tus hijos.<\/p>\r\n                <\/article>\r\n            <\/div>\r\n            \r\n            <!-- NUEVO CTA SERVICIOS -->\r\n            <div class=\"section-cta-container\">\r\n                <a href=\"https:\/\/www.doctoralia.com.mx\/martha-elena-ponce-padron\/psicologo\/\" class=\"btn-primary\">\u00bfNecesitas ayuda con alguno de estos temas? Cont\u00e1ctanos<\/a>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"prioridad\" class=\"priority-section\">\r\n        <div class=\"priority-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/marthaponce.com\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_fzi57vfzi57vfzi5-scaled.png\" alt=\"Terapia infantil humanista\">\r\n        <\/div>\r\n    \r\n        <div class=\"priority-text\">\r\n            <h2>Ciencia y calidez humana<\/h2>\r\n            <p>Integramos la evidencia cient\u00edfica con el juego psicoterap\u00e9utico. Nuestro objetivo es ser un referente que contribuya a construir comunidades m\u00e1s conscientes y emp\u00e1ticas.<\/p>\r\n            <ul class=\"benefit-list\">\r\n                <li><i class=\"fas fa-heart\"><\/i> Terapia basada en evidencia (TCC)<\/li>\r\n                <li><i class=\"fas fa-heart\"><\/i> Trato c\u00e1lido y sin juicios<\/li>\r\n                <li><i class=\"fas fa-heart\"><\/i> Acompa\u00f1amiento cl\u00ednico a padres<\/li>\r\n                <li><i class=\"fas fa-heart\"><\/i> Modalidad presencial (Zapopan) y online<\/li>\r\n            <\/ul>\r\n            \r\n            <!-- NUEVO CTA NOSOTROS -->\r\n            <div style=\"margin-top: 35px;\">\r\n                <a href=\"https:\/\/www.doctoralia.com.mx\/martha-elena-ponce-padron\/psicologo\/\" class=\"btn-secondary\">Inicia tu proceso terap\u00e9utico<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section id=\"perfil\" class=\"profile-section\">\r\n        <div class=\"container\">\r\n            <div class=\"profile-card\">\r\n                <div class=\"profile-header\">\r\n                    <div class=\"profile-icon\">\r\n                        <i class=\"fas fa-user-md\"><\/i>\r\n                    <\/div>\r\n                    <h3>Conoce a tu especialista<\/h3>\r\n                    <h2>Martha Elena Ponce Padr\u00f3n<\/h2>\r\n                    <span class=\"profile-title\">Psic\u00f3loga Cl\u00ednica<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"profile-bio\">\r\n                    <p>\r\n                        Soy la fundadora de este espacio dedicado al bienestar emocional. Mi pr\u00e1ctica profesional se distingue por una <strong>unicidad esencial<\/strong>: la integraci\u00f3n de la evidencia cient\u00edfica (Terapia Cognitivo Conductual) con el poder sanador del juego psicoterap\u00e9utico.\r\n                    <\/p>\r\n                    <p>\r\n                        Mi misi\u00f3n es brindarte herramientas efectivas en un ambiente de absoluta <strong>calidez, empat\u00eda y profesionalismo<\/strong>, ayudando a ni\u00f1os y adolescentes a afrontar retos como la ansiedad, el TDAH y la depresi\u00f3n, mientras acompa\u00f1o a los padres en el desarrollo amoroso y activo de sus hijos.\r\n                    <\/p>\r\n                <\/div>\r\n    \r\n                <div class=\"profile-footer\">\r\n                    <div class=\"profile-signature\">Martha Ponce<\/div>\r\n                <\/div>\r\n                \r\n                <!-- NUEVO CTA PERFIL -->\r\n                <div style=\"margin-top: 45px;\">\r\n                    <a href=\"https:\/\/www.doctoralia.com.mx\/martha-elena-ponce-padron\/psicologo\/\" class=\"btn-primary\">Agenda una sesi\u00f3n con Martha<\/a>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"proceso\" class=\"section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Nuestro Proceso Terap\u00e9utico<\/h2>\r\n            <div class=\"process-steps\">\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n                    <h4>1. Evaluaci\u00f3n Integral<\/h4>\r\n                    <p>Entendemos las necesidades espec\u00edficas del ni\u00f1o o adolescente.<\/p>\r\n                <\/div>\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-icon-box\"><i class=\"fas fa-hands-helping\"><\/i><\/div>\r\n                    <h4>2. Intervenci\u00f3n<\/h4>\r\n                    <p>Estrategias basadas en evidencia y juego terap\u00e9utico.<\/p>\r\n                <\/div>\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-icon-box\"><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <h4>3. Seguimiento<\/h4>\r\n                    <p>Consolidaci\u00f3n de herramientas para afrontar retos futuros.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- NUEVO CTA PROCESO -->\r\n            <div class=\"section-cta-container\">\r\n                <a href=\"https:\/\/www.doctoralia.com.mx\/martha-elena-ponce-padron\/psicologo\/\" class=\"btn-secondary\">Da el primer paso hoy mismo<\/a>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n    \r\n     <section id=\"testimonios\" class=\"section testimonials-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Lo que dicen las familias<\/h2>\r\n            <div class=\"carousel-container\">\r\n                <div class=\"carousel-track\" id=\"track\">\r\n                    <div class=\"testimonial-card\">\r\n                        <span class=\"testimonial-text\">\"Gracias a Martha recuperamos la comunicaci\u00f3n con nuestro hijo adolescente. Fue un cambio radical en casa.\"<\/span>\r\n                        <span class=\"testimonial-author\">Laura G.<\/span>\r\n                        <div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <span class=\"testimonial-text\">\"La terapia de pareja nos salv\u00f3. Aprendimos a escucharnos sin juzgarnos. Altamente recomendada.\"<\/span>\r\n                        <span class=\"testimonial-author\">Carlos y Ana<\/span>\r\n                        <div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <span class=\"testimonial-text\">\"Un espacio de paz en medio del caos. Me sent\u00ed comprendida desde el primer d\u00eda.\"<\/span>\r\n                        <span class=\"testimonial-author\">Sofia M.<\/span>\r\n                        <div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"carousel-nav\">\r\n                    <button class=\"carousel-btn\" id=\"prevBtn\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n                    <button class=\"carousel-btn\" id=\"nextBtn\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"contacto\" class=\"contact-section\">\r\n        <div class=\"container\">\r\n            <div class=\"contact-grid\">\r\n                <div class=\"contact-col form-wrapper\">\r\n                    <h3>Env\u00edanos un mensaje<\/h3>\r\n                    <iframe \r\n                        scrolling=\"auto\" \r\n                        src=\"https:\/\/sales.portal24x7.com\/document.php?module=form&option=optin&action=show&parm1=690&parm2=2\" \r\n                        frameborder=\"0\" \r\n                        height=\"400\" \r\n                        width=\"100%\"\r\n                        style=\"border:none; max-width: 100%;\">\r\n                    <\/iframe>\r\n                <\/div>\r\n                \r\n                <div class=\"contact-col info-wrapper\">\r\n                    <h3>Informaci\u00f3n de Contacto<\/h3>\r\n                    <div class=\"info-item\">\r\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                        <p>Joan Sebastian Bach 5093, Cons. 9,<br>La Estancia, Zapopan, Jal.<\/p>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <i class=\"fas fa-phone\"><\/i>\r\n                        <p>33 1499 7685<\/p>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                        <p>talena.ponce@gmail.com<\/p>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <a href=\"https:\/\/www.doctoralia.com.mx\/martha-elena-ponce-padron\/psicologo\/\"\r\n                           target=\"_blank\"\r\n                           rel=\"noopener\"\r\n                           title=\"Ver en Doctoralia\"\r\n                           class=\"doctoralia-info-icon\"\r\n                           style=\"display: flex; align-items: center; gap: 10px; text-decoration:none; color: inherit;\">\r\n                            <span style=\"display: flex; align-items: center; justify-content:center; width: 36px; height: 36px; border-radius: 50%; background: #1E7B73; margin-right:8px;\">\r\n                                <svg width=\"20\" height=\"19\" viewBox=\"0 0 2000 1897\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" style=\"display: block; vertical-align: middle;\">\r\n                                    <path d=\"M86.2406 561.86c10.9418-33.415 45.6074-52.927 79.8514-44.946l513.753 119.74c36.232 8.445 71.528-17.208 74.678-54.276l44.22-520.301C801.726 26.9738 831.091 0 866.323 0h269.597c35.23 0 64.6 26.9791 67.58 62.0862l40.52 477.5898c1.8 21.175-10.75 40.972-30.62 48.509-200.71 76.121-328.29 131.15-477.943 229.723-96.61 63.635-193.595 136.331-279.088 217.652-15.954 15.17-39.324 19.87-59.64 11.38L41.686 898.578c-32.63682-13.637-49.31217-50.066-38.30503-83.68L86.2406 561.86zm1396.8594 1322.39c-28.44 20.44-67.76 15.86-90.75-10.56l-255.27-293.4c-14.71-16.92-17.69-41.22-6-60.35 65.54-107.27 176.12-219.22 284.17-298.28 18.65-13.65 44.73-7.88 56.81 11.83l247.19 403.72c18.55 30.29 10.58 69.76-18.27 90.49l-217.88 156.55zm-910.522.65c33.219 22.99 78.994 11.97 99.338-22.94 282.508-484.74 725.214-844.75 1278.574-970.31 35.94-8.154 57.93-45.208 46.45-80.225l-82.12-250.571c-10.01-30.563-40.17-49.994-72.03-45.598-683.38 94.28-1266.475 492.836-1597.35 1062.296-19.1 32.87-8.995 74.64 22.265 96.28l304.873 210.07z\" fill=\"#fff\"><\/path>\r\n                                <\/svg>\r\n                            <\/span>\r\n                            <span style=\"font-size: 1em; font-weight: 500;\">Lic. Martha Elena Ponce Padr\u00f3n<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"map-box\">\r\n                        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3762.538575971485!2d-99.133208!3d19.432608!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTnCsDI1JzU3LjQiTiA5OcKwMDcnNTkuNiJX!5e0!3m2!1ses-419!2smx!4v1600000000000!5m2!1ses-419!2smx\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"main-footer\">\r\n        <div class=\"container\">\r\n            <div class=\"footer-grid-layout\">\r\n                <div class=\"footer-col-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/marthaponce.com\/wp-content\/uploads\/2026\/02\/MARTHA-P-B-scaled.png\" alt=\"Martha Ponce Psic\u00f3loga\">\r\n                <\/div>\r\n    \r\n                <div class=\"footer-col-links\">\r\n                    <ul>\r\n                        <li><a href=\"#hero\">Inicio<\/a><\/li>\r\n                        <li><a href=\"#servicios\">Servicios<\/a><\/li>\r\n                        <li><a href=\"#prioridad\">Nosotros<\/a><\/li>\r\n                        <li><a href=\"#proceso\">Proceso<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n    \r\n                <div class=\"footer-col-social\">\r\n                    <div class=\"social-icons\">\r\n                        <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                        <a href=\"https:\/\/wa.me\/523314997685\" class=\"social-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n                        <a href=\"https:\/\/www.doctoralia.com.mx\/martha-elena-ponce-padron\/psicologo\/\" \r\n                           class=\"social-icon doctoralia-icon\" \r\n                           target=\"_blank\" \r\n                           rel=\"noopener\" \r\n                           title=\"Ver en Doctoralia\" \r\n                           style=\"background-color: #1E7B73; display: flex; align-items: center; justify-content: center;\">\r\n                            <svg width=\"20\" height=\"18\" viewBox=\"0 0 2000 1897\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" style=\"vertical-align: middle; display: block;\">\r\n                                <path d=\"M86.2406 561.86c10.9418-33.415 45.6074-52.927 79.8514-44.946l513.753 119.74c36.232 8.445 71.528-17.208 74.678-54.276l44.22-520.301C801.726 26.9738 831.091 0 866.323 0h269.597c35.23 0 64.6 26.9791 67.58 62.0862l40.52 477.5898c1.8 21.175-10.75 40.972-30.62 48.509-200.71 76.121-328.29 131.15-477.943 229.723-96.61 63.635-193.595 136.331-279.088 217.652-15.954 15.17-39.324 19.87-59.64 11.38L41.686 898.578c-32.63682-13.637-49.31217-50.066-38.30503-83.68L86.2406 561.86zm1396.8594 1322.39c-28.44 20.44-67.76 15.86-90.75-10.56l-255.27-293.4c-14.71-16.92-17.69-41.22-6-60.35 65.54-107.27 176.12-219.22 284.17-298.28 18.65-13.65 44.73-7.88 56.81 11.83l247.19 403.72c18.55 30.29 10.58 69.76-18.27 90.49l-217.88 156.55zm-910.522.65c33.219 22.99 78.994 11.97 99.338-22.94 282.508-484.74 725.214-844.75 1278.574-970.31 35.94-8.154 57.93-45.208 46.45-80.225l-82.12-250.571c-10.01-30.563-40.17-49.994-72.03-45.598-683.38 94.28-1266.475 492.836-1597.35 1062.296-19.1 32.87-8.995 74.64 22.265 96.28l304.873 210.07z\" fill=\"#fff\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"copyright\">\r\n                        <p>\u00a9 2025 Martha Ponce.<br>Derechos reservados para Sales24x7.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <div class=\"btn-top\" id=\"btnTop\">\r\n        <i class=\"fas fa-arrow-up\"><\/i>\r\n    <\/div>\r\n\r\n    <div class=\"fab-container\">\r\n        <div class=\"fab-main\" id=\"fabMain\">\r\n            <i class=\"fas fa-message\"><\/i>\r\n        <\/div>\r\n        <div class=\"fab-options\" id=\"fabOptions\">\r\n            <a href=\"https:\/\/wa.me\/523314997685\" class=\"fab-child bg-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n            <a href=\"tel:+523314997685\" class=\"fab-child bg-phone\"><i class=\"fas fa-phone\"><\/i><\/a>\r\n            <a href=\"mailto:talena.ponce@gmail.com\" class=\"fab-child bg-email\"><i class=\"fas fa-envelope\"><\/i><\/a>\r\n            <a href=\"https:\/\/www.doctoralia.com.mx\/martha-elena-ponce-padron\/psicologo\/\" class=\"fab-child\" target=\"_blank\" rel=\"noopener\" title=\"Ver en Doctoralia\" style=\"background-color: #1E7B73;\">\r\n                <svg width=\"32\" height=\"30\" viewBox=\"0 0 2000 1897\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" style=\"vertical-align: middle; display:block; margin:auto;\">\r\n                    <path d=\"M86.2406 561.86c10.9418-33.415 45.6074-52.927 79.8514-44.946l513.753 119.74c36.232 8.445 71.528-17.208 74.678-54.276l44.22-520.301C801.726 26.9738 831.091 0 866.323 0h269.597c35.23 0 64.6 26.9791 67.58 62.0862l40.52 477.5898c1.8 21.175-10.75 40.972-30.62 48.509-200.71 76.121-328.29 131.15-477.943 229.723-96.61 63.635-193.595 136.331-279.088 217.652-15.954 15.17-39.324 19.87-59.64 11.38L41.686 898.578c-32.63682-13.637-49.31217-50.066-38.30503-83.68L86.2406 561.86zm1396.8594 1322.39c-28.44 20.44-67.76 15.86-90.75-10.56l-255.27-293.4c-14.71-16.92-17.69-41.22-6-60.35 65.54-107.27 176.12-219.22 284.17-298.28 18.65-13.65 44.73-7.88 56.81 11.83l247.19 403.72c18.55 30.29 10.58 69.76-18.27 90.49l-217.88 156.55zm-910.522.65c33.219 22.99 78.994 11.97 99.338-22.94 282.508-484.74 725.214-844.75 1278.574-970.31 35.94-8.154 57.93-45.208 46.45-80.225l-82.12-250.571c-10.01-30.563-40.17-49.994-72.03-45.598-683.38 94.28-1266.475 492.836-1597.35 1062.296-19.1 32.87-8.995 74.64 22.265 96.28l304.873 210.07z\" fill=\"#fff\"><\/path>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ 1. L\u00f3gica Navbar Mobile\r\n        const hamburger = document.getElementById('hamburger');\r\n        const navMenu = document.getElementById('navMenu');\r\n        const closeMenu = document.getElementById('closeMenu'); \r\n        \r\n        hamburger.addEventListener('click', () => {\r\n            navMenu.classList.add('active');\r\n        });\r\n        \r\n        if(closeMenu) {\r\n            closeMenu.addEventListener('click', () => {\r\n                navMenu.classList.remove('active');\r\n            });\r\n        }\r\n        \r\n        document.querySelectorAll('.nav-link, .btn-cta-mobile').forEach(n => \r\n            n.addEventListener('click', () => {\r\n                navMenu.classList.remove('active');\r\n            })\r\n        );\r\n        \r\n        document.addEventListener('click', (e) => {\r\n            if (!navMenu.contains(e.target) && !hamburger.contains(e.target) && navMenu.classList.contains('active')) {\r\n                navMenu.classList.remove('active');\r\n            }\r\n        });\r\n\r\n        \/\/ 2. L\u00f3gica Back to Top y Visibilidad\r\n        const btnTop = document.getElementById('btnTop');\r\n        \r\n        window.addEventListener('scroll', () => {\r\n            if (window.scrollY > 300) {\r\n                btnTop.classList.add('visible');\r\n            } else {\r\n                btnTop.classList.remove('visible');\r\n            }\r\n        });\r\n\r\n        btnTop.addEventListener('click', () => {\r\n            window.scrollTo({\r\n                top: 0,\r\n                behavior: 'smooth'\r\n            });\r\n        });\r\n\r\n        \/\/ 3. Men\u00fa Flotante Din\u00e1mico\r\n        const fabMain = document.getElementById('fabMain');\r\n        const fabOptions = document.getElementById('fabOptions');\r\n\r\n        fabMain.addEventListener('click', () => {\r\n            fabMain.classList.toggle('active');\r\n            fabOptions.classList.toggle('active');\r\n            \r\n            const icon = fabMain.querySelector('i');\r\n            if (fabMain.classList.contains('active')) {\r\n                icon.classList.remove('fa-message');\r\n                icon.classList.add('fa-times');\r\n                \r\n                fabOptions.style.zIndex = '1000';\r\n                btnTop.style.zIndex = '';\r\n            } else {\r\n                icon.classList.remove('fa-times');\r\n                icon.classList.add('fa-message');\r\n                fabOptions.style.zIndex = '';\r\n                btnTop.style.zIndex = '996';\r\n            }\r\n        });\r\n\r\n        \/\/ 4. L\u00f3gica del Carrusel\r\n        const track = document.getElementById('track');\r\n        const nextBtn = document.getElementById('nextBtn');\r\n        const prevBtn = document.getElementById('prevBtn');\r\n        let index = 0;\r\n\r\n        function updateCarousel() {\r\n            const width = track.clientWidth; \r\n            track.style.transform = `translateX(-${index * 100}%)`;\r\n        }\r\n\r\n        nextBtn.addEventListener('click', () => {\r\n            if (index < 2) { \r\n                index++;\r\n            } else {\r\n                index = 0; \r\n            }\r\n            updateCarousel();\r\n        });\r\n\r\n        prevBtn.addEventListener('click', () => {\r\n            if (index > 0) {\r\n                index--;\r\n            } else {\r\n                index = 2; \r\n            }\r\n            updateCarousel();\r\n        });\r\n\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n\r\n        track.addEventListener('touchstart', e => {\r\n            touchStartX = e.changedTouches[0].screenX;\r\n        });\r\n\r\n        track.addEventListener('touchend', e => {\r\n            touchEndX = e.changedTouches[0].screenX;\r\n            handleSwipe();\r\n        });\r\n\r\n        function handleSwipe() {\r\n            if (touchStartX - touchEndX > 50) {\r\n                nextBtn.click();\r\n            }\r\n            if (touchEndX - touchStartX > 50) {\r\n                prevBtn.click();\r\n            }\r\n        }\r\n        \r\n        \/\/ 5. L\u00d3GICA DE SCROLL SPY\r\n        const sections = document.querySelectorAll('section[id]');\r\n        const navLinks = document.querySelectorAll('.nav-link');\r\n        \r\n        const observerOptions = {\r\n            root: null,\r\n            rootMargin: '0px',\r\n            threshold: 0.3 \r\n        };\r\n        \r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const currentId = entry.target.getAttribute('id');\r\n        \r\n                    navLinks.forEach(link => {\r\n                        link.classList.remove('active');\r\n                        if (link.getAttribute('href').includes(currentId)) {\r\n                            link.classList.add('active');\r\n                        }\r\n                    });\r\n                }\r\n            });\r\n        }, observerOptions);\r\n        \r\n        sections.forEach(section => {\r\n            observer.observe(section);\r\n        });\r\n        \r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>Martha Ponce | Acompa\u00f1amiento Emocional Cerrar men\u00fa Inicio Servicios Nosotros Contacto Agenda tu consulta Atenci\u00f3n psicoterap\u00e9utica para ni\u00f1os, adolescentes y adultos. Promoviendo el cuidado integral de la salud mental con herramientas efectivas, en un ambiente de calidez, empat\u00eda y profesionalismo. Agenda tu primera consulta Especialidades Cl\u00ednicas Ansiedad y Depresi\u00f3n Intervenci\u00f3n en fobias, ansiedad por separaci\u00f3n, ansiedad social y estados depresivos en ni\u00f1os y adolescentes. Neurodesarrollo (TEA\/TDAH) Atenci\u00f3n especializada para Trastorno del Espectro Autista y D\u00e9ficit de Atenci\u00f3n con\/sin Hiperactividad. Conducta y Aprendizaje Apoyo en problemas conductuales, trastornos del sue\u00f1o, control de esf\u00ednteres (enuresis\/encopresis) y retos escolares. Orientaci\u00f3n a Padres Herramientas para comprender y apoyar de manera amorosa y activa el desarrollo de tus hijos. \u00bfNecesitas ayuda con alguno de estos temas? Cont\u00e1ctanos Ciencia y calidez humana Integramos la evidencia cient\u00edfica con el juego psicoterap\u00e9utico. Nuestro objetivo es ser un referente que contribuya a construir comunidades m\u00e1s conscientes y emp\u00e1ticas. Terapia basada en evidencia (TCC) Trato c\u00e1lido y sin juicios Acompa\u00f1amiento cl\u00ednico a padres Modalidad presencial (Zapopan) y online Inicia tu proceso terap\u00e9utico Conoce a tu especialista Martha Elena Ponce Padr\u00f3n Psic\u00f3loga Cl\u00ednica Soy la fundadora de este espacio dedicado al bienestar emocional. Mi pr\u00e1ctica profesional se distingue por una unicidad esencial: la integraci\u00f3n de la evidencia cient\u00edfica (Terapia Cognitivo Conductual) con el poder sanador del juego psicoterap\u00e9utico. Mi misi\u00f3n es brindarte herramientas efectivas en un ambiente de absoluta calidez, empat\u00eda y profesionalismo, ayudando a ni\u00f1os y adolescentes a afrontar retos como la ansiedad, el TDAH y la depresi\u00f3n, mientras acompa\u00f1o a los padres en el desarrollo amoroso y activo de sus hijos. Martha Ponce Agenda una sesi\u00f3n con Martha Nuestro Proceso Terap\u00e9utico 1. Evaluaci\u00f3n Integral Entendemos las necesidades espec\u00edficas del ni\u00f1o o adolescente. 2. Intervenci\u00f3n Estrategias basadas en evidencia y juego terap\u00e9utico. 3. Seguimiento Consolidaci\u00f3n de herramientas para afrontar retos futuros. Da el primer paso hoy mismo Lo que dicen las familias \u00abGracias a Martha recuperamos la comunicaci\u00f3n con nuestro hijo adolescente. Fue un cambio radical en casa.\u00bb Laura G. \u00abLa terapia de pareja nos salv\u00f3. Aprendimos a escucharnos sin juzgarnos. Altamente recomendada.\u00bb Carlos y Ana \u00abUn espacio de paz en medio del caos. Me sent\u00ed comprendida desde el primer d\u00eda.\u00bb Sofia M. Env\u00edanos un mensaje Informaci\u00f3n de Contacto Joan Sebastian Bach 5093, Cons. 9,La Estancia, Zapopan, Jal. 33 1499 7685 talena.ponce@gmail.com Lic. Martha Elena Ponce Padr\u00f3n Inicio Servicios Nosotros Proceso \u00a9 2025 Martha Ponce.Derechos reservados para Sales24x7.<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marthaponce.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marthaponce.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marthaponce.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marthaponce.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marthaponce.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":121,"href":"https:\/\/marthaponce.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/marthaponce.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/marthaponce.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}