{"id":71,"date":"2026-09-17T19:10:51","date_gmt":"2026-09-18T01:10:51","guid":{"rendered":"https:\/\/conayur.com\/?page_id=71"},"modified":"2026-09-21T13:24:01","modified_gmt":"2026-09-21T19:24:01","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/conayur.com\/en\/contactanos\/","title":{"rendered":"Contactanos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71\" class=\"elementor elementor-71\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12fe25ea e-flex e-con-boxed e-con e-parent\" data-id=\"12fe25ea\" 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-5d0713cb elementor-widget elementor-widget-text-editor\" data-id=\"5d0713cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin: 0; letter-spacing: 2px; text-transform: uppercase; font-size: 13px; color: #64693c; font-weight: 600;\">CONAYUR \u00b7 AYURVEDA M\u00c9XICO<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bd2cb6a elementor-widget elementor-widget-heading\" data-id=\"3bd2cb6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Cont\u00e1ctanos<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ce63952 elementor-widget elementor-widget-text-editor\" data-id=\"4ce63952\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Estamos aqu\u00ed para orientarte.&nbsp;<\/p><p>Ponte en contacto con CONAYUR para recibir informaci\u00f3n sobre nuestra formaci\u00f3n, actividades y la Red de Profesionales CONAYUR.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2e6b20 e-flex e-con-boxed e-con e-parent\" data-id=\"c2e6b20\" 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<div class=\"elementor-element elementor-element-63b38648 e-con-full e-flex e-con e-child\" data-id=\"63b38648\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46102a1b elementor-widget elementor-widget-heading\" data-id=\"46102a1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Conecta con CONAYUR<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65be8adf elementor-widget elementor-widget-text-editor\" data-id=\"65be8adf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Para informaci\u00f3n general, cursos y actividades de CONAYUR.<\/p><p><strong>Correo:<\/strong> info@conayur.com<br \/><strong>Tel\u00e9fono:<\/strong> +52 999 949 5220<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ba0af15 e-con-full e-flex e-con e-child\" data-id=\"4ba0af15\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40c21ecc elementor-widget elementor-widget-heading\" data-id=\"40c21ecc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Env\u00edanos un mensaje<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd775fe elementor-button-align-left elementor-widget elementor-widget-form\" data-id=\"1bd775fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Siguiente&quot;,&quot;step_previous_label&quot;:&quot;Anterior&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Contacto CONAYUR\" aria-label=\"Contacto CONAYUR\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"71\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"1bd775fe\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Contactanos\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"71\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-nombre elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-nombre\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNombre\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[nombre]\" id=\"form-field-nombre\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Tu nombre\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-correo elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-correo\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCorreo electr\u00f3nico\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[correo]\" id=\"form-field-correo\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"tu@email.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-telefono elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-telefono\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTel\u00e9fono\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[telefono]\" id=\"form-field-telefono\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Tu tel\u00e9fono\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-motivo elementor-col-50 elementor-field-type-select-multiple elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-motivo\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMotivo de contacto\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[motivo][]\" id=\"form-field-motivo\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\" multiple=\"\">\n\t\t\t\t\t\t\t\t\t<option value=\"Cursos y formaci\u00f3n\">Informaci\u00f3n general<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-mensaje elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-mensaje\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMensaje\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[mensaje]\" id=\"form-field-mensaje\" rows=\"4\" placeholder=\"\u00bfEn qu\u00e9 podemos ayudarte?\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enviar mensaje<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\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-220f8799 e-flex e-con-boxed e-con e-parent\" data-id=\"220f8799\" 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-49be8291 elementor-widget elementor-widget-heading\" data-id=\"49be8291\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Encuentra un Profesional<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49bfc235 elementor-widget elementor-widget-text-editor\" data-id=\"49bfc235\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Consulta nuestro mapa y encuentra profesionales, practicantes y especialistas de Ayurveda en diferentes ciudades de M\u00e9xico.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42604373 e-flex e-con-boxed e-con e-parent\" data-id=\"42604373\" 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-69fb863c elementor-widget elementor-widget-html\" data-id=\"69fb863c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   CONAYUR - MAPA DE PROFESIONALES\r\n   ========================================================= *\/\r\n\r\n#conayur-mapa-wrapper {\r\n\r\n    --conayur-verde: #64693C;\r\n    --conayur-verde-suave: #E8E8D8;\r\n    --conayur-crema: #F7F5ED;\r\n    --conayur-dorado: #FFDA6B;\r\n    --conayur-rojo: #9A3A3A;\r\n    --conayur-rojo-suave: #F3E4E1;\r\n\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n\r\n    font-family: Montserrat, Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAPA\r\n   ========================================================= *\/\r\n\r\n#conayur-mapa {\r\n\r\n    width: 100%;\r\n    max-width: 1050px;\r\n\r\n    margin: 0 auto;\r\n\r\n    position: relative;\r\n\r\n    outline: none !important;\r\n}\r\n\r\n\r\n#conayur-mapa svg {\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    display: block;\r\n\r\n    overflow: visible;\r\n\r\n    outline: none !important;\r\n}\r\n\r\n\r\n\/* Estados *\/\r\n\r\n#conayur-mapa svg path {\r\n\r\n    fill: #F5F0E3;\r\n\r\n    stroke: var(--conayur-verde);\r\n\r\n    stroke-width: 1;\r\n\r\n    transition:\r\n        fill 0.2s ease,\r\n        stroke 0.2s ease,\r\n        opacity 0.2s ease;\r\n\r\n    cursor: pointer;\r\n\r\n    outline: none !important;\r\n}\r\n\r\n\r\n#conayur-mapa svg path:hover {\r\n\r\n    fill: var(--conayur-verde);\r\n\r\n}\r\n\r\n\r\n#conayur-mapa svg path.conayur-estado-activo {\r\n\r\n    fill: var(--conayur-dorado);\r\n\r\n    stroke: var(--conayur-verde);\r\n\r\n    stroke-width: 1.4;\r\n\r\n}\r\n\r\n\r\n\/* Eliminar rect\u00e1ngulos\/focos negros *\/\r\n\r\n#conayur-mapa svg path:focus,\r\n#conayur-mapa svg path:focus-visible,\r\n#conayur-mapa svg:focus,\r\n#conayur-mapa:focus,\r\n#conayur-mapa-wrapper:focus {\r\n\r\n    outline: none !important;\r\n\r\n    box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLTIP\r\n   ========================================================= *\/\r\n\r\n#conayur-tooltip {\r\n\r\n    position: fixed;\r\n\r\n    z-index: 999999;\r\n\r\n    pointer-events: none;\r\n\r\n    background: var(--conayur-verde);\r\n\r\n    color: #ffffff;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 8px;\r\n\r\n    font-family: Montserrat, Arial, sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.2;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(5px);\r\n\r\n    transition:\r\n        opacity 0.15s ease,\r\n        transform 0.15s ease;\r\n\r\n    white-space: nowrap;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n#conayur-tooltip.visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL\r\n   ========================================================= *\/\r\n\r\n#conayur-panel {\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 35px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENCABEZADO DEL ESTADO\r\n   ========================================================= *\/\r\n\r\n.conayur-panel-header {\r\n\r\n    width: 100%;\r\n\r\n    text-align: center;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n.conayur-panel-titulo {\r\n\r\n    margin: 0 0 7px 0;\r\n\r\n    color: var(--conayur-verde);\r\n\r\n    font-family: Cinzel, Georgia, serif;\r\n\r\n    font-size: 26px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.25;\r\n}\r\n\r\n\r\n\/*\r\n   CONTADOR DE PROFESIONALES\r\n   ROJO CONAYUR\r\n*\/\r\n\r\n.conayur-panel-contador {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--conayur-rojo);\r\n\r\n    font-family: Montserrat, Arial, sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n.conayur-profesionales-grid {\r\n\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 28px;\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/*\r\n   UN SOLO PROFESIONAL\r\n   CENTRADO\r\n*\/\r\n\r\n.conayur-profesionales-grid.unico {\r\n\r\n    grid-template-columns:\r\n        minmax(280px, 560px);\r\n\r\n    justify-content: center;\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TARJETA PROFESIONAL\r\n   ========================================================= *\/\r\n\r\n.conayur-profesional-card {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    min-height: 430px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 16px;\r\n\r\n    padding: 28px 24px 25px;\r\n\r\n    text-align: center;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(55, 60, 35, 0.08);\r\n\r\n    border:\r\n        1px solid rgba(100,105,60,0.12);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n}\r\n\r\n\r\n\/*\r\n   L\u00ednea superior de la tarjeta\r\n*\/\r\n\r\n.conayur-profesional-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    left: 0;\r\n\r\n    right: 0;\r\n\r\n    height: 5px;\r\n\r\n    background: var(--conayur-verde);\r\n}\r\n\r\n\r\n\/*\r\n   Eliminamos la l\u00ednea decorativa inferior izquierda\r\n*\/\r\n\r\n.conayur-profesional-card::after {\r\n\r\n    display: none;\r\n}\r\n\r\n\r\n.conayur-profesional-card:hover {\r\n\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(55,60,35,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOTO\r\n   ========================================================= *\/\r\n\r\n.conayur-profesional-foto {\r\n\r\n    width: 170px;\r\n\r\n    height: 170px;\r\n\r\n    flex: 0 0 170px;\r\n\r\n    margin: 0 auto 17px;\r\n\r\n    border-radius: 14px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--conayur-verde-suave);\r\n\r\n    border:\r\n        2px solid var(--conayur-verde);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.conayur-profesional-foto img {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n}\r\n\r\n\r\n\/* Foto sin imagen *\/\r\n\r\n.conayur-profesional-foto-vacia {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    color: var(--conayur-verde);\r\n\r\n    font-size: 42px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOMBRE\r\n   ========================================================= *\/\r\n\r\n.conayur-profesional-nombre {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 49px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    margin: 0 0 13px 0;\r\n\r\n    color: var(--conayur-verde);\r\n\r\n    font-family: Cinzel, Georgia, serif;\r\n\r\n    font-size: 18px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.35;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DATOS\r\n   ========================================================= *\/\r\n\r\n.conayur-profesional-dato {\r\n\r\n    width: 100%;\r\n\r\n    margin: 5px 0;\r\n\r\n    color: #555555;\r\n\r\n    font-family: Montserrat, Arial, sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.45;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.conayur-profesional-dato strong {\r\n\r\n    color: var(--conayur-verde);\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ESPECIALIDADES\r\n   ========================================================= *\/\r\n\r\n.conayur-especialidades {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 42px;\r\n\r\n    margin-top: 16px;\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    align-content: flex-start;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 7px;\r\n}\r\n\r\n\r\n.conayur-especialidad {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 6px 10px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        var(--conayur-verde-suave);\r\n\r\n    color:\r\n        var(--conayur-verde);\r\n\r\n    font-family:\r\n        Montserrat, Arial, sans-serif;\r\n\r\n    font-size: 11.5px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.25;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEL\u00c9FONO\r\n   ========================================================= *\/\r\n\r\n.conayur-profesional-telefono {\r\n\r\n    margin-top: auto;\r\n\r\n    padding-top: 17px;\r\n\r\n    display: inline-block;\r\n\r\n    color: var(--conayur-rojo);\r\n\r\n    font-family: Montserrat, Arial, sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 600;\r\n\r\n    text-decoration: none;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n.conayur-profesional-telefono:hover {\r\n\r\n    color: var(--conayur-verde);\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MENSAJES\r\n   ========================================================= *\/\r\n\r\n.conayur-panel-vacio {\r\n\r\n    width: 100%;\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding: 28px 20px;\r\n\r\n    text-align: center;\r\n\r\n    background: var(--conayur-crema);\r\n\r\n    border-radius: 14px;\r\n\r\n    color: #666666;\r\n\r\n    font-family: Montserrat, Arial, sans-serif;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n.conayur-panel-inicial {\r\n\r\n    width: 100%;\r\n\r\n    padding: 22px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    text-align: center;\r\n\r\n    color: #777777;\r\n\r\n    font-family: Montserrat, Arial, sans-serif;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    #conayur-mapa {\r\n\r\n        max-width: 850px;\r\n    }\r\n\r\n\r\n    .conayur-profesionales-grid {\r\n\r\n        gap: 22px;\r\n    }\r\n\r\n\r\n    .conayur-profesional-card {\r\n\r\n        padding:\r\n            25px 20px 23px;\r\n    }\r\n\r\n\r\n    .conayur-profesional-foto {\r\n\r\n        width: 145px;\r\n\r\n        height: 145px;\r\n\r\n        flex-basis: 145px;\r\n    }\r\n\r\n\r\n    .conayur-profesional-nombre {\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00d3VIL\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    #conayur-mapa {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    #conayur-panel {\r\n\r\n        margin-top: 25px;\r\n    }\r\n\r\n\r\n    .conayur-panel-titulo {\r\n\r\n        font-size: 22px;\r\n    }\r\n\r\n\r\n    .conayur-panel-contador {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/*\r\n       En m\u00f3vil:\r\n       una tarjeta por fila.\r\n    *\/\r\n\r\n    .conayur-profesionales-grid,\r\n    .conayur-profesionales-grid.unico {\r\n\r\n        grid-template-columns:\r\n            minmax(0, 1fr);\r\n\r\n        justify-content: stretch;\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n\r\n    .conayur-profesional-card {\r\n\r\n        min-height: 410px;\r\n\r\n        padding:\r\n            23px 18px 22px;\r\n    }\r\n\r\n\r\n    .conayur-profesional-foto {\r\n\r\n        width: 130px;\r\n\r\n        height: 130px;\r\n\r\n        flex-basis: 130px;\r\n\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n\r\n    .conayur-profesional-nombre {\r\n\r\n        min-height: 46px;\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n\r\n    .conayur-profesional-dato {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .conayur-especialidad {\r\n\r\n        font-size: 11px;\r\n\r\n        padding:\r\n            6px 9px;\r\n    }\r\n\r\n\r\n    .conayur-profesional-telefono {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00d3VILES MUY PEQUE\u00d1OS\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .conayur-profesional-foto {\r\n\r\n        width: 120px;\r\n\r\n        height: 120px;\r\n\r\n        flex-basis: 120px;\r\n    }\r\n\r\n\r\n    .conayur-profesional-nombre {\r\n\r\n        min-height: 44px;\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .conayur-panel-titulo {\r\n\r\n        font-size: 20px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div id=\"conayur-mapa-wrapper\">\r\n\r\n\r\n    <!-- =====================================================\r\n         MAPA DE M\u00c9XICO\r\n         ===================================================== -->\r\n\r\n    <div id=\"conayur-mapa\">\r\n        Cargando mapa...\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         TOOLTIP\r\n         ===================================================== -->\r\n\r\n    <div id=\"conayur-tooltip\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         PANEL DE PROFESIONALES\r\n         ===================================================== -->\r\n\r\n    <div id=\"conayur-panel\">\r\n\r\n        <div class=\"conayur-panel-inicial\">\r\n            Selecciona un estado en el mapa para encontrar profesionales de Ayurveda.\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       CONFIGURACI\u00d3N\r\n       ===================================================== *\/\r\n\r\n    const MAPA_URL =\r\n        \"https:\/\/cdn.jsdelivr.net\/npm\/@svg-country-maps\/mexico@1.0.4\/mexico.svg\";\r\n\r\n\r\n    const AJAX_URL =\r\n        \"\/wp-admin\/admin-ajax.php?action=conayur_profesionales_mapa\";\r\n\r\n\r\n    const mapaContainer =\r\n        document.getElementById(\"conayur-mapa\");\r\n\r\n\r\n    const panel =\r\n        document.getElementById(\"conayur-panel\");\r\n\r\n\r\n    const tooltip =\r\n        document.getElementById(\"conayur-tooltip\");\r\n\r\n\r\n    let profesionales = [];\r\n\r\n    let estadoSeleccionado = null;\r\n\r\n\r\n    \/* =====================================================\r\n       NORMALIZAR TEXTO + EQUIVALENCIAS DE ESTADOS\r\n       ===================================================== *\/\r\n\r\n    function normalizarTexto(texto) {\r\n\r\n        if (!texto) {\r\n\r\n            return \"\";\r\n\r\n        }\r\n\r\n\r\n        const textoNormalizado =\r\n\r\n            String(texto)\r\n\r\n                .normalize(\"NFD\")\r\n\r\n                .replace(\/[\\u0300-\\u036f]\/g, \"\")\r\n\r\n                .toLowerCase()\r\n\r\n                .trim();\r\n\r\n\r\n        \/*\r\n         * El SVG y el ACF pueden utilizar\r\n         * diferentes denominaciones para\r\n         * el mismo estado.\r\n         *\/\r\n\r\n        const equivalenciasEstados = {\r\n\r\n            \/*\r\n             * Estado de M\u00e9xico\r\n             * El SVG utiliza \"M\u00e9xico\".\r\n             *\/\r\n\r\n            \"estado de mexico\":\r\n                \"mexico\",\r\n\r\n            \"edomex\":\r\n                \"mexico\",\r\n\r\n            \"mexico\":\r\n                \"mexico\",\r\n\r\n\r\n            \/*\r\n             * Ciudad de M\u00e9xico\r\n             *\/\r\n\r\n            \"ciudad de mexico\":\r\n                \"ciudad de mexico\",\r\n\r\n            \"cdmx\":\r\n                \"ciudad de mexico\",\r\n\r\n            \"distrito federal\":\r\n                \"ciudad de mexico\",\r\n\r\n\r\n            \/*\r\n             * Denominaciones oficiales largas\r\n             *\/\r\n\r\n            \"coahuila de zaragoza\":\r\n                \"coahuila\",\r\n\r\n            \"michoacan de ocampo\":\r\n                \"michoacan\",\r\n\r\n            \"veracruz de ignacio de la llave\":\r\n                \"veracruz\",\r\n\r\n            \"queretaro de arteaga\":\r\n                \"queretaro\"\r\n\r\n        };\r\n\r\n\r\n        return (\r\n\r\n            equivalenciasEstados[textoNormalizado]\r\n\r\n            ||\r\n\r\n            textoNormalizado\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ESCAPAR HTML\r\n       ===================================================== *\/\r\n\r\n    function escaparHTML(texto) {\r\n\r\n        if (\r\n            texto === null ||\r\n            texto === undefined\r\n        ) {\r\n\r\n            return \"\";\r\n\r\n        }\r\n\r\n\r\n        return String(texto)\r\n\r\n            .replace(\/&\/g, \"&amp;\")\r\n\r\n            .replace(\/<\/g, \"&lt;\")\r\n\r\n            .replace(\/>\/g, \"&gt;\")\r\n\r\n            .replace(\/\"\/g, \"&quot;\")\r\n\r\n            .replace(\/'\/g, \"&#039;\");\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CARGAR PROFESIONALES\r\n       ===================================================== *\/\r\n\r\n    async function cargarProfesionales() {\r\n\r\n        try {\r\n\r\n            const respuesta =\r\n\r\n                await fetch(\r\n\r\n                    AJAX_URL,\r\n\r\n                    {\r\n                        credentials: \"same-origin\"\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            if (!respuesta.ok) {\r\n\r\n                throw new Error(\r\n                    \"No se pudo consultar el directorio.\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            const data =\r\n\r\n                await respuesta.json();\r\n\r\n\r\n            if (\r\n                data &&\r\n                data.success &&\r\n                Array.isArray(data.data)\r\n            ) {\r\n\r\n                profesionales =\r\n                    data.data;\r\n\r\n            } else {\r\n\r\n                profesionales = [];\r\n\r\n            }\r\n\r\n\r\n        } catch (error) {\r\n\r\n            console.error(\r\n                \"CONAYUR - Error cargando profesionales:\",\r\n                error\r\n            );\r\n\r\n\r\n            profesionales = [];\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       OBTENER NOMBRE DEL ESTADO DEL SVG\r\n       ===================================================== *\/\r\n\r\n    function obtenerNombreEstado(path) {\r\n\r\n        return (\r\n\r\n            path.getAttribute(\"name\") ||\r\n\r\n            path.getAttribute(\"data-name\") ||\r\n\r\n            path.getAttribute(\"aria-label\") ||\r\n\r\n            \"\"\r\n\r\n        ).trim();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PROFESIONALES DE UN ESTADO\r\n       ===================================================== *\/\r\n\r\n    function profesionalesDelEstado(nombreEstado) {\r\n\r\n        const estadoNormalizado =\r\n            normalizarTexto(nombreEstado);\r\n\r\n\r\n        return profesionales.filter(\r\n\r\n            function (profesional) {\r\n\r\n                return (\r\n\r\n                    normalizarTexto(\r\n                        profesional.estado\r\n                    )\r\n\r\n                    ===\r\n\r\n                    estadoNormalizado\r\n\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CREAR TARJETA\r\n       ===================================================== *\/\r\n\r\n    function crearTarjetaProfesional(profesional) {\r\n\r\n        const nombre =\r\n            profesional.nombre ||\r\n            \"Profesional CONAYUR\";\r\n\r\n\r\n        const estado =\r\n            profesional.estado ||\r\n            \"\";\r\n\r\n\r\n        const ciudad =\r\n            profesional.ciudad ||\r\n            \"\";\r\n\r\n\r\n        const telefono =\r\n            profesional.telefono ||\r\n            \"\";\r\n\r\n\r\n        \/*\r\n           Especialidades ACF.\r\n        *\/\r\n\r\n        let especialidades =\r\n            profesional.especialidades;\r\n\r\n\r\n        if (!Array.isArray(especialidades)) {\r\n\r\n            if (especialidades) {\r\n\r\n                especialidades =\r\n                    [especialidades];\r\n\r\n            } else {\r\n\r\n                especialidades = [];\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           FOTO\r\n           ================================================= *\/\r\n\r\n        let fotoHTML = \"\";\r\n\r\n\r\n        if (profesional.foto) {\r\n\r\n            fotoHTML = `\r\n\r\n                <img\r\n                    src=\"${escaparHTML(profesional.foto)}\"\r\n                    alt=\"${escaparHTML(nombre)}\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n            `;\r\n\r\n        } else {\r\n\r\n            fotoHTML = `\r\n\r\n                <div\r\n                    class=\"conayur-profesional-foto-vacia\"\r\n                >\r\n                    \u2726\r\n                <\/div>\r\n\r\n            `;\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           ESPECIALIDADES\r\n           ================================================= *\/\r\n\r\n        let especialidadesHTML = \"\";\r\n\r\n\r\n        if (especialidades.length > 0) {\r\n\r\n            especialidadesHTML = `\r\n\r\n                <div\r\n                    class=\"conayur-especialidades\"\r\n                >\r\n\r\n                    ${\r\n\r\n                        especialidades\r\n\r\n                            .map(\r\n\r\n                                function (especialidad) {\r\n\r\n                                    return `\r\n\r\n                                        <span\r\n                                            class=\"conayur-especialidad\"\r\n                                        >\r\n                                            ${escaparHTML(\r\n                                                especialidad\r\n                                            )}\r\n                                        <\/span>\r\n\r\n                                    `;\r\n\r\n                                }\r\n\r\n                            )\r\n\r\n                            .join(\"\")\r\n\r\n                    }\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           TEL\u00c9FONO\r\n           ================================================= *\/\r\n\r\n        let telefonoHTML = \"\";\r\n\r\n\r\n        if (telefono) {\r\n\r\n            const telefonoLimpio =\r\n\r\n                String(telefono)\r\n\r\n                    .replace(\/[^\\d+]\/g, \"\");\r\n\r\n\r\n            telefonoHTML = `\r\n\r\n                <div\r\n                    class=\"conayur-profesional-dato\"\r\n                >\r\n\r\n                    <strong>\r\n                        N\u00famero de contacto:\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    class=\"conayur-profesional-telefono\"\r\n                    href=\"tel:${escaparHTML(\r\n                        telefonoLimpio\r\n                    )}\"\r\n                >\r\n                    ${escaparHTML(telefono)}\r\n                <\/a>\r\n\r\n            `;\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           TARJETA\r\n           ================================================= *\/\r\n\r\n        return `\r\n\r\n            <article\r\n                class=\"conayur-profesional-card\"\r\n            >\r\n\r\n                <div\r\n                    class=\"conayur-profesional-foto\"\r\n                >\r\n\r\n                    ${fotoHTML}\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3\r\n                    class=\"conayur-profesional-nombre\"\r\n                >\r\n                    ${escaparHTML(nombre)}\r\n                <\/h3>\r\n\r\n\r\n                ${\r\n\r\n                    estado\r\n\r\n                    ?\r\n\r\n                    `\r\n\r\n                    <p\r\n                        class=\"conayur-profesional-dato\"\r\n                    >\r\n\r\n                        <strong>\r\n                            Estado:\r\n                        <\/strong>\r\n\r\n                        ${escaparHTML(estado)}\r\n\r\n                    <\/p>\r\n\r\n                    `\r\n\r\n                    :\r\n\r\n                    \"\"\r\n\r\n                }\r\n\r\n\r\n                ${\r\n\r\n                    ciudad\r\n\r\n                    ?\r\n\r\n                    `\r\n\r\n                    <p\r\n                        class=\"conayur-profesional-dato\"\r\n                    >\r\n\r\n                        <strong>\r\n                            Localidad:\r\n                        <\/strong>\r\n\r\n                        ${escaparHTML(ciudad)}\r\n\r\n                    <\/p>\r\n\r\n                    `\r\n\r\n                    :\r\n\r\n                    \"\"\r\n\r\n                }\r\n\r\n\r\n                ${especialidadesHTML}\r\n\r\n\r\n                ${telefonoHTML}\r\n\r\n            <\/article>\r\n\r\n        `;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOSTRAR PROFESIONALES\r\n       ===================================================== *\/\r\n\r\n    function mostrarProfesionales(nombreEstado) {\r\n\r\n        estadoSeleccionado =\r\n            normalizarTexto(nombreEstado);\r\n\r\n\r\n        const lista =\r\n            profesionalesDelEstado(\r\n                nombreEstado\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           MARCAR ESTADO SELECCIONADO\r\n           ================================================= *\/\r\n\r\n        const paths =\r\n            mapaContainer.querySelectorAll(\r\n                \"svg path\"\r\n            );\r\n\r\n\r\n        paths.forEach(\r\n\r\n            function (path) {\r\n\r\n                const nombrePath =\r\n                    obtenerNombreEstado(path);\r\n\r\n\r\n                path.classList.toggle(\r\n\r\n                    \"conayur-estado-activo\",\r\n\r\n                    normalizarTexto(\r\n                        nombrePath\r\n                    )\r\n\r\n                    ===\r\n\r\n                    estadoSeleccionado\r\n\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           SIN PROFESIONALES\r\n           ================================================= *\/\r\n\r\n        if (lista.length === 0) {\r\n\r\n            panel.innerHTML = `\r\n\r\n                <div\r\n                    class=\"conayur-panel-header\"\r\n                >\r\n\r\n                    <h2\r\n                        class=\"conayur-panel-titulo\"\r\n                    >\r\n                        ${escaparHTML(\r\n                            nombreEstado\r\n                        )}\r\n                    <\/h2>\r\n\r\n\r\n                    <p\r\n                        class=\"conayur-panel-contador\"\r\n                    >\r\n                        No hay profesionales registrados actualmente.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                    class=\"conayur-panel-vacio\"\r\n                >\r\n\r\n                    Pr\u00f3ximamente encontrar\u00e1s\r\n                    profesionales de Ayurveda\r\n                    en este estado.\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           GRID\r\n\r\n           1 profesional:\r\n           tarjeta centrada.\r\n\r\n           2 o m\u00e1s:\r\n           dos columnas.\r\n           ================================================= *\/\r\n\r\n        const claseGrid =\r\n\r\n            lista.length === 1\r\n\r\n            ?\r\n\r\n            \"conayur-profesionales-grid unico\"\r\n\r\n            :\r\n\r\n            \"conayur-profesionales-grid\";\r\n\r\n\r\n        \/* =================================================\r\n           TARJETAS\r\n           ================================================= *\/\r\n\r\n        const tarjetas =\r\n\r\n            lista\r\n\r\n                .map(\r\n\r\n                    function (profesional) {\r\n\r\n                        return crearTarjetaProfesional(\r\n                            profesional\r\n                        );\r\n\r\n                    }\r\n\r\n                )\r\n\r\n                .join(\"\");\r\n\r\n\r\n        \/* =================================================\r\n           PANEL\r\n           ================================================= *\/\r\n\r\n        panel.innerHTML = `\r\n\r\n            <div\r\n                class=\"conayur-panel-header\"\r\n            >\r\n\r\n                <h2\r\n                    class=\"conayur-panel-titulo\"\r\n                >\r\n                    ${escaparHTML(\r\n                        nombreEstado\r\n                    )}\r\n                <\/h2>\r\n\r\n\r\n                <p\r\n                    class=\"conayur-panel-contador\"\r\n                >\r\n\r\n                    ${\r\n\r\n                        lista.length === 1\r\n\r\n                        ?\r\n\r\n                        \"1 profesional registrado\"\r\n\r\n                        :\r\n\r\n                        lista.length +\r\n                        \" profesionales registrados\"\r\n\r\n                    }\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"${claseGrid}\"\r\n            >\r\n\r\n                ${tarjetas}\r\n\r\n            <\/div>\r\n\r\n        `;\r\n\r\n\r\n        \/* =================================================\r\n           SCROLL SUAVE\r\n           ================================================= *\/\r\n\r\n        setTimeout(\r\n\r\n            function () {\r\n\r\n                const panelTop =\r\n\r\n                    panel.getBoundingClientRect().top +\r\n\r\n                    window.scrollY -\r\n\r\n                    80;\r\n\r\n\r\n                window.scrollTo({\r\n\r\n                    top: panelTop,\r\n\r\n                    behavior: \"smooth\"\r\n\r\n                });\r\n\r\n            },\r\n\r\n            80\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TOOLTIP\r\n       ===================================================== *\/\r\n\r\n    function mostrarTooltip(\r\n        event,\r\n        nombreEstado\r\n    ) {\r\n\r\n        if (!nombreEstado) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        tooltip.textContent =\r\n            nombreEstado;\r\n\r\n\r\n        tooltip.classList.add(\r\n            \"visible\"\r\n        );\r\n\r\n\r\n        posicionarTooltip(\r\n            event\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function posicionarTooltip(event) {\r\n\r\n        const margen = 15;\r\n\r\n\r\n        let x =\r\n            event.clientX +\r\n            margen;\r\n\r\n\r\n        let y =\r\n            event.clientY +\r\n            margen;\r\n\r\n\r\n        const rect =\r\n            tooltip.getBoundingClientRect();\r\n\r\n\r\n        if (\r\n            x + rect.width >\r\n            window.innerWidth - margen\r\n        ) {\r\n\r\n            x =\r\n                event.clientX -\r\n                rect.width -\r\n                margen;\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            y + rect.height >\r\n            window.innerHeight - margen\r\n        ) {\r\n\r\n            y =\r\n                event.clientY -\r\n                rect.height -\r\n                margen;\r\n\r\n        }\r\n\r\n\r\n        tooltip.style.left =\r\n            x + \"px\";\r\n\r\n\r\n        tooltip.style.top =\r\n            y + \"px\";\r\n\r\n    }\r\n\r\n\r\n    function ocultarTooltip() {\r\n\r\n        tooltip.classList.remove(\r\n            \"visible\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PREPARAR MAPA\r\n       ===================================================== *\/\r\n\r\n    function prepararMapa() {\r\n\r\n        const svg =\r\n            mapaContainer.querySelector(\r\n                \"svg\"\r\n            );\r\n\r\n\r\n        if (!svg) {\r\n\r\n            console.error(\r\n                \"CONAYUR - No se encontr\u00f3 el SVG del mapa.\"\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        svg.setAttribute(\r\n            \"aria-label\",\r\n            \"Mapa de M\u00e9xico\"\r\n        );\r\n\r\n\r\n        const estados =\r\n            svg.querySelectorAll(\r\n                \"path[name], path[data-name], path[aria-label]\"\r\n            );\r\n\r\n\r\n        estados.forEach(\r\n\r\n            function (path) {\r\n\r\n                const nombreEstado =\r\n                    obtenerNombreEstado(\r\n                        path\r\n                    );\r\n\r\n\r\n                if (!nombreEstado) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                \/* =========================================\r\n                   ACCESIBILIDAD\r\n                   ========================================= *\/\r\n\r\n                path.setAttribute(\r\n                    \"tabindex\",\r\n                    \"0\"\r\n                );\r\n\r\n\r\n                path.setAttribute(\r\n                    \"role\",\r\n                    \"button\"\r\n                );\r\n\r\n\r\n                path.setAttribute(\r\n                    \"aria-label\",\r\n                    nombreEstado\r\n                );\r\n\r\n\r\n                \/* =========================================\r\n                   MOUSE\r\n                   ========================================= *\/\r\n\r\n                path.addEventListener(\r\n\r\n                    \"mouseenter\",\r\n\r\n                    function (event) {\r\n\r\n                        mostrarTooltip(\r\n                            event,\r\n                            nombreEstado\r\n                        );\r\n\r\n                    }\r\n\r\n                );\r\n\r\n\r\n                path.addEventListener(\r\n\r\n                    \"mousemove\",\r\n\r\n                    function (event) {\r\n\r\n                        posicionarTooltip(\r\n                            event\r\n                        );\r\n\r\n                    }\r\n\r\n                );\r\n\r\n\r\n                path.addEventListener(\r\n\r\n                    \"mouseleave\",\r\n\r\n                    function () {\r\n\r\n                        ocultarTooltip();\r\n\r\n                    }\r\n\r\n                );\r\n\r\n\r\n                \/* =========================================\r\n                   CLICK\r\n                   ========================================= *\/\r\n\r\n                path.addEventListener(\r\n\r\n                    \"click\",\r\n\r\n                    function () {\r\n\r\n                        mostrarProfesionales(\r\n                            nombreEstado\r\n                        );\r\n\r\n                    }\r\n\r\n                );\r\n\r\n\r\n                \/* =========================================\r\n                   TECLADO\r\n                   ========================================= *\/\r\n\r\n                path.addEventListener(\r\n\r\n                    \"keydown\",\r\n\r\n                    function (event) {\r\n\r\n                        if (\r\n\r\n                            event.key === \"Enter\" ||\r\n\r\n                            event.key === \" \"\r\n\r\n                        ) {\r\n\r\n                            event.preventDefault();\r\n\r\n\r\n                            mostrarProfesionales(\r\n                                nombreEstado\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CARGAR MAPA\r\n       ===================================================== *\/\r\n\r\n    async function cargarMapa() {\r\n\r\n        try {\r\n\r\n            const respuesta =\r\n\r\n                await fetch(\r\n                    MAPA_URL\r\n                );\r\n\r\n\r\n            if (!respuesta.ok) {\r\n\r\n                throw new Error(\r\n                    \"No se pudo cargar el mapa.\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            const svg =\r\n                await respuesta.text();\r\n\r\n\r\n            mapaContainer.innerHTML =\r\n                svg;\r\n\r\n\r\n            prepararMapa();\r\n\r\n\r\n        } catch (error) {\r\n\r\n            console.error(\r\n                \"CONAYUR - Error cargando mapa:\",\r\n                error\r\n            );\r\n\r\n\r\n            mapaContainer.innerHTML = `\r\n\r\n                <div\r\n                    class=\"conayur-panel-vacio\"\r\n                >\r\n\r\n                    No se pudo cargar el mapa de M\u00e9xico.\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       INICIAR\r\n       ===================================================== *\/\r\n\r\n    async function iniciarCONAYURMapa() {\r\n\r\n        await Promise.all([\r\n\r\n            cargarProfesionales(),\r\n\r\n            cargarMapa()\r\n\r\n        ]);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       EVITAR PROBLEMAS CON ELEMENTOR\r\n       ===================================================== *\/\r\n\r\n    if (\r\n        document.readyState === \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            iniciarCONAYURMapa\r\n        );\r\n\r\n    } else {\r\n\r\n        iniciarCONAYURMapa();\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\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-2c30a8c0 e-flex e-con-boxed e-con e-parent\" data-id=\"2c30a8c0\" 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-4d54c1f elementor-widget elementor-widget-heading\" data-id=\"4d54c1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00bfTienes alguna pregunta?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e822a92 elementor-widget elementor-widget-text-editor\" data-id=\"2e822a92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align:center\">Estamos para orientarte. Escr\u00edbenos y con gusto te atenderemos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONAYUR \u00b7 AYURVEDA M\u00c9XICO Cont\u00e1ctanos Estamos aqu\u00ed para orientarte.&nbsp; Ponte en contacto con CONAYUR para recibir informaci\u00f3n sobre nuestra formaci\u00f3n, actividades y la Red de Profesionales CONAYUR. Conecta con CONAYUR Para informaci\u00f3n general, cursos y actividades de CONAYUR. Correo: info@conayur.comTel\u00e9fono: +52 999 949 5220 Env\u00edanos un mensaje Encuentra un Profesional Consulta nuestro mapa y encuentra &#8230; <a title=\"Contactanos\" class=\"read-more\" href=\"https:\/\/conayur.com\/en\/contactanos\/\" aria-label=\"Read more about Contactanos\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-71","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/conayur.com\/en\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conayur.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/conayur.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/conayur.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conayur.com\/en\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":19,"href":"https:\/\/conayur.com\/en\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":16477,"href":"https:\/\/conayur.com\/en\/wp-json\/wp\/v2\/pages\/71\/revisions\/16477"}],"wp:attachment":[{"href":"https:\/\/conayur.com\/en\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}