{"id":44,"date":"2023-07-04T01:34:38","date_gmt":"2023-07-04T01:34:38","guid":{"rendered":"https:\/\/arsabelgonzalez.com\/?page_id=44"},"modified":"2024-09-23T09:54:04","modified_gmt":"2024-09-23T09:54:04","slug":"contacto","status":"publish","type":"page","link":"https:\/\/arsabelgonzalez.com\/index.php\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"44\" class=\"elementor elementor-44\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dca7218 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dca7218\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6f8c581\" data-id=\"6f8c581\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a813568 elementor-widget elementor-widget-html\" data-id=\"a813568\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n  <style>\n    body {\n      font-family: Arial, sans-serif;\n      background-color: #f7f7f7;\n      margin: 0;\n      padding: 0;\n    }\n\n    .main-content {\n      padding: 20px;\n    }\n\n    .grid-container {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n    }\n\n    .card {\n      border: 1px solid #e0e0e0;\n      padding: 16px;\n      border-radius: 8px;\n      background-color: #F7F7F7;\n\n\n    }\n\n    .card:hover {\n      transform: translateY(-5px);\n    }\n\n    .card h2 {\n      font-size: 18px;\n      margin: 0 0 10px;\n      color: #333;\n    }\n\n    .card p {\n      margin: 5px 0;\n      color: #555;\n    }\n\n    \/* Responsive styles *\/\n    @media (max-width: 767px) {\n      .grid-container {\n        grid-template-columns: 1fr;\n        \/* One column for cards *\/\n      }\n    }\n\n    @media (min-width: 768px) and (max-width: 1023px) {\n      .grid-container {\n        grid-template-columns: repeat(2, 1fr);\n        \/* Two columns for cards *\/\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <div class=\"main-content\">\n    <div id=\"loading\" style=\"display: none\">Cargando...<\/div>\n    <div id=\"mensajeDerecho\"><\/div>\n  <\/div>\n\n  <script>\n    var datosCentros = [];\n    var paginaActual = 1;\n    var elementosPorPagina = 20;\n\n    window.onload = function () {\n      cargarCentros();\n    };\n\n    function cargarCentros() {\n      fetch(\"https:\/\/autorizaciones.arssimag.com.do\/webapiappprod\/api\/branches\", {\n        method: \"GET\",\n        headers: {\n          \"Content-Type\": \"application\/json\",\n        },\n      })\n        .then((response) => response.json())\n        .then((data) => {\n          datosCentros = data;\n          mostrarDatos(data);\n        })\n        .catch((error) => {\n          console.error(\"Error fetching centers:\", error);\n        });\n    }\n\n    function mostrarDatos(datos) {\n      var contenedor = document.getElementById(\"mensajeDerecho\");\n      contenedor.innerHTML = \"\";\n\n      var grid = document.createElement(\"div\");\n      grid.className = \"grid-container\";\n      contenedor.appendChild(grid);\n\n      var inicio = (paginaActual - 1) * elementosPorPagina;\n      var fin = inicio + elementosPorPagina;\n      var datosPagina = datos.slice(inicio, fin);\n\n      datosPagina.forEach((dato) => {\n        var card = document.createElement(\"div\");\n        card.className = \"card\";\n        card.innerHTML = `\n                    <h2 style=\"font-size: 22px; text-transform: uppercase;\">${dato.name}<\/h2>\n                    <p style=\"color: #73AD2F; font-weight: 600;\">${dato.city}<\/p>\n                    <hr style=\"border: none; height: 2px; background-color: #E4E4E4;\">\n                    <p>Tel\u00e9fono:<\/p>\n                    <p style=\"color: #73AD2F\">${dato.phone_number}<\/p>\n                    <p>Direcci\u00f3n:<\/p>\n                    <p style=\"color: #73AD2F\">${dato.address}<\/p>\n                                        <p>Horario:<\/p>\n\n                    <p style=\"color: #73AD2F\">${dato.schedule}<\/p>\n                    <p>Sector:<\/p>\n                    <p style=\"color: #73AD2F\">${dato.sector}<\/p>\n\n                `;\n        grid.appendChild(card);\n      });\n\n      var paginacion = document.createElement(\"div\");\n      paginacion.className = \"paginacion\";\n      contenedor.appendChild(paginacion);\n\n      if (paginaActual > 1) {\n        var btnAnterior = document.createElement(\"button\");\n        btnAnterior.textContent = \"Anterior\";\n        btnAnterior.onclick = function () {\n          paginaActual--;\n          mostrarDatos(datos);\n        };\n        paginacion.appendChild(btnAnterior);\n      }\n\n      if (fin < datos.length) {\n        var btnSiguiente = document.createElement(\"button\");\n        btnSiguiente.textContent = \"Siguiente\";\n        btnSiguiente.onclick = function () {\n          paginaActual++;\n          mostrarDatos(datos);\n        };\n        paginacion.appendChild(btnSiguiente);\n      }\n    }\n  <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4fa9932 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4fa9932\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c7bb9a\" data-id=\"3c7bb9a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ddb22fb elementor-widget elementor-widget-google_maps\" data-id=\"ddb22fb\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Av.%20Sim%C3%B3n%20Bol%C3%ADvar%20No.%20822%20La%20Esperilla%2C%20Santo%20Domingo&#038;t=m&#038;z=15&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Av. Sim\u00f3n Bol\u00edvar No. 822 La Esperilla, Santo Domingo\"\n\t\t\t\t\taria-label=\"Av. Sim\u00f3n Bol\u00edvar No. 822 La Esperilla, Santo Domingo\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b533744 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b533744\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2a7f977\" data-id=\"2a7f977\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cargando&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arsabelgonzalez.com\/index.php\/wp-json\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arsabelgonzalez.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arsabelgonzalez.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arsabelgonzalez.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arsabelgonzalez.com\/index.php\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":76,"href":"https:\/\/arsabelgonzalez.com\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":2831,"href":"https:\/\/arsabelgonzalez.com\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions\/2831"}],"wp:attachment":[{"href":"https:\/\/arsabelgonzalez.com\/index.php\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}