<style id="elementor-post-6156">.elementor-6156 .elementor-element.elementor-element-96ff1e4{--display:flex;--min-height:0px;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-6156 .elementor-element.elementor-element-c6d59ce{text-align:center;}.elementor-6156 .elementor-element.elementor-element-677c634{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6156 .elementor-element.elementor-element-677c634.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6156 .elementor-element.elementor-element-af2b233{width:100%;max-width:100%;}.elementor-6156 .elementor-element.elementor-element-af2b233.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-6156 .elementor-element.elementor-element-677c634{--width:586px;}}/* Start custom CSS for html, class: .elementor-element-af2b233 */.dir-field{
    -moz-border-radius: 20;
    border-radius: 20;
    width: 100%;
    
}

.fields_cont{
    width: 100%;
}


#dir-cont, #dir-cont-form{
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 30px;
    align-items: center;
    justify-content: center;
    width: 90%;
}

#fields{
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding-bottom: 30px;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#locations{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#api-response{
    width: 100%;
    text-align: center;
    padding: 50px;
    display: none;
    flex-direction: column;
}


#send-data-btn{
    margin: 20px;
}

.eslabon{
    display: none;
    flex-direction: column;
    gap: 15px;
    text-align: center;
    padding: 20px;
    font-size: 1.2rem;
    word-break: break-all;
    border: 1px dashed red;
    border-radius: 20px;
    margin: 20px;
    min-width: 500px;
}

.eslabon-name{
    font-weight: 500;
}

#eslabon-1{
    font-size: 1.7rem;
}

label{
    font-weight: 500;
}




@media screen and (max-width: 600px) {
  #fields{
    flex-direction: column;
    width: 100%;
}
.eslabon{
    width: 100%;
    min-width: 0px;
    max-width: 100%;
}
}/* End custom CSS */</style>{"id":6156,"date":"2026-02-27T06:22:28","date_gmt":"2026-02-27T06:22:28","guid":{"rendered":"https:\/\/iglesiaelencuentro.com\/?page_id=6156"},"modified":"2026-03-03T00:48:35","modified_gmt":"2026-03-03T00:48:35","slug":"eslabones","status":"publish","type":"page","link":"https:\/\/iglesiaelencuentro.com\/en\/eslabones\/","title":{"rendered":"Eslabones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6156\" class=\"elementor elementor-6156\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96ff1e4 e-flex e-con-boxed e-con e-parent\" data-id=\"96ff1e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6d59ce elementor-widget elementor-widget-heading\" data-id=\"c6d59ce\" 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<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfCu\u00e1l es el eslab\u00f3n m\u00e1s cercano?<\/h2>\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-677c634 e-con-full e-flex e-con e-parent\" data-id=\"677c634\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af2b233 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"af2b233\" 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<div id=\"locations\">\n    <div id=\"dir-cont\">\n        <form id=\"dir-cont-form\">\n            <div id=\"fields\">\n            <div class=\"fields_cont\">\n                <label>Direcci\u00f3n<\/label>\n                <input name=\"address\" type=\"text\" class=\"dir-field\" id=\"input1\" placeholder=\"Avenida Carrera 20#81-55\" required>\n            <\/div>\n            <div class=\"fields_cont\">\n                <label>Barrio<\/label>\n                <input name=\"neigh\" type=\"text\" class=\"dir-field\" id=\"input2\" placeholder=\"Polo\" required>\n            <\/div>\n            <div class=\"fields_cont\">\n                <label>Localidad<\/label>\n                <input name=\"loc\" type=\"text\" class=\"dir-field\" id=\"input3\" placeholder=\"Barrios Unidos\" required>\n            <\/div>\n            <\/div>\n            <input type=\"submit\" id=\"send-data-btn\" value=\"Encontrar\"\/>\n        <\/form>\n    <\/div>\n\n    <div id=\"api-response\" style=\"display:none;\">Cargando...<\/div>\n\n    <!-- Contenedores de resultados -->\n    <div id=\"eslabon-1\" class=\"eslabon\">\n        <span class=\"eslabon-title\">Primera Opci\u00f3n<\/span>\n        <span id=\"eslabon-1-name\" class=\"eslabon-name\"><\/span>\n        <span id=\"eslabon-1-address\" class=\"eslabon-address\"><\/span>\n        <span id=\"eslabon-1-tel\" class=\"eslabon-tel\"><\/span>\n        <a id=\"eslabon-1-map\" href=\"\">Ver en maps<\/a>\n        <a id=\"eslabon-1-contact\" href=\"\" target=\"_blank\">Contactar<\/a>\n    <\/div>\n    \n    <div id=\"eslabon-2\" class=\"eslabon\">\n        <span class=\"eslabon-title\">Segunda Opci\u00f3n<\/span>\n        <span id=\"eslabon-2-name\" class=\"eslabon-name\"><\/span>\n        <span id=\"eslabon-2-address\" class=\"eslabon-address\"><\/span>\n        <span id=\"eslabon-2-tel\" class=\"eslabon-tel\"><\/span>\n        <a id=\"eslabon-2-map\" href=\"\">Ver en maps<\/a>\n        <a id=\"eslabon-2-contact\" href=\"\" target=\"_blank\">Contactar<\/a>\n    <\/div>\n    \n    <div id=\"eslabon-3\" class=\"eslabon\"> <!-- Corregido ID duplicado -->\n        <span class=\"eslabon-title\">Tercera Opci\u00f3n<\/span>\n        <span id=\"eslabon-3-name\" class=\"eslabon-name\"><\/span>\n        <span id=\"eslabon-3-address\" class=\"eslabon-address\"><\/span>\n        <span id=\"eslabon-3-tel\" class=\"eslabon-tel\"><\/span>\n        <a id=\"eslabon-3-map\" href=\"\" target=\"_blank\">Ver en maps<\/a>\n        <a id=\"eslabon-3-contact\" href=\"\" target=\"_blank\">Contactar<\/a>\n    <\/div>\n        <div id=\"eslabon-3\" class=\"eslabon\"> <!-- Corregido ID duplicado -->\n        <span class=\"eslabon-title\">Cuarta Opci\u00f3n<\/span>\n        <span id=\"eslabon-4-name\" class=\"eslabon-name\"><\/span>\n        <span id=\"eslabon-4-address\" class=\"eslabon-address\"><\/span>\n        <span id=\"eslabon-4-tel\" class=\"eslabon-tel\"><\/span>\n        <a id=\"eslabon-4-map\" href=\"\" target=\"_blank\">Ver en maps<\/a>\n        <a id=\"eslabon-4-contact\" href=\"\" target=\"_blank\">Contactar<\/a>\n    <\/div>\n<\/div>\n\n<script>\ndocument.getElementById('dir-cont-form').addEventListener('submit', function(e) {\n    e.preventDefault(); \/\/ Evita que la p\u00e1gina se recargue\n\n    const endpoint = 'https:\/\/iglesiaelencuentro.com\/api\/locations\/nearby';\n    const responseDiv = document.getElementById('api-response');\n    \n    const val1 = document.getElementById('input1').value.trim();\n    const val2 = document.getElementById('input2').value.trim();\n    const val3 = document.getElementById('input3').value.trim();\n\n    const fullAddress = [val1, val2, val3].filter(Boolean).join(', ');\n\n    const payload = {\n        address: fullAddress,\n        k: 4\n    };\n\n    responseDiv.style.display = \"block\";\n    responseDiv.innerText = 'Buscando...';\n\n    fetch(endpoint, {\n        method: 'POST',\n        headers: {\n            'Content-Type': 'application\/json'\n        },\n        body: JSON.stringify(payload)\n    })\n    .then(response => response.json())\n    .then(data => {\n        \n        var elements = document.getElementsByClassName('eslabon');\n        for (var i = 0; i < elements.length; i++) {\n            elements[i].style.display = 'flex';\n        }\n        for(let i = 1; i <= 4; i++){\n            const item = data.neighbors[i-1]; \/\/ Acceso al array (0, 1, 2)\n            if(item) {\n                document.getElementById(`eslabon-${i}-name`).innerText = item.name || \"N\/A\";\n                document.getElementById(`eslabon-${i}-address`).innerText = item.address || \"N\/A\";\n                \/\/document.getElementById(`eslabon-${i}-tel`).innerText = item.contact || \"N\/A\";\n                document.getElementById(`eslabon-${i}-map`).setAttribute(\"href\", `https:\/\/www.google.com\/maps\/place\/${item.lat},${item.lng}`)\n                document.getElementById(`eslabon-${i}-map`).setAttribute(\"target\", \"_blank\")\n                \/\/ Contacto\n                document.getElementById(`eslabon-${i}-contact`).setAttribute(\"href\", `https:\/\/wa.me\/${item.contact}`)\n                document.getElementById(`eslabon-${i}-contact`).setAttribute(\"target\", \"_blank\")\n            }\n            responseDiv.innerText = ''\n        }\n    })\n    .catch(error => {\n        console.error('Error:', error);\n        responseDiv.innerText = 'Error al conectar con el servidor.';\n    });\n});\n<\/script>\n\t\t\t\t<\/div>\n\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>\u00bfCu\u00e1l es el eslab\u00f3n m\u00e1s cercano? Direcci\u00f3n Barrio Localidad Cargando&#8230; Primera Opci\u00f3n Ver en maps Contactar Segunda Opci\u00f3n Ver en maps Contactar Tercera Opci\u00f3n Ver en maps Contactar Cuarta Opci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6156","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/iglesiaelencuentro.com\/en\/wp-json\/wp\/v2\/pages\/6156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iglesiaelencuentro.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iglesiaelencuentro.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iglesiaelencuentro.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/iglesiaelencuentro.com\/en\/wp-json\/wp\/v2\/comments?post=6156"}],"version-history":[{"count":64,"href":"https:\/\/iglesiaelencuentro.com\/en\/wp-json\/wp\/v2\/pages\/6156\/revisions"}],"predecessor-version":[{"id":6226,"href":"https:\/\/iglesiaelencuentro.com\/en\/wp-json\/wp\/v2\/pages\/6156\/revisions\/6226"}],"wp:attachment":[{"href":"https:\/\/iglesiaelencuentro.com\/en\/wp-json\/wp\/v2\/media?parent=6156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}