{"id":10,"date":"2026-01-22T13:56:03","date_gmt":"2026-01-22T13:56:03","guid":{"rendered":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/?page_id=10"},"modified":"2026-03-02T00:44:06","modified_gmt":"2026-03-02T00:44:06","slug":"principal","status":"publish","type":"page","link":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/","title":{"rendered":"Principal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2432514f e-flex e-con-boxed e-con e-parent\" data-id=\"2432514f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dfadebc elementor-widget elementor-widget-text-editor\" data-id=\"1dfadebc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e2c8c6 e-con-full e-flex e-con e-parent\" data-id=\"5e2c8c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44c1d4d elementor-widget elementor-widget-html\" data-id=\"44c1d4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 1. Dependencias y Configuraci\u00f3n -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<script>\r\n    tailwind.config = {\r\n        theme: {\r\n            extend: {\r\n                colors: {\r\n                    brand: {\r\n                        dark: '#333333',      \r\n                        primary: '#F7B0BA',   \/* Rosado Pastel (Fondos\/Detalles) *\/\r\n                        primaryStrong: '#9D174D', \/* Magenta Fuerte (Para texto sobre imagen) *\/\r\n                        purple: '#4A044E',    \/* Morado Oscuro (Nuevo color para t\u00edtulos) *\/\r\n                        primaryDark: '#db9aa3',\r\n                        sage: '#D1FAE5',      \r\n                        sageDark: '#064E3B',  \r\n                        white: '#FFFFFF',     \r\n                    }\r\n                },\r\n                fontFamily: {\r\n                    sans: ['Lato', 'sans-serif'],\r\n                    serif: ['Playfair Display', 'serif'],\r\n                },\r\n                animation: {\r\n                    'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\r\n                    'slide-down': 'slideDown 0.3s ease-out forwards',\r\n                },\r\n                keyframes: {\r\n                    fadeInUp: {\r\n                        '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n                        '100%': { opacity: '1', transform: 'translateY(0)' },\r\n                    },\r\n                    slideDown: {\r\n                        '0%': { transform: 'translateY(-100%)' },\r\n                        '100%': { transform: 'translateY(0)' },\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- 2. Estilos Personalizados -->\r\n<style>\r\n    .eliudmila-wrapper { \r\n        font-family: 'Lato', sans-serif; \r\n        color: #333333; \r\n        background-color: #FFFFFF; \r\n        width: 100%;\r\n        overflow-x: hidden;\r\n    }\r\n    .eliudmila-wrapper h1, \r\n    .eliudmila-wrapper h2, \r\n    .eliudmila-wrapper h3, \r\n    .eliudmila-wrapper h4, \r\n    .eliudmila-wrapper h5 { \r\n        font-family: 'Playfair Display', serif; \r\n    }\r\n\r\n    .hero-bg {\r\n        background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url('https:\/\/images.unsplash.com\/photo-1507290439931-a861b5a38200?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-attachment: scroll;\r\n        background-repeat: no-repeat;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .hero-bg {\r\n            background-attachment: fixed;\r\n        }\r\n    }\r\n\r\n    .reveal {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n    .reveal.active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .faq-content {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.3s ease-out;\r\n    }\r\n    .faq-input:checked ~ .faq-content {\r\n        max-height: 500px; \r\n    }\r\n    .faq-input:checked ~ label .faq-icon {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .quote-slide {\r\n        display: none;\r\n    }\r\n    .quote-slide.active {\r\n        display: block;\r\n        animation: fadeInUp 1s;\r\n    }\r\n    \r\n    .service-card:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* Clases para el Navbar Sticky *\/\r\n    .nav-sticky {\r\n        position: fixed !important;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        background-color: white;\r\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n        padding-top: 0.5rem !important;\r\n        padding-bottom: 0.5rem !important;\r\n        animation: slideDown 0.3s ease-out;\r\n        z-index: 9999;\r\n    }\r\n<\/style>\r\n\r\n<!-- 3. Contenido Principal -->\r\n<div class=\"eliudmila-wrapper selection:bg-brand-primary selection:text-brand-dark scroll-smooth\">\r\n\r\n    <!-- Wrapper de Navegaci\u00f3n -->\r\n    <div id=\"nav-wrapper\" class=\"w-full bg-white relative z-50\">\r\n        <nav id=\"main-nav\" class=\"w-full bg-white transition-all duration-300 py-6 md:py-8\">\r\n            <div id=\"nav-container\" class=\"max-w-7xl mx-auto px-4 flex flex-col items-center justify-center relative transition-all duration-300\">\r\n                \r\n                <!-- Bot\u00f3n M\u00f3vil (Hamburguesa) - INVISIBLE AL INICIO -->\r\n                <div id=\"mobile-btn-wrapper\" class=\"md:hidden absolute right-4 top-1\/2 transform -translate-y-1\/2 opacity-0 pointer-events-none transition-all duration-300\">\r\n                    <button id=\"mobile-menu-btn\" class=\"text-brand-purple focus:outline-none text-2xl p-2\">\r\n                        <i class=\"fas fa-bars\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <!-- 1. Logo Imagen (VISIBLE AL INICIO) -->\r\n                <a href=\"#\" class=\"transition-all duration-300 block\" id=\"logo-link\">\r\n                    <img decoding=\"async\" src=\"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-content\/uploads\/2026\/01\/logo-yosoyeliudmila.jpg\" alt=\"Yo Soy Eliudmila\" class=\"h-20 md:h-32 object-contain hover:opacity-90 transition-all duration-300\">\r\n                <\/a>\r\n\r\n                <!-- 2. Texto de Marca Sticky (OCULTO AL INICIO) -->\r\n                <a href=\"#\" id=\"sticky-brand-text\" class=\"hidden flex-col items-start leading-tight transition-all duration-300 group no-underline text-left\">\r\n                    <span class=\"text-lg md:text-xl font-serif text-brand-purple font-bold transition\">Eliudmila Hern\u00e1ndez<\/span>\r\n                    <span class=\"text-[10px] md:text-xs uppercase tracking-widest text-brand-primaryStrong\">Mentora y Estratega de Conciencia<\/span>\r\n                <\/a>\r\n                \r\n                <!-- Men\u00fa Desktop -->\r\n                <div id=\"desktop-menu\" class=\"hidden md:flex space-x-12 border-t border-gray-100 pt-4 mt-4 w-full justify-center transition-all duration-300 items-center\">\r\n                    <a href=\"#filosofia\" class=\"text-brand-dark hover:text-brand-purple transition uppercase text-xs tracking-widest font-bold no-underline\">Bit\u00e1cora<\/a>\r\n                    <a href=\"#servicios\" class=\"text-brand-dark hover:text-brand-purple transition uppercase text-xs tracking-widest font-bold no-underline\">Servicios<\/a>\r\n                    <a href=\"#bio\" class=\"text-brand-dark hover:text-brand-purple transition uppercase text-xs tracking-widest font-bold no-underline\">Sobre M\u00ed<\/a>\r\n                    <a href=\"#podcast\" class=\"text-brand-dark hover:text-brand-purple transition uppercase text-xs tracking-widest font-bold no-underline\">Podcast<\/a>\r\n                    <a href=\"#contacto\" class=\"text-brand-purple font-bold uppercase text-xs tracking-widest hover:text-brand-dark transition no-underline\">Contacto<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Mobile Menu (Desplegable) -->\r\n            <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-100 w-full shadow-lg absolute top-full left-0 z-40\">\r\n                <div class=\"px-6 py-8 space-y-6 flex flex-col items-center\">\r\n                    <a href=\"#filosofia\" class=\"text-brand-dark font-bold uppercase text-sm tracking-widest no-underline w-full text-center py-2\">Bit\u00e1cora<\/a>\r\n                    <a href=\"#servicios\" class=\"text-brand-dark font-bold uppercase text-sm tracking-widest no-underline w-full text-center py-2\">Servicios<\/a>\r\n                    <a href=\"#bio\" class=\"text-brand-dark font-bold uppercase text-sm tracking-widest no-underline w-full text-center py-2\">Sobre M\u00ed<\/a>\r\n                    <a href=\"#podcast\" class=\"text-brand-dark font-bold uppercase text-sm tracking-widest no-underline w-full text-center py-2\">Podcast<\/a>\r\n                    <a href=\"#contacto\" class=\"text-brand-purple font-bold uppercase text-sm tracking-widest no-underline w-full text-center py-2 border-t border-gray-100 mt-2\">Agendar<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/nav>\r\n    <\/div>\r\n\r\n    <!-- Hero Section -->\r\n    <header class=\"hero-bg min-h-[70vh] flex items-center justify-center relative px-6 text-center overflow-hidden w-full py-20\">\r\n        <div class=\"max-w-5xl mx-auto relative z-10\">\r\n            <div class=\"animate-fade-in-up bg-white\/70 p-8 md:p-12 rounded-xl backdrop-blur-sm shadow-sm inline-block\">\r\n                <!-- T\u00cdTULO CON NUEVO COLOR MORADO Y FUERTE -->\r\n                <h1 class=\"text-4xl md:text-7xl font-serif text-brand-purple mb-6 leading-tight drop-shadow-md font-medium\">\r\n                    El Arte de Recordar <br> \r\n                    <span class=\"text-brand-primaryStrong italic font-semibold\" style=\"text-shadow: 1px 1px 0px rgba(255,255,255,0.5);\">Qui\u00e9n Eres<\/span>\r\n                <\/h1>\r\n                <p class=\"text-base md:text-2xl text-gray-800 font-medium max-w-3xl mx-auto leading-relaxed mb-10 drop-shadow-sm\">\r\n                    Recupera tu visi\u00f3n, desenreda los hilos de tu historia y toma el mando de tu propia esencia.\r\n                <\/p>\r\n                <div class=\"flex flex-col sm:flex-row gap-6 justify-center items-center\">\r\n                    <a href=\"#filosofia\" class=\"bg-brand-purple text-white px-10 py-4 rounded-none text-sm uppercase tracking-widest hover:bg-brand-primaryStrong transition shadow-xl hover:-translate-y-1 duration-300 font-bold no-underline w-full sm:w-auto text-center\">\r\n                        Ver Bit\u00e1cora de Viaje\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Sabidur\u00eda Sist\u00e9mica -->\r\n    <section class=\"py-20 bg-brand-primary\/5 w-full\">\r\n        <div class=\"max-w-4xl mx-auto px-6 text-center\">\r\n            <i class=\"fas fa-quote-left text-3xl text-brand-purple mb-8 opacity-50\"><\/i>\r\n            <div id=\"quotes-container\" class=\"min-h-[120px] flex items-center justify-center\">\r\n                <div class=\"quote-slide active\">\r\n                    <p class=\"text-xl md:text-3xl font-serif text-brand-dark italic leading-relaxed\">\"El \u00e9xito tiene el rostro de la madre.\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <p class=\"text-xs uppercase tracking-widest text-brand-sageDark font-bold mt-8\">\u2014 Bert Hellinger<\/p>\r\n            <div class=\"flex justify-center gap-4 mt-6\">\r\n                <button onclick=\"prevQuote()\" class=\"text-brand-purple hover:text-brand-dark transition bg-transparent border-none cursor-pointer\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n                <button onclick=\"nextQuote()\" class=\"text-brand-purple hover:text-brand-dark transition bg-transparent border-none cursor-pointer\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Filosof\u00eda: Bit\u00e1cora de Viaje -->\r\n    <section id=\"filosofia\" class=\"py-32 bg-white reveal w-full\">\r\n        <div class=\"max-w-6xl mx-auto px-6\">\r\n            <div class=\"text-center mb-16\">\r\n                <span class=\"text-brand-purple uppercase tracking-widest text-xs font-bold block mb-4\">Filosof\u00eda<\/span>\r\n                <h2 class=\"text-4xl md:text-5xl font-serif text-brand-dark mb-6\">Tu Bit\u00e1cora de Viaje<\/h2>\r\n                <div class=\"w-24 h-1 bg-brand-purple mx-auto mb-8\"><\/div>\r\n                <p class=\"text-lg text-gray-600 font-light max-w-4xl mx-auto leading-relaxed\">\r\n                    Imagina por un momento que la vida no es una serie de eventos aleatorios, sino un tejido profundo donde cada hilo tiene un prop\u00f3sito. A veces, ese tejido se enreda. Mi prop\u00f3sito es acompa\u00f1arte a desenredar esos hilos integrando tres grandes puentes:\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"grid md:grid-cols-3 gap-12\">\r\n                <!-- Columna 1 -->\r\n                <div class=\"text-center p-6 border border-gray-100 hover:shadow-lg transition duration-500 rounded-lg\">\r\n                    <div class=\"w-16 h-16 bg-brand-sage rounded-full flex items-center justify-center mx-auto mb-6 text-brand-sageDark text-2xl\">\r\n                        <i class=\"fas fa-map-marked-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif text-2xl text-brand-dark mb-4\">El Mapa<\/h3>\r\n                    <h4 class=\"text-xs uppercase tracking-widest text-brand-purple font-bold mb-4\">Tu Di\u00e1logo con el Cosmos<\/h4>\r\n                    <p class=\"text-gray-600 font-light text-sm leading-relaxed\">\r\n                        A trav\u00e9s de la Astrolog\u00eda, dejamos de adivinar el camino para empezar a entenderlo. Tu Carta Natal es la partitura de tu alma; la Revoluci\u00f3n Solar, tu clima anual.\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Columna 2 -->\r\n                <div class=\"text-center p-6 border border-gray-100 hover:shadow-lg transition duration-500 rounded-lg\">\r\n                    <div class=\"w-16 h-16 bg-brand-primary\/20 rounded-full flex items-center justify-center mx-auto mb-6 text-brand-primaryStrong text-2xl\">\r\n                        <i class=\"fas fa-broom\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif text-2xl text-brand-dark mb-4\">La Limpieza<\/h3>\r\n                    <h4 class=\"text-xs uppercase tracking-widest text-brand-purple font-bold mb-4\">Liberar el Equipaje<\/h4>\r\n                    <p class=\"text-gray-600 font-light text-sm leading-relaxed\">\r\n                        Usando el P\u00e9ndulo y la Terapia de Respuesta Espiritual (TRE), barremos memorias y programas que te limitan. Es higiene espiritual.\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Columna 3 -->\r\n                <div class=\"text-center p-6 border border-gray-100 hover:shadow-lg transition duration-500 rounded-lg\">\r\n                    <div class=\"w-16 h-16 bg-brand-sage rounded-full flex items-center justify-center mx-auto mb-6 text-brand-sageDark text-2xl\">\r\n                        <i class=\"fas fa-network-wired\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif text-2xl text-brand-dark mb-4\">El Orden<\/h3>\r\n                    <h4 class=\"text-xs uppercase tracking-widest text-brand-purple font-bold mb-4\">Mirar con Ojos Nuevos<\/h4>\r\n                    <p class=\"text-gray-600 font-light text-sm leading-relaxed\">\r\n                        A trav\u00e9s de las Constelaciones, realizamos el cambio de perspectiva m\u00e1s profundo: dejamos de ser v\u00edctimas de nuestra herencia para convertirnos en herederos de su fuerza.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Servicios Completo -->\r\n    <section id=\"servicios\" class=\"py-24 bg-gray-50 w-full\">\r\n        <div class=\"max-w-7xl mx-auto px-6\">\r\n            <div class=\"text-center mb-20 reveal\">\r\n                <span class=\"text-brand-purple uppercase tracking-widest text-xs font-bold\">Propuesta Terap\u00e9utica<\/span>\r\n                <h2 class=\"text-5xl font-serif text-brand-dark mt-4\">Mis Servicios<\/h2>\r\n                <p class=\"mt-4 text-gray-500 font-light italic\">Herramientas para cada etapa de tu camino<\/p>\r\n            <\/div>\r\n\r\n            <!-- Grid de Servicios (3 columnas) -->\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16 reveal\">\r\n                \r\n                <!-- 1. Carta Natal -->\r\n                <div class=\"service-card bg-white p-10 shadow-sm border-t-4 border-brand-primary transition-all duration-300 flex flex-col\">\r\n                    <div class=\"mb-6\"><i class=\"fas fa-star text-4xl text-brand-primary\/40\"><\/i><\/div>\r\n                    <h3 class=\"text-2xl font-serif text-brand-dark mb-2\">Informe de Carta Natal<\/h3>\r\n                    <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-6\">El reencuentro con tu esencia<\/p>\r\n                    <p class=\"text-gray-600 font-light text-sm mb-6 flex-grow\">Este informe es una inmersi\u00f3n profunda en tu ADN c\u00f3smico, permiti\u00e9ndote comprender tu personalidad, sombras y dones.<\/p>\r\n                    <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quiero%20m\u00e1s%20informaci\u00f3n%20sobre%20Carta%20Natal\" target=\"_blank\" class=\"block text-center border border-brand-dark\/20 py-3 text-xs font-bold uppercase tracking-widest hover:bg-brand-dark hover:text-white transition duration-300 no-underline\">Descubre tu Mapa Natal<\/a>\r\n                <\/div>\r\n\r\n                <!-- 2. Revoluci\u00f3n Solar -->\r\n                <div class=\"service-card bg-white p-10 shadow-sm border-t-4 border-brand-sageDark transition-all duration-300 flex flex-col\">\r\n                    <div class=\"mb-6\"><i class=\"fas fa-sun text-4xl text-brand-sageDark\/40\"><\/i><\/div>\r\n                    <h3 class=\"text-2xl font-serif text-brand-dark mb-2\">Revoluci\u00f3n Solar<\/h3>\r\n                    <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-6\">Gu\u00eda para tu nuevo a\u00f1o<\/p>\r\n                    <p class=\"text-gray-600 font-light text-sm mb-6 flex-grow\">El mapa del clima energ\u00e9tico para tus pr\u00f3ximos 12 meses. Sabe qu\u00e9 \u00e1reas est\u00e1n listas para florecer.<\/p>\r\n                    <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quiero%20m\u00e1s%20informaci\u00f3n%20sobre%20Revoluci\u00f3n%20Solar\" target=\"_blank\" class=\"block text-center border border-brand-dark\/20 py-3 text-xs font-bold uppercase tracking-widest hover:bg-brand-dark hover:text-white transition duration-300 no-underline\">Agendar mi Revoluci\u00f3n Solar<\/a>\r\n                <\/div>\r\n\r\n                <!-- 3. Constelaciones Familiares -->\r\n                <div class=\"service-card bg-white p-10 shadow-sm border-t-4 border-brand-primary transition-all duration-300 flex flex-col\">\r\n                    <div class=\"mb-6\"><i class=\"fas fa-users text-4xl text-brand-primary\/40\"><\/i><\/div>\r\n                    <h3 class=\"text-2xl font-serif text-brand-dark mb-2\">Constelaciones Familiares<\/h3>\r\n                    <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-6\">Sana tus ra\u00edces<\/p>\r\n                    <p class=\"text-gray-600 font-light text-sm mb-6 flex-grow\">Saca a la luz lealtades invisibles y exclusiones para ocupar tu lugar correcto y caminar con libertad.<\/p>\r\n                    <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quiero%20m\u00e1s%20informaci\u00f3n%20sobre%20Constelaciones%20Familiares\" target=\"_blank\" class=\"block text-center border border-brand-dark\/20 py-3 text-xs font-bold uppercase tracking-widest hover:bg-brand-dark hover:text-white transition duration-300 no-underline\">Constelar mi sistema<\/a>\r\n                <\/div>\r\n\r\n                <!-- 4. Constelaciones Fluviales -->\r\n                <div class=\"service-card bg-white p-10 shadow-sm border-t-4 border-blue-300 transition-all duration-300 flex flex-col\">\r\n                    <div class=\"mb-6\"><i class=\"fas fa-water text-4xl text-blue-300\"><\/i><\/div>\r\n                    <h3 class=\"text-2xl font-serif text-brand-dark mb-2\">Constelaciones Fluviales<\/h3>\r\n                    <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-6\">La sabidur\u00eda del agua<\/p>\r\n                    <p class=\"text-gray-600 font-light text-sm mb-6 flex-grow\">El agua revela las din\u00e1micas ocultas sin interferencias, guiando hacia la soluci\u00f3n natural.<\/p>\r\n                    <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quiero%20m\u00e1s%20informaci\u00f3n%20sobre%20Constelaciones%20Fluviales\" target=\"_blank\" class=\"block text-center border border-brand-dark\/20 py-3 text-xs font-bold uppercase tracking-widest hover:bg-brand-dark hover:text-white transition duration-300 no-underline\">Sumergirme en lo Fluvial<\/a>\r\n                <\/div>\r\n\r\n                <!-- 5. TRE (Terapia Respuesta Espiritual) -->\r\n                <div class=\"service-card bg-white p-10 shadow-sm border-t-4 border-purple-300 transition-all duration-300 flex flex-col\">\r\n                    <div class=\"mb-6\"><i class=\"fas fa-pendulum text-4xl text-purple-300\"><span class=\"text-2xl\">\u26a1<\/span><\/i><\/div>\r\n                    <h3 class=\"text-2xl font-serif text-brand-dark mb-2\">Terapia TRE<\/h3>\r\n                    <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-6\">Desde los archivos del alma<\/p>\r\n                    <p class=\"text-gray-600 font-light text-sm mb-6 flex-grow\">Investiga y limpia programas negativos y bloqueos de vidas pasadas conectando con tu Yo Superior.<\/p>\r\n                    <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quiero%20m\u00e1s%20informaci\u00f3n%20sobre%20Terapia%20TRE\" target=\"_blank\" class=\"block text-center border border-brand-dark\/20 py-3 text-xs font-bold uppercase tracking-widest hover:bg-brand-dark hover:text-white transition duration-300 no-underline\">Agendar Sesi\u00f3n de TRE<\/a>\r\n                <\/div>\r\n\r\n                <!-- 6. Limpieza Energ\u00e9tica -->\r\n                <div class=\"service-card bg-white p-10 shadow-sm border-t-4 border-gray-400 transition-all duration-300 flex flex-col\">\r\n                    <div class=\"mb-6\"><i class=\"fas fa-sparkles text-4xl text-gray-400\"><\/i><\/div>\r\n                    <h3 class=\"text-2xl font-serif text-brand-dark mb-2\">Limpieza Energ\u00e9tica<\/h3>\r\n                    <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-6\">Restauraci\u00f3n y equilibrio<\/p>\r\n                    <p class=\"text-gray-600 font-light text-sm mb-6 flex-grow\">Detecta y remueve densidades o interferencias en tus cuerpos sutiles y chakras.<\/p>\r\n                    <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quiero%20m\u00e1s%20informaci\u00f3n%20sobre%20Limpieza%20Energ\u00e9tica\" target=\"_blank\" class=\"block text-center border border-brand-dark\/20 py-3 text-xs font-bold uppercase tracking-widest hover:bg-brand-dark hover:text-white transition duration-300 no-underline\">Quiero una Limpieza<\/a>\r\n                <\/div>\r\n\r\n                 <!-- 7. Constelaciones Organizacionales -->\r\n                 <div class=\"service-card bg-brand-sage\/20 p-10 shadow-sm border-t-4 border-brand-sageDark transition-all duration-300 flex flex-col md:col-span-2 lg:col-span-3 items-center text-center\">\r\n                    <div class=\"mb-6\"><i class=\"fas fa-briefcase text-4xl text-brand-sageDark\/60\"><\/i><\/div>\r\n                    <h3 class=\"text-3xl font-serif text-brand-dark mb-2\">Constelaciones Organizacionales<\/h3>\r\n                    <p class=\"text-xs font-bold text-brand-sageDark uppercase tracking-wider mb-6\">\u00c9xito para tus proyectos<\/p>\r\n                    <p class=\"text-gray-600 font-light text-sm mb-6 max-w-2xl\">Diagnostica la din\u00e1mica de tu negocio, identifica bloqueos en el flujo de dinero o conflictos de liderazgo.<\/p>\r\n                    <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quiero%20m\u00e1s%20informaci\u00f3n%20sobre%20Constelaciones%20Organizacionales\" target=\"_blank\" class=\"inline-block bg-brand-sageDark text-white px-10 py-3 text-xs font-bold uppercase tracking-widest hover:bg-brand-dark transition duration-300 no-underline shadow-lg\">Consultor\u00eda Sist\u00e9mica<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Bot\u00f3n Especial Venezuela -->\r\n            <div class=\"text-center reveal\">\r\n                <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quiero%20m\u00e1s%20informaci\u00f3n%20sobre%20precios%20especiales%20Venezuela\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-white border-2 border-brand-sageDark text-brand-sageDark px-10 py-4 rounded-full font-bold uppercase tracking-widest hover:bg-brand-sageDark hover:text-white transition duration-300 shadow-lg transform hover:-translate-y-1 no-underline\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                    \u00bfEst\u00e1s en Venezuela? Consulta precios especiales aqu\u00ed\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Accesorio Cu\u00e1ntico (NUEVA SECCI\u00d3N) -->\r\n    <section id=\"accesorio-cuantico\" class=\"py-24 bg-brand-primary\/5 reveal w-full border-t border-gray-100\">\r\n        <div class=\"max-w-6xl mx-auto px-6\">\r\n            <div class=\"flex flex-col md:flex-row items-center gap-16\">\r\n                <!-- Textos -->\r\n                <div class=\"md:w-1\/2 order-2 md:order-1 text-center md:text-left\">\r\n                    <span class=\"text-brand-purple uppercase tracking-widest text-xs font-bold mb-4 block\">Bienestar F\u00edsico y Energ\u00e9tico<\/span>\r\n                    <h2 class=\"text-4xl md:text-5xl font-serif text-brand-dark mb-6 leading-tight\">No solo es sanar el alma, tambi\u00e9n es mantener sano el cuerpo<\/h2>\r\n                    <p class=\"text-gray-600 leading-relaxed font-light text-md mb-8\">\r\n                        Somos seres integrales. Mientras trabajamos las emociones y el sistema, nuestro cuerpo tambi\u00e9n requiere afinaci\u00f3n. El <strong>Accesorio Cu\u00e1ntico<\/strong> es una tecnolog\u00eda de bienestar que trabaja a nivel celular mediante resonancia, minerales y frecuencias (iones negativos), devolvi\u00e9ndote la vitalidad natural.\r\n                    <\/p>\r\n                    \r\n                    <!-- Lista de Beneficios -->\r\n                    <div class=\"space-y-4 text-gray-600 font-light text-sm mb-10 text-left\">\r\n                        <div class=\"flex items-start\">\r\n                            <i class=\"fas fa-check text-brand-primaryStrong mt-1 mr-4\"><\/i> \r\n                            <p><strong>Armonizaci\u00f3n Celular:<\/strong> Restaura el equilibrio y la energ\u00eda vital de todo tu cuerpo.<\/p>\r\n                        <\/div>\r\n                        <div class=\"flex items-start\">\r\n                            <i class=\"fas fa-check text-brand-primaryStrong mt-1 mr-4\"><\/i> \r\n                            <p><strong>Protecci\u00f3n Electromagn\u00e9tica:<\/strong> Crea un escudo protector frente a la radiaci\u00f3n de pantallas, Wi-Fi y 5G.<\/p>\r\n                        <\/div>\r\n                        <div class=\"flex items-start\">\r\n                            <i class=\"fas fa-check text-brand-primaryStrong mt-1 mr-4\"><\/i> \r\n                            <p><strong>Alivio y Recuperaci\u00f3n:<\/strong> Ayuda a disminuir dolores articulares, musculares e inflamaciones.<\/p>\r\n                        <\/div>\r\n                        <div class=\"flex items-start\">\r\n                            <i class=\"fas fa-check text-brand-primaryStrong mt-1 mr-4\"><\/i> \r\n                            <p><strong>Descanso Profundo:<\/strong> Mejora significativamente la calidad del sue\u00f1o y reduce el estr\u00e9s f\u00edsico.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quiero%20adquirir%20el%20Accesorio%20Cu\u00e1ntico\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-brand-purple text-white px-8 py-4 rounded-full font-bold uppercase tracking-widest hover:bg-brand-primaryStrong transition duration-300 shadow-lg transform hover:-translate-y-1 no-underline\">\r\n                        <i class=\"fab fa-whatsapp text-lg\"><\/i> Adquiere tu accesorio cu\u00e1ntico\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <!-- Imagen Vertical (Ajustada) -->\r\n                <div class=\"md:w-1\/2 order-1 md:order-2 flex justify-center\">\r\n                    <div class=\"relative w-full max-w-sm\">\r\n                        <!-- Elemento decorativo detr\u00e1s de la imagen -->\r\n                        <div class=\"absolute -inset-4 bg-brand-sage\/30 rounded-xl transform rotate-3 -z-10\"><\/div>\r\n                        <!-- Imagen en proporci\u00f3n original vertical -->\r\n                        <img decoding=\"async\" src=\"https:\/\/aplica.top\/sanar\/sanar.jpg\" \r\n                             onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1612441804231-77a36b284856?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80'\" \r\n                             alt=\"Accesorio Cu\u00e1ntico para el Bienestar\" \r\n                             class=\"w-full h-auto object-contain shadow-xl transition duration-700 rounded-xl border-4 border-white relative z-10\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Bio (Sobre M\u00ed) -->\r\n    <section id=\"bio\" class=\"py-32 bg-white relative overflow-hidden reveal w-full\">\r\n        <div class=\"max-w-6xl mx-auto px-6 relative z-10\">\r\n            <div class=\"flex flex-col md:flex-row items-center gap-16\">\r\n                <div class=\"md:w-1\/2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-content\/uploads\/2026\/01\/eliudmila.jpg\" alt=\"Eliudmila Hern\u00e1ndez\" class=\"w-full h-auto shadow-xl transition duration-700 object-cover aspect-[4\/5] rounded-sm\">\r\n                <\/div>\r\n                <div class=\"md:w-1\/2 text-center md:text-left\">\r\n                    <span class=\"text-brand-purple uppercase tracking-widest text-xs font-bold mb-4 block\">La Terapeuta<\/span>\r\n                    <h2 class=\"text-4xl font-serif text-brand-dark mb-6\">Hola, mi nombre es Eliudmila Hern\u00e1ndez<\/h2>\r\n                    <div class=\"text-gray-600 leading-relaxed font-light text-md space-y-4 text-justify\">\r\n                        <p>\r\n                            Mi camino profesional comenz\u00f3 en el mundo de las letras como Licenciada por la UCV y en la m\u00fasica como profesora de canto coral, experiencias que me ense\u00f1aron a escuchar lo que hay detr\u00e1s de las palabras y los silencios. Sin embargo, fue el tr\u00e1nsito por una depresi\u00f3n profunda lo que me impuls\u00f3 a buscar un sentido m\u00e1s all\u00e1 de lo convencional.\r\n                        <\/p>\r\n                        <p>\r\n                            Tras a\u00f1os de formaci\u00f3n en Astrolog\u00eda, Terapia de Respuesta Espiritual y limpieza energ\u00e9tica, logr\u00e9 transformar mi propia crisis en una metodolog\u00eda de trabajo. Tras la pandemia, profundic\u00e9 en la filosof\u00eda sist\u00e9mica de las Constelaciones Familiares. Hoy, me dedico a acompa\u00f1ar a hombres y mujeres a identificar los or\u00edgenes de sus limitaciones para vivir con libertad, orden y coherencia.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Historias -->\r\n    <section class=\"py-24 bg-brand-sage\/20 reveal w-full\">\r\n        <div class=\"max-w-6xl mx-auto px-6\">\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-4xl font-serif text-brand-dark mb-4\">Historias de Transformaci\u00f3n<\/h2>\r\n                <p class=\"text-gray-500 font-light italic\">Peque\u00f1os relatos de grandes movimientos del alma<\/p>\r\n            <\/div>\r\n            <div class=\"grid md:grid-cols-3 gap-8\">\r\n                <div class=\"bg-white p-8 shadow-sm hover:shadow-md transition duration-300 border-t-4 border-brand-primary\">\r\n                    <div class=\"text-4xl text-brand-primary\/20 mb-4 font-serif\">\"<\/div>\r\n                    <h3 class=\"font-serif text-xl mb-4 text-brand-dark\">Reconciliaci\u00f3n con el Padre<\/h3>\r\n                    <p class=\"text-gray-600 font-light text-sm leading-relaxed mb-4\">\"Carmen lleg\u00f3 sinti\u00e9ndose estancada profesionalmente. Al hacer el movimiento de honrar a su padre, a las dos semanas recibi\u00f3 la oferta de trabajo que esperaba hac\u00eda a\u00f1os.\"<\/p>\r\n                    <p class=\"text-xs font-bold text-brand-sageDark uppercase tracking-widest\">El \u00c9xito y el Padre<\/p>\r\n                <\/div>\r\n                <div class=\"bg-white p-8 shadow-sm hover:shadow-md transition duration-300 border-t-4 border-brand-sageDark\">\r\n                    <div class=\"text-4xl text-brand-sageDark\/20 mb-4 font-serif\">\"<\/div>\r\n                    <h3 class=\"font-serif text-xl mb-4 text-brand-dark\">Sanando la Pareja<\/h3>\r\n                    <p class=\"text-gray-600 font-light text-sm leading-relaxed mb-4\">\"Luis descubri\u00f3 una lealtad a un t\u00edo excluido. Al darle su lugar, pudo soltar esa carga y hoy construye una relaci\u00f3n estable y presente.\"<\/p>\r\n                    <p class=\"text-xs font-bold text-brand-sageDark uppercase tracking-widest\">Amor y Pertenencia<\/p>\r\n                <\/div>\r\n                <div class=\"bg-white p-8 shadow-sm hover:shadow-md transition duration-300 border-t-4 border-brand-primary\">\r\n                    <div class=\"text-4xl text-brand-primary\/20 mb-4 font-serif\">\"<\/div>\r\n                    <h3 class=\"font-serif text-xl mb-4 text-brand-dark\">La Fuerza de la Madre<\/h3>\r\n                    <p class=\"text-gray-600 font-light text-sm leading-relaxed mb-4\">\"Ana sent\u00eda ansiedad constante. Trabajamos en tomar a su madre tal cual fue. Esa aceptaci\u00f3n trajo una calma inmediata.\"<\/p>\r\n                    <p class=\"text-xs font-bold text-brand-sageDark uppercase tracking-widest\">Vida y Madre<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Nueva Secci\u00f3n: Podcast (Solo Podcast) -->\r\n    <section id=\"podcast\" class=\"py-24 bg-white reveal w-full border-t border-gray-100\">\r\n        <div class=\"max-w-5xl mx-auto px-6 text-center\">\r\n            <span class=\"text-brand-purple uppercase tracking-widest text-xs font-bold block mb-4\">Contenido Gratuito<\/span>\r\n            <h2 class=\"text-4xl md:text-5xl font-serif text-brand-dark mb-6\">Podcast: Alquimia del Buen Vivir<\/h2>\r\n            <p class=\"text-gray-600 font-light max-w-2xl mx-auto mb-12\">\r\n                Profundiza en estos temas a trav\u00e9s de mis episodios, donde comparto herramientas pr\u00e1cticas y reflexiones.\r\n            <\/p>\r\n            \r\n            <div class=\"flex justify-center mb-10\">\r\n                <a href=\"https:\/\/www.youtube.com\/playlist?list=PLhmP8RlxnV4nXPO_N6Z4YouEd7JS2k8Ak\" target=\"_blank\" class=\"group relative block w-full max-w-2xl rounded-lg overflow-hidden shadow-lg hover:shadow-2xl transition duration-300\">\r\n                    <!-- Miniatura YouTube -->\r\n                    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/vN3xpO7Xiio\/maxresdefault.jpg\" alt=\"Alquimia del buen vivir - Podcast\" class=\"w-full h-auto object-cover transform group-hover:scale-105 transition duration-500\">\r\n                    <!-- Overlay de Reproducci\u00f3n -->\r\n                    <div class=\"absolute inset-0 bg-black\/30 group-hover:bg-black\/20 transition flex items-center justify-center\">\r\n                        <div class=\"w-16 h-16 bg-white\/90 rounded-full flex items-center justify-center pl-1 group-hover:scale-110 transition duration-300 shadow-md\">\r\n                            <i class=\"fas fa-play text-brand-purple text-2xl\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- T\u00edtulo -->\r\n                    <div class=\"absolute bottom-0 left-0 w-full bg-gradient-to-t from-black\/80 to-transparent p-6 text-left\">\r\n                        <h3 class=\"text-white font-serif text-xl md:text-2xl drop-shadow-md\">Alquimia del buen vivir. Lista de Reproducci\u00f3n Oficial<\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/www.youtube.com\/playlist?list=PLhmP8RlxnV4nXPO_N6Z4YouEd7JS2k8Ak\" target=\"_blank\" class=\"inline-flex items-center justify-center gap-3 bg-brand-purple text-white px-8 py-4 text-xs font-bold uppercase tracking-widest hover:bg-brand-primaryStrong transition duration-300 no-underline min-w-[200px]\">\r\n                <i class=\"fab fa-youtube\"><\/i> Ver Playlist en YouTube\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"py-24 bg-gray-50 reveal w-full\">\r\n        <div class=\"max-w-3xl mx-auto px-6\">\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-4xl font-serif text-brand-dark mb-4\">Preguntas Frecuentes<\/h2>\r\n                <div class=\"w-16 h-1 bg-brand-purple mx-auto\"><\/div>\r\n            <\/div>\r\n            <div class=\"space-y-4\">\r\n                <div class=\"border-b border-gray-200 pb-4\">\r\n                    <input type=\"checkbox\" id=\"faq1\" class=\"hidden faq-input\">\r\n                    <label for=\"faq1\" class=\"flex justify-between items-center cursor-pointer py-2 text-lg font-serif text-brand-dark hover:text-brand-purple transition m-0\">\r\n                        <span>\u00bfNecesito experiencia previa para constelar?<\/span>\r\n                        <i class=\"fas fa-chevron-down text-sm faq-icon transition-transform duration-300\"><\/i>\r\n                    <\/label>\r\n                    <div class=\"faq-content text-gray-600 font-light leading-relaxed\">\r\n                        <div class=\"py-4\">No, no necesitas ninguna experiencia. Yo te guiar\u00e9 paso a paso. Solo necesitas disposici\u00f3n y un espacio tranquilo.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"border-b border-gray-200 pb-4\">\r\n                    <input type=\"checkbox\" id=\"faq4\" class=\"hidden faq-input\">\r\n                    <label for=\"faq4\" class=\"flex justify-between items-center cursor-pointer py-2 text-lg font-serif text-brand-dark hover:text-brand-purple transition m-0\">\r\n                        <span>\u00bfCu\u00e1l es la diferencia entre Carta Natal y Revoluci\u00f3n Solar?<\/span>\r\n                        <i class=\"fas fa-chevron-down text-sm faq-icon transition-transform duration-300\"><\/i>\r\n                    <\/label>\r\n                    <div class=\"faq-content text-gray-600 font-light leading-relaxed\">\r\n                        <div class=\"py-4\">La Carta Natal es tu mapa de vida, tu esencia fija desde que naciste. La Revoluci\u00f3n Solar es el clima energ\u00e9tico espec\u00edfico para este a\u00f1o (de cumplea\u00f1os a cumplea\u00f1os), indic\u00e1ndote qu\u00e9 \u00e1reas est\u00e1n activas ahora.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"border-b border-gray-200 pb-4\">\r\n                    <input type=\"checkbox\" id=\"faq5\" class=\"hidden faq-input\">\r\n                    <label for=\"faq5\" class=\"flex justify-between items-center cursor-pointer py-2 text-lg font-serif text-brand-dark hover:text-brand-purple transition m-0\">\r\n                        <span>\u00bfEn qu\u00e9 me ayuda la Terapia TRE?<\/span>\r\n                        <i class=\"fas fa-chevron-down text-sm faq-icon transition-transform duration-300\"><\/i>\r\n                    <\/label>\r\n                    <div class=\"faq-content text-gray-600 font-light leading-relaxed\">\r\n                        <div class=\"py-4\">La TRE (Terapia de Respuesta Espiritual) trabaja directamente con tu Yo Superior para investigar y limpiar bloqueos, programas o memorias negativas que est\u00e1n guardadas en tu alma, incluso de vidas pasadas.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"border-b border-gray-200 pb-4\">\r\n                    <input type=\"checkbox\" id=\"faq6\" class=\"hidden faq-input\">\r\n                    <label for=\"faq6\" class=\"flex justify-between items-center cursor-pointer py-2 text-lg font-serif text-brand-dark hover:text-brand-purple transition m-0\">\r\n                        <span>\u00bfQu\u00e9 diferencia hay entre Constelaciones Fluviales y Familiares?<\/span>\r\n                        <i class=\"fas fa-chevron-down text-sm faq-icon transition-transform duration-300\"><\/i>\r\n                    <\/label>\r\n                    <div class=\"faq-content text-gray-600 font-light leading-relaxed\">\r\n                        <div class=\"py-4\">En las Fluviales utilizamos agua y figurines que flotan; el agua gu\u00eda el movimiento sin intervenci\u00f3n del terapeuta, lo que da un diagn\u00f3stico muy puro. Las Familiares tradicionales se basan m\u00e1s en la percepci\u00f3n corporal y el campo fenomenol\u00f3gico cl\u00e1sico.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"border-b border-gray-200 pb-4\">\r\n                    <input type=\"checkbox\" id=\"faq7\" class=\"hidden faq-input\">\r\n                    <label for=\"faq7\" class=\"flex justify-between items-center cursor-pointer py-2 text-lg font-serif text-brand-dark hover:text-brand-purple transition m-0\">\r\n                        <span>\u00bfC\u00f3mo s\u00e9 si necesito una Limpieza Energ\u00e9tica?<\/span>\r\n                        <i class=\"fas fa-chevron-down text-sm faq-icon transition-transform duration-300\"><\/i>\r\n                    <\/label>\r\n                    <div class=\"faq-content text-gray-600 font-light leading-relaxed\">\r\n                        <div class=\"py-4\">Si te sientes cansado sin raz\u00f3n m\u00e9dica, con pesadez, bloqueado, o percibes el ambiente de tu casa denso, es un buen momento para restaurar tu equilibrio vibratorio.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"border-b border-gray-200 pb-4\">\r\n                    <input type=\"checkbox\" id=\"faq8\" class=\"hidden faq-input\">\r\n                    <label for=\"faq8\" class=\"flex justify-between items-center cursor-pointer py-2 text-lg font-serif text-brand-dark hover:text-brand-purple transition m-0\">\r\n                        <span>\u00bfLas terapias online son efectivas?<\/span>\r\n                        <i class=\"fas fa-chevron-down text-sm faq-icon transition-transform duration-300\"><\/i>\r\n                    <\/label>\r\n                    <div class=\"faq-content text-gray-600 font-light leading-relaxed\">\r\n                        <div class=\"py-4\">Absolutamente. Tanto la energ\u00eda como la informaci\u00f3n sist\u00e9mica no conocen de tiempo ni espacio (campo m\u00f3rfico). Los resultados son igual de profundos que en una sesi\u00f3n presencial.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-brand-dark text-white py-20 border-t-8 border-brand-purple w-full\" id=\"contacto\">\r\n        <div class=\"max-w-6xl mx-auto px-6 grid md:grid-cols-3 gap-12 text-center md:text-left\">\r\n            <div>\r\n                <h2 class=\"text-3xl font-serif mb-6\">Yo Soy Eliudmila<\/h2>\r\n                <p class=\"text-white\/70 font-light mb-8 leading-relaxed\">Sanando el pasado para liberar el futuro. Terapia sist\u00e9mica profesional desde la comodidad de tu hogar.<\/p>\r\n                <a href=\"mailto:yosoyeliudmila@gmail.com\" class=\"text-brand-purple hover:text-white transition\">yosoyeliudmila@gmail.com<\/a>\r\n            <\/div>\r\n            <div class=\"flex flex-col justify-center items-center\">\r\n                <h3 class=\"uppercase tracking-widest text-xs font-bold mb-6 text-brand-purple\">Men\u00fa<\/h3>\r\n                <div class=\"flex flex-col gap-3 text-sm font-light text-white\/80\">\r\n                    <a href=\"#filosofia\" class=\"hover:text-brand-purple transition text-white no-underline\">Bit\u00e1cora<\/a>\r\n                    <a href=\"#servicios\" class=\"hover:text-brand-purple transition text-white no-underline\">Servicios<\/a>\r\n                    <a href=\"#podcast\" class=\"hover:text-brand-purple transition text-white no-underline\">Podcast<\/a>\r\n                    <a href=\"#bio\" class=\"hover:text-brand-purple transition text-white no-underline\">Sobre M\u00ed<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"flex flex-col justify-center items-center md:items-end\">\r\n                <h3 class=\"uppercase tracking-widest text-xs font-bold mb-6 text-brand-purple\">S\u00edgueme<\/h3>\r\n                <div class=\"flex gap-6 mb-6\">\r\n                    <a href=\"https:\/\/instagram.com\/yosoyeliudmila\" target=\"_blank\" class=\"hover:text-brand-purple transition text-2xl text-white\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                    <a href=\"https:\/\/tiktok.com\/@yosoyeliudmila\" target=\"_blank\" class=\"hover:text-brand-purple transition text-2xl text-white\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n                    <a href=\"mailto:yosoyeliudmila@gmail.com\" class=\"hover:text-brand-purple transition text-2xl text-white\"><i class=\"far fa-envelope\"><\/i><\/a>\r\n                <\/div>\r\n                <p class=\"text-xs text-white\/50\">&copy; 2026 Eliudmila Hern\u00e1ndez.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Bot\u00f3n Flotante WhatsApp -->\r\n    <a href=\"https:\/\/wa.me\/584125304757?text=Hola!%20vi%20la%20informaci\u00f3n%20en%20tu%20web%20y%20quisiera%20agendar%20una%20cita\" target=\"_blank\" class=\"fixed bottom-6 right-6 z-50 bg-[#25D366] text-white w-14 h-14 rounded-full flex items-center justify-center text-3xl shadow-lg hover:bg-green-600 transition float-wa transform hover:scale-110 no-underline\">\r\n        <i class=\"fab fa-whatsapp\"><\/i>\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n<!-- 4. Scripts -->\r\n<script>\r\n    \/\/ Menu Mobile\r\n    const btn = document.getElementById('mobile-menu-btn');\r\n    const menu = document.getElementById('mobile-menu');\r\n    \r\n    \/\/ Navbar Scroll Logic Variables\r\n    const nav = document.getElementById('main-nav');\r\n    const navContainer = document.getElementById('nav-container');\r\n    const logoLink = document.getElementById('logo-link');\r\n    const stickyBrandText = document.getElementById('sticky-brand-text');\r\n    const mobileBtnWrapper = document.getElementById('mobile-btn-wrapper');\r\n    const desktopMenu = document.getElementById('desktop-menu');\r\n\r\n    if(btn && menu) {\r\n        btn.addEventListener('click', () => {\r\n            menu.classList.toggle('hidden');\r\n        });\r\n    }\r\n\r\n    \/\/ SCROLL LISTENER: Controla el efecto sticky y cambios de layout\r\n    window.addEventListener('scroll', () => {\r\n        \/\/ Umbral de scroll (150px)\r\n        if (window.scrollY > 150) {\r\n            \/\/ ESTADO SCROLL (Sticky real)\r\n            nav.classList.add('nav-sticky');\r\n            \r\n            \/\/ Contenedor: Cambia de columna a fila\r\n            navContainer.classList.remove('flex-col', 'py-6', 'md:py-8');\r\n            navContainer.classList.add('flex-row', 'justify-between', 'py-2');\r\n\r\n            \/\/ 1. OCULTAR LOGO IMAGEN\r\n            logoLink.classList.add('hidden');\r\n            \r\n            \/\/ 2. MOSTRAR TEXTO MARCA (Izquierda)\r\n            stickyBrandText.classList.remove('hidden');\r\n            stickyBrandText.classList.add('flex');\r\n\r\n            \/\/ Bot\u00f3n M\u00f3vil: Se vuelve visible y clickeable\r\n            mobileBtnWrapper.classList.remove('opacity-0', 'pointer-events-none');\r\n            \r\n            \/\/ Men\u00fa Desktop: Se mueve a la derecha (quitamos justificaci\u00f3n central y border top)\r\n            desktopMenu.classList.remove('border-t', 'pt-4', 'mt-4', 'w-full', 'justify-center');\r\n            desktopMenu.classList.add('ml-auto'); \/\/ Empuja a la derecha\r\n\r\n        } else {\r\n            \/\/ ESTADO INICIAL (Arriba - Relative)\r\n            nav.classList.remove('nav-sticky');\r\n            \r\n            \/\/ Contenedor: Vuelve a columna\r\n            navContainer.classList.add('flex-col', 'py-6', 'md:py-8');\r\n            navContainer.classList.remove('flex-row', 'justify-between', 'py-2');\r\n\r\n            \/\/ 1. MOSTRAR LOGO IMAGEN\r\n            logoLink.classList.remove('hidden');\r\n\r\n            \/\/ 2. OCULTAR TEXTO MARCA\r\n            stickyBrandText.classList.add('hidden');\r\n            stickyBrandText.classList.remove('flex');\r\n\r\n            \/\/ Bot\u00f3n M\u00f3vil: Se oculta\r\n            mobileBtnWrapper.classList.add('opacity-0', 'pointer-events-none');\r\n            \/\/ Aseguramos que el men\u00fa desplegable se cierre si subimos\r\n            if(menu) menu.classList.add('hidden');\r\n\r\n            \/\/ Men\u00fa Desktop: Vuelve abajo y centrado\r\n            desktopMenu.classList.add('border-t', 'pt-4', 'mt-4', 'w-full', 'justify-center');\r\n            desktopMenu.classList.remove('ml-auto');\r\n        }\r\n    });\r\n\r\n    \/\/ Citas Bert Hellinger\r\n    const quotes = [\r\n        \"El \u00e9xito tiene el rostro de la madre.\",\r\n        \"Lo que se calla en la primera generaci\u00f3n, la segunda lo lleva en el cuerpo.\",\r\n        \"Solo quien honra el pasado tiene futuro.\",\r\n        \"Sufrir es m\u00e1s f\u00e1cil que actuar.\",\r\n        \"La paz comienza en el alma.\",\r\n        \"El amor llena lo que el orden abarca.\",\r\n        \"Reconocer lo que es, es el comienzo de la sanaci\u00f3n.\",\r\n        \"Los padres dan, los hijos toman.\",\r\n        \"Quien no tiene a su padre, no tiene fuerza para el mundo.\",\r\n        \"Sin ra\u00edces no hay alas.\"\r\n    ];\r\n\r\n    let currentQuote = 0;\r\n    const container = document.getElementById('quotes-container');\r\n\r\n    function showQuote(index) {\r\n        if(!container) return;\r\n        setTimeout(() => {\r\n            container.innerHTML = `\r\n            <div class=\"quote-slide active\">\r\n                <p class=\"text-xl md:text-3xl font-serif text-brand-dark italic leading-relaxed\">\"${quotes[index]}\"<\/p>\r\n            <\/div>\r\n            `;\r\n        }, 300);\r\n    }\r\n\r\n    function nextQuote() {\r\n        currentQuote = (currentQuote + 1) % quotes.length;\r\n        showQuote(currentQuote);\r\n    }\r\n\r\n    function prevQuote() {\r\n        currentQuote = (currentQuote - 1 + quotes.length) % quotes.length;\r\n        showQuote(currentQuote);\r\n    }\r\n\r\n    setInterval(nextQuote, 6000);\r\n\r\n    function reveal() {\r\n        var reveals = document.querySelectorAll(\".reveal\");\r\n        for (var i = 0; i < reveals.length; i++) {\r\n            var windowHeight = window.innerHeight;\r\n            var elementTop = reveals[i].getBoundingClientRect().top;\r\n            var elementVisible = 150;\r\n            if (elementTop < windowHeight - elementVisible) {\r\n                reveals[i].classList.add(\"active\");\r\n            }\r\n        }\r\n    }\r\n    window.addEventListener(\"scroll\", reveal);\r\n    reveal();\r\n<\/script>\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>Eliudmila Hern\u00e1ndez Mentora y Estratega de Conciencia Bit\u00e1cora Servicios Sobre M\u00ed Podcast Contacto Bit\u00e1cora Servicios Sobre M\u00ed Podcast Agendar El Arte de Recordar Qui\u00e9n Eres Recupera tu visi\u00f3n, desenreda los hilos de tu historia y toma el mando de tu propia esencia. Ver Bit\u00e1cora de Viaje \u00abEl \u00e9xito tiene el rostro de la madre.\u00bb \u2014 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":29,"href":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-json\/wp\/v2\/pages\/10\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/juanpenalver.com\/eliudmilahernandez.online\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}