{"id":71,"date":"2023-12-19T19:47:28","date_gmt":"2023-12-19T19:47:28","guid":{"rendered":"https:\/\/demo.artureanec.com\/themes\/neuros\/?page_id=71"},"modified":"2025-12-04T20:09:47","modified_gmt":"2025-12-04T20:09:47","slug":"cobertura","status":"publish","type":"page","link":"https:\/\/web.cincosopas.com\/en\/cobertura\/","title":{"rendered":"Cobertura"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71\" class=\"elementor elementor-71\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7addf49 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7addf49\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24141ae\" data-id=\"24141ae\" data-element_type=\"column\" data-e-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-c3f7169 elementor-widget elementor-widget-neuros_heading\" data-id=\"c3f7169\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"neuros_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"neuros-heading-widget\"><h2 class=\"neuros-heading\"><span class=\"neuros-heading-content has_gradient_color_text\">COBERTURA DE DISTRITOS<\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dc69d1 elementor-widget elementor-widget-spacer\" data-id=\"4dc69d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-613804f elementor-widget elementor-widget-html\" data-id=\"613804f\" 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>\r\n    \/* Estilos del Contenedor Principal (El recuadro rojo) *\/\r\n    .banner-distritos {\r\n        background-color: #b91c1c; \/* Color rojo intenso *\/\r\n        color: white;\r\n        padding: 25px 20px;\r\n        border-radius: 20px; \/* Bordes redondeados del recuadro rojo *\/\r\n        text-align: center;\r\n        font-family: 'Montserrat', 'Helvetica', sans-serif; \/* Tipograf\u00eda limpia *\/\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.2); \/* Sombra suave *\/\r\n        max-width: 800px; \/* Ancho m\u00e1ximo para que no se estire demasiado *\/\r\n        margin: 0 auto; \/* Centrar el bloque *\/\r\n    }\r\n\r\n    \/* Estilos del Texto *\/\r\n    .banner-texto {\r\n        font-size: 20px; \/* Tama\u00f1o letra PC *\/\r\n        font-weight: 700; \/* Negrita *\/\r\n        line-height: 1.6;\r\n        letter-spacing: 0.5px;\r\n        margin: 10px 0;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Estructura de las l\u00edneas decorativas *\/\r\n    .decoracion-linea {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        height: 15px;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* La l\u00ednea recta central *\/\r\n    .linea {\r\n        height: 2px;\r\n        background-color: white;\r\n        flex-grow: 1;\r\n        margin: 0 5px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* El rombo central (Diamante) *\/\r\n    .diamante {\r\n        width: 10px;\r\n        height: 10px;\r\n        border: 2px solid white;\r\n        transform: rotate(45deg); \/* Girar cuadrado para hacer rombo *\/\r\n        margin: 0 10px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* LOS RIZOS\/ESIRALES DE LAS ESQUINAS (Dibujados con CSS) *\/\r\n    \/* Rizo Izquierdo *\/\r\n    .rizo-izq {\r\n        width: 15px;\r\n        height: 15px;\r\n        border: 2px solid white;\r\n        border-right: none; \/* Quitamos lados para dejar solo la curva *\/\r\n        border-radius: 50%;\r\n        flex-shrink: 0;\r\n    }\r\n    \/* Rizo Derecho *\/\r\n    .rizo-der {\r\n        width: 15px;\r\n        height: 15px;\r\n        border: 2px solid white;\r\n        border-left: none;\r\n        border-radius: 50%;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Ajustes espec\u00edficos para la l\u00ednea de ARRIBA *\/\r\n    .top .rizo-izq { border-bottom: none; border-radius: 15px 0 0 0; margin-top: 13px; }\r\n    .top .rizo-der { border-bottom: none; border-radius: 0 15px 0 0; margin-top: 13px; }\r\n    \r\n    \/* Ajustes espec\u00edficos para la l\u00ednea de ABAJO *\/\r\n    .bottom .rizo-izq { border-top: none; border-radius: 0 0 0 15px; margin-bottom: 13px; }\r\n    .bottom .rizo-der { border-top: none; border-radius: 0 0 15px 0; margin-bottom: 13px; }\r\n\r\n    \/* RESPONSIVE: Ajustes para celulares *\/\r\n    @media (max-width: 600px) {\r\n        .banner-texto {\r\n            font-size: 14px; \/* Letra m\u00e1s peque\u00f1a en celular *\/\r\n        }\r\n        .banner-distritos {\r\n            padding: 15px 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"banner-distritos\">\r\n    \r\n    <div class=\"decoracion-linea top\">\r\n        <div class=\"rizo-izq\"><\/div>\r\n        <div class=\"linea\"><\/div>\r\n        <div class=\"diamante\"><\/div>\r\n        <div class=\"linea\"><\/div>\r\n        <div class=\"rizo-der\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"banner-texto\">\r\n        BARRANCO - MIRAFLORES - SAN ISIDRO<br>\r\n        SURQUILLO - SURCO - SAN BORJA\r\n    <\/div>\r\n\r\n    <div class=\"decoracion-linea bottom\">\r\n        <div class=\"rizo-izq\"><\/div>\r\n        <div class=\"linea\"><\/div>\r\n        <div class=\"diamante\"><\/div>\r\n        <div class=\"linea\"><\/div>\r\n        <div class=\"rizo-der\"><\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc22952 elementor-widget elementor-widget-spacer\" data-id=\"dc22952\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76aef80 elementor-widget elementor-widget-html\" data-id=\"76aef80\" 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<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <title>Mapa Interactivo de Distritos de Lima<\/title>\r\n    <meta charset=\"utf-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\r\n     integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\"\r\n     crossorigin=\"\"\/>\r\n\r\n    <style>\r\n        \/* 1. CONTENEDOR DEL MAPA *\/\r\n        #miMapaInteractivoLima {\r\n            height: 500px; \r\n            width: 100%;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n            z-index: 1; \/* Asegura que el mapa est\u00e9 en el nivel correcto *\/\r\n        }\r\n\r\n        \/* 2. ESTILO DEL TEXTO DEL POPUP (LA CORRECCI\u00d3N) *\/\r\n        .leaflet-popup-content-wrapper {\r\n            border-radius: 4px;\r\n        }\r\n        \r\n        \/* Aqu\u00ed forzamos el estilo del texto *\/\r\n        .leaflet-popup-content b, \r\n        .leaflet-popup-content strong {\r\n             color: #d32f2f !important; \/* Rojo S\u00f3lido (Forzado) *\/\r\n             background-color: transparent !important;\r\n             \r\n             \/* Elimina cualquier contorno o borde de la letra *\/\r\n             -webkit-text-fill-color: #d32f2f !important;\r\n             -webkit-text-stroke: 0px !important; \r\n             -webkit-text-stroke-width: 0px !important;\r\n             text-shadow: none !important;\r\n             \r\n             \/* Fuente y tama\u00f1o *\/\r\n             font-family: Arial, Helvetica, sans-serif !important;\r\n             font-size: 16px !important;\r\n             font-weight: 900 !important; \/* Negrita s\u00f3lida *\/\r\n             text-transform: uppercase;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div id=\"miMapaInteractivoLima\"><\/div>\r\n\r\n    <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"\r\n     integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\"\r\n     crossorigin=\"\"><\/script>\r\n\r\n    <script>\r\n        \/\/ 1. INICIALIZAR EL MAPA\r\n        var map = L.map('miMapaInteractivoLima').setView([-12.1200, -77.0150], 13);\r\n\r\n        \/\/ 2. A\u00d1ADIR CAPA BASE\r\n        L.tileLayer('https:\/\/tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n            maxZoom: 19,\r\n            attribution: '&copy; OpenStreetMap'\r\n        }).addTo(map);\r\n\r\n        \/\/ 3. DEFINIR PUNTOS\r\n        var locations = [\r\n            { coords: [-12.0975, -77.0365], name: \"SAN ISIDRO\" },\r\n            { coords: [-12.1215, -77.0305], name: \"MIRAFLORES\" },\r\n            { coords: [-12.1420, -77.0210], name: \"BARRANCO\" },\r\n            { coords: [-12.1135, -77.0115], name: \"SURQUILLO\" },\r\n            { coords: [-12.1065, -77.0005], name: \"SAN BORJA\" },\r\n            { coords: [-12.1330, -76.9870], name: \"SANTIAGO DE SURCO\" }\r\n        ];\r\n\r\n        \/\/ 4. BUCLE MARCADORES\r\n        locations.forEach(function(loc) {\r\n            L.marker(loc.coords)\r\n             .addTo(map)\r\n             .bindPopup(\"<b>\" + loc.name + \"<\/b>\"); \r\n        });\r\n\r\n        \/\/ Recalcular tama\u00f1o por si Elementor lo oculta inicialmente\r\n        setTimeout(function(){ map.invalidateSize(); }, 400);\r\n\r\n    <\/script>\r\n\r\n<\/body>\r\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BARRANCO &#8211; MIRAFLORES &#8211; SAN ISIDRO SURQUILLO &#8211; SURCO &#8211; SAN BORJA Mapa Interactivo de Distritos de Lima<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/web.cincosopas.com\/en\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.cincosopas.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.cincosopas.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.cincosopas.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.cincosopas.com\/en\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":16,"href":"https:\/\/web.cincosopas.com\/en\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":25636,"href":"https:\/\/web.cincosopas.com\/en\/wp-json\/wp\/v2\/pages\/71\/revisions\/25636"}],"wp:attachment":[{"href":"https:\/\/web.cincosopas.com\/en\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}