{"id":4196,"date":"2026-09-23T13:56:42","date_gmt":"2026-09-23T19:56:42","guid":{"rendered":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/?page_id=4196"},"modified":"2026-09-23T14:09:58","modified_gmt":"2026-09-23T20:09:58","slug":"cobertura-municipal-por-delegacion","status":"publish","type":"page","link":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/","title":{"rendered":"Cobertura Municipal por Delegaci\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4196\" class=\"elementor elementor-4196\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec50812 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec50812\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\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-b7262af\" data-id=\"b7262af\" 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-a583c16 elementor-widget elementor-widget-html\" data-id=\"a583c16\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   CONTENEDOR GENERAL RESPONSIVO\r\n========================================================= *\/\r\n.jalisco-app-wrapper {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 10px;\r\n    box-sizing: border-box;\r\n    font-family: \"Segoe UI\", Roboto, Arial, sans-serif;\r\n}\r\n\r\n\/* =========================================================\r\n   PANEL DE INFORMACI\u00d3N (COLOR GRIS #5B6670)\r\n========================================================= *\/\r\n.panel-info-jalisco {\r\n    width: 100%;\r\n    margin-bottom: 16px;\r\n    padding: 16px 20px;\r\n    box-sizing: border-box;\r\n    background: #5B6670;\r\n    border: 2px solid #FF8300;\r\n    border-radius: 14px;\r\n    text-align: center;\r\n    box-shadow: 0 8px 20px rgba(0,0,0,.25);\r\n}\r\n\r\n.panel-info-jalisco h2 {\r\n    margin: 0;\r\n    font-size: .85rem;\r\n    color: #e2e8f0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.panel-info-jalisco .titulo-region {\r\n    margin: 6px 0;\r\n    color: #FF8300; \/* CAMBIADO A NARANJA #FF8300 *\/\r\n    font-size: clamp(1.15rem, 2.5vw, 1.6rem);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n}\r\n\r\n.panel-info-jalisco .descripcion-region {\r\n    margin: 5px auto 0;\r\n    max-width: 800px;\r\n    color: #f8fafc;\r\n    font-size: clamp(.82rem, 1.8vw, .98rem);\r\n    line-height: 1.45;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENEDOR DEL MAPA (COLOR GRIS #5B6670)\r\n========================================================= *\/\r\n.contenedor-mapa-jalisco {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: clamp(8px, 2vw, 20px);\r\n    box-sizing: border-box;\r\n    background: #5B6670;\r\n    border: 1px solid #475569;\r\n    border-radius: 16px;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,.30);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   SVG MAPA FLUIDO\r\n========================================================= *\/\r\n#svg-container-jalisco {\r\n    position: relative;\r\n    width: 100%;\r\n    height: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 1;\r\n}\r\n\r\n#svg-container-jalisco svg {\r\n    display: block;\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    max-height: 75vh;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   ELEMENTOS DEL MAPA (HOVER \/ SELECCI\u00d3N)\r\n========================================================= *\/\r\n#svg-container-jalisco svg path {\r\n    cursor: pointer !important;\r\n    pointer-events: all !important;\r\n    transition: opacity .20s ease, filter .20s ease, stroke-width .20s ease;\r\n}\r\n\r\n#svg-container-jalisco svg text,\r\n#svg-container-jalisco svg tspan {\r\n    cursor: pointer !important;\r\n    pointer-events: all !important;\r\n    user-select: none;\r\n}\r\n\r\n#svg-container-jalisco svg path.region-hover {\r\n    opacity: .72 !important;\r\n    stroke: #ffffff !important;\r\n    stroke-width: 2.8px !important;\r\n    filter: drop-shadow(0 0 5px rgba(255,255,255,.65));\r\n}\r\n\r\n#svg-container-jalisco svg path.region-seleccionada {\r\n    opacity: .82 !important;\r\n    stroke: #FF8300 !important;\r\n    stroke-width: 4px !important;\r\n    filter: drop-shadow(0 0 8px rgba(255,131,0,.9));\r\n}\r\n\r\n\/* =========================================================\r\n   VISOR DE IMAGEN \/ GALER\u00cdA (FONDO MODAL GRIS #5B6670)\r\n========================================================= *\/\r\n.visor-imagen-mapa {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background: rgba(91, 102, 112, 0.96);\r\n    backdrop-filter: blur(6px);\r\n    z-index: 9999;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity .3s ease;\r\n    padding: 15px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.visor-imagen-mapa.activo {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n}\r\n\r\n.visor-contenido {\r\n    position: relative;\r\n    width: auto;\r\n    max-width: 95vw;\r\n    max-height: 90vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: #5B6670;\r\n    border: 1px solid #94a3b8;\r\n    border-radius: 16px;\r\n    padding: 40px 15px 15px 15px;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,.5);\r\n    box-sizing: border-box;\r\n}\r\n\r\n.galeria-imagenes-mapa {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    width: 100%;\r\n    max-height: calc(90vh - 60px);\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    padding: 8px;\r\n    box-sizing: border-box;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.galeria-imagenes-mapa::-webkit-scrollbar {\r\n    width: 6px;\r\n}\r\n.galeria-imagenes-mapa::-webkit-scrollbar-thumb {\r\n    background: #FF8300;\r\n    border-radius: 4px;\r\n}\r\n\r\n.galeria-imagenes-mapa img {\r\n    display: block;\r\n    width: auto;\r\n    height: auto;\r\n    max-width: 100%;\r\n    max-height: 72vh;\r\n    object-fit: contain !important;\r\n    border-radius: 10px;\r\n    border: 1px solid #cbd5e1;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n    background: #5B6670;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N CERRAR\r\n========================================================= *\/\r\n.boton-cerrar-visor {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    width: 32px;\r\n    height: 32px;\r\n    background: #ef4444;\r\n    color: white;\r\n    border: 2px solid white;\r\n    border-radius: 50%;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,.5);\r\n    transition: transform .2s, background .2s;\r\n    z-index: 10000;\r\n}\r\n\r\n.boton-cerrar-visor:hover {\r\n    background: #dc2626;\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* =========================================================\r\n   ADAPTACIONES RESPONSIVAS MULTI-DISPOSITIVO\r\n========================================================= *\/\r\n\r\n\/* Desktop \/ Laptops Grandes (>= 992px) *\/\r\n@media (min-width: 992px) {\r\n    .galeria-imagenes-mapa img {\r\n        max-width: calc(33.333% - 16px);\r\n    }\r\n    .galeria-imagenes-mapa img:only-child {\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n\/* Tablets (600px a 991px) *\/\r\n@media (max-width: 991px) and (min-width: 600px) {\r\n    .galeria-imagenes-mapa img {\r\n        max-width: calc(50% - 16px);\r\n    }\r\n    .galeria-imagenes-mapa img:only-child {\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n\/* Celulares (< 600px) *\/\r\n@media (max-width: 599px) {\r\n    .jalisco-app-wrapper { padding: 4px; }\r\n    .panel-info-jalisco { padding: 12px 10px; margin-bottom: 10px; }\r\n    .contenedor-mapa-jalisco { padding: 6px; border-radius: 12px; }\r\n    \r\n    .visor-imagen-mapa { padding: 8px; }\r\n    .visor-contenido {\r\n        padding: 40px 8px 10px 8px;\r\n        width: 100%;\r\n        max-height: 94vh;\r\n    }\r\n    .galeria-imagenes-mapa img {\r\n        max-width: 100%;\r\n        max-height: 65vh;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML -->\r\n<div class=\"jalisco-app-wrapper\">\r\n    <div class=\"panel-info-jalisco\">\r\n        <h2>Regi\u00f3n seleccionada<\/h2>\r\n        <p id=\"nombre-region-jalisco\" class=\"titulo-region\">Haz clic en el n\u00famero de cada regi\u00f3n<\/p>\r\n        <p id=\"descripcion-region-jalisco\" class=\"descripcion-region\">Haz clic sobre cualquier \u00e1rea del mapa o sobre el n\u00famero para consultar la informaci\u00f3n e imagen.<\/p>\r\n    <\/div>\r\n    <div class=\"contenedor-mapa-jalisco\">\r\n        <div id=\"svg-container-jalisco\"><\/div>\r\n        <!-- VISOR -->\r\n        <div id=\"visor-imagen-mapa\" class=\"visor-imagen-mapa\">\r\n            <div class=\"visor-contenido\">\r\n                <button id=\"boton-cerrar-visor\" class=\"boton-cerrar-visor\" type=\"button\">\u00d7<\/button>\r\n                <div id=\"galeria-imagenes-mapa\" class=\"galeria-imagenes-mapa\">\r\n                    <!-- Las im\u00e1genes se cargar\u00e1n aqu\u00ed din\u00e1micamente -->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    \/* =====================================================\r\n        URL DEL NUEVO SVG\r\n    ===================================================== *\/\r\n    const urlSVG = \"\/wp-content\/uploads\/2026\/09\/RegionesJalisc_2026.svg\";\r\n\r\n    \/* =====================================================\r\n        INFORMACI\u00d3N DE LAS REGIONES\r\n    ===================================================== *\/\r\n    const datosRegiones = {\r\n        region_norte: { nombre: \"1. Regi\u00f3n Norte\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-norte.jpg\", descripcion: \"Cabecera: Colotl\u00e1n. Regi\u00f3n caracterizada por la cultura Wix\u00e1rika.\" },\r\n        region_altos_norte: { nombre: \"2. Regi\u00f3n Altos Norte\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-altos-norte.jpg\", descripcion: \"Cabecera: Lagos de Moreno. Zona de gran valor hist\u00f3rico y ganadero.\" },\r\n        region_altos_sur: { nombre: \"3. Regi\u00f3n Altos Sur\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-altos-sur.jpg\", descripcion: \"Cabecera: Tepatitl\u00e1n de Morelos. Destacada producci\u00f3n av\u00edcola y tequilera.\" },\r\n        region_cienega: { nombre: \"4. Regi\u00f3n Ci\u00e9nega\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-cienega.jpg\", descripcion: \"Cabecera: Ocotl\u00e1n. Colindante con el Lago de Chapala.\" },\r\n        region_sureste: { nombre: \"5. Regi\u00f3n Sureste\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-sureste.jpg\", descripcion: \"Cabecera: Tamazula de Gordiano. Zona agr\u00edcola y de producci\u00f3n azucarera.\" },\r\n        region_sur: { nombre: \"6. Regi\u00f3n Sur\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-sur.jpg\", descripcion: \"Cabecera: Zapotl\u00e1n el Grande (Ciudad Guzm\u00e1n). Regi\u00f3n forestal y agr\u00edcola.\" },\r\n        region_sierra_amula: { nombre: \"7. Regi\u00f3n Sierra de Amula\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-sierra-amula.jpg\", descripcion: \"Cabecera: Autl\u00e1n de Navarro. Zona monta\u00f1osa y de gran biodiversidad.\" },\r\n        region_costa_sur: { nombre: \"8. Regi\u00f3n Costa Sur\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-costa-sur.jpg\", descripcion: \"Cabecera: Cihuatl\u00e1n. Destinos tur\u00edsticos costeros y agricultura tropical.\" },\r\n        region_costa_sierra_occidental: { nombre: \"9. Regi\u00f3n Costa-Sierra Occidental\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-costa-sierra-occidental.jpg\", descripcion: \"Cabecera: Puerto Vallarta. Principal polo tur\u00edstico de playa del estado.\" },\r\n        region_valles: { nombre: \"10. Regi\u00f3n Valles\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-valles.jpg\", descripcion: \"Cabecera: Ameca. Zona agavera y patrimonio arqueol\u00f3gico.\" },\r\n        region_lagunas: { nombre: \"11. Regi\u00f3n Lagunas\", imagen: \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-lagunas.jpg\", descripcion: \"Cabecera: Zacoalco de Torres. Caracterizada por sus cuencas lacustres.\" },\r\n        region_centro: { \r\n            nombre: \"12. Regi\u00f3n Centro\", \r\n            imagenes: [\r\n                \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-centro-1.jpg\",\r\n                \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-centro-2.jpg\",\r\n                \"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2026\/09\/Region-centro-3.jpg\"\r\n            ], \r\n            descripcion: \"Cabecera: Guadalajara. \u00c1rea Metropolitana y centro econ\u00f3mico del estado.\" \r\n        }\r\n    };\r\n\r\n    \/* =====================================================\r\n        MAPEO DE TEXTOS\r\n    ===================================================== *\/\r\n    const textoARegion = {\r\n        \"1\": \"region_norte\",\r\n        \"2\": \"region_altos_norte\",\r\n        \"3\": \"region_altos_sur\",\r\n        \"4\": \"region_cienega\",\r\n        \"5\": \"region_sureste\",\r\n        \"6\": \"region_sur\",\r\n        \"7\": \"region_sierra_amula\",\r\n        \"8\": \"region_costa_sur\",\r\n        \"9\": \"region_costa_sierra_occidental\",\r\n        \"10\": \"region_valles\",\r\n        \"11\": \"region_lagunas\",\r\n        \"12\": \"region_centro\",\r\n        \r\n        \"norte\": \"region_norte\",\r\n        \"altos norte\": \"region_altos_norte\",\r\n        \"altos sur\": \"region_altos_sur\",\r\n        \"ci\u00e9nega\": \"region_cienega\",\r\n        \"cienega\": \"region_cienega\",\r\n        \"sureste\": \"region_sureste\",\r\n        \"sur\": \"region_sur\",\r\n        \"sierra de amula\": \"region_sierra_amula\",\r\n        \"costa sur\": \"region_costa_sur\",\r\n        \"costa-sierra occidental\": \"region_costa_sierra_occidental\",\r\n        \"valles\": \"region_valles\",\r\n        \"lagunas\": \"region_lagunas\",\r\n        \"centro\": \"region_centro\"\r\n    };\r\n\r\n    \/* =====================================================\r\n        GRUPOS REALES DEL SVG\r\n    ===================================================== *\/\r\n    const gruposRegion = {\r\n        \"id_de_tu_svg_norte\": \"region_norte\",             \r\n        \"id_de_tu_svg_altos_norte\": \"region_altos_norte\", \r\n        \"id_de_tu_svg_altos_sur\": \"region_altos_sur\",     \r\n        \"id_de_tu_svg_cienega\": \"region_cienega\",         \r\n        \"id_de_tu_svg_sureste\": \"region_sureste\",         \r\n        \"id_de_tu_svg_sur\": \"region_sur\",                 \r\n        \"id_de_tu_svg_amula\": \"region_sierra_amula\",      \r\n        \"id_de_tu_svg_costa_sur\": \"region_costa_sur\",     \r\n        \"id_de_tu_svg_costa_occ\": \"region_costa_sierra_occidental\", \r\n        \"id_de_tu_svg_valles\": \"region_valles\",           \r\n        \"id_de_tu_svg_lagunas\": \"region_lagunas\",         \r\n        \"id_de_tu_svg_centro\": \"region_centro\"            \r\n    };\r\n\r\n    \/* =====================================================\r\n        OBTENER REGI\u00d3N\r\n    ===================================================== *\/\r\n    function obtenerRegionDeElemento(elem) {\r\n        if (!elem) return null;\r\n\r\n        const tag = elem.tagName ? elem.tagName.toLowerCase() : \"\";\r\n        if (tag === \"text\" || tag === \"tspan\") {\r\n            let texto = (elem.textContent || \"\").replace(\/\\s+\/g, \" \").trim().toLowerCase();\r\n            texto = texto.replace(\/^\\d+\\.\\s*\/, \"\").replace(\/^regi\u00f3n\\s+\/i, \"\").trim();\r\n            \r\n            if (textoARegion[texto]) return textoARegion[texto];\r\n            \r\n            for (const clave in textoARegion) {\r\n                if (texto.includes(clave)) return textoARegion[clave];\r\n            }\r\n        }\r\n\r\n        let actual = elem;\r\n        while (actual && actual.tagName && actual.tagName.toLowerCase() !== \"svg\") {\r\n            const id = actual.getAttribute(\"id\");\r\n            if (id && gruposRegion[id]) {\r\n                return gruposRegion[id];\r\n            }\r\n            const dataRegion = actual.getAttribute(\"data-region\");\r\n            if (dataRegion) {\r\n                return dataRegion;\r\n            }\r\n            actual = actual.parentElement;\r\n        }\r\n\r\n        return null;\r\n    }\r\n\r\n    \/* =====================================================\r\n        INICIALIZAR Y PREPARAR EVENTOS\r\n    ===================================================== *\/\r\n    function inicializar() {\r\n        const container = document.getElementById(\"svg-container-jalisco\");\r\n        if (!container) return;\r\n\r\n        fetch(urlSVG, { cache: \"no-cache\" })\r\n        .then(res => {\r\n            if (!res.ok) throw new Error(\"No se pudo cargar el SVG\");\r\n            return res.text();\r\n        })\r\n        .then(svgText => {\r\n            container.innerHTML = svgText;\r\n            \r\n            \/\/ Garantizar que el SVG interno sea responsivo\r\n            const svgElem = container.querySelector(\"svg\");\r\n            if (svgElem) {\r\n                svgElem.removeAttribute(\"height\");\r\n                svgElem.removeAttribute(\"width\");\r\n                if (!svgElem.getAttribute(\"viewBox\")) {\r\n                    svgElem.setAttribute(\"viewBox\", \"0 0 800 600\");\r\n                }\r\n            }\r\n\r\n            prepararEventos(container);\r\n        })\r\n        .catch(error => {\r\n            console.error(\"Error SVG:\", error);\r\n            container.innerHTML = `<p style=\"color:#ef4444;text-align:center;padding:20px;\">Error al cargar el archivo SVG del mapa.<\/p>`;\r\n        });\r\n    }\r\n\r\n    function prepararEventos(container) {\r\n        const svg = container.querySelector(\"svg\");\r\n        if (!svg) return;\r\n\r\n        const nombreVisor = document.getElementById(\"nombre-region-jalisco\");\r\n        const descVisor = document.getElementById(\"descripcion-region-jalisco\");\r\n        const overlay = document.getElementById(\"visor-imagen-mapa\");\r\n        const galeria = document.getElementById(\"galeria-imagenes-mapa\");\r\n        const btnCerrar = document.getElementById(\"boton-cerrar-visor\");\r\n\r\n        Object.keys(gruposRegion).forEach(function (grupoId) {\r\n            const grupo = svg.querySelector(\"#\" + grupoId);\r\n            if (!grupo) return; \r\n\r\n            const region = gruposRegion[grupoId];\r\n            grupo.setAttribute(\"data-region\", region);\r\n            grupo.querySelectorAll(\"*\").forEach(elemento => elemento.setAttribute(\"data-region\", region));\r\n        });\r\n\r\n        function resaltarRegion(region) {\r\n            svg.querySelectorAll(\"path.region-hover\").forEach(path => path.classList.remove(\"region-hover\"));\r\n            if (!region) return;\r\n            svg.querySelectorAll(`[data-region=\"${region}\"]`).forEach(elemento => {\r\n                if (elemento.tagName && elemento.tagName.toLowerCase() === \"path\") {\r\n                    elemento.classList.add(\"region-hover\");\r\n                }\r\n            });\r\n        }\r\n\r\n        svg.addEventListener(\"pointerover\", function (e) {\r\n            const region = obtenerRegionDeElemento(e.target);\r\n            if (region) resaltarRegion(region);\r\n        });\r\n\r\n        svg.addEventListener(\"pointerleave\", function () {\r\n            svg.querySelectorAll(\"path.region-hover\").forEach(path => path.classList.remove(\"region-hover\"));\r\n        });\r\n\r\n        svg.addEventListener(\"click\", function (e) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            const region = obtenerRegionDeElemento(e.target);\r\n            if (!region || !datosRegiones[region]) return;\r\n\r\n            const info = datosRegiones[region];\r\n\r\n            if (nombreVisor) nombreVisor.textContent = info.nombre;\r\n            if (descVisor) descVisor.textContent = info.descripcion;\r\n\r\n            svg.querySelectorAll(\".region-seleccionada\").forEach(el => el.classList.remove(\"region-seleccionada\"));\r\n            \r\n            svg.querySelectorAll(`[data-region=\"${region}\"]`).forEach(elemento => {\r\n                if (elemento.tagName && elemento.tagName.toLowerCase() === \"path\") {\r\n                    elemento.classList.add(\"region-seleccionada\");\r\n                }\r\n            });\r\n\r\n            \/\/ =====================================================\r\n            \/\/ GALER\u00cdA DIN\u00c1MICA MULTI-IMAGEN\r\n            \/\/ =====================================================\r\n            const urlsImagenes = info.imagenes || (info.imagen ? [info.imagen] : []);\r\n\r\n            if (urlsImagenes.length > 0 && overlay && galeria) {\r\n                galeria.innerHTML = \"\"; \r\n\r\n                urlsImagenes.forEach(url => {\r\n                    const img = document.createElement(\"img\");\r\n                    img.src = url;\r\n                    img.alt = info.nombre;\r\n                    galeria.appendChild(img);\r\n                });\r\n\r\n                overlay.classList.add(\"activo\");\r\n            }\r\n        });\r\n\r\n        if (btnCerrar) {\r\n            btnCerrar.addEventListener(\"click\", () => {\r\n                if (overlay) overlay.classList.remove(\"activo\");\r\n            });\r\n        }\r\n\r\n        if (overlay) {\r\n            overlay.addEventListener(\"click\", (e) => {\r\n                if (e.target === overlay) overlay.classList.remove(\"activo\");\r\n            });\r\n        }\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", inicializar);\r\n    } else {\r\n        inicializar();\r\n    }\r\n})();\r\n<\/script>\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>Regi\u00f3n seleccionada Haz clic en el n\u00famero de cada regi\u00f3n Haz clic sobre cualquier \u00e1rea del mapa o sobre el n\u00famero para consultar la informaci\u00f3n e imagen. \u00d7<\/p>\n","protected":false},"author":46,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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":"","ep_exclude_from_search":false,"footnotes":""},"class_list":["post-4196","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cobertura Municipal por Delegaci\u00f3n - Direcci\u00f3n General de Delegaciones Regionales<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cobertura Municipal por Delegaci\u00f3n - Direcci\u00f3n General de Delegaciones Regionales\" \/>\n<meta property=\"og:description\" content=\"Regi\u00f3n seleccionada Haz clic en el n\u00famero de cada regi\u00f3n Haz clic sobre cualquier \u00e1rea del mapa o sobre el n\u00famero para consultar la informaci\u00f3n e imagen. \u00d7\" \/>\n<meta property=\"og:url\" content=\"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/\" \/>\n<meta property=\"og:site_name\" content=\"Direcci\u00f3n General de Delegaciones Regionales\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-23T20:09:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/cobertura-municipal-por-delegacion\\\/\",\"url\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/cobertura-municipal-por-delegacion\\\/\",\"name\":\"Cobertura Municipal por Delegaci\u00f3n - Direcci\u00f3n General de Delegaciones Regionales\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/#website\"},\"datePublished\":\"2026-09-23T19:56:42+00:00\",\"dateModified\":\"2026-09-23T20:09:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/cobertura-municipal-por-delegacion\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/cobertura-municipal-por-delegacion\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/cobertura-municipal-por-delegacion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cobertura Municipal por Delegaci\u00f3n\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/#website\",\"url\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/\",\"name\":\"Direcci\u00f3n General de Delegaciones Regionales\",\"description\":\"Micrositio\",\"publisher\":{\"@id\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/#organization\",\"name\":\"Direcci\u00f3n General de Delegaciones Regionales\",\"url\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/wp-content\\\/uploads\\\/sites\\\/28\\\/2022\\\/03\\\/logo-Educacion2025.png\",\"contentUrl\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/wp-content\\\/uploads\\\/sites\\\/28\\\/2022\\\/03\\\/logo-Educacion2025.png\",\"width\":427,\"height\":108,\"caption\":\"Direcci\u00f3n General de Delegaciones Regionales\"},\"image\":{\"@id\":\"https:\\\/\\\/apprende.jalisco.gob.mx\\\/direccion-delegaciones-regionales\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cobertura Municipal por Delegaci\u00f3n - Direcci\u00f3n General de Delegaciones Regionales","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/","og_locale":"es_MX","og_type":"article","og_title":"Cobertura Municipal por Delegaci\u00f3n - Direcci\u00f3n General de Delegaciones Regionales","og_description":"Regi\u00f3n seleccionada Haz clic en el n\u00famero de cada regi\u00f3n Haz clic sobre cualquier \u00e1rea del mapa o sobre el n\u00famero para consultar la informaci\u00f3n e imagen. \u00d7","og_url":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/","og_site_name":"Direcci\u00f3n General de Delegaciones Regionales","article_modified_time":"2026-09-23T20:09:58+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/","url":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/","name":"Cobertura Municipal por Delegaci\u00f3n - Direcci\u00f3n General de Delegaciones Regionales","isPartOf":{"@id":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/#website"},"datePublished":"2026-09-23T19:56:42+00:00","dateModified":"2026-09-23T20:09:58+00:00","breadcrumb":{"@id":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/cobertura-municipal-por-delegacion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/"},{"@type":"ListItem","position":2,"name":"Cobertura Municipal por Delegaci\u00f3n"}]},{"@type":"WebSite","@id":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/#website","url":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/","name":"Direcci\u00f3n General de Delegaciones Regionales","description":"Micrositio","publisher":{"@id":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/#organization","name":"Direcci\u00f3n General de Delegaciones Regionales","url":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/#\/schema\/logo\/image\/","url":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2022\/03\/logo-Educacion2025.png","contentUrl":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-content\/uploads\/sites\/28\/2022\/03\/logo-Educacion2025.png","width":427,"height":108,"caption":"Direcci\u00f3n General de Delegaciones Regionales"},"image":{"@id":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-json\/wp\/v2\/pages\/4196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-json\/wp\/v2\/comments?post=4196"}],"version-history":[{"count":45,"href":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-json\/wp\/v2\/pages\/4196\/revisions"}],"predecessor-version":[{"id":4269,"href":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-json\/wp\/v2\/pages\/4196\/revisions\/4269"}],"wp:attachment":[{"href":"https:\/\/apprende.jalisco.gob.mx\/direccion-delegaciones-regionales\/wp-json\/wp\/v2\/media?parent=4196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}