{"id":32,"date":"2026-08-11T18:51:17","date_gmt":"2026-08-11T18:51:17","guid":{"rendered":"https:\/\/hospiciolamilagrosa.com\/?st-import=09365df8ade7d37359edc5f2970c9438"},"modified":"2026-10-02T16:30:59","modified_gmt":"2026-10-02T16:30:59","slug":"contacto","status":"publish","type":"page","link":"https:\/\/hospiciolamilagrosa.com\/en\/contacto\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-596c47e elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"596c47e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-630f076 elementor-widget__width-inherit animar-izquierda elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"630f076\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Cuidado con amor. EN LA COMODIDAD DE SU HOGAR<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-896aba0 elementor-widget__width-inherit animar-izquierda elementor-widget elementor-widget-heading\" data-id=\"896aba0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Estamos disponibles para<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d29aeb6 elementor-widget__width-inherit animar-izquierda elementor-widget elementor-widget-heading\" data-id=\"d29aeb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Ayudarte<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d1ecca animar-izquierda elementor-widget elementor-widget-text-editor\" data-id=\"3d1ecca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>No importa si apenas est\u00e1s comenzando a considerar hospicio o si ya recibiste una<br \/>recomendaci\u00f3n m\u00e9dica.<\/p><p>Podemos escuchar tu situaci\u00f3n y ayudarte a entender cu\u00e1l puede ser el pr\u00f3ximo paso.<\/p>\t\t\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-2711605 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"2711605\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-59758df e-con-full animar-izquierda e-flex e-con e-child\" data-id=\"59758df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3ac15a elementor-widget elementor-widget-heading\" data-id=\"e3ac15a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Estamos disponibles para ayudarte\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d95a9a elementor-widget elementor-widget-text-editor\" data-id=\"8d95a9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Te asesoramos en cualquier etapa, ya sea que est\u00e9s evaluando el Hospicio o tengas una recomendaci\u00f3n m\u00e9dica, para ayudarte a definir los siguientes pasos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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-1870f79 e-flex e-con-boxed e-con e-parent\" data-id=\"1870f79\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cb67dfd e-con-full e-flex e-con e-child\" data-id=\"cb67dfd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5168ff6 elementor-widget elementor-widget-html\" data-id=\"5168ff6\" 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<style>\n\/* =========================================================\n   HOSPICIO LA MILAGROSA\n   FORMULARIO DE ORIENTACI\u00d3N\n   ========================================================= *\/\n\n.hlm-orientacion {\n    --blue: #3155A1;\n    --pink: #CF2F68;\n    --text: #35445D;\n    --muted: #9AA6B8;\n    --border: #DDE3EC;\n    --white: #FFFFFF;\n\n    width: 100%;\n    box-sizing: border-box;\n\n    background: #FFFFFF;\n\n    border: 1px solid #E8EBF1;\n    border-radius: 28px;\n\n    padding: 58px 54px;\n\n    box-shadow:\n        0 20px 55px rgba(31, 55, 95, 0.07);\n\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n\n\/* =========================================================\n   ENCABEZADO\n   ========================================================= *\/\n\n.hlm-orientacion__header {\n    margin-bottom: 42px;\n}\n\n\n.hlm-orientacion__title {\n    margin: 0 0 18px;\n\n    max-width: 560px;\n\n    color: #3155A1;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 44px;\n    line-height: 1.08;\n    font-weight: 600;\n}\n\n\n.hlm-orientacion__intro {\n    max-width: 620px;\n\n    margin: 0;\n\n    color: #35445D;\n\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 17px;\n    line-height: 1.6;\n    font-weight: 400;\n}\n\n\n\/* =========================================================\n   FORMULARIO\n   ========================================================= *\/\n\n.hlm-orientacion__form {\n    width: 100%;\n    margin: 0;\n}\n\n\n.hlm-field {\n    width: 100%;\n    margin: 0 0 23px;\n}\n\n\n\/* LABEL *\/\n\n.hlm-field label {\n    display: block;\n\n    margin: 0 0 9px;\n\n    color: #35445D;\n\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.3;\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   INPUTS\n   ========================================================= *\/\n\n.hlm-field input,\n.hlm-field select {\n    display: block;\n\n    width: 100%;\n    height: 64px;\n\n    box-sizing: border-box;\n\n    margin: 0;\n    padding: 0 20px;\n\n    background-color: #FFFFFF;\n\n    border: 1px solid #DDE3EC;\n    border-radius: 11px;\n\n    outline: none;\n\n    color: #35445D;\n\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 17px;\n    line-height: 1;\n    font-weight: 400;\n\n    box-shadow:\n        0 3px 10px rgba(49, 85, 161, 0.025);\n\n    transition:\n        border-color .25s ease,\n        box-shadow .25s ease,\n        transform .25s ease;\n}\n\n\n\/* PLACEHOLDER *\/\n\n.hlm-field input::placeholder {\n    color: #9AA6B8;\n    opacity: 1;\n}\n\n\n\/* FOCUS *\/\n\n.hlm-field input:focus,\n.hlm-field select:focus {\n    border-color: #3155A1;\n\n    box-shadow:\n        0 0 0 4px rgba(49, 85, 161, 0.08);\n\n    transform: translateY(-1px);\n}\n\n\n\/* =========================================================\n   SELECT PUEBLO\n   ========================================================= *\/\n\n.hlm-field select {\n    cursor: pointer;\n\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n\n    padding-right: 55px;\n\n    background-image:\n        linear-gradient(\n            45deg,\n            transparent 50%,\n            #3155A1 50%\n        ),\n        linear-gradient(\n            135deg,\n            #3155A1 50%,\n            transparent 50%\n        );\n\n    background-position:\n        calc(100% - 25px) 28px,\n        calc(100% - 19px) 28px;\n\n    background-size:\n        6px 6px,\n        6px 6px;\n\n    background-repeat: no-repeat;\n}\n\n\n.hlm-field select:invalid {\n    color: #9AA6B8;\n}\n\n\n.hlm-field select option {\n    color: #35445D;\n    background: #FFFFFF;\n}\n\n\n\/* =========================================================\n   BOT\u00d3N\n   ========================================================= *\/\n\n.hlm-submit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n    min-height: 64px;\n\n    box-sizing: border-box;\n\n    margin: 7px 0 0;\n    padding: 16px 28px;\n\n    border: 0;\n    border-radius: 50px;\n\n    background: #CF2F68;\n\n    color: #FFFFFF;\n\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.2;\n    font-weight: 700;\n\n    letter-spacing: .7px;\n\n    cursor: pointer;\n\n    box-shadow:\n        0 12px 28px rgba(207, 47, 104, 0.17);\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n\n.hlm-submit:hover {\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 17px 34px rgba(207, 47, 104, 0.24);\n}\n\n\n.hlm-submit:active {\n    transform: translateY(0);\n}\n\n\n\/* =========================================================\n   ESTADO DE CARGA\n   ========================================================= *\/\n\n.hlm-submit.is-loading {\n    pointer-events: none;\n    opacity: .82;\n}\n\n\n.hlm-submit__loader {\n    display: none;\n\n    width: 18px;\n    height: 18px;\n\n    margin-left: 11px;\n\n    border: 2px solid rgba(255,255,255,.4);\n    border-top-color: #FFFFFF;\n    border-radius: 50%;\n\n    animation: hlm-spin .7s linear infinite;\n}\n\n\n.hlm-submit.is-loading .hlm-submit__loader {\n    display: inline-block;\n}\n\n\n@keyframes hlm-spin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n\n\/* =========================================================\n   MENSAJES\n   ========================================================= *\/\n\n.hlm-form-message {\n    display: none;\n\n    margin-top: 20px;\n\n    padding: 16px 18px;\n\n    border-radius: 10px;\n\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.5;\n}\n\n\n.hlm-form-message.success {\n    display: block;\n\n    background: rgba(49,85,161,.07);\n\n    border-left: 4px solid #3155A1;\n\n    color: #35445D;\n}\n\n\n.hlm-form-message.error {\n    display: block;\n\n    background: rgba(207,47,104,.07);\n\n    border-left: 4px solid #CF2F68;\n\n    color: #35445D;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .hlm-orientacion {\n        padding: 38px 25px;\n\n        border-radius: 22px;\n    }\n\n\n    .hlm-orientacion__header {\n        margin-bottom: 32px;\n    }\n\n\n    .hlm-orientacion__title {\n        margin-bottom: 15px;\n\n        font-size: 35px;\n        line-height: 1.12;\n    }\n\n\n    .hlm-orientacion__intro {\n        font-size: 16px;\n        line-height: 1.55;\n    }\n\n\n    .hlm-field {\n        margin-bottom: 21px;\n    }\n\n\n    .hlm-field label {\n        font-size: 16px;\n    }\n\n\n    .hlm-field input,\n    .hlm-field select {\n        height: 62px;\n\n        font-size: 16px;\n    }\n\n\n    .hlm-submit {\n        min-height: 62px;\n\n        font-size: 14px;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESIBILIDAD\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .hlm-field input,\n    .hlm-field select,\n    .hlm-submit {\n        transition: none;\n    }\n\n}\n<\/style>\n\n\n\n<div class=\"hlm-orientacion\">\n\n\n    <!-- ==========================================\n         ENCABEZADO\n         ========================================== -->\n\n    <div class=\"hlm-orientacion__header\">\n\n        <h2 class=\"hlm-orientacion__title\">\n            Estamos aqu\u00ed para orientarte\n        <\/h2>\n\n        <p class=\"hlm-orientacion__intro\">\n            D\u00e9janos tu informaci\u00f3n y un miembro de nuestro equipo se comunicar\u00e1 contigo.\n        <\/p>\n\n    <\/div>\n\n\n\n    <!-- ==========================================\n         FORMULARIO\n         ========================================== -->\n\n    <form\n        class=\"hlm-orientacion__form\"\n        id=\"hlmOrientationForm\"\n    >\n\n\n        <!-- NOMBRE COMPLETO -->\n\n        <div class=\"hlm-field\">\n\n            <label for=\"hlmNombre\">\n                Nombre completo\n            <\/label>\n\n            <input\n                type=\"text\"\n                id=\"hlmNombre\"\n                name=\"nombre\"\n                placeholder=\"Escriba su nombre\"\n                autocomplete=\"name\"\n                required\n            >\n\n        <\/div>\n\n\n\n        <!-- TEL\u00c9FONO -->\n\n        <div class=\"hlm-field\">\n\n            <label for=\"hlmTelefono\">\n                N\u00famero de tel\u00e9fono\n            <\/label>\n\n            <input\n                type=\"tel\"\n                id=\"hlmTelefono\"\n                name=\"telefono\"\n                placeholder=\"(787) 000-0000\"\n                autocomplete=\"tel\"\n                inputmode=\"tel\"\n                required\n            >\n\n        <\/div>\n\n\n\n        <!-- PUEBLO -->\n\n        <div class=\"hlm-field\">\n\n            <label for=\"hlmPueblo\">\n                Pueblo\n            <\/label>\n\n            <select\n                id=\"hlmPueblo\"\n                name=\"pueblo\"\n                required\n            >\n\n                <option\n                    value=\"\"\n                    selected\n                    disabled\n                >\n                    Seleccione su pueblo\n                <\/option>\n\n                <option value=\"Arecibo\">Arecibo<\/option>\n\n                <option value=\"Barceloneta\">\n                    Barceloneta\n                <\/option>\n\n                <option value=\"Barranquitas\">\n                    Barranquitas\n                <\/option>\n\n                <option value=\"Bayam\u00f3n\">\n                    Bayam\u00f3n\n                <\/option>\n\n                <option value=\"Camuy\">\n                    Camuy\n                <\/option>\n\n                <option value=\"Cata\u00f1o\">\n                    Cata\u00f1o\n                <\/option>\n\n                <option value=\"Ciales\">\n                    Ciales\n                <\/option>\n\n                <option value=\"Comer\u00edo\">\n                    Comer\u00edo\n                <\/option>\n\n                <option value=\"Corozal\">\n                    Corozal\n                <\/option>\n\n                <option value=\"Dorado\">\n                    Dorado\n                <\/option>\n\n                <option value=\"Florida\">\n                    Florida\n                <\/option>\n\n                <option value=\"Hatillo\">\n                    Hatillo\n                <\/option>\n\n                <option value=\"Lares\">\n                    Lares\n                <\/option>\n\n                <option value=\"Manat\u00ed\">\n                    Manat\u00ed\n                <\/option>\n\n                <option value=\"Morovis\">\n                    Morovis\n                <\/option>\n\n                <option value=\"Naranjito\">\n                    Naranjito\n                <\/option>\n\n                <option value=\"Orocovis\">\n                    Orocovis\n                <\/option>\n\n                <option value=\"Quebradillas\">\n                    Quebradillas\n                <\/option>\n\n                <option value=\"Toa Alta\">\n                    Toa Alta\n                <\/option>\n\n                <option value=\"Toa Baja\">\n                    Toa Baja\n                <\/option>\n\n                <option value=\"Utuado\">\n                    Utuado\n                <\/option>\n\n                <option value=\"Vega Alta\">\n                    Vega Alta\n                <\/option>\n\n                <option value=\"Vega Baja\">\n                    Vega Baja\n                <\/option>\n\n            <\/select>\n\n        <\/div>\n\n\n\n        <!-- BOT\u00d3N -->\n\n        <button\n            type=\"submit\"\n            class=\"hlm-submit\"\n            id=\"hlmSubmit\"\n        >\n\n            <span>\n                SOLICITAR ORIENTACI\u00d3N\n            <\/span>\n\n            <span\n                class=\"hlm-submit__loader\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n        <\/button>\n\n\n\n        <!-- MENSAJES -->\n\n        <div\n            id=\"hlmFormMessage\"\n            class=\"hlm-form-message\"\n            role=\"status\"\n            aria-live=\"polite\"\n        ><\/div>\n\n\n    <\/form>\n\n<\/div>\n\n\n\n<script>\n(function () {\n\n    const form = document.getElementById('hlmOrientationForm');\n    const phone = document.getElementById('hlmTelefono');\n\n    if (!form || !phone) return;\n\n\n    \/* =============================================\n       FORMATO AUTOM\u00c1TICO DEL TEL\u00c9FONO\n       ============================================= *\/\n\n    phone.addEventListener('input', function () {\n\n        let numbers = this.value.replace(\/\\D\/g, '');\n\n        numbers = numbers.substring(0, 10);\n\n        if (numbers.length > 6) {\n\n            this.value =\n                '(' + numbers.substring(0, 3) + ') ' +\n                numbers.substring(3, 6) + '-' +\n                numbers.substring(6, 10);\n\n        }\n\n        else if (numbers.length > 3) {\n\n            this.value =\n                '(' + numbers.substring(0, 3) + ') ' +\n                numbers.substring(3);\n\n        }\n\n        else if (numbers.length > 0) {\n\n            this.value =\n                '(' + numbers;\n\n        }\n\n    });\n\n\n    \/* =============================================\n       NO MOSTRAR \u00c9XITO FALSO\n\n       El env\u00edo real debe conectarse a WordPress,\n       Elementor o al endpoint del servidor.\n       ============================================= *\/\n\n    form.addEventListener('submit', function (event) {\n\n        if (!form.hasAttribute('action')) {\n\n            event.preventDefault();\n\n            const message =\n                document.getElementById('hlmFormMessage');\n\n            message.className =\n                'hlm-form-message error';\n\n            message.textContent =\n                'El formulario todav\u00eda necesita configurar el sistema de env\u00edo.';\n\n        }\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45380e1 e-con-full e-flex e-con e-child\" data-id=\"45380e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef44b93 elementor-widget elementor-widget-html\" data-id=\"ef44b93\" 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<style>\n\n\/* =====================================================\n   HOSPICIO LA MILAGROSA\n   COLUMNA DE CONTACTO\n   ===================================================== *\/\n\n.hlm-contact-card {\n    --blue: #3155A1;\n    --pink: #F3A0BB;\n    --white: #FFFFFF;\n\n    position: relative;\n\n    box-sizing: border-box;\n\n    width: 100%;\n    min-height: 760px;\n\n    padding: 58px 54px 115px;\n\n    overflow: hidden;\n\n    background: #3155A1;\n\n    border-radius: 28px;\n\n    color: #FFFFFF;\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    box-shadow:\n        0 20px 55px rgba(31, 55, 95, .10);\n}\n\n\n\/* =====================================================\n   DETALLE DECORATIVO SUPERIOR\n   ===================================================== *\/\n\n.hlm-contact-card::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 210px;\n    height: 210px;\n\n    top: -125px;\n    right: -110px;\n\n    border-radius: 50%;\n\n    border: 1px solid rgba(255, 255, 255, .09);\n\n    pointer-events: none;\n}\n\n\n\/* =====================================================\n   T\u00cdTULO\n   ===================================================== *\/\n\n.hlm-contact-card h2 {\n    position: relative;\n    z-index: 2;\n\n    max-width: 540px;\n\n    margin: 0 0 52px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 44px;\n    line-height: 1.08;\n    font-weight: 400;\n\n    color: #FFFFFF;\n}\n\n\n\/* =====================================================\n   FILAS DE INFORMACI\u00d3N\n   ===================================================== *\/\n\n.hlm-contact-row {\n    position: relative;\n    z-index: 2;\n\n    padding: 29px 0 31px;\n\n    border-top: 1px solid rgba(255, 255, 255, .17);\n}\n\n\n\/* LABEL *\/\n\n.hlm-contact-label {\n    margin: 0 0 14px;\n\n    color: #F3A0BB;\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    font-size: 12px;\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 2.4px;\n\n    text-transform: uppercase;\n}\n\n\n\/* VALOR *\/\n\n.hlm-contact-value {\n    margin: 0;\n\n    color: #FFFFFF;\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    font-size: 18px;\n    line-height: 1.5;\n\n    font-weight: 400;\n}\n\n\n\/* LINKS *\/\n\n.hlm-contact-value a {\n    color: #FFFFFF !important;\n\n    text-decoration: none !important;\n\n    transition:\n        opacity .25s ease;\n}\n\n\n.hlm-contact-value a:hover {\n    opacity: .72;\n}\n\n\n\/* =====================================================\n   WHATSAPP\n   ===================================================== *\/\n\n.hlm-whatsapp-area {\n    position: absolute;\n\n    left: 54px;\n    right: 30px;\n    bottom: 28px;\n\n    z-index: 5;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n}\n\n\n\/* TEXTO WHATSAPP *\/\n\n.hlm-whatsapp-title {\n    color: #F3A0BB;\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    font-size: 12px;\n    line-height: 1.2;\n\n    font-weight: 700;\n\n    letter-spacing: 2.3px;\n\n    text-transform: uppercase;\n}\n\n\n\/* BOT\u00d3N WHATSAPP *\/\n\n.hlm-whatsapp {\n    position: relative;\n\n    flex: 0 0 auto;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 58px;\n    height: 58px;\n\n    border-radius: 50%;\n\n    background: #F3A0BB;\n\n    color: #3155A1 !important;\n\n    text-decoration: none !important;\n\n    box-shadow:\n        0 12px 28px rgba(15, 23, 42, .18);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n\n\/* ICONO *\/\n\n.hlm-whatsapp svg {\n    position: relative;\n    z-index: 2;\n\n    width: 27px;\n    height: 27px;\n\n    fill: #3155A1;\n}\n\n\n\/* HOVER *\/\n\n.hlm-whatsapp:hover {\n    transform:\n        translateY(-5px)\n        scale(1.04);\n\n    box-shadow:\n        0 17px 35px rgba(15, 23, 42, .25);\n}\n\n\n\/* PULSO SUTIL *\/\n\n.hlm-whatsapp::before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: -6px;\n\n    border-radius: 50%;\n\n    border:\n        1px solid rgba(243, 160, 187, .55);\n\n    animation:\n        hlmWhatsappPulse\n        2.4s\n        ease-out\n        infinite;\n}\n\n\n@keyframes hlmWhatsappPulse {\n\n    0% {\n        transform: scale(.88);\n        opacity: .65;\n    }\n\n    70% {\n        transform: scale(1.18);\n        opacity: 0;\n    }\n\n    100% {\n        transform: scale(1.18);\n        opacity: 0;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n   ===================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .hlm-contact-card {\n        min-height: 700px;\n\n        padding:\n            46px\n            38px\n            110px;\n    }\n\n\n    .hlm-whatsapp-area {\n        left: 38px;\n        right: 30px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n   ===================================================== *\/\n\n@media (max-width: 767px) {\n\n    .hlm-contact-card {\n        min-height: 650px;\n\n        padding:\n            38px\n            25px\n            105px;\n\n        border-radius: 22px;\n    }\n\n\n    .hlm-contact-card h2 {\n        margin-bottom: 38px;\n\n        font-size: 35px;\n        line-height: 1.12;\n    }\n\n\n    .hlm-contact-row {\n        padding: 25px 0;\n    }\n\n\n    .hlm-contact-label {\n        font-size: 11px;\n\n        letter-spacing: 1.8px;\n    }\n\n\n    .hlm-contact-value {\n        font-size: 17px;\n\n        overflow-wrap: anywhere;\n    }\n\n\n    .hlm-whatsapp-area {\n        left: 25px;\n        right: 23px;\n        bottom: 22px;\n\n        gap: 15px;\n    }\n\n\n    .hlm-whatsapp-title {\n        font-size: 11px;\n\n        letter-spacing: 1.7px;\n    }\n\n\n    .hlm-whatsapp {\n        width: 54px;\n        height: 54px;\n    }\n\n\n    .hlm-whatsapp svg {\n        width: 25px;\n        height: 25px;\n    }\n\n}\n\n\n\/* REDUCIR ANIMACIONES *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .hlm-whatsapp::before {\n        animation: none;\n    }\n\n    .hlm-whatsapp {\n        transition: none;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =====================================================\n     TARJETA\n     ===================================================== -->\n\n<div class=\"hlm-contact-card\">\n\n\n    <!-- T\u00cdTULO -->\n\n    <h2>\n        \u00bfPrefieres hablar con nosotros?\n    <\/h2>\n\n\n\n    <!-- =================================================\n         TEL\u00c9FONO\n         ================================================= -->\n\n    <div class=\"hlm-contact-row\">\n\n        <div class=\"hlm-contact-label\">\n            Tel\u00e9fono\n        <\/div>\n\n        <p class=\"hlm-contact-value\">\n\n            <a href=\"tel:+17878622050\">\n                (787) 862-2050\n            <\/a>\n\n            o\n\n            <a href=\"tel:+17878622048\">\n                (787) 862-2048\n            <\/a>\n\n        <\/p>\n\n    <\/div>\n\n\n\n    <!-- =================================================\n         CORREO\n         ================================================= -->\n\n    <div class=\"hlm-contact-row\">\n\n        <div class=\"hlm-contact-label\">\n            Correo electr\u00f3nico\n        <\/div>\n\n        <p class=\"hlm-contact-value\">\n\n            <a href=\"mailto:hosplamilagrosa@hotmail.com\">\n                hosplamilagrosa@hotmail.com\n            <\/a>\n\n        <\/p>\n\n    <\/div>\n\n\n\n    <!-- =================================================\n         HORARIO\n         ================================================= -->\n\n    <div class=\"hlm-contact-row\">\n\n        <div class=\"hlm-contact-label\">\n            Horario administrativo\n        <\/div>\n\n        <p class=\"hlm-contact-value\">\n            Lunes a viernes: 7:30 a.m. \u2013 4:00 p.m.\n        <\/p>\n\n    <\/div>\n\n\n\n    <!-- =================================================\n         WHATSAPP\n         ================================================= -->\n\n    <div class=\"hlm-whatsapp-area\">\n\n\n        <!-- TEXTO -->\n\n        <div class=\"hlm-whatsapp-title\">\n            Hablemos por WhatsApp\n        <\/div>\n\n\n        <!-- BOT\u00d3N -->\n\n        <a class=\"hlm-whatsapp\" href=\"https:\/\/wa.link\/yfrgng\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Hablar por WhatsApp\">\n\n            <svg\n                viewBox=\"0 0 32 32\"\n                aria-hidden=\"true\"\n            >\n\n                <path d=\"M16.04 3C8.86 3 3.03 8.82 3.03 16c0 2.29.6 4.53 1.73 6.5L3 29l6.67-1.75A12.94 12.94 0 0 0 16.04 29C23.22 29 29 23.18 29 16S23.22 3 16.04 3zm0 23.8a10.8 10.8 0 0 1-5.51-1.51l-.39-.23-3.96 1.04 1.06-3.86-.25-.4A10.78 10.78 0 1 1 16.04 26.8zm5.92-8.09c-.32-.16-1.91-.94-2.21-1.05-.3-.11-.51-.16-.73.16-.21.32-.83 1.05-1.02 1.27-.19.21-.38.24-.7.08-.32-.16-1.36-.5-2.59-1.6-.96-.85-1.6-1.91-1.79-2.23-.19-.32-.02-.5.14-.66.15-.14.32-.38.49-.57.16-.19.21-.32.32-.54.11-.21.05-.4-.03-.57-.08-.16-.73-1.75-1-2.4-.26-.63-.53-.55-.73-.56h-.62c-.21 0-.57.08-.86.4-.3.32-1.13 1.1-1.13 2.69 0 1.59 1.16 3.12 1.32 3.34.16.21 2.28 3.48 5.53 4.88.77.33 1.37.53 1.84.68.77.25 1.48.21 2.04.13.62-.09 1.91-.78 2.18-1.53.27-.75.27-1.4.19-1.53-.08-.14-.3-.22-.62-.38z\"\/>\n\n            <\/svg>\n\n        <\/a>\n\n\n    <\/div>\n\n\n<\/div>\t\t\t\t<\/div>\n\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-4dd0169 e-flex e-con-boxed e-con e-parent\" data-id=\"4dd0169\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85b9127 animar-subir elementor-widget elementor-widget-text-editor\" data-id=\"85b9127\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\n    <!-- ======================================================\n         LEAFLET CSS + JS\n    ======================================================= -->\n\n    <link\n        rel=\"stylesheet\"\n        href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\n    \/>\n\n    <script\n        src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\">\n    <\/script>\n\n\n    <!-- ======================================================\n         ESTILOS\n    ======================================================= -->\n\n    <style>\n\n        \/* ==================================================\n           CONTENEDOR PRINCIPAL\n        ================================================== *\/\n\n        .service-area-container {\n\n            display: flex !important;\n            flex-wrap: wrap !important;\n\n            gap: 40px !important;\n\n            max-width: 1200px !important;\n\n            margin: 0 auto !important;\n\n            align-items: flex-start !important;\n\n            font-family:\n                system-ui,\n                -apple-system,\n                sans-serif !important;\n\n            color: #3C4959 !important;\n\n        }\n\n\n        \/* ==================================================\n           COLUMNA DE CONTENIDO\n        ================================================== *\/\n\n        .service-content {\n\n            flex: 1 1 320px !important;\n\n            min-width: 320px !important;\n\n        }\n\n\n        \/* ==================================================\n           LABEL\n        ================================================== *\/\n\n        .section-label {\n\n            color: #C42A5E !important;\n\n            font-size: 13px !important;\n\n            font-weight: 700 !important;\n\n            text-transform: uppercase !important;\n\n            letter-spacing: 1px !important;\n\n            margin-bottom: 8px !important;\n\n            display: block !important;\n\n        }\n\n\n        \/* ==================================================\n           T\u00cdTULO\n        ================================================== *\/\n\n        .service-title {\n\n            color: #19469B !important;\n\n            font-family:\n                'Source Serif 4',\n                Georgia,\n                serif !important;\n\n            font-size: 36px !important;\n\n            font-weight: 700 !important;\n\n            line-height: 1.2 !important;\n\n            margin:\n                0\n                0\n                16px\n                0 !important;\n\n        }\n\n\n        \/* ==================================================\n           DESCRIPCI\u00d3N\n        ================================================== *\/\n\n        .service-description {\n\n            font-size: 15px !important;\n\n            line-height: 1.5 !important;\n\n            color: #4F5563 !important;\n\n            margin-bottom: 24px !important;\n\n        }\n\n\n        \/* ==================================================\n           BUSCADOR\n        ================================================== *\/\n\n        .search-box {\n\n            display: flex !important;\n\n            margin-bottom: 16px !important;\n\n        }\n\n\n        .search-input {\n\n            flex: 1 !important;\n\n            min-width: 0 !important;\n\n            padding:\n                12px\n                16px !important;\n\n            border:\n                1px solid\n                #19469B !important;\n\n            border-right:\n                none !important;\n\n            border-radius:\n                6px\n                0\n                0\n                6px !important;\n\n            font-size:\n                15px !important;\n\n            outline:\n                none !important;\n\n            background:\n                #FFFFFF !important;\n\n            color:\n                #3C4959 !important;\n\n        }\n\n\n        .search-input:focus {\n\n            box-shadow:\n                inset 0 0 0 1px\n                #19469B !important;\n\n        }\n\n\n        .search-button {\n\n            background-color:\n                #19469B !important;\n\n            color:\n                #FFFFFF !important;\n\n            border:\n                none !important;\n\n            padding:\n                0\n                24px !important;\n\n            border-radius:\n                0\n                6px\n                6px\n                0 !important;\n\n            font-weight:\n                700 !important;\n\n            font-size:\n                14px !important;\n\n            cursor:\n                pointer !important;\n\n            letter-spacing:\n                .5px !important;\n\n            transition:\n                background-color\n                .2s ease !important;\n\n        }\n\n\n        .search-button:hover {\n\n            background-color:\n                #C42A5E !important;\n\n        }\n\n\n        \/* ==================================================\n           CONTADOR\n        ================================================== *\/\n\n        .counter-text {\n\n            font-size:\n                13px !important;\n\n            color:\n                #6B7280 !important;\n\n            margin-bottom:\n                16px !important;\n\n        }\n\n\n        \/* ==================================================\n           MUNICIPIOS \/ BOTONES\n        ================================================== *\/\n\n        .tags-container {\n\n            display:\n                flex !important;\n\n            flex-wrap:\n                wrap !important;\n\n            gap:\n                10px !important;\n\n            margin-top:\n                12px !important;\n\n        }\n\n\n        .tag-item {\n\n            background-color:\n                #FFFFFF !important;\n\n            color:\n                #19469B !important;\n\n            border-radius:\n                20px !important;\n\n            padding:\n                8px\n                16px !important;\n\n            font-size:\n                13px !important;\n\n            font-weight:\n                700 !important;\n\n            box-shadow:\n                0 2px 8px\n                rgba(0,0,0,.08) !important;\n\n            cursor:\n                pointer !important;\n\n            display:\n                inline-block !important;\n\n            transition:\n                all\n                .2s ease !important;\n\n            user-select:\n                none !important;\n\n        }\n\n\n        .tag-item:hover,\n        .tag-item.active {\n\n            background-color:\n                #19469B !important;\n\n            color:\n                #FFFFFF !important;\n\n            transform:\n                translateY(-1px);\n\n        }\n\n\n        \/* ==================================================\n           MAPA\n        ================================================== *\/\n\n        .map-wrapper {\n\n            flex:\n                1 1 420px !important;\n\n            min-width:\n                320px !important;\n\n        }\n\n\n        #map-service-area {\n\n            width:\n                100% !important;\n\n            height:\n                480px !important;\n\n            border-radius:\n                16px !important;\n\n            box-shadow:\n                0 4px 16px\n                rgba(0,0,0,.08) !important;\n\n            background-color:\n                #E5E7EB !important;\n\n            position:\n                relative !important;\n\n            z-index:\n                1 !important;\n\n            overflow:\n                hidden !important;\n\n        }\n\n\n        \/* ==================================================\n           LEYENDA\n        ================================================== *\/\n\n        .map-legend {\n\n            display:\n                flex !important;\n\n            flex-wrap:\n                wrap !important;\n\n            gap:\n                20px !important;\n\n            margin-top:\n                12px !important;\n\n            font-size:\n                13px !important;\n\n            color:\n                #6B7280 !important;\n\n        }\n\n\n        .legend-item {\n\n            display:\n                flex !important;\n\n            align-items:\n                center !important;\n\n            gap:\n                6px !important;\n\n        }\n\n\n        .dot-service {\n\n            width:\n                10px !important;\n\n            height:\n                10px !important;\n\n            background-color:\n                #E28292 !important;\n\n            border-radius:\n                50% !important;\n\n            display:\n                inline-block !important;\n\n        }\n\n\n        .dot-searched {\n\n            width:\n                10px !important;\n\n            height:\n                10px !important;\n\n            background-color:\n                #C42A5E !important;\n\n            border-radius:\n                50% !important;\n\n            display:\n                inline-block !important;\n\n        }\n\n\n        \/* ==================================================\n           M\u00d3VIL\n        ================================================== *\/\n\n        @media (max-width: 768px) {\n\n            .service-area-container {\n\n                padding:\n                    0\n                    20px !important;\n\n                gap:\n                    32px !important;\n\n            }\n\n\n            .service-content {\n\n                min-width:\n                    100% !important;\n\n            }\n\n\n            .service-title {\n\n                font-size:\n                    1.9rem !important;\n\n            }\n\n\n            .search-input {\n\n                padding:\n                    12px\n                    13px !important;\n\n                font-size:\n                    14px !important;\n\n            }\n\n\n            .search-button {\n\n                padding:\n                    0\n                    17px !important;\n\n                font-size:\n                    13px !important;\n\n            }\n\n\n            .tags-container {\n\n                gap:\n                    8px !important;\n\n            }\n\n\n            .tag-item {\n\n                padding:\n                    7px\n                    13px !important;\n\n                font-size:\n                    12px !important;\n\n            }\n\n\n            .map-wrapper {\n\n                min-width:\n                    100% !important;\n\n            }\n\n\n            #map-service-area {\n\n                height:\n                    390px !important;\n\n                border-radius:\n                    13px !important;\n\n            }\n\n\n            .map-legend {\n\n                gap:\n                    12px !important;\n\n                font-size:\n                    12px !important;\n\n            }\n\n        }\n\n\n        \/* ==================================================\n           M\u00d3VILES PEQUE\u00d1OS\n        ================================================== *\/\n\n        @media (max-width: 390px) {\n\n            .service-area-container {\n\n                padding:\n                    0\n                    15px !important;\n\n            }\n\n\n            .search-button {\n\n                padding:\n                    0\n                    14px !important;\n\n            }\n\n\n            #map-service-area {\n\n                height:\n                    350px !important;\n\n            }\n\n        }\n\n    <\/style>\n\n\n\n    <!-- ======================================================\n         ESTRUCTURA\n    ======================================================= -->\n\n    <div class=\"service-area-container\">\n\n\n        <!-- ==================================================\n             INFORMACI\u00d3N\n        =================================================== -->\n\n        <div class=\"service-content\">\n\n\n            <span class=\"section-label\">\n                \u00c1rea de servicio\n            <\/span>\n\n\n            <h2 class=\"service-title\">\n                Sirviendo a familias en Puerto Rico\n            <\/h2>\n\n\n            <p class=\"service-description\">\n\n                Busca tu municipio para ver si hay\n                servicio disponible en tu \u00e1rea.\n                Si no aparece, ll\u00e1manos igual y\n                lo revisamos contigo.\n\n            <\/p>\n\n\n            <!-- BUSCADOR -->\n\n            <div class=\"search-box\">\n\n\n                <input\n                    type=\"text\"\n                    id=\"municipio-input\"\n                    class=\"search-input\"\n                    placeholder=\"Escribe tu municipio\"\n                    autocomplete=\"off\"\n                    aria-label=\"Buscar municipio\"\n                \/>\n\n\n                <button\n                    id=\"search-btn\"\n                    class=\"search-button\"\n                    type=\"button\"\n                >\n                    BUSCAR\n                <\/button>\n\n\n            <\/div>\n\n\n            <!-- CONTADOR -->\n\n            <div class=\"counter-text\">\n\n                <span id=\"municipios-count\">\n                    0\n                <\/span>\n\n                municipios con servicio activo\n\n            <\/div>\n\n\n            <!-- MUNICIPIOS -->\n\n            <div\n                class=\"tags-container\"\n                id=\"tags-container\"\n            ><\/div>\n\n\n        <\/div>\n\n\n\n        <!-- ==================================================\n             MAPA\n        =================================================== -->\n\n        <div class=\"map-wrapper\">\n\n\n            <div id=\"map-service-area\"><\/div>\n\n\n            <div class=\"map-legend\">\n\n\n                <div class=\"legend-item\">\n\n                    <span\n                        class=\"dot-service\"\n                    ><\/span>\n\n                    Municipios con servicio\n\n                <\/div>\n\n\n                <div class=\"legend-item\">\n\n                    <span\n                        class=\"dot-searched\"\n                    ><\/span>\n\n                    Municipio buscado\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- ======================================================\n         JAVASCRIPT\n    ======================================================= -->\n\n    <script>\n\n    (function() {\n\n\n        \/* ==================================================\n           INICIALIZAR MAPA\n        ================================================== *\/\n\n        function initServiceMap() {\n\n\n            \/* Esperar a que Leaflet cargue *\/\n\n            if (typeof L === 'undefined') {\n\n                setTimeout(\n                    initServiceMap,\n                    100\n                );\n\n                return;\n\n            }\n\n\n            \/* ==================================================\n               MUNICIPIOS CON SERVICIO\n            ================================================== *\/\n\n            const municipios = [\n\n                {\n                    name: \"ARECIBO\",\n                    lat: 18.4724,\n                    lng: -66.7157\n                },\n\n                {\n                    name: \"BARCELONETA\",\n                    lat: 18.4505,\n                    lng: -66.5385\n                },\n\n                {\n                    name: \"BARRANQUITAS\",\n                    lat: 18.1866,\n                    lng: -66.3063\n                },\n\n                {\n                    name: \"BAYAM\u00d3N\",\n                    lat: 18.3986,\n                    lng: -66.1557\n                },\n\n                {\n                    name: \"CAMUY\",\n                    lat: 18.4838,\n                    lng: -66.8449\n                },\n\n                {\n                    name: \"CATA\u00d1O\",\n                    lat: 18.4413,\n                    lng: -66.1182\n                },\n\n                {\n                    name: \"CIALES\",\n                    lat: 18.3361,\n                    lng: -66.4688\n                },\n\n                {\n                    name: \"COMER\u00cdO\",\n                    lat: 18.2180,\n                    lng: -66.2260\n                },\n\n                {\n                    name: \"COROZAL\",\n                    lat: 18.3413,\n                    lng: -66.3168\n                },\n\n                {\n                    name: \"DORADO\",\n                    lat: 18.4588,\n                    lng: -66.2677\n                },\n\n                {\n                    name: \"FLORIDA\",\n                    lat: 18.3624,\n                    lng: -66.5613\n                },\n\n                {\n                    name: \"HATILLO\",\n                    lat: 18.4863,\n                    lng: -66.8254\n                },\n\n                {\n                    name: \"LARES\",\n                    lat: 18.2947,\n                    lng: -66.8771\n                },\n\n                {\n                    name: \"MANAT\u00cd\",\n                    lat: 18.4274,\n                    lng: -66.4921\n                },\n\n                {\n                    name: \"MOROVIS\",\n                    lat: 18.3258,\n                    lng: -66.4068\n                },\n\n                {\n                    name: \"NARANJITO\",\n                    lat: 18.3008,\n                    lng: -66.2449\n                },\n\n                {\n                    name: \"OROCOVIS\",\n                    lat: 18.2269,\n                    lng: -66.4135\n                },\n\n                {\n                    name: \"QUEBRADILLAS\",\n                    lat: 18.4738,\n                    lng: -66.9385\n                },\n\n                {\n                    name: \"TOA ALTA\",\n                    lat: 18.3883,\n                    lng: -66.2482\n                },\n\n                {\n                    name: \"TOA BAJA\",\n                    lat: 18.4438,\n                    lng: -66.2596\n                },\n\n                {\n                    name: \"UTUADO\",\n                    lat: 18.2655,\n                    lng: -66.7005\n                },\n\n                {\n                    name: \"VEGA ALTA\",\n                    lat: 18.4122,\n                    lng: -66.3313\n                },\n\n                {\n                    name: \"VEGA BAJA\",\n                    lat: 18.4444,\n                    lng: -66.3877\n                }\n\n            ];\n\n\n            \/* ==================================================\n               ELEMENTOS\n            ================================================== *\/\n\n            const tagsContainer =\n                document.getElementById(\n                    \"tags-container\"\n                );\n\n\n            const municipiosCount =\n                document.getElementById(\n                    \"municipios-count\"\n                );\n\n\n            const mapContainer =\n                document.getElementById(\n                    \"map-service-area\"\n                );\n\n\n            const searchBtn =\n                document.getElementById(\n                    \"search-btn\"\n                );\n\n\n            const searchInput =\n                document.getElementById(\n                    \"municipio-input\"\n                );\n\n\n            \/* ==================================================\n               CONTADOR AUTOM\u00c1TICO\n            ================================================== *\/\n\n            if (municipiosCount) {\n\n                municipiosCount.textContent =\n                    municipios.length;\n\n            }\n\n\n            if (!mapContainer) {\n\n                return;\n\n            }\n\n\n            \/* Evita doble inicializaci\u00f3n *\/\n\n            if (\n                mapContainer._leaflet_id\n            ) {\n\n                return;\n\n            }\n\n\n            \/* ==================================================\n               CREAR MAPA\n            ================================================== *\/\n\n            const map =\n                L.map(\n                    mapContainer,\n                    {\n\n                        center: [\n                            18.35,\n                            -66.52\n                        ],\n\n                        zoom: 9,\n\n                        zoomControl: true,\n\n                        scrollWheelZoom: false\n\n                    }\n                );\n\n\n            \/* ==================================================\n               OPENSTREETMAP\n            ================================================== *\/\n\n            L.tileLayer(\n\n                \"https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png\",\n\n                {\n\n                    maxZoom: 18,\n\n                    attribution:\n                        '&copy; OpenStreetMap'\n\n                }\n\n            ).addTo(map);\n\n\n            \/* ==================================================\n               MARCADOR ACTIVO\n            ================================================== *\/\n\n            let activeMarker = null;\n\n\n            \/* ==================================================\n               NORMALIZAR TEXTO\n               Permite buscar Bayamon sin tilde, etc.\n            ================================================== *\/\n\n            function normalizeText(text) {\n\n                return text\n\n                    .normalize(\"NFD\")\n\n                    .replace(\n                        \/[\\u0300-\\u036f]\/g,\n                        \"\"\n                    )\n\n                    .toUpperCase()\n\n                    .trim();\n\n            }\n\n\n            \/* ==================================================\n               SELECCIONAR MUNICIPIO\n            ================================================== *\/\n\n            function selectMunicipio(m) {\n\n\n                map.flyTo(\n\n                    [\n                        m.lat,\n                        m.lng\n                    ],\n\n                    12,\n\n                    {\n                        duration: 1.2\n                    }\n\n                );\n\n\n                \/* ACTIVAR BOT\u00d3N *\/\n\n                document\n                    .querySelectorAll(\n                        \".tag-item\"\n                    )\n                    .forEach(\n                        function(el) {\n\n                            el.classList.toggle(\n\n                                \"active\",\n\n                                el.getAttribute(\n                                    \"data-name\"\n                                ) === m.name\n\n                            );\n\n                        }\n                    );\n\n\n                \/* QUITAR MARCADOR ANTERIOR *\/\n\n                if (activeMarker) {\n\n                    map.removeLayer(\n                        activeMarker\n                    );\n\n                }\n\n\n                \/* NUEVO MARCADOR *\/\n\n                activeMarker =\n                    L.circleMarker(\n\n                        [\n                            m.lat,\n                            m.lng\n                        ],\n\n                        {\n\n                            radius: 10,\n\n                            fillColor:\n                                \"#C42A5E\",\n\n                            color:\n                                \"#FFFFFF\",\n\n                            weight: 3,\n\n                            opacity: 1,\n\n                            fillOpacity: 1\n\n                        }\n\n                    )\n                    .addTo(map)\n                    .bindPopup(\n\n                        \"<b>\" +\n                        m.name +\n                        \"<\/b><br>\" +\n                        \"Servicio disponible\"\n\n                    )\n                    .openPopup();\n\n            }\n\n\n            \/* ==================================================\n               LIMPIAR BOTONES\n            ================================================== *\/\n\n            if (tagsContainer) {\n\n                tagsContainer.innerHTML = \"\";\n\n            }\n\n\n            \/* ==================================================\n               GENERAR MUNICIPIOS\n            ================================================== *\/\n\n            const serviceLayers = [];\n\n\n            municipios.forEach(\n                function(m) {\n\n\n                    \/* BOT\u00d3N *\/\n\n                    const tag =\n                        document.createElement(\n                            \"span\"\n                        );\n\n\n                    tag.className =\n                        \"tag-item\";\n\n\n                    tag.textContent =\n                        m.name;\n\n\n                    tag.setAttribute(\n                        \"data-name\",\n                        m.name\n                    );\n\n\n                    tag.addEventListener(\n\n                        \"click\",\n\n                        function() {\n\n                            selectMunicipio(m);\n\n                        }\n\n                    );\n\n\n                    if (tagsContainer) {\n\n                        tagsContainer.appendChild(\n                            tag\n                        );\n\n                    }\n\n\n                    \/* C\u00cdRCULO DEL MAPA *\/\n\n                    const circle =\n                        L.circle(\n\n                            [\n                                m.lat,\n                                m.lng\n                            ],\n\n                            {\n\n                                color:\n                                    \"#C42A5E\",\n\n                                fillColor:\n                                    \"#E28292\",\n\n                                fillOpacity:\n                                    0.28,\n\n                                opacity:\n                                    0.75,\n\n                                weight:\n                                    2,\n\n                                radius:\n                                    2500\n\n                            }\n\n                        )\n                        .addTo(map)\n                        .bindPopup(\n\n                            \"<b>\" +\n                            m.name +\n                            \"<\/b><br>\" +\n                            \"Servicio disponible\"\n\n                        );\n\n\n                    serviceLayers.push(\n                        circle\n                    );\n\n                }\n            );\n\n\n            \/* ==================================================\n               AJUSTAR MAPA PARA MOSTRAR LOS 23 MUNICIPIOS\n            ================================================== *\/\n\n            const bounds =\n                L.latLngBounds(\n\n                    municipios.map(\n                        function(m) {\n\n                            return [\n                                m.lat,\n                                m.lng\n                            ];\n\n                        }\n                    )\n\n                );\n\n\n            map.fitBounds(\n\n                bounds,\n\n                {\n\n                    padding: [\n                        30,\n                        30\n                    ],\n\n                    maxZoom: 10\n\n                }\n\n            );\n\n\n            \/* ==================================================\n               BUSCADOR\n            ================================================== *\/\n\n            function handleSearch() {\n\n\n                if (!searchInput) {\n\n                    return;\n\n                }\n\n\n                const query =\n                    normalizeText(\n                        searchInput.value\n                    );\n\n\n                \/* CAMPO VAC\u00cdO *\/\n\n                if (!query) {\n\n                    alert(\n                        \"Escribe el nombre de un municipio.\"\n                    );\n\n                    searchInput.focus();\n\n                    return;\n\n                }\n\n\n                \/* B\u00daSQUEDA *\/\n\n                const found =\n                    municipios.find(\n                        function(m) {\n\n                            return normalizeText(\n                                m.name\n                            ) === query;\n\n                        }\n                    );\n\n\n                \/* TAMBI\u00c9N PERMITE B\u00daSQUEDA PARCIAL *\/\n\n                const partial =\n                    municipios.find(\n                        function(m) {\n\n                            return normalizeText(\n                                m.name\n                            ).includes(\n                                query\n                            );\n\n                        }\n                    );\n\n\n                const result =\n                    found || partial;\n\n\n                if (result) {\n\n                    selectMunicipio(\n                        result\n                    );\n\n                }\n\n                else {\n\n                    alert(\n                        \"Este municipio no aparece actualmente dentro de nuestra \u00e1rea de servicio. Comun\u00edcate con nosotros para verificar disponibilidad.\"\n                    );\n\n                }\n\n            }\n\n\n            \/* ==================================================\n               CLICK EN BUSCAR\n            ================================================== *\/\n\n            if (searchBtn) {\n\n                searchBtn.addEventListener(\n\n                    \"click\",\n\n                    handleSearch\n\n                );\n\n            }\n\n\n            \/* ==================================================\n               ENTER\n            ================================================== *\/\n\n            if (searchInput) {\n\n                searchInput.addEventListener(\n\n                    \"keydown\",\n\n                    function(e) {\n\n                        if (\n                            e.key === \"Enter\"\n                        ) {\n\n                            e.preventDefault();\n\n                            handleSearch();\n\n                        }\n\n                    }\n\n                );\n\n            }\n\n\n            \/* ==================================================\n               RECALCULAR MAPA\n            ================================================== *\/\n\n            setTimeout(\n\n                function() {\n\n                    map.invalidateSize();\n\n\n                    map.fitBounds(\n\n                        bounds,\n\n                        {\n\n                            padding: [\n                                30,\n                                30\n                            ],\n\n                            maxZoom: 10\n\n                        }\n\n                    );\n\n                },\n\n                350\n\n            );\n\n        }\n\n\n        \/* ==================================================\n           EJECUTAR\n        ================================================== *\/\n\n        if (\n            document.readyState ===\n            \"loading\"\n        ) {\n\n            document.addEventListener(\n\n                \"DOMContentLoaded\",\n\n                initServiceMap\n\n            );\n\n        }\n\n        else {\n\n            initServiceMap();\n\n        }\n\n\n    })();\n\n    <\/script>\n\n\n    <\/p>\t\t\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-3449b08 e-flex e-con-boxed e-con e-parent\" data-id=\"3449b08\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a008661 animar-subir elementor-widget elementor-widget-text-editor\" data-id=\"a008661\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t    <div class=\"cta-wrapper\">\n      <div class=\"cta-banner\">\n        <div class=\"cta-text-group\">\n          <span class=\"cta-title\">Estamos aqu\u00ed para ayudarte.<\/span>\n          <span class=\"cta-subtitle\">Disponible las 24 horas al d\u00eda 7 d\u00edas a la semana<\/span>\n        <\/div>\n        \n        <div class=\"cta-contacts\">\n          <!-- Tel\u00e9fono -->\n          <a class=\"cta-link\" href=\"tel:7878622048\">\n            <img decoding=\"async\" class=\"cta-icon\" src=\"https:\/\/hospiciolamilagrosa.com\/wp-content\/uploads\/2026\/08\/Calling.png\" alt=\"Tel\u00e9fono\"  title=\"Contacto\" \/>\n            (787) 862-2048\n          <\/a>\n          \n          <!-- WhatsApp -->\n          <a class=\"cta-link\" href=\"https:\/\/wa.me\/17878622050\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <img decoding=\"async\" class=\"cta-icon\" src=\"https:\/\/hospiciolamilagrosa.com\/wp-content\/uploads\/2026\/08\/Calling-1.png\" alt=\"WhatsApp\"  title=\"Contacto\" \/>\n            (787) 862-2050\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <style>\n      .cta-wrapper {\n        padding: 20px 16px;\n        width: 100%;\n        box-sizing: border-box;\n      }\n\n      .cta-banner {\n        background-color: #C42A5E;\n        border-radius: 50px;\n        padding: 16px 36px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 24px;\n        max-width: 960px;\n        margin: 0 auto;\n        box-sizing: border-box;\n        font-family: 'Source Serif 4', Georgia, serif;\n        color: #ffffff;\n      }\n\n      .cta-text-group {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n      }\n\n      .cta-title {\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .cta-subtitle {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.95;\n        line-height: 1.3;\n      }\n\n      .cta-contacts {\n        display: flex;\n        align-items: center;\n        gap: 28px;\n        flex-shrink: 0;\n      }\n\n      .cta-link {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        color: #ffffff;\n        text-decoration: none;\n        font-size: 18px;\n        font-weight: 700;\n        white-space: nowrap;\n        transition: opacity 0.2s ease;\n      }\n\n      .cta-link:hover {\n        opacity: 0.85;\n      }\n\n      .cta-icon {\n        width: 24px;\n        height: 24px;\n        object-fit: contain;\n        flex-shrink: 0;\n      }\n\n      \/* Responsive Mobile *\/\n      @media (max-width: 768px) {\n        .cta-banner {\n          flex-direction: column;\n          border-radius: 24px;\n          padding: 20px 24px;\n          text-align: center;\n          gap: 16px;\n        }\n\n        .cta-text-group {\n          align-items: center;\n        }\n\n        .cta-contacts {\n          flex-direction: column;\n          gap: 12px;\n          width: 100%;\n        }\n\n        .cta-link {\n          font-size: 16px;\n        }\n      }\n    <\/style>\n    \t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cuidado con amor. EN LA COMODIDAD DE SU HOGAR Estamos disponibles para Ayudarte No importa si apenas est\u00e1s comenzando a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_zipai_imported":false,"_zipai_import_id":"","footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"ambarodriguezmedia@gmail.com","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/311b7b5d68f5f3bb271362c6578e45f2dfc266eb301865e1f011ddab2a29bb2b?s=96&d=mm&r=g","author_link":"https:\/\/hospiciolamilagrosa.com\/en\/author\/ambarodriguezmediagmail-com\/","description":""},"_links":{"self":[{"href":"https:\/\/hospiciolamilagrosa.com\/en\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hospiciolamilagrosa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hospiciolamilagrosa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hospiciolamilagrosa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hospiciolamilagrosa.com\/en\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":214,"href":"https:\/\/hospiciolamilagrosa.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":4525,"href":"https:\/\/hospiciolamilagrosa.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions\/4525"}],"wp:attachment":[{"href":"https:\/\/hospiciolamilagrosa.com\/en\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}