{"id":5547,"date":"2026-07-17T19:39:57","date_gmt":"2026-07-18T02:39:57","guid":{"rendered":"https:\/\/magiasecreta.com\/?page_id=5547"},"modified":"2026-07-17T21:40:30","modified_gmt":"2026-07-18T04:40:30","slug":"servicios-espirituales","status":"publish","type":"page","link":"https:\/\/magiasecreta.com\/es\/servicios-espirituales\/","title":{"rendered":"Servicios Espirituales"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5547\" class=\"elementor elementor-5547\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3daff6 e-flex e-con-boxed e-con e-parent\" data-id=\"b3daff6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dbb4d8 elementor-widget elementor-widget-html\" data-id=\"4dbb4d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HERO: SERVICIOS ESPIRITUALES -->\n<section class=\"ms-spiritual-hero\">\n\n    <div class=\"ms-spiritual-hero__overlay\"><\/div>\n\n    <div class=\"ms-spiritual-hero__content\">\n\n        <span class=\"ms-spiritual-hero__eyebrow\">\n            Magia Secreta\n        <\/span>\n\n        <h1>Servicios Espirituales<\/h1>\n\n        <h2>\n            Encuentra claridad, prop\u00f3sito<br>\n            y conexi\u00f3n espiritual\n        <\/h2>\n\n        <div class=\"ms-spiritual-hero__divider\">\n            <span><\/span>\n            <i>\u2726<\/i>\n            <span><\/span>\n        <\/div>\n\n        <p>\n            Hay momentos en los que las respuestas no se encuentran \u00fanicamente\n            en el mundo exterior. A trav\u00e9s de herramientas espirituales y\n            conocimientos ancestrales, te acompa\u00f1o a comprender mejor tus\n            procesos, reconocer los mensajes presentes en tu camino y tomar\n            decisiones con mayor conciencia.\n        <\/p>\n\n        <div class=\"ms-spiritual-hero__buttons\">\n\n            <a href=\"#servicios-espirituales\" class=\"ms-button ms-button--green\">\n                Explorar servicios\n            <\/a>\n\n            <!-- Reemplaza esta URL por tu enlace de Calendly -->\n            <a href=\"\/es\/TU-ENLACE-DE-RESERVACION\/\"\n               class=\"ms-button ms-button--gold\">\n                Reservar una sesi\u00f3n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================\n   HERO \u2013 SERVICIOS ESPIRITUALES\n   ========================================= *\/\n\n.ms-spiritual-hero {\n    --ms-green: #183f35;\n    --ms-green-dark: #102f28;\n    --ms-gold: #b8944b;\n    --ms-gold-light: #d4b66f;\n    --ms-cream: #f7f1e5;\n    --ms-text: #273832;\n\n    position: relative;\n    width: 100%;\n    min-height: 700px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n\n    \/*\n     * REEMPLAZA LA URL POR LA IMAGEN WEBP\n     * QUE SUBISTE A WORDPRESS\n     *\/\n    background-image:\n        url(\"PEGA-AQUI-LA-URL-DE-TU-BACKGROUND.webp\");\n\n    background-size: cover;\n    background-position: center right;\n    background-repeat: no-repeat;\n    isolation: isolate;\n}\n\n\/* Capa que mejora la lectura del texto *\/\n\n.ms-spiritual-hero__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(250, 246, 237, 0.98) 0%,\n            rgba(250, 246, 237, 0.94) 34%,\n            rgba(250, 246, 237, 0.55) 50%,\n            rgba(250, 246, 237, 0.05) 72%\n        );\n}\n\n\/* Contenedor del contenido *\/\n\n.ms-spiritual-hero__content {\n    width: min(1280px, 100%);\n    margin: 0 auto;\n    padding: 90px 60px;\n}\n\n.ms-spiritual-hero__content > * {\n    max-width: 620px;\n}\n\n\/* Texto peque\u00f1o superior *\/\n\n.ms-spiritual-hero__eyebrow {\n    display: inline-block;\n    margin-bottom: 18px;\n    color: var(--ms-gold);\n    font-family: Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 4px;\n    line-height: 1.4;\n    text-transform: uppercase;\n}\n\n\/* T\u00edtulo principal *\/\n\n.ms-spiritual-hero h1 {\n    margin: 0;\n    color: var(--ms-green);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(52px, 5.2vw, 78px);\n    font-weight: 400;\n    letter-spacing: 1px;\n    line-height: 0.98;\n    text-transform: uppercase;\n}\n\n\/* Subt\u00edtulo *\/\n\n.ms-spiritual-hero h2 {\n    margin: 22px 0 0;\n    color: var(--ms-gold);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(25px, 2.4vw, 35px);\n    font-weight: 400;\n    line-height: 1.25;\n}\n\n\/* Separador dorado *\/\n\n.ms-spiritual-hero__divider {\n    width: 280px;\n    max-width: 100%;\n    margin: 24px 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--ms-gold);\n}\n\n.ms-spiritual-hero__divider span {\n    height: 1px;\n    flex: 1;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        var(--ms-gold),\n        transparent\n    );\n}\n\n.ms-spiritual-hero__divider i {\n    font-size: 14px;\n    font-style: normal;\n}\n\n\/* P\u00e1rrafo *\/\n\n.ms-spiritual-hero p {\n    margin: 0;\n    color: var(--ms-text);\n    font-family: Arial, sans-serif;\n    font-size: 17px;\n    font-weight: 400;\n    line-height: 1.75;\n}\n\n\/* Botones *\/\n\n.ms-spiritual-hero__buttons {\n    margin-top: 32px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n}\n\n.ms-button {\n    min-width: 190px;\n    padding: 15px 25px;\n    border: 1px solid transparent;\n    border-radius: 5px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 16px;\n    line-height: 1.2;\n    text-align: center;\n    text-decoration: none !important;\n\n    box-shadow: 0 7px 18px rgba(24, 63, 53, 0.12);\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease,\n        background-color 0.25s ease;\n}\n\n.ms-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 11px 24px rgba(24, 63, 53, 0.2);\n}\n\n.ms-button--green {\n    color: #ffffff !important;\n    background: var(--ms-green);\n    border-color: var(--ms-green);\n}\n\n.ms-button--green:hover {\n    background: var(--ms-green-dark);\n}\n\n.ms-button--gold {\n    color: #ffffff !important;\n    background: var(--ms-gold);\n    border-color: var(--ms-gold);\n}\n\n.ms-button--gold:hover {\n    background: #9f7b38;\n}\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media (max-width: 1024px) {\n    .ms-spiritual-hero {\n        min-height: 680px;\n        background-position: 68% center;\n    }\n\n    .ms-spiritual-hero__overlay {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(250, 246, 237, 0.98) 0%,\n                rgba(250, 246, 237, 0.94) 47%,\n                rgba(250, 246, 237, 0.48) 75%,\n                rgba(250, 246, 237, 0.15) 100%\n            );\n    }\n\n    .ms-spiritual-hero__content {\n        padding: 75px 40px;\n    }\n\n    .ms-spiritual-hero__content > * {\n        max-width: 560px;\n    }\n}\n\n\/* =========================================\n   TEL\u00c9FONOS\n   ========================================= *\/\n\n@media (max-width: 767px) {\n    .ms-spiritual-hero {\n        min-height: auto;\n        align-items: flex-end;\n        background-position: 70% top;\n    }\n\n    .ms-spiritual-hero__overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(247, 241, 229, 0.18) 0%,\n                rgba(247, 241, 229, 0.62) 28%,\n                rgba(247, 241, 229, 0.96) 48%,\n                rgba(247, 241, 229, 1) 100%\n            );\n    }\n\n    .ms-spiritual-hero__content {\n        padding: 270px 24px 55px;\n    }\n\n    .ms-spiritual-hero__eyebrow {\n        margin-bottom: 12px;\n        letter-spacing: 3px;\n    }\n\n    .ms-spiritual-hero h1 {\n        font-size: clamp(38px, 12vw, 52px);\n        line-height: 1;\n    }\n\n    .ms-spiritual-hero h2 {\n        margin-top: 18px;\n        font-size: 25px;\n    }\n\n    .ms-spiritual-hero h2 br {\n        display: none;\n    }\n\n    .ms-spiritual-hero p {\n        font-size: 16px;\n        line-height: 1.65;\n    }\n\n    .ms-spiritual-hero__buttons {\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .ms-button {\n        width: 100%;\n        min-width: 0;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3479c52 e-flex e-con-boxed e-con e-parent\" data-id=\"3479c52\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02b5925 elementor-widget elementor-widget-html\" data-id=\"02b5925\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- INTRODUCCI\u00d3N: SERVICIOS ESPIRITUALES -->\n<section class=\"ms-intro-spiritual\">\n\n    <div class=\"ms-intro-spiritual__overlay\"><\/div>\n\n    <div class=\"ms-intro-spiritual__container\">\n\n        <!-- IMAGEN IZQUIERDA -->\n        <div class=\"ms-intro-spiritual__visual\">\n\n            <div class=\"ms-intro-spiritual__frame\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/magiasecreta.com\/wp-content\/uploads\/2026\/07\/ms-hero-servs.jpg\"\n                    alt=\"Servicios espirituales de Magia Secreta\"\n                    class=\"ms-intro-spiritual__photo\"\n                    loading=\"lazy\"\n                >\n\n                <div class=\"ms-intro-spiritual__shine\"><\/div>\n\n            <\/div>\n\n            <div class=\"ms-intro-spiritual__ornament\" aria-hidden=\"true\">\n                <span><\/span>\n                <i>\u2726<\/i>\n                <span><\/span>\n            <\/div>\n\n        <\/div>\n\n        <!-- CONTENIDO DERECHO -->\n        <div class=\"ms-intro-spiritual__content\">\n\n            <span class=\"ms-intro-spiritual__eyebrow\">\n                Un camino hacia tu interior\n            <\/span>\n\n            <h2>\n                Un espacio para escuchar lo que tu alma necesita expresar\n            <\/h2>\n\n            <div class=\"ms-intro-spiritual__divider\">\n                <span><\/span>\n                <i>\u2726<\/i>\n            <\/div>\n\n            <p>\n                Cada persona atraviesa experiencias, decisiones y\n                transformaciones que pueden despertar preguntas profundas.\n                Los servicios espirituales de Magia Secreta ofrecen un espacio\n                respetuoso y confidencial para explorar esas inquietudes\n                mediante distintas herramientas de orientaci\u00f3n.\n            <\/p>\n\n            <p>\n                Estas sesiones no buscan decidir por ti, sino ayudarte a mirar\n                tu situaci\u00f3n desde una perspectiva m\u00e1s amplia, comprender\n                patrones y avanzar con mayor claridad.\n            <\/p>\n\n            <div class=\"ms-intro-spiritual__message\">\n\n                <span aria-hidden=\"true\">\u2727<\/span>\n\n                <p>\n                    Cada herramienta es un puente hacia el conocimiento\n                    interior, iluminando tus decisiones y fortaleciendo tu\n                    conexi\u00f3n con tu prop\u00f3sito.\n                <\/p>\n\n            <\/div>\n\n            <a\n                href=\"#servicios-espirituales\"\n                class=\"ms-intro-spiritual__link\"\n            >\n                Descubre nuestros servicios\n                <strong aria-hidden=\"true\">\u2192<\/strong>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* ==========================================\n   INTRODUCCI\u00d3N \u2013 SERVICIOS ESPIRITUALES\n   ========================================== *\/\n\n.ms-intro-spiritual {\n    --ms-green: #183f35;\n    --ms-green-dark: #102f28;\n    --ms-gold: #b8944b;\n    --ms-cream: #f7f1e5;\n    --ms-text: #34443e;\n\n    position: relative;\n    width: 100%;\n    padding: 95px 25px;\n    overflow: hidden;\n\n    \/*\n     * PEGA AQU\u00cd TU BACKGROUND\n     *\/\n    background-image:\n        url(\"PEGA-AQUI-LA-URL-DEL-BACKGROUND.webp\");\n\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    isolation: isolate;\n}\n\n.ms-intro-spiritual *,\n.ms-intro-spiritual *::before,\n.ms-intro-spiritual *::after {\n    box-sizing: border-box;\n}\n\n\/* Capa suave sobre el background *\/\n\n.ms-intro-spiritual__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: linear-gradient(\n        90deg,\n        rgba(247, 241, 229, 0.15),\n        rgba(247, 241, 229, 0.5)\n    );\n}\n\n\/* Dos columnas *\/\n\n.ms-intro-spiritual__container {\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 520px) minmax(0, 1fr);\n    align-items: center;\n    gap: clamp(45px, 7vw, 85px);\n}\n\n\/* ==========================================\n   IMAGEN IZQUIERDA\n   ========================================== *\/\n\n.ms-intro-spiritual__visual {\n    width: 100%;\n    min-width: 0;\n    position: relative;\n}\n\n.ms-intro-spiritual__frame {\n    position: relative;\n    width: 100%;\n    height: 470px;\n    padding: 10px;\n    overflow: hidden;\n\n    background: rgba(255, 253, 247, 0.76);\n    border: 1px solid rgba(184, 148, 75, 0.78);\n    border-radius: 9px;\n\n    box-shadow:\n        0 24px 55px rgba(51, 54, 43, 0.16),\n        0 5px 15px rgba(184, 148, 75, 0.12);\n\n    transition:\n        transform 0.4s ease,\n        box-shadow 0.4s ease;\n}\n\n.ms-intro-spiritual__frame:hover {\n    transform: translateY(-5px);\n    box-shadow:\n        0 30px 65px rgba(51, 54, 43, 0.21),\n        0 8px 20px rgba(184, 148, 75, 0.17);\n}\n\n\/*\n * Estas reglas impiden que Elementor\n * cambie el tama\u00f1o o proporci\u00f3n de la imagen.\n *\/\n\n.ms-intro-spiritual__photo {\n    width: 100% !important;\n    max-width: none !important;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    display: block !important;\n\n    object-fit: cover !important;\n    object-position: center center !important;\n\n    border: 0 !important;\n    border-radius: 5px;\n    box-shadow: none !important;\n}\n\n.ms-intro-spiritual__frame::before,\n.ms-intro-spiritual__frame::after {\n    content: \"\";\n    position: absolute;\n    z-index: 3;\n    width: 50px;\n    height: 50px;\n    pointer-events: none;\n}\n\n.ms-intro-spiritual__frame::before {\n    top: 18px;\n    left: 18px;\n    border-top: 1px solid var(--ms-gold);\n    border-left: 1px solid var(--ms-gold);\n}\n\n.ms-intro-spiritual__frame::after {\n    right: 18px;\n    bottom: 18px;\n    border-right: 1px solid var(--ms-gold);\n    border-bottom: 1px solid var(--ms-gold);\n}\n\n.ms-intro-spiritual__shine {\n    position: absolute;\n    inset: 10px;\n    z-index: 2;\n    pointer-events: none;\n    border-radius: 5px;\n\n    background: linear-gradient(\n        135deg,\n        rgba(255, 255, 255, 0.24),\n        transparent 37%\n    );\n}\n\n.ms-intro-spiritual__ornament {\n    width: 210px;\n    margin: 24px auto 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--ms-gold);\n}\n\n.ms-intro-spiritual__ornament span {\n    height: 1px;\n    flex: 1;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        var(--ms-gold),\n        transparent\n    );\n}\n\n.ms-intro-spiritual__ornament i {\n    font-size: 17px;\n    font-style: normal;\n}\n\n\/* ==========================================\n   TEXTO DERECHO\n   ========================================== *\/\n\n.ms-intro-spiritual__content {\n    min-width: 0;\n    padding: 10px 0;\n}\n\n.ms-intro-spiritual__eyebrow {\n    display: inline-block;\n    margin-bottom: 15px;\n    color: var(--ms-gold);\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    line-height: 1.4;\n    text-transform: uppercase;\n}\n\n.ms-intro-spiritual h2 {\n    margin: 0;\n    color: var(--ms-green);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(36px, 4vw, 54px);\n    font-weight: 400;\n    letter-spacing: -0.5px;\n    line-height: 1.12;\n}\n\n.ms-intro-spiritual__divider {\n    width: 145px;\n    margin: 24px 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--ms-gold);\n}\n\n.ms-intro-spiritual__divider span {\n    width: 110px;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        var(--ms-gold),\n        transparent\n    );\n}\n\n.ms-intro-spiritual__divider i {\n    font-size: 14px;\n    font-style: normal;\n}\n\n.ms-intro-spiritual__content > p {\n    margin: 0 0 17px;\n    color: var(--ms-text);\n    font-family: Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1.75;\n}\n\n\/* Mensaje especial *\/\n\n.ms-intro-spiritual__message {\n    margin: 27px 0 25px;\n    padding: 20px 22px;\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n\n    background: rgba(255, 253, 247, 0.69);\n    border-left: 3px solid var(--ms-gold);\n    border-radius: 0 7px 7px 0;\n\n    box-shadow: 0 8px 22px rgba(72, 66, 46, 0.08);\n    backdrop-filter: blur(4px);\n}\n\n.ms-intro-spiritual__message > span {\n    flex: 0 0 auto;\n    color: var(--ms-gold);\n    font-size: 23px;\n    line-height: 1.2;\n}\n\n.ms-intro-spiritual__message p {\n    margin: 0;\n    color: var(--ms-green);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 18px;\n    font-style: italic;\n    line-height: 1.55;\n}\n\n\/* Enlace inferior *\/\n\n.ms-intro-spiritual__link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--ms-green) !important;\n\n    font-family: Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-decoration: none !important;\n    text-transform: uppercase;\n\n    transition:\n        color 0.25s ease,\n        gap 0.25s ease;\n}\n\n.ms-intro-spiritual__link strong {\n    color: var(--ms-gold);\n    font-size: 22px;\n    font-weight: 400;\n}\n\n.ms-intro-spiritual__link:hover {\n    gap: 15px;\n    color: var(--ms-gold) !important;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1024px) {\n    .ms-intro-spiritual {\n        padding: 80px 30px;\n    }\n\n    .ms-intro-spiritual__container {\n        grid-template-columns: minmax(0, 46%) minmax(0, 54%);\n        gap: 40px;\n    }\n\n    .ms-intro-spiritual__frame {\n        height: 430px;\n    }\n\n    .ms-intro-spiritual__content > p {\n        font-size: 16px;\n    }\n}\n\n\/* ==========================================\n   TEL\u00c9FONOS\n   ========================================== *\/\n\n@media (max-width: 767px) {\n    .ms-intro-spiritual {\n        padding: 60px 22px;\n        background-position: 67% center;\n    }\n\n    .ms-intro-spiritual__overlay {\n        background: rgba(247, 241, 229, 0.76);\n    }\n\n    .ms-intro-spiritual__container {\n        grid-template-columns: minmax(0, 1fr);\n        gap: 42px;\n    }\n\n    .ms-intro-spiritual__visual {\n        width: 100%;\n        max-width: 520px;\n        margin: 0 auto;\n    }\n\n    .ms-intro-spiritual__frame {\n        width: 100%;\n        height: 410px;\n    }\n\n    .ms-intro-spiritual h2 {\n        font-size: clamp(34px, 10vw, 45px);\n    }\n\n    .ms-intro-spiritual__message {\n        padding: 17px;\n    }\n}\n\n@media (max-width: 480px) {\n    .ms-intro-spiritual {\n        padding: 50px 18px;\n    }\n\n    .ms-intro-spiritual__frame {\n        height: 330px;\n    }\n\n    .ms-intro-spiritual h2 {\n        font-size: 33px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04a9f49 e-flex e-con-boxed e-con e-parent\" data-id=\"04a9f49\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c56b253 elementor-widget elementor-widget-html\" data-id=\"c56b253\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\n     TARJETAS DE SERVICIOS ESPIRITUALES\n     ========================================= -->\n\n<section class=\"ms-services\" id=\"servicios-espirituales\">\n\n    <div class=\"ms-services__container\">\n\n        <!-- ENCABEZADO -->\n        <header class=\"ms-services__header\">\n\n            <span class=\"ms-services__eyebrow\">\n                Sabidur\u00eda y orientaci\u00f3n\n            <\/span>\n\n            <h2>Herramientas para iluminar tu camino<\/h2>\n\n            <div class=\"ms-services__divider\">\n                <span><\/span>\n                <i>\u2726<\/i>\n                <span><\/span>\n            <\/div>\n\n            <p>\n                Cada servicio ofrece una forma diferente de explorar tus\n                inquietudes, reconocer patrones y acercarte a una comprensi\u00f3n\n                m\u00e1s profunda de tu proceso personal y espiritual.\n            <\/p>\n\n        <\/header>\n\n        <!-- CUADR\u00cdCULA DE TARJETAS -->\n        <div class=\"ms-services__grid\">\n\n            <!-- TAROT CABAL\u00cdSTICO -->\n            <article class=\"ms-service-card\">\n\n                <div class=\"ms-service-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/magiasecreta.com\/wp-content\/uploads\/2026\/07\/tarot.jpg\"\n                        alt=\"Tarot Cabal\u00edstico\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"ms-service-card__number\">\n                        01\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ms-service-card__body\">\n\n                    <div class=\"ms-service-card__heading\">\n\n                        <span class=\"ms-service-card__icon\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 64 64\">\n                                <rect x=\"14\" y=\"10\" width=\"31\" height=\"43\" rx=\"3\"><\/rect>\n                                <rect x=\"22\" y=\"6\" width=\"31\" height=\"43\" rx=\"3\"><\/rect>\n                                <circle cx=\"37.5\" cy=\"27.5\" r=\"7\"><\/circle>\n                                <path d=\"M37.5 15v5M37.5 35v5M25 27.5h5M45 27.5h5\"><\/path>\n                                <path d=\"M29 19l3.5 3.5M46 36l-3.5-3.5M46 19l-3.5 3.5\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <h3>Tarot Cabal\u00edstico<\/h3>\n\n                    <\/div>\n\n                    <p>\n                        Una lectura profunda que combina el simbolismo del\n                        tarot con principios de la Kabbalah para explorar\n                        situaciones, patrones, decisiones y posibilidades\n                        presentes en tu camino.\n                    <\/p>\n\n                    <a href=\"#reservar-sesion\" class=\"ms-service-card__link\">\n                        Conocer el servicio\n                        <span aria-hidden=\"true\">\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARTA NATAL -->\n            <article class=\"ms-service-card\">\n\n                <div class=\"ms-service-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/magiasecreta.com\/wp-content\/uploads\/2026\/07\/carta-natal.jpg\"\n                        alt=\"Carta Natal\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"ms-service-card__number\">\n                        02\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ms-service-card__body\">\n\n                    <div class=\"ms-service-card__heading\">\n\n                        <span class=\"ms-service-card__icon\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 64 64\">\n                                <circle cx=\"32\" cy=\"32\" r=\"24\"><\/circle>\n                                <circle cx=\"32\" cy=\"32\" r=\"14\"><\/circle>\n                                <circle cx=\"32\" cy=\"32\" r=\"5\"><\/circle>\n                                <path d=\"M32 8v10M32 46v10M8 32h10M46 32h10\"><\/path>\n                                <path d=\"M15 15l7 7M42 42l7 7M49 15l-7 7M22 42l-7 7\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <h3>Carta Natal<\/h3>\n\n                    <\/div>\n\n                    <p>\n                        Una interpretaci\u00f3n personalizada del mapa astrol\u00f3gico\n                        del momento de tu nacimiento para comprender\n                        tendencias, talentos, desaf\u00edos y ciclos importantes\n                        de tu vida.\n                    <\/p>\n\n                    <a href=\"#reservar-sesion\" class=\"ms-service-card__link\">\n                        Conocer el servicio\n                        <span aria-hidden=\"true\">\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- P\u00c9NDULO HEBREO -->\n            <article class=\"ms-service-card\">\n\n                <div class=\"ms-service-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/magiasecreta.com\/wp-content\/uploads\/2026\/07\/pendulo.jpg\"\n                        alt=\"P\u00e9ndulo Hebreo\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"ms-service-card__number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ms-service-card__body\">\n\n                    <div class=\"ms-service-card__heading\">\n\n                        <span class=\"ms-service-card__icon\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 64 64\">\n                                <circle cx=\"32\" cy=\"10\" r=\"4\"><\/circle>\n                                <path d=\"M32 14v12\"><\/path>\n                                <path d=\"M22 31c3-5 17-5 20 0\"><\/path>\n                                <path d=\"M23 31h18l-4 15-5 10-5-10z\"><\/path>\n                                <path d=\"M18 26c-7 8-7 19 0 27M46 26c7 8 7 19 0 27\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <h3>P\u00e9ndulo Hebreo<\/h3>\n\n                    <\/div>\n\n                    <p>\n                        Una herramienta espiritual utilizada para explorar y\n                        armonizar aspectos energ\u00e9ticos que pueden estar\n                        relacionados con bloqueos, cargas o desequilibrios.\n                    <\/p>\n\n                    <a href=\"#reservar-sesion\" class=\"ms-service-card__link\">\n                        Conocer el servicio\n                        <span aria-hidden=\"true\">\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- KABBALAH -->\n            <article class=\"ms-service-card\">\n\n                <div class=\"ms-service-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/magiasecreta.com\/wp-content\/uploads\/2026\/07\/kabbalah.jpg\"\n                        alt=\"Estudio y orientaci\u00f3n de Kabbalah\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"ms-service-card__number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ms-service-card__body\">\n\n                    <div class=\"ms-service-card__heading\">\n\n                        <span class=\"ms-service-card__icon\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 64 64\">\n                                <path d=\"M32 7v50\"><\/path>\n                                <path d=\"M21 15l22 34M43 15L21 49\"><\/path>\n                                <path d=\"M17 25h30M17 39h30\"><\/path>\n                                <circle cx=\"32\" cy=\"8\" r=\"4\"><\/circle>\n                                <circle cx=\"21\" cy=\"16\" r=\"4\"><\/circle>\n                                <circle cx=\"43\" cy=\"16\" r=\"4\"><\/circle>\n                                <circle cx=\"17\" cy=\"27\" r=\"4\"><\/circle>\n                                <circle cx=\"47\" cy=\"27\" r=\"4\"><\/circle>\n                                <circle cx=\"32\" cy=\"32\" r=\"4\"><\/circle>\n                                <circle cx=\"17\" cy=\"40\" r=\"4\"><\/circle>\n                                <circle cx=\"47\" cy=\"40\" r=\"4\"><\/circle>\n                                <circle cx=\"25\" cy=\"49\" r=\"4\"><\/circle>\n                                <circle cx=\"39\" cy=\"49\" r=\"4\"><\/circle>\n                                <circle cx=\"32\" cy=\"57\" r=\"4\"><\/circle>\n                            <\/svg>\n                        <\/span>\n\n                        <h3>Kabbalah<\/h3>\n\n                    <\/div>\n\n                    <p>\n                        Sesiones de estudio y orientaci\u00f3n basadas en principios\n                        de la sabidur\u00eda cabal\u00edstica para reflexionar sobre el\n                        prop\u00f3sito, las relaciones, las pruebas de la vida y el\n                        crecimiento espiritual.\n                    <\/p>\n\n                    <a href=\"#reservar-sesion\" class=\"ms-service-card__link\">\n                        Conocer el servicio\n                        <span aria-hidden=\"true\">\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================\n   SECCI\u00d3N GENERAL\n   ========================================= *\/\n\n.ms-services {\n    --ms-green: #183f35;\n    --ms-green-dark: #102f28;\n    --ms-gold: #b8944b;\n    --ms-gold-light: #d8bd7d;\n    --ms-cream: #f7f1e5;\n    --ms-cream-light: #fffdf8;\n    --ms-text: #3d4945;\n\n    width: 100%;\n    padding: 100px 25px;\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 50% 0%,\n            rgba(255, 255, 255, 0.95),\n            transparent 42%\n        ),\n        linear-gradient(\n            180deg,\n            #fffdf8 0%,\n            var(--ms-cream) 100%\n        );\n}\n\n.ms-services *,\n.ms-services *::before,\n.ms-services *::after {\n    box-sizing: border-box;\n}\n\n.ms-services__container {\n    width: 100%;\n    max-width: 1220px;\n    margin: 0 auto;\n}\n\n\/* =========================================\n   ENCABEZADO\n   ========================================= *\/\n\n.ms-services__header {\n    max-width: 790px;\n    margin: 0 auto 55px;\n    text-align: center;\n}\n\n.ms-services__eyebrow {\n    display: block;\n    margin-bottom: 14px;\n    color: var(--ms-gold);\n\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    line-height: 1.4;\n    text-transform: uppercase;\n}\n\n.ms-services__header h2 {\n    margin: 0;\n    color: var(--ms-green);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(39px, 4.5vw, 58px);\n    font-weight: 400;\n    line-height: 1.12;\n}\n\n.ms-services__divider {\n    width: 230px;\n    max-width: 80%;\n    margin: 22px auto;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--ms-gold);\n}\n\n.ms-services__divider span {\n    height: 1px;\n    flex: 1;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        var(--ms-gold),\n        transparent\n    );\n}\n\n.ms-services__divider i {\n    font-size: 15px;\n    font-style: normal;\n}\n\n.ms-services__header p {\n    margin: 0;\n    color: var(--ms-text);\n\n    font-family: Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1.75;\n}\n\n\/* =========================================\n   CUADR\u00cdCULA\n   ========================================= *\/\n\n.ms-services__grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 28px;\n}\n\n\/* =========================================\n   TARJETAS\n   ========================================= *\/\n\n.ms-service-card {\n    position: relative;\n    min-width: 0;\n    overflow: hidden;\n\n    background: rgba(255, 253, 248, 0.96);\n    border: 1px solid rgba(184, 148, 75, 0.62);\n    border-radius: 12px;\n\n    box-shadow:\n        0 18px 42px rgba(48, 61, 54, 0.1),\n        0 4px 12px rgba(184, 148, 75, 0.08);\n\n    transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.ms-service-card:hover {\n    transform: translateY(-7px);\n    border-color: var(--ms-gold);\n\n    box-shadow:\n        0 26px 55px rgba(48, 61, 54, 0.16),\n        0 7px 18px rgba(184, 148, 75, 0.13);\n}\n\n\/* Imagen superior *\/\n\n.ms-service-card__image {\n    position: relative;\n    width: 100%;\n    height: 265px;\n    overflow: hidden;\n    background: #e9dfce;\n}\n\n.ms-service-card__image::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n\n    background: linear-gradient(\n        180deg,\n        transparent 48%,\n        rgba(16, 47, 40, 0.38) 100%\n    );\n}\n\n.ms-service-card__image img {\n    width: 100% !important;\n    max-width: none !important;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    display: block !important;\n\n    object-fit: cover !important;\n    object-position: center !important;\n\n    border: 0 !important;\n    box-shadow: none !important;\n\n    transition: transform 0.65s ease;\n}\n\n.ms-service-card:hover .ms-service-card__image img {\n    transform: scale(1.045);\n}\n\n\/* N\u00famero sobre la imagen *\/\n\n.ms-service-card__number {\n    position: absolute;\n    right: 18px;\n    bottom: 16px;\n    z-index: 2;\n\n    color: rgba(255, 255, 255, 0.92);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 18px;\n    letter-spacing: 2px;\n}\n\n\/* Contenido *\/\n\n.ms-service-card__body {\n    padding: 30px 31px 32px;\n}\n\n.ms-service-card__heading {\n    margin-bottom: 17px;\n    display: flex;\n    align-items: center;\n    gap: 17px;\n}\n\n.ms-service-card__icon {\n    width: 62px;\n    height: 62px;\n    flex: 0 0 62px;\n    padding: 9px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--ms-gold);\n    background: rgba(247, 241, 229, 0.7);\n    border: 1px solid rgba(184, 148, 75, 0.38);\n    border-radius: 50%;\n}\n\n.ms-service-card__icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.ms-service-card h3 {\n    margin: 0;\n    color: var(--ms-green);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(26px, 2.4vw, 34px);\n    font-weight: 400;\n    line-height: 1.15;\n}\n\n.ms-service-card__body > p {\n    min-height: 118px;\n    margin: 0 0 20px;\n    color: var(--ms-text);\n\n    font-family: Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.7;\n}\n\n\/* Enlace *\/\n\n.ms-service-card__link {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n\n    color: var(--ms-green) !important;\n    font-family: Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-decoration: none !important;\n    text-transform: uppercase;\n\n    transition:\n        color 0.25s ease,\n        gap 0.25s ease;\n}\n\n.ms-service-card__link span {\n    color: var(--ms-gold);\n    font-size: 21px;\n    font-weight: 400;\n}\n\n.ms-service-card__link:hover {\n    gap: 14px;\n    color: var(--ms-gold) !important;\n}\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media (max-width: 1024px) {\n    .ms-services {\n        padding: 85px 30px;\n    }\n\n    .ms-services__grid {\n        gap: 23px;\n    }\n\n    .ms-service-card__image {\n        height: 235px;\n    }\n\n    .ms-service-card__body {\n        padding: 27px 25px 29px;\n    }\n\n    .ms-service-card__body > p {\n        min-height: 135px;\n    }\n}\n\n\/* =========================================\n   TEL\u00c9FONOS\n   ========================================= *\/\n\n@media (max-width: 767px) {\n    .ms-services {\n        padding: 65px 20px;\n    }\n\n    .ms-services__header {\n        margin-bottom: 40px;\n    }\n\n    .ms-services__header h2 {\n        font-size: clamp(36px, 10vw, 46px);\n    }\n\n    .ms-services__header p {\n        font-size: 16px;\n    }\n\n    .ms-services__grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .ms-service-card {\n        max-width: 570px;\n        margin: 0 auto;\n    }\n\n    .ms-service-card__image {\n        height: 245px;\n    }\n\n    .ms-service-card__body {\n        padding: 27px 24px 30px;\n    }\n\n    .ms-service-card__body > p {\n        min-height: 0;\n    }\n}\n\n@media (max-width: 480px) {\n    .ms-services {\n        padding: 55px 16px;\n    }\n\n    .ms-service-card__image {\n        height: 215px;\n    }\n\n    .ms-service-card__heading {\n        align-items: flex-start;\n        gap: 13px;\n    }\n\n    .ms-service-card__icon {\n        width: 54px;\n        height: 54px;\n        flex-basis: 54px;\n    }\n\n    .ms-service-card h3 {\n        font-size: 27px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b59a88e elementor-widget elementor-widget-html\" data-id=\"b59a88e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================\n     ORIENTACI\u00d3N ESPIRITUAL INTEGRAL\n     ========================================== -->\n\n<section class=\"ms-guidance\" id=\"orientacion-espiritual\">\n\n    <div class=\"ms-guidance__container\">\n\n        <!-- IMAGEN -->\n        <div class=\"ms-guidance__visual\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/magiasecreta.com\/wp-content\/uploads\/2026\/07\/orientacion-espiritual-.jpg\"\n                alt=\"Sendero iluminado que representa orientaci\u00f3n y transformaci\u00f3n espiritual\"\n                class=\"ms-guidance__image\"\n                loading=\"lazy\"\n            >\n\n            <div class=\"ms-guidance__image-overlay\"><\/div>\n\n            <div class=\"ms-guidance__image-message\">\n                <span>\u2726<\/span>\n                <p>Claridad, prop\u00f3sito y conexi\u00f3n interior<\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- CONTENIDO -->\n        <div class=\"ms-guidance__content\">\n\n            <!-- \u00c1RBOL DE LA VIDA DECORATIVO -->\n            <svg\n                class=\"ms-guidance__tree\"\n                viewbox=\"0 0 240 340\"\n                aria-hidden=\"true\"\n            >\n                <g>\n                    <path d=\"M120 26V314\"><\/path>\n                    <path d=\"M77 61L163 279\"><\/path>\n                    <path d=\"M163 61L77 279\"><\/path>\n                    <path d=\"M54 107L186 233\"><\/path>\n                    <path d=\"M186 107L54 233\"><\/path>\n                    <path d=\"M54 107H186\"><\/path>\n                    <path d=\"M54 170H186\"><\/path>\n                    <path d=\"M54 233H186\"><\/path>\n\n                    <circle cx=\"120\" cy=\"26\" r=\"16\"><\/circle>\n                    <circle cx=\"77\" cy=\"61\" r=\"16\"><\/circle>\n                    <circle cx=\"163\" cy=\"61\" r=\"16\"><\/circle>\n                    <circle cx=\"54\" cy=\"107\" r=\"16\"><\/circle>\n                    <circle cx=\"186\" cy=\"107\" r=\"16\"><\/circle>\n                    <circle cx=\"120\" cy=\"145\" r=\"16\"><\/circle>\n                    <circle cx=\"54\" cy=\"188\" r=\"16\"><\/circle>\n                    <circle cx=\"186\" cy=\"188\" r=\"16\"><\/circle>\n                    <circle cx=\"82\" cy=\"239\" r=\"16\"><\/circle>\n                    <circle cx=\"158\" cy=\"239\" r=\"16\"><\/circle>\n                    <circle cx=\"120\" cy=\"314\" r=\"16\"><\/circle>\n                <\/g>\n            <\/svg>\n\n            <div class=\"ms-guidance__content-inner\">\n\n                <span class=\"ms-guidance__eyebrow\">\n                    Acompa\u00f1amiento personalizado\n                <\/span>\n\n                <h2>Orientaci\u00f3n Espiritual Integral<\/h2>\n\n                <div class=\"ms-guidance__divider\">\n                    <span><\/span>\n                    <i>\u2726<\/i>\n                    <span><\/span>\n                <\/div>\n\n                <p class=\"ms-guidance__lead\">\n                    Cuando no sabes exactamente qu\u00e9 servicio necesitas, pero\n                    sientes que est\u00e1s atravesando una situaci\u00f3n que requiere\n                    claridad, acompa\u00f1amiento y una mirada m\u00e1s profunda.\n                <\/p>\n\n                <p>\n                    La Orientaci\u00f3n Espiritual Integral es una sesi\u00f3n\n                    personalizada en la que conversamos sobre tus inquietudes,\n                    necesidades y objetivos.\n                <\/p>\n\n                <p>\n                    Dependiendo de tu situaci\u00f3n, pueden integrarse herramientas\n                    como el Tarot Cabal\u00edstico, principios de Kabbalah,\n                    reflexi\u00f3n espiritual, meditaci\u00f3n guiada u otros recursos\n                    complementarios.\n                <\/p>\n\n                <h3>Esta orientaci\u00f3n puede ayudarte en momentos de:<\/h3>\n\n                <ul class=\"ms-guidance__list\">\n\n                    <li>\n                        <span>\u2726<\/span>\n                        <p>Cambios importantes o decisiones dif\u00edciles.<\/p>\n                    <\/li>\n\n                    <li>\n                        <span>\u2726<\/span>\n                        <p>Confusi\u00f3n emocional o espiritual.<\/p>\n                    <\/li>\n\n                    <li>\n                        <span>\u2726<\/span>\n                        <p>Repetici\u00f3n de patrones en tu vida.<\/p>\n                    <\/li>\n\n                    <li>\n                        <span>\u2726<\/span>\n                        <p>B\u00fasqueda de prop\u00f3sito y direcci\u00f3n.<\/p>\n                    <\/li>\n\n                    <li>\n                        <span>\u2726<\/span>\n                        <p>Procesos de duelo, cierre o transformaci\u00f3n.<\/p>\n                    <\/li>\n\n                    <li>\n                        <span>\u2726<\/span>\n                        <p>Necesidad de recuperar tu conexi\u00f3n interior.<\/p>\n                    <\/li>\n\n                <\/ul>\n\n                <div class=\"ms-guidance__action\">\n\n                    <!-- Posteriormente puedes cambiar este enlace -->\n                    <a\n                        href=\"#reservar-sesion\"\n                        class=\"ms-guidance__button\"\n                    >\n                        Reservar Orientaci\u00f3n Espiritual\n                    <\/a>\n\n                    <span class=\"ms-guidance__confidential\">\n                        <i>\u25c7<\/i>\n                        Atenci\u00f3n respetuosa y confidencial\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* ==========================================\n   ORIENTACI\u00d3N ESPIRITUAL INTEGRAL\n   ========================================== *\/\n\n.ms-guidance {\n    --ms-green: #143c32;\n    --ms-green-dark: #0c2c25;\n    --ms-green-light: #235b4b;\n    --ms-gold: #c5a253;\n    --ms-gold-light: #e2ca89;\n    --ms-cream: #f7f1e5;\n    --ms-white: #fffdf8;\n\n    width: 100%;\n    padding: 85px 25px;\n\n    background:\n        radial-gradient(\n            circle at 20% 50%,\n            rgba(197, 162, 83, 0.11),\n            transparent 28%\n        ),\n        linear-gradient(\n            180deg,\n            #f8f2e8 0%,\n            #eee3d1 100%\n        );\n}\n\n.ms-guidance *,\n.ms-guidance *::before,\n.ms-guidance *::after {\n    box-sizing: border-box;\n}\n\n.ms-guidance__container {\n    position: relative;\n    width: 100%;\n    max-width: 1260px;\n    min-height: 680px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 44%) minmax(0, 56%);\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 90% 10%,\n            rgba(197, 162, 83, 0.13),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            var(--ms-green-light) 0%,\n            var(--ms-green) 48%,\n            var(--ms-green-dark) 100%\n        );\n\n    border: 1px solid var(--ms-gold);\n    border-radius: 18px;\n\n    box-shadow:\n        0 30px 70px rgba(16, 47, 40, 0.2),\n        0 7px 20px rgba(197, 162, 83, 0.12);\n}\n\n\/* Borde interior *\/\n\n.ms-guidance__container::before {\n    content: \"\";\n    position: absolute;\n    inset: 10px;\n    z-index: 5;\n    border: 1px solid rgba(226, 202, 137, 0.47);\n    border-radius: 11px;\n    pointer-events: none;\n}\n\n\/* ==========================================\n   IMAGEN\n   ========================================== *\/\n\n.ms-guidance__visual {\n    position: relative;\n    min-width: 0;\n    min-height: 680px;\n    overflow: hidden;\n}\n\n.ms-guidance__image {\n    width: 100% !important;\n    max-width: none !important;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    display: block !important;\n\n    object-fit: cover !important;\n    object-position: center !important;\n\n    border: 0 !important;\n    box-shadow: none !important;\n\n    transition: transform 1.1s ease;\n}\n\n.ms-guidance__container:hover .ms-guidance__image {\n    transform: scale(1.035);\n}\n\n\/* Degradado entre la imagen y el panel *\/\n\n.ms-guidance__image-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(10, 34, 29, 0.12) 0%,\n            rgba(12, 44, 37, 0.06) 55%,\n            rgba(20, 60, 50, 0.7) 100%\n        ),\n        linear-gradient(\n            180deg,\n            transparent 52%,\n            rgba(8, 31, 26, 0.73) 100%\n        );\n}\n\n\/* Mensaje sobre la imagen *\/\n\n.ms-guidance__image-message {\n    position: absolute;\n    left: 35px;\n    right: 35px;\n    bottom: 38px;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--ms-white);\n}\n\n.ms-guidance__image-message span {\n    color: var(--ms-gold-light);\n    font-size: 18px;\n}\n\n.ms-guidance__image-message p {\n    margin: 0;\n    color: inherit;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 19px;\n    font-style: italic;\n    letter-spacing: 0.3px;\n    line-height: 1.4;\n}\n\n\/* ==========================================\n   CONTENIDO\n   ========================================== *\/\n\n.ms-guidance__content {\n    position: relative;\n    min-width: 0;\n    padding: 70px 65px 65px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n}\n\n.ms-guidance__content-inner {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 660px;\n}\n\n.ms-guidance__tree {\n    position: absolute;\n    z-index: 0;\n    right: -38px;\n    bottom: -50px;\n    width: 315px;\n    height: auto;\n    opacity: 0.11;\n    fill: none;\n    stroke: var(--ms-gold-light);\n    stroke-width: 1.5;\n    pointer-events: none;\n}\n\n.ms-guidance__eyebrow {\n    display: inline-block;\n    margin-bottom: 13px;\n    color: var(--ms-gold-light);\n\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    line-height: 1.4;\n    text-transform: uppercase;\n}\n\n.ms-guidance h2 {\n    max-width: 650px;\n    margin: 0;\n    color: var(--ms-white);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(39px, 4vw, 56px);\n    font-weight: 400;\n    letter-spacing: -0.5px;\n    line-height: 1.08;\n}\n\n.ms-guidance__divider {\n    width: 260px;\n    max-width: 85%;\n    margin: 23px 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--ms-gold-light);\n}\n\n.ms-guidance__divider span {\n    height: 1px;\n    flex: 1;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        var(--ms-gold-light),\n        transparent\n    );\n}\n\n.ms-guidance__divider i {\n    font-size: 14px;\n    font-style: normal;\n}\n\n.ms-guidance__content p {\n    color: rgba(255, 253, 248, 0.86);\n    font-family: Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.67;\n}\n\n.ms-guidance__content > p,\n.ms-guidance__content-inner > p {\n    margin: 0 0 15px;\n}\n\n.ms-guidance__lead {\n    color: var(--ms-white) !important;\n    font-family: Georgia, \"Times New Roman\", serif !important;\n    font-size: 19px !important;\n    font-style: italic;\n    line-height: 1.6 !important;\n}\n\n.ms-guidance h3 {\n    margin: 25px 0 14px;\n    color: var(--ms-gold-light);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.4;\n}\n\n\/* ==========================================\n   LISTA\n   ========================================== *\/\n\n.ms-guidance__list {\n    margin: 0;\n    padding: 0;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px 22px;\n    list-style: none;\n}\n\n.ms-guidance__list li {\n    min-width: 0;\n    display: flex;\n    align-items: flex-start;\n    gap: 9px;\n}\n\n.ms-guidance__list li > span {\n    flex: 0 0 auto;\n    margin-top: 3px;\n    color: var(--ms-gold-light);\n    font-size: 13px;\n}\n\n.ms-guidance__list li p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.45;\n}\n\n\/* ==========================================\n   BOT\u00d3N\n   ========================================== *\/\n\n.ms-guidance__action {\n    margin-top: 28px;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 19px;\n}\n\n.ms-guidance__button {\n    padding: 15px 23px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--ms-green-dark) !important;\n    background: linear-gradient(\n        135deg,\n        var(--ms-gold-light),\n        var(--ms-gold)\n    );\n\n    border: 1px solid var(--ms-gold-light);\n    border-radius: 5px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 16px;\n    line-height: 1.25;\n    text-align: center;\n    text-decoration: none !important;\n\n    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.2);\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n.ms-guidance__button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 13px 27px rgba(0, 0, 0, 0.26);\n}\n\n.ms-guidance__confidential {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255, 253, 248, 0.72);\n\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    line-height: 1.4;\n}\n\n.ms-guidance__confidential i {\n    color: var(--ms-gold-light);\n    font-size: 18px;\n    font-style: normal;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1050px) {\n    .ms-guidance {\n        padding: 70px 28px;\n    }\n\n    .ms-guidance__container {\n        grid-template-columns: minmax(0, 40%) minmax(0, 60%);\n    }\n\n    .ms-guidance__content {\n        padding: 58px 42px;\n    }\n\n    .ms-guidance__list {\n        grid-template-columns: 1fr;\n    }\n}\n\n\/* ==========================================\n   TEL\u00c9FONOS\n   ========================================== *\/\n\n@media (max-width: 767px) {\n    .ms-guidance {\n        padding: 58px 18px;\n    }\n\n    .ms-guidance__container {\n        min-height: 0;\n        grid-template-columns: 1fr;\n        border-radius: 14px;\n    }\n\n    .ms-guidance__visual {\n        min-height: 0;\n        height: 390px;\n    }\n\n    .ms-guidance__image-overlay {\n        background:\n            linear-gradient(\n                180deg,\n                transparent 45%,\n                rgba(20, 60, 50, 0.83) 100%\n            );\n    }\n\n    .ms-guidance__image-message {\n        left: 27px;\n        right: 27px;\n        bottom: 28px;\n    }\n\n    .ms-guidance__content {\n        padding: 48px 28px 52px;\n    }\n\n    .ms-guidance h2 {\n        font-size: clamp(36px, 10vw, 47px);\n    }\n\n    .ms-guidance__list {\n        grid-template-columns: 1fr;\n        gap: 11px;\n    }\n\n    .ms-guidance__action {\n        align-items: stretch;\n        flex-direction: column;\n    }\n\n    .ms-guidance__button {\n        width: 100%;\n    }\n\n    .ms-guidance__confidential {\n        justify-content: center;\n        text-align: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .ms-guidance {\n        padding: 48px 14px;\n    }\n\n    .ms-guidance__visual {\n        height: 330px;\n    }\n\n    .ms-guidance__content {\n        padding: 42px 23px 46px;\n    }\n\n    .ms-guidance h2 {\n        font-size: 34px;\n    }\n\n    .ms-guidance__lead {\n        font-size: 18px !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a80895 elementor-widget elementor-widget-html\" data-id=\"2a80895\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================\n     AS\u00cd TRABAJAMOS CONTIGO\n     ========================================== -->\n\n<section class=\"ms-process\" id=\"como-funciona\">\n\n    <div class=\"ms-process__container\">\n\n        <header class=\"ms-process__header\">\n\n            <span class=\"ms-process__eyebrow\">\n                Tu experiencia paso a paso\n            <\/span>\n\n            <h2>As\u00ed trabajamos contigo<\/h2>\n\n            <div class=\"ms-process__divider\">\n                <span><\/span>\n                <i>\u2726<\/i>\n                <span><\/span>\n            <\/div>\n\n            <p>\n                Un proceso sencillo, respetuoso y personalizado para acompa\u00f1arte\n                desde tu primera inquietud hasta la integraci\u00f3n de lo aprendido.\n            <\/p>\n\n        <\/header>\n\n        <div class=\"ms-process__steps\">\n\n            <!-- PASO 1 -->\n            <article class=\"ms-process__step\">\n\n                <div class=\"ms-process__icon\">\n                    <span class=\"ms-process__number\">1<\/span>\n\n                    <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <path d=\"M10 17h31a8 8 0 0 1 8 8v8a8 8 0 0 1-8 8H28L17 50v-9h-7a8 8 0 0 1-8-8v-8a8 8 0 0 1 8-8z\"><\/path>\n                        <path d=\"M23 25h14M23 32h9\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <h3>Con\u00e9ctate<\/h3>\n\n                <p>\n                    Cu\u00e9ntanos tu situaci\u00f3n, tus inquietudes y qu\u00e9 deseas\n                    comprender o transformar.\n                <\/p>\n\n            <\/article>\n\n            <!-- PASO 2 -->\n            <article class=\"ms-process__step\">\n\n                <div class=\"ms-process__icon\">\n                    <span class=\"ms-process__number\">2<\/span>\n\n                    <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <rect x=\"9\" y=\"14\" width=\"46\" height=\"42\" rx=\"5\"><\/rect>\n                        <path d=\"M9 26h46M21 8v12M43 8v12\"><\/path>\n                        <path d=\"M19 35h6M30 35h6M41 35h6M19 45h6M30 45h6\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <h3>Agenda tu sesi\u00f3n<\/h3>\n\n                <p>\n                    Elige el servicio, el d\u00eda y el horario que mejor se adapten\n                    a tus necesidades.\n                <\/p>\n\n            <\/article>\n\n            <!-- PASO 3 -->\n            <article class=\"ms-process__step\">\n\n                <div class=\"ms-process__icon\">\n                    <span class=\"ms-process__number\">3<\/span>\n\n                    <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <circle cx=\"32\" cy=\"32\" r=\"24\"><\/circle>\n                        <path d=\"M41 19L35 35 19 41l6-16z\"><\/path>\n                        <circle cx=\"30\" cy=\"30\" r=\"3\"><\/circle>\n                    <\/svg>\n                <\/div>\n\n                <h3>Recibe tu gu\u00eda<\/h3>\n\n                <p>\n                    Utilizamos herramientas espirituales para brindarte\n                    claridad, reflexi\u00f3n y orientaci\u00f3n.\n                <\/p>\n\n            <\/article>\n\n            <!-- PASO 4 -->\n            <article class=\"ms-process__step\">\n\n                <div class=\"ms-process__icon\">\n                    <span class=\"ms-process__number\">4<\/span>\n\n                    <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <path d=\"M32 55V31\"><\/path>\n                        <path d=\"M31 37C18 37 10 28 10 15c13 0 21 9 21 22z\"><\/path>\n                        <path d=\"M33 31c0-12 8-20 21-20 0 12-8 20-21 20z\"><\/path>\n                        <path d=\"M23 52h18\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <h3>Transforma tu camino<\/h3>\n\n                <p>\n                    Integra las ense\u00f1anzas y toma decisiones m\u00e1s conscientes,\n                    alineadas con tu prop\u00f3sito.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n        <div class=\"ms-process__closing\">\n\n            <span>\u2726<\/span>\n\n            <p>\n                Cada proceso es diferente. La orientaci\u00f3n se adapta a tu\n                momento, tus preguntas y tus necesidades.\n            <\/p>\n\n            <span>\u2726<\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* ==========================================\n   AS\u00cd TRABAJAMOS CONTIGO\n   ========================================== *\/\n\n.ms-process {\n    --ms-green: #183f35;\n    --ms-green-dark: #102f28;\n    --ms-gold: #b8944b;\n    --ms-gold-light: #d9bd7a;\n    --ms-cream: #f7f1e5;\n    --ms-text: #3e4b46;\n\n    width: 100%;\n    padding: 95px 25px;\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 50% 20%,\n            rgba(255, 255, 255, 0.94),\n            transparent 45%\n        ),\n        linear-gradient(\n            180deg,\n            #fffdf8 0%,\n            var(--ms-cream) 100%\n        );\n}\n\n.ms-process *,\n.ms-process *::before,\n.ms-process *::after {\n    box-sizing: border-box;\n}\n\n.ms-process__container {\n    width: 100%;\n    max-width: 1220px;\n    margin: 0 auto;\n}\n\n\/* Encabezado *\/\n\n.ms-process__header {\n    max-width: 760px;\n    margin: 0 auto 60px;\n    text-align: center;\n}\n\n.ms-process__eyebrow {\n    display: block;\n    margin-bottom: 13px;\n    color: var(--ms-gold);\n\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    line-height: 1.4;\n    text-transform: uppercase;\n}\n\n.ms-process__header h2 {\n    margin: 0;\n    color: var(--ms-green);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(40px, 4.5vw, 57px);\n    font-weight: 400;\n    line-height: 1.1;\n}\n\n.ms-process__divider {\n    width: 230px;\n    max-width: 80%;\n    margin: 21px auto;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--ms-gold);\n}\n\n.ms-process__divider span {\n    height: 1px;\n    flex: 1;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        var(--ms-gold),\n        transparent\n    );\n}\n\n.ms-process__divider i {\n    font-size: 15px;\n    font-style: normal;\n}\n\n.ms-process__header p {\n    margin: 0;\n    color: var(--ms-text);\n    font-family: Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1.7;\n}\n\n\/* ==========================================\n   PASOS\n   ========================================== *\/\n\n.ms-process__steps {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 30px;\n}\n\n\/* L\u00ednea horizontal conectora *\/\n\n.ms-process__steps::before {\n    content: \"\";\n    position: absolute;\n    top: 72px;\n    left: 12.5%;\n    right: 12.5%;\n    z-index: 0;\n    height: 1px;\n\n    background: repeating-linear-gradient(\n        90deg,\n        var(--ms-gold) 0 5px,\n        transparent 5px 12px\n    );\n\n    opacity: 0.7;\n}\n\n.ms-process__step {\n    position: relative;\n    z-index: 1;\n    min-width: 0;\n    text-align: center;\n}\n\n\/* C\u00edrculo e icono *\/\n\n.ms-process__icon {\n    position: relative;\n    width: 145px;\n    height: 145px;\n    margin: 0 auto 25px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--ms-gold);\n    background: rgba(255, 253, 248, 0.97);\n    border: 1px solid rgba(184, 148, 75, 0.55);\n    border-radius: 50%;\n\n    box-shadow:\n        0 13px 32px rgba(41, 57, 50, 0.1),\n        inset 0 0 0 8px rgba(247, 241, 229, 0.75);\n\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.ms-process__step:hover .ms-process__icon {\n    transform: translateY(-6px) rotate(1deg);\n\n    box-shadow:\n        0 20px 38px rgba(41, 57, 50, 0.16),\n        inset 0 0 0 8px rgba(247, 241, 229, 0.85);\n}\n\n.ms-process__icon svg {\n    width: 62px;\n    height: 62px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.ms-process__number {\n    position: absolute;\n    top: -12px;\n    left: 50%;\n    width: 32px;\n    height: 32px;\n    transform: translateX(-50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #ffffff;\n    background: linear-gradient(\n        135deg,\n        var(--ms-gold-light),\n        var(--ms-gold)\n    );\n\n    border: 3px solid #fffdf8;\n    border-radius: 50%;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 15px;\n\n    box-shadow: 0 4px 12px rgba(57, 48, 29, 0.17);\n}\n\n.ms-process__step h3 {\n    margin: 0 0 12px;\n    color: var(--ms-green);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 25px;\n    font-weight: 400;\n    line-height: 1.2;\n}\n\n.ms-process__step p {\n    max-width: 250px;\n    margin: 0 auto;\n    color: var(--ms-text);\n\n    font-family: Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.6;\n}\n\n\/* Mensaje inferior *\/\n\n.ms-process__closing {\n    max-width: 820px;\n    margin: 58px auto 0;\n    padding: 19px 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 17px;\n\n    color: var(--ms-green);\n    background: rgba(255, 253, 248, 0.73);\n    border-top: 1px solid rgba(184, 148, 75, 0.5);\n    border-bottom: 1px solid rgba(184, 148, 75, 0.5);\n\n    text-align: center;\n}\n\n.ms-process__closing span {\n    color: var(--ms-gold);\n    font-size: 14px;\n}\n\n.ms-process__closing p {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 17px;\n    font-style: italic;\n    line-height: 1.5;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1000px) {\n    .ms-process__steps {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 60px 35px;\n    }\n\n    .ms-process__steps::before {\n        display: none;\n    }\n}\n\n\/* ==========================================\n   TEL\u00c9FONOS\n   ========================================== *\/\n\n@media (max-width: 600px) {\n    .ms-process {\n        padding: 65px 20px;\n    }\n\n    .ms-process__header {\n        margin-bottom: 48px;\n    }\n\n    .ms-process__header h2 {\n        font-size: clamp(36px, 10vw, 46px);\n    }\n\n    .ms-process__header p {\n        font-size: 16px;\n    }\n\n    .ms-process__steps {\n        grid-template-columns: 1fr;\n        gap: 48px;\n    }\n\n    .ms-process__step:not(:last-child)::after {\n        content: \"\";\n        position: absolute;\n        left: 50%;\n        bottom: -38px;\n        width: 1px;\n        height: 28px;\n\n        background: repeating-linear-gradient(\n            180deg,\n            var(--ms-gold) 0 4px,\n            transparent 4px 9px\n        );\n    }\n\n    .ms-process__icon {\n        width: 132px;\n        height: 132px;\n    }\n\n    .ms-process__icon svg {\n        width: 56px;\n        height: 56px;\n    }\n\n    .ms-process__step p {\n        max-width: 330px;\n    }\n\n    .ms-process__closing {\n        margin-top: 55px;\n        padding: 18px 15px;\n    }\n\n    .ms-process__closing p {\n        font-size: 16px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61d9734 e-flex e-con-boxed e-con e-parent\" data-id=\"61d9734\" 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-5f35e09 elementor-widget elementor-widget-html\" data-id=\"5f35e09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================\n     SERVICIOS ESPIRITUALES ONLINE\n     ========================================== -->\n\n<section class=\"ms-online-services\" id=\"servicios-online\">\n\n    <div class=\"ms-online-services__overlay\"><\/div>\n\n    <div class=\"ms-online-services__container\">\n\n        <!-- Espacio ocupado visualmente por la fotograf\u00eda -->\n        <div class=\"ms-online-services__visual\" aria-hidden=\"true\"><\/div>\n\n        <!-- CONTENIDO DEL LADO DERECHO -->\n        <div class=\"ms-online-services__content\">\n\n            <span class=\"ms-online-services__eyebrow\">\n                Servicios Online\n            <\/span>\n\n            <h2>Orientaci\u00f3n espiritual desde cualquier lugar<\/h2>\n\n            <div class=\"ms-online-services__divider\">\n                <span><\/span>\n                <i>\u2726<\/i>\n                <span><\/span>\n            <\/div>\n\n            <p class=\"ms-online-services__introduction\">\n                Con\u00e9ctate desde la comodidad de tu hogar y recibe una sesi\u00f3n\n                privada, cercana y personalizada, sin importar d\u00f3nde te\n                encuentres.\n            <\/p>\n\n            <!-- TARJETAS -->\n            <div class=\"ms-online-services__cards\">\n\n                <!-- TAROT ONLINE -->\n                <article class=\"ms-online-card\">\n\n                    <div class=\"ms-online-card__icon\">\n\n                        <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <rect x=\"14\" y=\"10\" width=\"31\" height=\"43\" rx=\"3\"><\/rect>\n                            <rect x=\"22\" y=\"6\" width=\"31\" height=\"43\" rx=\"3\"><\/rect>\n                            <circle cx=\"38\" cy=\"27\" r=\"7\"><\/circle>\n                            <path d=\"M38 16v5M38 34v5M27 27h5M44 27h5\"><\/path>\n                            <path d=\"M30 19l3 3M46 35l-3-3M46 19l-3 3\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <div class=\"ms-online-card__text\">\n\n                        <h3>Tarot Cabal\u00edstico Online<\/h3>\n\n                        <p>\n                            Explora tus preguntas, decisiones y procesos\n                            mediante una lectura privada por videollamada.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n                <!-- CARTA NATAL ONLINE -->\n                <article class=\"ms-online-card\">\n\n                    <div class=\"ms-online-card__icon\">\n\n                        <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <circle cx=\"32\" cy=\"32\" r=\"24\"><\/circle>\n                            <circle cx=\"32\" cy=\"32\" r=\"14\"><\/circle>\n                            <circle cx=\"32\" cy=\"32\" r=\"5\"><\/circle>\n                            <path d=\"M32 8v10M32 46v10M8 32h10M46 32h10\"><\/path>\n                            <path d=\"M15 15l7 7M42 42l7 7M49 15l-7 7M22 42l-7 7\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <div class=\"ms-online-card__text\">\n\n                        <h3>Carta Natal Online<\/h3>\n\n                        <p>\n                            Recibe una interpretaci\u00f3n personalizada de tu carta\n                            natal y conoce tendencias, talentos y ciclos.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n            <!-- INFORMACI\u00d3N DE VIDEOLLAMADA -->\n            <div class=\"ms-online-services__video\">\n\n                <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n                    <rect x=\"7\" y=\"17\" width=\"35\" height=\"30\" rx=\"5\"><\/rect>\n                    <path d=\"M42 27l15-8v26l-15-8z\"><\/path>\n                <\/svg>\n\n                <div>\n                    <strong>Sesiones privadas por videollamada<\/strong>\n\n                    <p>\n                        Despu\u00e9s de reservar recibir\u00e1s las instrucciones y el\n                        enlace para conectarte a tu sesi\u00f3n.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n            <!-- BOT\u00d3N -->\n            <a\n                href=\"#reservar-sesion\"\n                class=\"ms-online-services__button\"\n            >\n                <span aria-hidden=\"true\">\u25c7<\/span>\n                Reservar sesi\u00f3n online\n            <\/a>\n\n            <!-- ACLARACI\u00d3N -->\n            <div class=\"ms-online-services__note\">\n\n                <span aria-hidden=\"true\">\u2726<\/span>\n\n                <p>\n                    El P\u00e9ndulo Hebreo, Kabbalah y los dem\u00e1s servicios se\n                    ofrecen \u00fanicamente de manera presencial.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* ==========================================\n   SERVICIOS ONLINE\n   ========================================== *\/\n\n.ms-online-services {\n    --ms-green: #183f35;\n    --ms-green-dark: #102f28;\n    --ms-gold: #b8944b;\n    --ms-gold-light: #d9bd7a;\n    --ms-cream: #f7f1e5;\n    --ms-white: #fffdf8;\n    --ms-text: #3e4b46;\n\n    position: relative;\n    width: 100%;\n    min-height: 760px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n\n    background-image:\n        url(\"https:\/\/magiasecreta.com\/wp-content\/uploads\/2026\/07\/servsonline.jpg\");\n\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n\n    isolation: isolate;\n}\n\n.ms-online-services *,\n.ms-online-services *::before,\n.ms-online-services *::after {\n    box-sizing: border-box;\n}\n\n\/* Capa para mejorar la lectura *\/\n\n.ms-online-services__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n\n    background: linear-gradient(\n        90deg,\n        rgba(247, 241, 229, 0.01) 0%,\n        rgba(247, 241, 229, 0.03) 43%,\n        rgba(247, 241, 229, 0.59) 52%,\n        rgba(247, 241, 229, 0.9) 67%,\n        rgba(247, 241, 229, 0.97) 100%\n    );\n}\n\n\/* Dos columnas *\/\n\n.ms-online-services__container {\n    width: 100%;\n    max-width: 1340px;\n    margin: 0 auto;\n    padding: 85px 45px;\n    display: grid;\n    grid-template-columns: minmax(0, 50%) minmax(0, 50%);\n    align-items: center;\n}\n\n.ms-online-services__visual {\n    min-height: 500px;\n}\n\n.ms-online-services__content {\n    width: 100%;\n    max-width: 650px;\n    padding: 40px 20px 40px 55px;\n}\n\n\/* ==========================================\n   T\u00cdTULOS\n   ========================================== *\/\n\n.ms-online-services__eyebrow {\n    display: inline-block;\n    margin-bottom: 13px;\n    color: var(--ms-gold);\n\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 4px;\n    line-height: 1.4;\n    text-transform: uppercase;\n}\n\n.ms-online-services h2 {\n    margin: 0;\n    color: var(--ms-green);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(40px, 4vw, 58px);\n    font-weight: 400;\n    letter-spacing: -0.5px;\n    line-height: 1.08;\n}\n\n.ms-online-services__divider {\n    width: 250px;\n    max-width: 80%;\n    margin: 22px 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--ms-gold);\n}\n\n.ms-online-services__divider span {\n    height: 1px;\n    flex: 1;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        var(--ms-gold),\n        transparent\n    );\n}\n\n.ms-online-services__divider i {\n    font-size: 14px;\n    font-style: normal;\n}\n\n.ms-online-services__introduction {\n    max-width: 610px;\n    margin: 0 0 26px;\n    color: var(--ms-text);\n\n    font-family: Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1.7;\n}\n\n\/* ==========================================\n   TARJETAS\n   ========================================== *\/\n\n.ms-online-services__cards {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 15px;\n}\n\n.ms-online-card {\n    min-width: 0;\n    padding: 21px 18px;\n\n    background: rgba(255, 253, 248, 0.82);\n    border: 1px solid rgba(184, 148, 75, 0.48);\n    border-radius: 10px;\n\n    box-shadow:\n        0 12px 30px rgba(40, 54, 48, 0.1),\n        0 4px 10px rgba(184, 148, 75, 0.08);\n\n    backdrop-filter: blur(5px);\n\n    transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.ms-online-card:hover {\n    transform: translateY(-5px);\n    border-color: var(--ms-gold);\n\n    box-shadow:\n        0 18px 38px rgba(40, 54, 48, 0.15),\n        0 6px 15px rgba(184, 148, 75, 0.11);\n}\n\n.ms-online-card__icon {\n    width: 64px;\n    height: 64px;\n    margin: 0 auto 14px;\n    padding: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--ms-gold-light);\n    background: var(--ms-green);\n    border: 2px solid var(--ms-gold);\n    border-radius: 50%;\n\n    box-shadow: 0 8px 18px rgba(24, 63, 53, 0.18);\n}\n\n.ms-online-card__icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.ms-online-card__text {\n    text-align: center;\n}\n\n.ms-online-card h3 {\n    margin: 0 0 10px;\n    color: var(--ms-green);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 22px;\n    font-weight: 400;\n    line-height: 1.25;\n}\n\n.ms-online-card p {\n    margin: 0;\n    color: var(--ms-text);\n\n    font-family: Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.55;\n}\n\n\/* ==========================================\n   VIDEOLLAMADA\n   ========================================== *\/\n\n.ms-online-services__video {\n    margin: 20px 0;\n    padding: 15px 18px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n\n    background: rgba(247, 241, 229, 0.68);\n    border-top: 1px solid rgba(184, 148, 75, 0.5);\n    border-bottom: 1px solid rgba(184, 148, 75, 0.5);\n}\n\n.ms-online-services__video > svg {\n    width: 38px;\n    height: 38px;\n    flex: 0 0 38px;\n    fill: none;\n    stroke: var(--ms-gold);\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.ms-online-services__video strong {\n    display: block;\n    margin-bottom: 3px;\n    color: var(--ms-green);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 17px;\n    font-weight: 400;\n}\n\n.ms-online-services__video p {\n    margin: 0;\n    color: var(--ms-text);\n\n    font-family: Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1.45;\n}\n\n\/* ==========================================\n   BOT\u00d3N\n   ========================================== *\/\n\n.ms-online-services__button {\n    width: 100%;\n    padding: 16px 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n\n    color: #ffffff !important;\n    background: linear-gradient(\n        135deg,\n        var(--ms-green),\n        var(--ms-green-dark)\n    );\n\n    border: 2px solid var(--ms-gold);\n    border-radius: 7px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 18px;\n    line-height: 1.3;\n    text-align: center;\n    text-decoration: none !important;\n\n    box-shadow: 0 10px 24px rgba(24, 63, 53, 0.22);\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease,\n        background 0.25s ease;\n}\n\n.ms-online-services__button:hover {\n    transform: translateY(-3px);\n    background: var(--ms-green-dark);\n    box-shadow: 0 14px 30px rgba(24, 63, 53, 0.29);\n}\n\n.ms-online-services__button span {\n    color: var(--ms-gold-light);\n    font-size: 22px;\n}\n\n\/* ==========================================\n   NOTA PRESENCIAL\n   ========================================== *\/\n\n.ms-online-services__note {\n    margin-top: 20px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 9px;\n\n    color: #876a32;\n    text-align: center;\n}\n\n.ms-online-services__note span {\n    flex: 0 0 auto;\n    margin-top: 2px;\n    color: var(--ms-gold);\n    font-size: 12px;\n}\n\n.ms-online-services__note p {\n    margin: 0;\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    font-style: italic;\n    line-height: 1.5;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1050px) {\n    .ms-online-services {\n        background-position: 42% center;\n    }\n\n    .ms-online-services__container {\n        grid-template-columns: minmax(0, 43%) minmax(0, 57%);\n        padding: 70px 30px;\n    }\n\n    .ms-online-services__content {\n        padding-left: 35px;\n    }\n\n    .ms-online-services__cards {\n        grid-template-columns: 1fr;\n    }\n\n    .ms-online-card {\n        display: flex;\n        align-items: center;\n        gap: 17px;\n    }\n\n    .ms-online-card__icon {\n        flex: 0 0 58px;\n        width: 58px;\n        height: 58px;\n        margin: 0;\n    }\n\n    .ms-online-card__text {\n        text-align: left;\n    }\n}\n\n\/* ==========================================\n   TEL\u00c9FONOS\n   ========================================== *\/\n\n@media (max-width: 767px) {\n    .ms-online-services {\n        min-height: 0;\n        align-items: flex-start;\n        background-size: auto 410px;\n        background-position: left top;\n        background-color: var(--ms-cream);\n    }\n\n    .ms-online-services__overlay {\n        background: linear-gradient(\n            180deg,\n            rgba(247, 241, 229, 0.02) 0%,\n            rgba(247, 241, 229, 0.12) 260px,\n            rgba(247, 241, 229, 0.9) 380px,\n            rgba(247, 241, 229, 0.99) 470px,\n            rgba(247, 241, 229, 1) 100%\n        );\n    }\n\n    .ms-online-services__container {\n        padding: 0 21px 60px;\n        display: block;\n    }\n\n    .ms-online-services__visual {\n        min-height: 390px;\n    }\n\n    .ms-online-services__content {\n        max-width: 620px;\n        margin: 0 auto;\n        padding: 25px 0 0;\n    }\n\n    .ms-online-services h2 {\n        font-size: clamp(36px, 10vw, 47px);\n    }\n\n    .ms-online-services__cards {\n        grid-template-columns: 1fr;\n    }\n\n    .ms-online-card {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n    }\n\n    .ms-online-card__icon {\n        flex: 0 0 59px;\n        width: 59px;\n        height: 59px;\n        margin: 0;\n    }\n\n    .ms-online-card__text {\n        text-align: left;\n    }\n}\n\n@media (max-width: 480px) {\n    .ms-online-services {\n        background-size: auto 350px;\n    }\n\n    .ms-online-services__visual {\n        min-height: 335px;\n    }\n\n    .ms-online-services__container {\n        padding-right: 17px;\n        padding-left: 17px;\n    }\n\n    .ms-online-services h2 {\n        font-size: 34px;\n    }\n\n    .ms-online-services__video {\n        align-items: flex-start;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc438c7 e-flex e-con-boxed e-con e-parent\" data-id=\"bc438c7\" 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-5227124 elementor-widget elementor-widget-html\" data-id=\"5227124\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================\n     CIERRE Y RESERVACI\u00d3N\n     ========================================== -->\n\n<section class=\"ms-final-cta\" id=\"reservar-sesion\">\n\n    <div class=\"ms-final-cta__overlay\"><\/div>\n\n    <div class=\"ms-final-cta__container\">\n\n        <span class=\"ms-final-cta__eyebrow\">\n            Tu momento es ahora\n        <\/span>\n\n        <h2>Tu camino comienza con una decisi\u00f3n<\/h2>\n\n        <div class=\"ms-final-cta__divider\">\n            <span><\/span>\n            <i>\u2726<\/i>\n            <span><\/span>\n        <\/div>\n\n        <p class=\"ms-final-cta__description\">\n            Da el primer paso hacia una vida con mayor claridad, prop\u00f3sito y\n            conexi\u00f3n interior. Elige el servicio que resuene contigo o agenda\n            una Orientaci\u00f3n Espiritual Integral si necesitas ayuda para\n            comenzar.\n        <\/p>\n\n        <!-- BOTONES -->\n        <div class=\"ms-final-cta__buttons\">\n\n            <!-- Reemplaza esta direcci\u00f3n por tu enlace de Calendly -->\n            <a\n                href=\"\/es\/TU-ENLACE-DE-RESERVACION\/\"\n                class=\"ms-final-cta__button ms-final-cta__button--gold\"\n            >\n                <span class=\"ms-final-cta__calendar\" aria-hidden=\"true\">\n\n                    <svg viewbox=\"0 0 64 64\">\n                        <rect x=\"9\" y=\"14\" width=\"46\" height=\"42\" rx=\"5\"><\/rect>\n                        <path d=\"M9 26h46M21 8v12M43 8v12\"><\/path>\n                        <path d=\"M20 37l7 7 17-17\"><\/path>\n                    <\/svg>\n\n                <\/span>\n\n                Reservar una sesi\u00f3n\n            <\/a>\n\n            <!-- Este bot\u00f3n regresa a las tarjetas de servicios -->\n            <a\n                href=\"#servicios-espirituales\"\n                class=\"ms-final-cta__button ms-final-cta__button--outline\"\n            >\n                Explorar los servicios\n            <\/a>\n\n        <\/div>\n\n        <!-- INDICADORES DE CONFIANZA -->\n        <div class=\"ms-final-cta__trust\">\n\n            <!-- CONFIDENCIALIDAD -->\n            <div class=\"ms-final-cta__trust-item\">\n\n                <span class=\"ms-final-cta__trust-icon\" aria-hidden=\"true\">\n\n                    <svg viewbox=\"0 0 64 64\">\n                        <path d=\"M32 6l21 8v16c0 14-8 23-21 29C19 53 11 44 11 30V14z\"><\/path>\n                        <path d=\"M23 32l6 6 13-14\"><\/path>\n                    <\/svg>\n\n                <\/span>\n\n                <div>\n                    <strong>Confidencialidad<\/strong>\n                    <p>Un espacio privado y respetuoso<\/p>\n                <\/div>\n\n            <\/div>\n\n            <!-- ATENCI\u00d3N PERSONALIZADA -->\n            <div class=\"ms-final-cta__trust-item\">\n\n                <span class=\"ms-final-cta__trust-icon\" aria-hidden=\"true\">\n\n                    <svg viewbox=\"0 0 64 64\">\n                        <path d=\"M32 55S8 41 8 23C8 14 14 9 22 9c5 0 8 3 10 7 2-4 5-7 10-7 8 0 14 5 14 14 0 18-24 32-24 32z\"><\/path>\n                    <\/svg>\n\n                <\/span>\n\n                <div>\n                    <strong>Atenci\u00f3n personalizada<\/strong>\n                    <p>Cada sesi\u00f3n se adapta a tu proceso<\/p>\n                <\/div>\n\n            <\/div>\n\n            <!-- SABIDUR\u00cdA -->\n            <div class=\"ms-final-cta__trust-item\">\n\n                <span class=\"ms-final-cta__trust-icon\" aria-hidden=\"true\">\n\n                    <svg viewbox=\"0 0 64 64\">\n                        <circle cx=\"32\" cy=\"32\" r=\"12\"><\/circle>\n                        <path d=\"M32 5v9M32 50v9M5 32h9M50 32h9\"><\/path>\n                        <path d=\"M13 13l7 7M44 44l7 7M51 13l-7 7M20 44l-7 7\"><\/path>\n                    <\/svg>\n\n                <\/span>\n\n                <div>\n                    <strong>Sabidur\u00eda espiritual<\/strong>\n                    <p>Herramientas para comprender tu camino<\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- NOTA FINAL -->\n        <p class=\"ms-final-cta__note\">\n            Las sesiones ofrecen orientaci\u00f3n espiritual y reflexi\u00f3n personal.\n            No sustituyen atenci\u00f3n m\u00e9dica, psicol\u00f3gica, legal o financiera.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* ==========================================\n   CIERRE Y RESERVACI\u00d3N\n   ========================================== *\/\n\nhtml {\n    scroll-behavior: smooth;\n}\n\n.ms-final-cta {\n    --ms-green: #183f35;\n    --ms-green-dark: #102f28;\n    --ms-gold: #b8944b;\n    --ms-gold-dark: #967533;\n    --ms-gold-light: #dec681;\n    --ms-cream: #f7f1e5;\n    --ms-white: #fffdf8;\n    --ms-text: #3e4b46;\n\n    position: relative;\n    width: 100%;\n    min-height: 700px;\n    padding: 100px 25px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n\n    background-image:\n        url(\"https:\/\/magiasecreta.com\/wp-content\/uploads\/2026\/07\/agendatucita.jpg\");\n\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n\n    isolation: isolate;\n}\n\n.ms-final-cta *,\n.ms-final-cta *::before,\n.ms-final-cta *::after {\n    box-sizing: border-box;\n}\n\n\/* Capa para lectura *\/\n\n.ms-final-cta__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(255, 253, 248, 0.75) 0%,\n            rgba(255, 253, 248, 0.45) 38%,\n            rgba(247, 241, 229, 0.08) 75%\n        );\n}\n\n\/* Contenedor central *\/\n\n.ms-final-cta__container {\n    width: 100%;\n    max-width: 940px;\n    margin: 0 auto;\n    padding: 55px 55px 40px;\n\n    text-align: center;\n\n    background: rgba(255, 253, 248, 0.5);\n    border: 1px solid rgba(184, 148, 75, 0.42);\n    border-radius: 16px;\n\n    box-shadow:\n        0 22px 60px rgba(66, 61, 41, 0.11),\n        inset 0 0 50px rgba(255, 255, 255, 0.3);\n\n    backdrop-filter: blur(3px);\n}\n\n\/* Detalle superior *\/\n\n.ms-final-cta__eyebrow {\n    display: inline-block;\n    margin-bottom: 15px;\n    color: var(--ms-gold);\n\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 4px;\n    line-height: 1.4;\n    text-transform: uppercase;\n}\n\n\/* T\u00edtulo *\/\n\n.ms-final-cta h2 {\n    max-width: 790px;\n    margin: 0 auto;\n    color: var(--ms-green);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(43px, 5vw, 66px);\n    font-weight: 400;\n    letter-spacing: -1px;\n    line-height: 1.08;\n}\n\n\/* Separador *\/\n\n.ms-final-cta__divider {\n    width: 285px;\n    max-width: 80%;\n    margin: 24px auto;\n    display: flex;\n    align-items: center;\n    gap: 11px;\n    color: var(--ms-gold);\n}\n\n.ms-final-cta__divider span {\n    height: 1px;\n    flex: 1;\n\n    background: linear-gradient(\n        90deg,\n        transparent,\n        var(--ms-gold),\n        transparent\n    );\n}\n\n.ms-final-cta__divider i {\n    font-size: 15px;\n    font-style: normal;\n}\n\n\/* Descripci\u00f3n *\/\n\n.ms-final-cta__description {\n    max-width: 720px;\n    margin: 0 auto;\n    color: var(--ms-text);\n\n    font-family: Arial, sans-serif;\n    font-size: 18px;\n    line-height: 1.72;\n}\n\n\/* ==========================================\n   BOTONES\n   ========================================== *\/\n\n.ms-final-cta__buttons {\n    margin: 32px 0 38px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 15px;\n}\n\n.ms-final-cta__button {\n    min-width: 225px;\n    padding: 15px 24px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n\n    border: 1px solid transparent;\n    border-radius: 6px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 17px;\n    line-height: 1.25;\n    text-align: center;\n    text-decoration: none !important;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease,\n        background-color 0.25s ease;\n}\n\n.ms-final-cta__button:hover {\n    transform: translateY(-3px);\n}\n\n.ms-final-cta__button--gold {\n    color: #ffffff !important;\n    background: linear-gradient(\n        135deg,\n        var(--ms-gold-light),\n        var(--ms-gold-dark)\n    );\n    border-color: var(--ms-gold);\n\n    box-shadow: 0 11px 25px rgba(126, 96, 35, 0.23);\n}\n\n.ms-final-cta__button--gold:hover {\n    background: linear-gradient(\n        135deg,\n        var(--ms-gold),\n        var(--ms-gold-dark)\n    );\n    box-shadow: 0 15px 31px rgba(126, 96, 35, 0.3);\n}\n\n.ms-final-cta__button--outline {\n    color: var(--ms-green) !important;\n    background: rgba(255, 253, 248, 0.72);\n    border-color: var(--ms-green);\n\n    box-shadow: 0 8px 20px rgba(24, 63, 53, 0.11);\n}\n\n.ms-final-cta__button--outline:hover {\n    color: #ffffff !important;\n    background: var(--ms-green);\n    box-shadow: 0 12px 26px rgba(24, 63, 53, 0.2);\n}\n\n.ms-final-cta__calendar {\n    width: 25px;\n    height: 25px;\n    display: inline-flex;\n}\n\n.ms-final-cta__calendar svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* ==========================================\n   INDICADORES DE CONFIANZA\n   ========================================== *\/\n\n.ms-final-cta__trust {\n    padding-top: 30px;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n\n    border-top: 1px solid rgba(184, 148, 75, 0.34);\n}\n\n.ms-final-cta__trust-item {\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    text-align: left;\n}\n\n.ms-final-cta__trust-icon {\n    width: 47px;\n    height: 47px;\n    flex: 0 0 47px;\n    padding: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--ms-gold);\n    background: rgba(255, 253, 248, 0.72);\n    border: 1px solid rgba(184, 148, 75, 0.45);\n    border-radius: 50%;\n}\n\n.ms-final-cta__trust-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.ms-final-cta__trust-item strong {\n    display: block;\n    margin-bottom: 3px;\n    color: var(--ms-green);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.25;\n}\n\n.ms-final-cta__trust-item p {\n    margin: 0;\n    color: var(--ms-text);\n\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    line-height: 1.4;\n}\n\n\/* Nota inferior *\/\n\n.ms-final-cta__note {\n    max-width: 750px;\n    margin: 28px auto 0;\n    color: rgba(62, 75, 70, 0.74);\n\n    font-family: Arial, sans-serif;\n    font-size: 11px;\n    font-style: italic;\n    line-height: 1.5;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 900px) {\n    .ms-final-cta {\n        min-height: 680px;\n        padding: 80px 30px;\n    }\n\n    .ms-final-cta__container {\n        padding: 48px 38px 38px;\n    }\n\n    .ms-final-cta__trust {\n        gap: 17px;\n    }\n\n    .ms-final-cta__trust-item {\n        flex-direction: column;\n        text-align: center;\n    }\n}\n\n\/* ==========================================\n   TEL\u00c9FONOS\n   ========================================== *\/\n\n@media (max-width: 650px) {\n    .ms-final-cta {\n        min-height: 0;\n        padding: 65px 18px;\n\n        background-position: 59% center;\n    }\n\n    .ms-final-cta__overlay {\n        background: rgba(255, 253, 248, 0.59);\n    }\n\n    .ms-final-cta__container {\n        padding: 40px 22px 32px;\n        background: rgba(255, 253, 248, 0.74);\n        border-radius: 12px;\n    }\n\n    .ms-final-cta h2 {\n        font-size: clamp(37px, 11vw, 49px);\n    }\n\n    .ms-final-cta__description {\n        font-size: 16px;\n        line-height: 1.65;\n    }\n\n    .ms-final-cta__buttons {\n        flex-direction: column;\n        margin-bottom: 34px;\n    }\n\n    .ms-final-cta__button {\n        width: 100%;\n        min-width: 0;\n    }\n\n    .ms-final-cta__trust {\n        grid-template-columns: 1fr;\n        gap: 19px;\n    }\n\n    .ms-final-cta__trust-item {\n        flex-direction: row;\n        max-width: 320px;\n        margin: 0 auto;\n        text-align: left;\n    }\n}\n\n@media (max-width: 420px) {\n    .ms-final-cta {\n        padding: 50px 13px;\n    }\n\n    .ms-final-cta__container {\n        padding: 36px 18px 28px;\n    }\n\n    .ms-final-cta h2 {\n        font-size: 35px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Magia Secreta Servicios Espirituales Encuentra claridad, prop\u00f3sito y conexi\u00f3n espiritual \u2726 Hay momentos en los que las respuestas no se encuentran \u00fanicamente en el mundo exterior. A trav\u00e9s de herramientas espirituales y conocimientos ancestrales, te acompa\u00f1o a comprender mejor tus procesos, reconocer los mensajes presentes en tu camino y tomar decisiones con mayor conciencia. Explorar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5547","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/magiasecreta.com\/es\/wp-json\/wp\/v2\/pages\/5547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magiasecreta.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magiasecreta.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magiasecreta.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magiasecreta.com\/es\/wp-json\/wp\/v2\/comments?post=5547"}],"version-history":[{"count":22,"href":"https:\/\/magiasecreta.com\/es\/wp-json\/wp\/v2\/pages\/5547\/revisions"}],"predecessor-version":[{"id":5586,"href":"https:\/\/magiasecreta.com\/es\/wp-json\/wp\/v2\/pages\/5547\/revisions\/5586"}],"wp:attachment":[{"href":"https:\/\/magiasecreta.com\/es\/wp-json\/wp\/v2\/media?parent=5547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}