T\u00edtulo Tecnol\u00f3gico<\/title>\r\n\r\n<style>\r\n\/* ================================\r\n T\u00cdTULO TECNOL\u00d3GICO CON DESTELLOS\r\n ================================ *\/\r\n.titulo-destellos {\r\n position: relative;\r\n background: #192854; \/* Azul institucional oscuro *\/\r\n padding: 35px 0;\r\n text-align: center;\r\n font-family: \"Segoe UI\", sans-serif;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Texto del t\u00edtulo *\/\r\n.titulo-destellos h2 {\r\n color: #FFFFFF;\r\n font-size: 28px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n position: relative;\r\n z-index: 10;\r\n text-shadow: 0 0 8px rgba(255,255,255,0.7);\r\n}\r\n\r\n\/* L\u00edneas brillantes laterales *\/\r\n.titulo-destellos::before,\r\n.titulo-destellos::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n width: 43%;\r\n height: 4px;\r\n border-radius: 10px;\r\n filter: blur(1px);\r\n opacity: 0.95;\r\n}\r\n\r\n\/* L\u00ednea izquierda *\/\r\n.titulo-destellos::before {\r\n left: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(136,192,213,0.4),\r\n #88C0D5,\r\n #4993CC,\r\n #FFFFFF,\r\n transparent\r\n );\r\n animation: destelloIzq 2.4s infinite ease-in-out;\r\n}\r\n\r\n\/* L\u00ednea derecha *\/\r\n.titulo-destellos::after {\r\n right: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n #FFFFFF,\r\n #4993CC,\r\n #88C0D5,\r\n rgba(136,192,213,0.4),\r\n transparent\r\n );\r\n animation: destelloDer 2.4s infinite ease-in-out;\r\n}\r\n\r\n\/* Animaciones *\/\r\n@keyframes destelloIzq {\r\n 0% { transform: translateX(-40px); opacity: .3; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateX(40px); opacity: .3; }\r\n}\r\n\r\n@keyframes destelloDer {\r\n 0% { transform: translateX(40px); opacity: .3; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateX(-40px); opacity: .3; }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<div class=\"titulo-destellos\">\r\n <h2>Mis A\u00f1os Dorados<\/h2>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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-91800c4 e-con-full e-flex e-con e-parent\" data-id=\"91800c4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-602e77b elementor-widget elementor-widget-html\" data-id=\"602e77b\" 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<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet.markercluster@1.4.1\/dist\/MarkerCluster.css\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet.markercluster@1.4.1\/dist\/MarkerCluster.Default.css\" \/>\r\n<script src=\"https:\/\/unpkg.com\/leaflet.markercluster@1.4.1\/dist\/leaflet.markercluster.js\"><\/script>\r\n\r\n<style>\r\n \/* Usando \u00fanicamente gamas de azul, celeste, blanco y gris como solicitaste *\/\r\n :root { \r\n --color-primario: #0ea5e9; \/* Celeste *\/\r\n --color-secundario: #0284c7; \/* Azul medio *\/\r\n --color-texto: #334155; \/* Gris oscuro *\/\r\n --color-fondo: #f8fafc; \/* Blanco\/Gris muy claro *\/\r\n }\r\n .mapa-contenedor-pro { position: relative; font-family: sans-serif; border-radius: 12px; overflow: hidden; border: 1px solid #cbd5e1; }\r\n #mapa-inteligente { height: 700px; width: 100%; background-color: #e2e8f0; z-index: 1; }\r\n \r\n \/* PANEL FLOTANTE *\/\r\n .panel-cristal { \r\n position: absolute; top: 15px; left: 15px; z-index: 1000; \r\n background: rgba(255, 255, 255, 0.95); padding: 20px; border-radius: 12px; \r\n width: 300px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); border: 1px solid #e2e8f0;\r\n }\r\n \r\n .titulo-filtro { margin: 0 0 15px 0; font-size: 16px; font-weight: bold; color: var(--color-secundario); border-bottom: 2px solid #e0f2fe; padding-bottom: 8px;}\r\n \r\n .selector-pro { \r\n width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 8px; \r\n font-size: 14px; margin-bottom: 12px; cursor: pointer; color: var(--color-texto);\r\n background-color: white; outline: none; transition: 0.3s;\r\n }\r\n .selector-pro:focus { border-color: var(--color-primario); box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2); }\r\n .selector-pro:disabled { background-color: #f1f5f9; cursor: not-allowed; color: #94a3b8; }\r\n \r\n \/* POPUPS *\/\r\n .leaflet-popup-content-wrapper { border-radius: 12px; padding: 0; overflow: hidden; }\r\n .leaflet-popup-content { margin: 0; width: 250px !important; }\r\n .popup-header { background: var(--color-fondo); padding: 15px; border-bottom: 1px solid #e2e8f0; }\r\n .popup-tags { margin-bottom: 8px; font-size: 11px; font-weight: bold; color: var(--color-primario); text-transform: uppercase; }\r\n .popup-dir { font-size: 14px; color: var(--color-texto); margin: 0; line-height: 1.4; }\r\n .popup-footer { padding: 15px; text-align: center; }\r\n .btn-maps { \r\n display: block; background: var(--color-primario); color: white !important; \r\n text-decoration: none !important; padding: 10px; border-radius: 8px; font-weight: bold; transition: 0.3s;\r\n }\r\n .btn-maps:hover { background: var(--color-secundario); transform: scale(1.02); }\r\n \r\n \/* CLUSTERS (Gamas de azul) *\/\r\n .marker-cluster { background-color: transparent !important; }\r\n .marker-cluster div { background-color: var(--color-primario); color: white; font-weight: bold; border: 3px solid white; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }\r\n \r\n \/* PANTALLA CARGA *\/\r\n #cargando { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); z-index: 2000; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; color: var(--color-secundario); flex-direction: column; }\r\n .spinner { border: 4px solid #f3f3f3; border-top: 4px solid var(--color-primario); border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-bottom: 15px; }\r\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n<\/style>\r\n\r\n<div class=\"mapa-contenedor-pro\">\r\n <div id=\"cargando\">\r\n <div class=\"spinner\"><\/div>\r\n Procesando sistema de mapas...\r\n <\/div>\r\n \r\n <div class=\"panel-cristal\">\r\n <h4 class=\"titulo-filtro\">\ud83d\udccd B\u00fasqueda Exacta<\/h4>\r\n \r\n <label style=\"font-size: 12px; font-weight: bold; color: #64748b;\">1. Departamento:<\/label>\r\n <select id=\"filtro-depto\" class=\"selector-pro\">\r\n <option value=\"todos\">\ud83d\uddfa\ufe0f Mostrar Toda Guatemala<\/option>\r\n <\/select>\r\n\r\n <label style=\"font-size: 12px; font-weight: bold; color: #64748b;\">2. Municipio:<\/label>\r\n <select id=\"filtro-muni\" class=\"selector-pro\" disabled>\r\n <option value=\"todos\">Todos los municipios<\/option>\r\n <\/select>\r\n <\/div>\r\n <div id=\"mapa-inteligente\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n setTimeout(function() {\r\n \/\/ ==========================================\r\n \/\/ 1. PEGA TUS 572 L\u00cdNEAS AQU\u00cd ABAJO\r\n \/\/ ==========================================\r\n let datosEnBruto = `\r\n{ lat: '15.414528', lng: '-89.814056', depto: 'ALTA VERAPAZ', muni: 'SENAH\u00da', dir: 'Barrio La Providencia, zona 0.Senah\u00fa Alta Verapaz' },\r\n{ lat: '15.466167', lng: '-90.373667', depto: 'ALTA VERAPAZ', muni: 'COB\u00c1N', dir: 'Atenci\u00f2n a beneficiarios en: 1ra. Avenida 5-98 zona 2, Cob\u00e1n, Alta Verapaz . Resguardo de parte del los bienes e insumos en: 2da avenida 4-33 zona 2, Cob\u00e1n Alta Verapaz' },\r\n{ lat: '15.4285', lng: '-90.332444', depto: 'ALTA VERAPAZ', muni: 'SAN JUAN CHAMELCO', dir: 'FINCA MUNICIPAL SESIBCHE. SAN JUAN CHAMELCO ALTA VERAPAZ' },\r\n{ lat: '14.647861', lng: '-90.88875', depto: 'CHIMALTENANGO', muni: 'ZARAGOZA', dir: '3ra avenida y 4ta calle 3-21 zona 2, Zaragoza, Chimaltenango' },\r\n{ lat: '14.647861', lng: '-91.134583', depto: 'CHIMALTENANGO', muni: 'SAN JOS\u00c9 POAQUIL', dir: '1ra. Calle 2-077 Zona 2, San Jos\u00e9 Poaquil, Chimaltenango' },\r\n{ lat: '14.649889', lng: '-90.790667', depto: 'CHIMALTENANGO', muni: 'EL TEJAR ', dir: 'EL Calvario zona 1, El Tejar, Chimaltenango' },\r\n{ lat: '14.570111', lng: '-89.35425', depto: 'CHIQUIMULA', muni: 'ESQUIPULAS ', dir: '3 calle 4-39 Barrio Santiaguito Z. 1 Esquipulas Chiquimula' },\r\n{ lat: '14.690861', lng: '-89.349417', depto: 'CHIQUIMULA', muni: 'OLOPA', dir: 'Barrio sector el parque a un costado del juzgado de paz zona 1 Olopa, chiquimula' },\r\n{ lat: '14.791083', lng: '-90.20125', depto: 'EL PROGRESO', muni: 'SANARATE', dir: '4ta. Calle zona 2 Sanarate' },\r\n{ lat: '14.858389', lng: '-90.082639', depto: 'EL PROGRESO', muni: 'GUASTATOYA', dir: 'aldea Casas Viejas, Guatatoya el Progreso ( Cerca de los Chorritos)' },\r\n{ lat: '13.929611', lng: '-91.148306', depto: 'ESCUINTLA', muni: 'SIPACATE', dir: '5ta Calle 6-81 zona 1 Sipacate, Escuintla' },\r\n{ lat: '13.931194', lng: '-90.823917', depto: 'ESCUINTLA', muni: 'SAN JOS\u00c9', dir: 'Lote 9-10 Colonia el Jard\u00edn, aun costado del Hotel Agua Azul' },\r\n{ lat: '14.083889', lng: '-91.048917', depto: 'ESCUINTLA', muni: 'LA GOMERA ', dir: '2da. Calle 1-75 Colonia San Francisco La Gomera, Escuintla' },\r\n{ lat: '14.569278', lng: '-90.496222', depto: 'GUATEMALA', muni: 'SANTA CATARINA PINULA', dir: '4 Avenida 1-03 zona 2, Santa Catarina P\u00ednula, Guatemala' },\r\n{ lat: '14.720083', lng: '-90.643778', depto: 'GUATEMALA', muni: 'SAN JUAN SACATEPEQUEZ', dir: '6\u00b0 avenida 0-34 Z3, San Juan Sacatep\u00e9quez, Guatemala' },\r\n\"{ lat: '14.547833', lng: '-90.416222', depto: 'GUATEMALA', muni: 'SAN JOS\u00c9 PINULA', dir: '7ma calle 3-13 zona 2 edificio Rosalio vasquez, San Jose Pinula, Guatemala (Oficinas Administrativas)\r\n Y 5ta calle 4-53 zona 1 San Jose Pinula, Guatemala ( d\u00f3nde se encuentra los beneficios)' },\"\r\n{ lat: '14.672028', lng: '-90.350528', depto: 'GUATEMALA', muni: 'PALENCIA', dir: '2A. Calle 4-05 Rincon de la Piedra Palencia Guatemala' },\r\n{ lat: '14.673222', lng: '-90.546889', depto: 'GUATEMALA', muni: 'MIXCO ZONA 11', dir: 'Bulevar Principal, 9-75 Planes de Minerva VI, zona 11, Mixco, Guatemala' },\r\n{ lat: '14.619139', lng: '-90.576083', depto: 'GUATEMALA', muni: 'MIXCO ZONA 10', dir: 'Bulevar Principal, 9-75 Planes de Minerva VI, zona 11, Mixco, Guatemala' },\r\n{ lat: '14.80536', lng: '-89.7776', depto: 'GUATEMALA', muni: 'MIXCO ZONA 6', dir: 'Bulevar Principal, 9-75 Planes de Minerva VI, zona 11, Mixco, Guatemala' },\r\n{ lat: '14.674917', lng: '-90.56675', depto: 'GUATEMALA', muni: 'MIXCO ZONA 5', dir: '7ma. Av 24-24 Colonia 1ro de Julio zona, 5 Mixco , Guatemala' },\r\n{ lat: '14.465361', lng: '-90.440278', depto: 'GUATEMALA', muni: 'FRAIJANES', dir: '2da avenida 9-80 zona 1 Fraijanes 3er Nivel del Mercado Municipal, FRAIJANES, Guatemala' },\r\n{ lat: '14.647444', lng: '-90.51325', depto: 'GUATEMALA', muni: 'CAD ZONA 1', dir: '6ta.. Avenida 1-70 zona 1, Guatemala' },\r\n{ lat: '14.644333', lng: '-90.512305', depto: 'GUATEMALA', muni: 'CAP ZONA 1', dir: '7ma. Avenida 4-06 Zona 1, Guatemala' },\r\n{ lat: '15.246083', lng: '-91.492361', depto: 'HUEHUETENANGO', muni: 'MALACATANCITO', dir: 'Calzada F\u00e9lix Calder\u00f3n \u00c1vila, Barrio la Comunidad, zona 6, Malacatancito, Huehuetenango' },\r\n{ lat: '15.648806', lng: '-91.920833', depto: 'HUEHUETENANGO', muni: 'LA DEMOGRACIA', dir: 'Caser\u00edo el Zapote, aldea Camoj\u00e1 Grande, La Democracia, Huehuetenango' },\r\n{ lat: '15.318083', lng: '-91.472167', depto: 'HUEHUETENANGO', muni: 'HUEHUETENANGO', dir: '7ma. avenida 6-27 zona 1 Huehuetenango, Huehuetenango' },\r\n{ lat: '15.355278', lng: '-91.456806', depto: 'HUEHUETENANGO', muni: 'CHIANTLA', dir: '6ta calle 6-38 zona 1 Chiantla, Huehuetenango' },\r\n{ lat: '15.828611', lng: '-88.751528', depto: 'IZABAL', muni: 'LIVINGSTON', dir: 'Barrio San Jose, Livingston , Izabal' },\r\n{ lat: '14.661861', lng: '-89.848639', depto: 'JALAPA', muni: 'SAN PEDRO PINULA', dir: 'Calle El Estudiante Barrio San Jos\u00e9, San Pedro Pinula, Jalapa' },\r\n{ lat: '14.64925', lng: '-89.72075', depto: 'JALAPA', muni: 'SAN LUIS JILOTEPEQUE ', dir: 'Barrio El Llano (a un costado del Centro de Salud) San Luis Jilotepeque, Jalapa' },\r\n{ lat: '14.528444', lng: '-90.190028', depto: 'JALAPA', muni: 'MATAQUESCUINTLA', dir: '2da. Avenida \"A\" 3-33 zona 1 Canton Elena, Mataquescuintla, Jalapa' },\r\n{ lat: '14.629194', lng: '-89.986778', depto: 'JALAPA', muni: 'JALAPA', dir: '3ra. Calle \u201cA\u201d 3-56 zona 2 Barrio San Francisco, Jalapa, Jalapa' },\r\n{ lat: '14.496389', lng: '-90.044472', depto: 'JALAPA', muni: 'SAN CARLOS ALZATATE', dir: 'Caser\u00edo el carrizal Frente al sal\u00f3n parroquial a 500 metros antes de llegar a la gasolinera, centro MIS A\u00d1OS DORADOS COLOR AMARILLO' },\r\n{ lat: '14.517056', lng: '-89.768306', depto: 'JALAPA', muni: 'SAN MANUEL CHAPARR\u00d3N', dir: 'Centro Comercial Municipal Barrio el brasilar San Manuel Chaparron' },\r\n\"{ lat: '14.138806', lng: '-89.827083', depto: 'JUTIAPA', muni: 'ZAPOTITL\u00c1N', dir: 'Barrio el Centro Zapotitl\u00e1n, Jutiapa \r\nA un costado de la municipalidad' },\"\r\n{ lat: '14.195583', lng: '-89.792028', depto: 'JUTIAPA', muni: 'YUPILTEPEQUE', dir: 'Barrio el Centro, frente a Polic\u00eda Nacional Civil, Yupiltepeque, jutiapa.' },\r\n{ lat: '14.450278', lng: '-89.739333', depto: 'JUTIAPA', muni: 'SANTA CATARINA MITA', dir: 'Barrio la Javia, PB. Zona cero, Santa Catarina Mita, Jutiapa' },\r\n{ lat: '14.222417', lng: '-90.025917', depto: 'JUTIAPA', muni: 'QUESADA ', dir: 'Aldea Vista Hermosa II carretera a Comapa, Quesada Jutiapa' },\r\n{ lat: '14.295056', lng: '-89.897778', depto: 'JUTIAPA', muni: 'JUTIAPA', dir: '1 calle 4-35 zona 3 Barrio La Federal, Jutiapa, Jutiapa' },\r\n{ lat: '14.137556', lng: '-90.007111', depto: 'JUTIAPA', muni: 'JALPATAGUA', dir: '1era. Calle Zona 1 Barrio El Candilito Jalpatagua, Jutiapa' },\r\n{ lat: '14.174861', lng: '-89.7445', depto: 'JUTIAPA', muni: 'ATESCATEMPA', dir: 'Barrio Lindo, Atescatempa, Jutiapa' },\r\n{ lat: '14.496167', lng: '-89.648056', depto: 'JUTIAPA', muni: 'AGUA BLANCA', dir: 'Salida a Obrajuelo, frente a Cooperativa Coitza, Agua Blanca, Jutiapa' },\r\n{ lat: '16.505222', lng: '-89.418972', depto: 'PET\u00c9N', muni: 'DOLORES', dir: 'Una cuadra adelante del Centro de Salud, a mano derecha , Barrio Los Pinos, Dolores, Pet\u00e9n' },\r\n{ lat: '14.621333', lng: '-91.838222', depto: 'QUETZALTENANGO', muni: 'G\u00c9NOVA', dir: 'Barrio 30 de junio, G\u00e8nova, Quetzaltenango' },\r\n{ lat: '', lng: '', depto: 'RETALHULEU', muni: 'SAN MARTIN ZAPOTITLAN', dir: 'Cant\u00f3n El Zapote, Calle principal PB, Zona 0,' },\r\n{ lat: '14.625444', lng: '-91.597222', depto: 'RETALHULEU', muni: 'SAN FELIPE ', dir: '2da. Avenida 1-38 zona 2, barrio la Llovizna en el Municipio de San Felipe, Departamento de Retalhuleu.' },\r\n{ lat: '14.578028', lng: '-91.587806', depto: 'RETALHULEU', muni: 'SAN ANDR\u00c9S VILLA SECA', dir: 'Carretera Cuyo zona 0 , San Andr\u00e9s Villa Seca, Rethalhuleu' },\r\n{ lat: '14.537278', lng: '-91.682083', depto: 'RETALHULEU', muni: 'RETALHULEU', dir: '4ta. Avenida 2-19 zona 1, Retalhuleu, Retalhuleu' },\r\n{ lat: '14.593667', lng: '-91.693972', depto: 'RETALHULEU', muni: 'NUEVO SAN CARLOS', dir: '05 avenida 01-015 zona 1, Nuevo San Carlos, Retalhuleu' },\r\n{ lat: '14.488222', lng: '-90.803028', depto: 'SACATEP\u00c9QUEZ', muni: 'SAN JUAN ALOTENANGO', dir: '5 Avenida y 0 Calle C zona 1, a un costado del Centro de Salud Nuevo. San Juan Alotenango, Sacap\u00e9quez' },\r\n{ lat: '14.553472', lng: '-90.781417', depto: 'SACATEP\u00c9QUEZ', muni: 'SAN ANTONIO AGUAS CALIENTES', dir: '1ra. Calle 0-00 zona 1, San Antonio Aguas Calientes, Sacatep\u00e9quez' },\r\n{ lat: '14.5775', lng: '-90.73975', depto: 'SACATEP\u00c9QUEZ', muni: 'JOCOTENANGO', dir: 'Interior lotificaci\u00f3n Lolita n\u00famero 10 callej\u00f3n carpinteros Jocotenango Sacatep\u00e9quez' },\r\n{ lat: '14.524694', lng: '-90.761222', depto: 'SACATEP\u00c9QUEZ', muni: 'CIUDAD VIEJA', dir: '3ra. Avenida 3-38 zona 4 Ciudad Vieja, Sacatep\u00e9quez' },\r\n{ lat: '14.704639', lng: '-90.56775', depto: 'SAN JUAN SACATEPEQUEZ', muni: 'CIUDAD QUETZAL', dir: 'Manzana 15 lote 10 Caserio Sanjuaneritos zona 0 Ciudad Quetzal, San Juan Sacatep\u00e9quez, Guatemala.' },\r\n{ lat: '14.929', lng: '-91.918667', depto: 'SAN MARCOS', muni: 'SAN RAFAEL PIE DE LA CUESTA', dir: 'Colonia Santa Mar\u00eda, San Rafael Pie de la Cuesta, San Marco' },\r\n{ lat: '14.93675', lng: '-91.998889', depto: 'SAN MARCOS', muni: 'SAN PABLO', dir: 'Caserio Santo Domingo 1, San Pablo, San Marcos' },\r\n{ lat: '14.9095', lng: '-92.072194', depto: 'SAN MARCOS', muni: 'MALACAT\u00c1N', dir: 'Aldea las margarita zona , 03 zona 0 malacatan malacatan san marcos' },\r\n{ lat: '14.857417', lng: '-92.075889', depto: 'SAN MARCOS', muni: 'CATARINA', dir: '1a Calle 2-34 zona 1 Catarina, San Marcos' },\r\n{ lat: '14.067194', lng: '-90.459444', depto: 'SANTA ROSA', muni: 'TAXISCO', dir: 'La entrada de la colonia esta por la gasolinera Vikingo, Colonia Brisas del Mar, Taxisco, Santa Rosa a un costado de la escuelita de p\u00e1rvulos' },\r\n{ lat: '14.386556', lng: '-90.370778', depto: 'SANTA ROSA', muni: 'SANTA CRUZ NARANJO', dir: 'Calle iglesia catolica, zona 0 Santa Cruz Naranjo, Santa Rosa' },\r\n{ lat: '14.197111', lng: '-90.120444', depto: 'SANTA ROSA', muni: 'ORATORIO', dir: 'Interior del Parque kilometro 89 Aldea Las Cabezas Oratorio, Santa Rosa.' },\r\n{ lat: '14.081556', lng: '-90.379583', depto: 'SANTA ROSA', muni: 'CHIQUIMULILLA', dir: 'Domo la terminal Delegacion de la Policia Municipal de Transito, vista hermosa, Chiquimulilla, Santa Rosa ' },\r\n{ lat: '14.711639', lng: '-91.313417', depto: 'SOLOL\u00c1', muni: 'SANTA MAR\u00cdA VISITACION ', dir: 'Zona 0 Sector 1, Instituto B\u00e1sico, Santa Mar\u00eda Visitaci\u00f3n, Solol' },\r\n{ lat: '14.770889', lng: '-91.215306', depto: 'SOLOL\u00c1', muni: 'SAN JOSE CHACAY\u00c1', dir: 'Sector Centro Zona 0, San Jos\u00e9 Chacay\u00e1,Solol\u00e1' },\r\n{ lat: '', lng: '', depto: 'VILLA NUEVA', muni: 'PERONIA ', dir: '2 calle 6-05 Ciudad Peronia, zona 8 de Villa Nueva, Guatemala.' },\r\n{ lat: '14.991944', lng: '-89.581944', depto: 'ZACAPA', muni: 'ESTANZUELA', dir: 'Situado en Parque La Laguna, Barrio La Laguna I Estanzuela, Zacapa' },\r\n{ lat: '14.802778', lng: '-89.777417', depto: 'ZACAPA', muni: 'SAN DIEGO', dir: 'Aldea Venecia, San Diego, Zacapa. En la antigua escuela de primaria' },\r\n{ lat: '14.931667', lng: '-89.8005', depto: 'ZACAPA', muni: 'CABA\u00d1AS', dir: 'Instalaci\u00f3n Municipal Caba\u00f1as, Zacapa' },\r\n{ lat: '14.990583', lng: '-89.715472', depto: 'ZACAPA', muni: 'TECUT\u00c1N', dir: '2a. Avenida 2-23, Barrio Nuevo, Zona 2, Teculut\u00e1n Zacapa' },\r\n{ lat: '14.948222', lng: '-89.778889', depto: 'ZACAPA', muni: 'USUMATLAN', dir: '002 CL 02-046 Zona 2 Cabecera Municipal, Usumatl\u00e1n Zacapa' },\r\n{ lat: '15.114667', lng: '-89.358861', depto: 'ZACAPA', muni: 'GUAL\u00c1N', dir: 'Barrio las Flores a\u00fan costado del colegio Sina\u00ed, Gual\u00e1n, Zacapa' },\r\n\r\n `;\r\n \/\/ ==========================================\r\n \/\/ FIN DE TUS DATOS\r\n \/\/ ==========================================\r\n\r\n const ubicaciones = [];\r\n const regex = \/lat:\\s*['\"]?([^'\",]+)['\"]?,\\s*lng:\\s*['\"]?([^'\",]+)['\"]?,\\s*depto:\\s*['\"]?([^'\",]+)['\"]?,\\s*muni:\\s*['\"]?([^'\",]+)['\"]?,\\s*dir:\\s*['\"]?(.*?)['\"]?\\s*}\/g;\r\n let match;\r\n\r\n \/\/ Extraer y limpiar datos\r\n while ((match = regex.exec(datosEnBruto)) !== null) {\r\n let latClean = parseFloat(match[1].replace(',', '.').trim());\r\n let lngClean = parseFloat(match[2].replace(',', '.').trim());\r\n \r\n if (!isNaN(latClean) && !isNaN(lngClean)) {\r\n if (latClean > 90) latClean = latClean \/ Math.pow(10, Math.floor(Math.log10(latClean)) - 1);\r\n if (lngClean < -180 || lngClean > 180) {\r\n let lngStr = String(lngClean).replace('-', '');\r\n lngClean = -(lngStr \/ Math.pow(10, Math.floor(Math.log10(lngStr)) - 1));\r\n }\r\n\r\n ubicaciones.push({\r\n lat: latClean,\r\n lng: lngClean,\r\n depto: match[3].trim(),\r\n muni: match[4].trim(),\r\n dir: match[5].trim()\r\n });\r\n }\r\n }\r\n\r\n \/\/ Inicializar Mapa\r\n const limites = [[13.6, -92.6], [18.6, -87.8]];\r\n const map = L.map('mapa-inteligente', { zoomControl: false, maxBounds: limites, minZoom: 7 }).setView([15.5, -90.5], 7.5);\r\n L.control.zoom({ position: 'bottomright' }).addTo(map);\r\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', { attribution: '\u00a9 OpenStreetMap' }).addTo(map);\r\n\r\n const marcadoresCluster = L.markerClusterGroup({ maxClusterRadius: 50, spiderfyOnMaxZoom: true });\r\n const iconoPremium = L.icon({ iconUrl: 'https:\/\/cdn-icons-png.flaticon.com\/512\/684\/684908.png', iconSize: [35, 35], iconAnchor: [17, 35], popupAnchor: [0, -35] });\r\n\r\n \/\/ Referencias a los selects\r\n const selectDepto = document.getElementById('filtro-depto');\r\n const selectMuni = document.getElementById('filtro-muni');\r\n\r\n \/\/ Llenar Departamentos\r\n const deptosUnicos = [...new Set(ubicaciones.map(item => item.depto))].sort();\r\n deptosUnicos.forEach(depto => {\r\n const op = document.createElement('option');\r\n op.value = depto; op.textContent = depto;\r\n selectDepto.appendChild(op);\r\n });\r\n\r\n \/\/ Funci\u00f3n para dibujar en el mapa\r\n function renderizarMarcadores(filtroDepto, filtroMuni) {\r\n marcadoresCluster.clearLayers(); \r\n \r\n \/\/ Filtro Doble (Cascada)\r\n let datosFiltrados = ubicaciones;\r\n if (filtroDepto !== 'todos') {\r\n datosFiltrados = datosFiltrados.filter(u => u.depto === filtroDepto);\r\n }\r\n if (filtroMuni !== 'todos') {\r\n datosFiltrados = datosFiltrados.filter(u => u.muni === filtroMuni);\r\n }\r\n\r\n datosFiltrados.forEach(p => {\r\n \/\/ =========================================================\r\n \/\/ ENLACE OFICIAL DE GOOGLE MAPS PARA RUTAS\r\n \/\/ =========================================================\r\n const urlGoogle = `https:\/\/www.google.com\/maps\/dir\/?api=1&destination=${p.lat},${p.lng}`;\r\n \r\n const contenidoHtml = `\r\n <div class=\"popup-header\">\r\n <div class=\"popup-tags\">${p.muni} \u2022 ${p.depto}<\/div>\r\n <h4 class=\"popup-dir\">${p.dir}<\/h4>\r\n <\/div>\r\n <div class=\"popup-footer\">\r\n <a href=\"${urlGoogle}\" target=\"_blank\" class=\"btn-maps\">\ud83d\ude97 Iniciar Ruta<\/a>\r\n <\/div>`;\r\n\r\n const marker = L.marker([p.lat, p.lng], { icon: iconoPremium }).bindPopup(contenidoHtml);\r\n marcadoresCluster.addLayer(marker);\r\n });\r\n\r\n map.addLayer(marcadoresCluster);\r\n if (datosFiltrados.length > 0) {\r\n map.flyToBounds(marcadoresCluster.getBounds(), { padding: [50, 50], maxZoom: 15, duration: 1.2 });\r\n }\r\n }\r\n\r\n \/\/ L\u00f3gica al cambiar el Departamento\r\n selectDepto.addEventListener('change', function(e) {\r\n const deptoSeleccionado = e.target.value;\r\n \r\n \/\/ Limpiar select de municipios\r\n selectMuni.innerHTML = '<option value=\"todos\">Todos los municipios<\/option>';\r\n \r\n if (deptoSeleccionado === 'todos') {\r\n selectMuni.disabled = true;\r\n renderizarMarcadores('todos', 'todos');\r\n } else {\r\n selectMuni.disabled = false;\r\n \/\/ Buscar municipios solo de ese departamento\r\n const munisDelDepto = [...new Set(ubicaciones.filter(u => u.depto === deptoSeleccionado).map(u => u.muni))].sort();\r\n \r\n munisDelDepto.forEach(muni => {\r\n const op = document.createElement('option');\r\n op.value = muni; op.textContent = muni;\r\n selectMuni.appendChild(op);\r\n });\r\n \r\n \/\/ Redibujar mapa mostrando todo el departamento\r\n renderizarMarcadores(deptoSeleccionado, 'todos');\r\n }\r\n });\r\n\r\n \/\/ L\u00f3gica al cambiar Municipio\r\n selectMuni.addEventListener('change', function(e) {\r\n renderizarMarcadores(selectDepto.value, e.target.value);\r\n });\r\n\r\n \/\/ Carga Inicial\r\n renderizarMarcadores('todos', 'todos'); \r\n\r\n \/\/ Quitar pantalla de carga suavemente\r\n setTimeout(() => {\r\n const loader = document.getElementById('cargando');\r\n loader.style.opacity = '0';\r\n setTimeout(() => { loader.style.display = 'none'; map.invalidateSize(); }, 500);\r\n }, 1200);\r\n\r\n }, 500);\r\n});\r\n<\/script>\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>T\u00edtulo Tecnol\u00f3gico Mis A\u00f1os Dorados Procesando sistema de mapas… \ud83d\udccd B\u00fasqueda Exacta 1. Departamento: \ud83d\uddfa\ufe0f Mostrar Toda Guatemala 2. Municipio: Todos los municipios<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6739,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6794","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Ubicaciones Mis A\u00f1os Dorados - SOSEP<\/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:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ubicaciones Mis A\u00f1os Dorados - SOSEP\" \/>\n<meta property=\"og:description\" content=\"T\u00edtulo Tecnol\u00f3gico Mis A\u00f1os Dorados Procesando sistema de mapas… \ud83d\udccd B\u00fasqueda Exacta 1. Departamento: \ud83d\uddfa\ufe0f Mostrar Toda Guatemala 2. Municipio: Todos los municipios\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\" \/>\n<meta property=\"og:site_name\" content=\"SOSEP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T14:18:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\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:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\",\"url\":\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\",\"name\":\"Ubicaciones Mis A\u00f1os Dorados - SOSEP\",\"isPartOf\":{\"@id\":\"https:\/\/sosep.gob.gt\/#website\"},\"datePublished\":\"2026-02-23T18:55:42+00:00\",\"dateModified\":\"2026-03-11T14:18:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/sosep.gob.gt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ubicaciones Sedes\",\"item\":\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ubicaciones Mis A\u00f1os Dorados\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sosep.gob.gt\/#website\",\"url\":\"https:\/\/sosep.gob.gt\/\",\"name\":\"SOSEP\",\"description\":\"Secretar\u00eda de Obras Sociales de la Esposa del Presidente de la Rep\u00fablica\",\"publisher\":{\"@id\":\"https:\/\/sosep.gob.gt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sosep.gob.gt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sosep.gob.gt\/#organization\",\"name\":\"SOSEP\",\"url\":\"https:\/\/sosep.gob.gt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png\",\"contentUrl\":\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png\",\"width\":1754,\"height\":867,\"caption\":\"SOSEP\"},\"image\":{\"@id\":\"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Ubicaciones Mis A\u00f1os Dorados - SOSEP","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:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/","og_locale":"es_ES","og_type":"article","og_title":"Ubicaciones Mis A\u00f1os Dorados - SOSEP","og_description":"T\u00edtulo Tecnol\u00f3gico Mis A\u00f1os Dorados Procesando sistema de mapas… \ud83d\udccd B\u00fasqueda Exacta 1. Departamento: \ud83d\uddfa\ufe0f Mostrar Toda Guatemala 2. Municipio: Todos los municipios","og_url":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/","og_site_name":"SOSEP","article_modified_time":"2026-03-11T14:18:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/","url":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/","name":"Ubicaciones Mis A\u00f1os Dorados - SOSEP","isPartOf":{"@id":"https:\/\/sosep.gob.gt\/#website"},"datePublished":"2026-02-23T18:55:42+00:00","dateModified":"2026-03-11T14:18:40+00:00","breadcrumb":{"@id":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/sosep.gob.gt\/"},{"@type":"ListItem","position":2,"name":"Ubicaciones Sedes","item":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/"},{"@type":"ListItem","position":3,"name":"Ubicaciones Mis A\u00f1os Dorados"}]},{"@type":"WebSite","@id":"https:\/\/sosep.gob.gt\/#website","url":"https:\/\/sosep.gob.gt\/","name":"SOSEP","description":"Secretar\u00eda de Obras Sociales de la Esposa del Presidente de la Rep\u00fablica","publisher":{"@id":"https:\/\/sosep.gob.gt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sosep.gob.gt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/sosep.gob.gt\/#organization","name":"SOSEP","url":"https:\/\/sosep.gob.gt\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/","url":"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png","contentUrl":"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png","width":1754,"height":867,"caption":"SOSEP"},"image":{"@id":"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/6794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/comments?post=6794"}],"version-history":[{"count":16,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/6794\/revisions"}],"predecessor-version":[{"id":7123,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/6794\/revisions\/7123"}],"up":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/6739"}],"wp:attachment":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/media?parent=6794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\nT\u00edtulo Tecnol\u00f3gico<\/title>\r\n\r\n<style>\r\n\/* ================================\r\n T\u00cdTULO TECNOL\u00d3GICO CON DESTELLOS\r\n ================================ *\/\r\n.titulo-destellos {\r\n position: relative;\r\n background: #192854; \/* Azul institucional oscuro *\/\r\n padding: 35px 0;\r\n text-align: center;\r\n font-family: \"Segoe UI\", sans-serif;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Texto del t\u00edtulo *\/\r\n.titulo-destellos h2 {\r\n color: #FFFFFF;\r\n font-size: 28px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n position: relative;\r\n z-index: 10;\r\n text-shadow: 0 0 8px rgba(255,255,255,0.7);\r\n}\r\n\r\n\/* L\u00edneas brillantes laterales *\/\r\n.titulo-destellos::before,\r\n.titulo-destellos::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n width: 43%;\r\n height: 4px;\r\n border-radius: 10px;\r\n filter: blur(1px);\r\n opacity: 0.95;\r\n}\r\n\r\n\/* L\u00ednea izquierda *\/\r\n.titulo-destellos::before {\r\n left: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(136,192,213,0.4),\r\n #88C0D5,\r\n #4993CC,\r\n #FFFFFF,\r\n transparent\r\n );\r\n animation: destelloIzq 2.4s infinite ease-in-out;\r\n}\r\n\r\n\/* L\u00ednea derecha *\/\r\n.titulo-destellos::after {\r\n right: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n #FFFFFF,\r\n #4993CC,\r\n #88C0D5,\r\n rgba(136,192,213,0.4),\r\n transparent\r\n );\r\n animation: destelloDer 2.4s infinite ease-in-out;\r\n}\r\n\r\n\/* Animaciones *\/\r\n@keyframes destelloIzq {\r\n 0% { transform: translateX(-40px); opacity: .3; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateX(40px); opacity: .3; }\r\n}\r\n\r\n@keyframes destelloDer {\r\n 0% { transform: translateX(40px); opacity: .3; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateX(-40px); opacity: .3; }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<div class=\"titulo-destellos\">\r\n <h2>Mis A\u00f1os Dorados<\/h2>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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-91800c4 e-con-full e-flex e-con e-parent\" data-id=\"91800c4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-602e77b elementor-widget elementor-widget-html\" data-id=\"602e77b\" 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<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet.markercluster@1.4.1\/dist\/MarkerCluster.css\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet.markercluster@1.4.1\/dist\/MarkerCluster.Default.css\" \/>\r\n<script src=\"https:\/\/unpkg.com\/leaflet.markercluster@1.4.1\/dist\/leaflet.markercluster.js\"><\/script>\r\n\r\n<style>\r\n \/* Usando \u00fanicamente gamas de azul, celeste, blanco y gris como solicitaste *\/\r\n :root { \r\n --color-primario: #0ea5e9; \/* Celeste *\/\r\n --color-secundario: #0284c7; \/* Azul medio *\/\r\n --color-texto: #334155; \/* Gris oscuro *\/\r\n --color-fondo: #f8fafc; \/* Blanco\/Gris muy claro *\/\r\n }\r\n .mapa-contenedor-pro { position: relative; font-family: sans-serif; border-radius: 12px; overflow: hidden; border: 1px solid #cbd5e1; }\r\n #mapa-inteligente { height: 700px; width: 100%; background-color: #e2e8f0; z-index: 1; }\r\n \r\n \/* PANEL FLOTANTE *\/\r\n .panel-cristal { \r\n position: absolute; top: 15px; left: 15px; z-index: 1000; \r\n background: rgba(255, 255, 255, 0.95); padding: 20px; border-radius: 12px; \r\n width: 300px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); border: 1px solid #e2e8f0;\r\n }\r\n \r\n .titulo-filtro { margin: 0 0 15px 0; font-size: 16px; font-weight: bold; color: var(--color-secundario); border-bottom: 2px solid #e0f2fe; padding-bottom: 8px;}\r\n \r\n .selector-pro { \r\n width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 8px; \r\n font-size: 14px; margin-bottom: 12px; cursor: pointer; color: var(--color-texto);\r\n background-color: white; outline: none; transition: 0.3s;\r\n }\r\n .selector-pro:focus { border-color: var(--color-primario); box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2); }\r\n .selector-pro:disabled { background-color: #f1f5f9; cursor: not-allowed; color: #94a3b8; }\r\n \r\n \/* POPUPS *\/\r\n .leaflet-popup-content-wrapper { border-radius: 12px; padding: 0; overflow: hidden; }\r\n .leaflet-popup-content { margin: 0; width: 250px !important; }\r\n .popup-header { background: var(--color-fondo); padding: 15px; border-bottom: 1px solid #e2e8f0; }\r\n .popup-tags { margin-bottom: 8px; font-size: 11px; font-weight: bold; color: var(--color-primario); text-transform: uppercase; }\r\n .popup-dir { font-size: 14px; color: var(--color-texto); margin: 0; line-height: 1.4; }\r\n .popup-footer { padding: 15px; text-align: center; }\r\n .btn-maps { \r\n display: block; background: var(--color-primario); color: white !important; \r\n text-decoration: none !important; padding: 10px; border-radius: 8px; font-weight: bold; transition: 0.3s;\r\n }\r\n .btn-maps:hover { background: var(--color-secundario); transform: scale(1.02); }\r\n \r\n \/* CLUSTERS (Gamas de azul) *\/\r\n .marker-cluster { background-color: transparent !important; }\r\n .marker-cluster div { background-color: var(--color-primario); color: white; font-weight: bold; border: 3px solid white; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }\r\n \r\n \/* PANTALLA CARGA *\/\r\n #cargando { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); z-index: 2000; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; color: var(--color-secundario); flex-direction: column; }\r\n .spinner { border: 4px solid #f3f3f3; border-top: 4px solid var(--color-primario); border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-bottom: 15px; }\r\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n<\/style>\r\n\r\n<div class=\"mapa-contenedor-pro\">\r\n <div id=\"cargando\">\r\n <div class=\"spinner\"><\/div>\r\n Procesando sistema de mapas...\r\n <\/div>\r\n \r\n <div class=\"panel-cristal\">\r\n <h4 class=\"titulo-filtro\">\ud83d\udccd B\u00fasqueda Exacta<\/h4>\r\n \r\n <label style=\"font-size: 12px; font-weight: bold; color: #64748b;\">1. Departamento:<\/label>\r\n <select id=\"filtro-depto\" class=\"selector-pro\">\r\n <option value=\"todos\">\ud83d\uddfa\ufe0f Mostrar Toda Guatemala<\/option>\r\n <\/select>\r\n\r\n <label style=\"font-size: 12px; font-weight: bold; color: #64748b;\">2. Municipio:<\/label>\r\n <select id=\"filtro-muni\" class=\"selector-pro\" disabled>\r\n <option value=\"todos\">Todos los municipios<\/option>\r\n <\/select>\r\n <\/div>\r\n <div id=\"mapa-inteligente\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n setTimeout(function() {\r\n \/\/ ==========================================\r\n \/\/ 1. PEGA TUS 572 L\u00cdNEAS AQU\u00cd ABAJO\r\n \/\/ ==========================================\r\n let datosEnBruto = `\r\n{ lat: '15.414528', lng: '-89.814056', depto: 'ALTA VERAPAZ', muni: 'SENAH\u00da', dir: 'Barrio La Providencia, zona 0.Senah\u00fa Alta Verapaz' },\r\n{ lat: '15.466167', lng: '-90.373667', depto: 'ALTA VERAPAZ', muni: 'COB\u00c1N', dir: 'Atenci\u00f2n a beneficiarios en: 1ra. Avenida 5-98 zona 2, Cob\u00e1n, Alta Verapaz . Resguardo de parte del los bienes e insumos en: 2da avenida 4-33 zona 2, Cob\u00e1n Alta Verapaz' },\r\n{ lat: '15.4285', lng: '-90.332444', depto: 'ALTA VERAPAZ', muni: 'SAN JUAN CHAMELCO', dir: 'FINCA MUNICIPAL SESIBCHE. SAN JUAN CHAMELCO ALTA VERAPAZ' },\r\n{ lat: '14.647861', lng: '-90.88875', depto: 'CHIMALTENANGO', muni: 'ZARAGOZA', dir: '3ra avenida y 4ta calle 3-21 zona 2, Zaragoza, Chimaltenango' },\r\n{ lat: '14.647861', lng: '-91.134583', depto: 'CHIMALTENANGO', muni: 'SAN JOS\u00c9 POAQUIL', dir: '1ra. Calle 2-077 Zona 2, San Jos\u00e9 Poaquil, Chimaltenango' },\r\n{ lat: '14.649889', lng: '-90.790667', depto: 'CHIMALTENANGO', muni: 'EL TEJAR ', dir: 'EL Calvario zona 1, El Tejar, Chimaltenango' },\r\n{ lat: '14.570111', lng: '-89.35425', depto: 'CHIQUIMULA', muni: 'ESQUIPULAS ', dir: '3 calle 4-39 Barrio Santiaguito Z. 1 Esquipulas Chiquimula' },\r\n{ lat: '14.690861', lng: '-89.349417', depto: 'CHIQUIMULA', muni: 'OLOPA', dir: 'Barrio sector el parque a un costado del juzgado de paz zona 1 Olopa, chiquimula' },\r\n{ lat: '14.791083', lng: '-90.20125', depto: 'EL PROGRESO', muni: 'SANARATE', dir: '4ta. Calle zona 2 Sanarate' },\r\n{ lat: '14.858389', lng: '-90.082639', depto: 'EL PROGRESO', muni: 'GUASTATOYA', dir: 'aldea Casas Viejas, Guatatoya el Progreso ( Cerca de los Chorritos)' },\r\n{ lat: '13.929611', lng: '-91.148306', depto: 'ESCUINTLA', muni: 'SIPACATE', dir: '5ta Calle 6-81 zona 1 Sipacate, Escuintla' },\r\n{ lat: '13.931194', lng: '-90.823917', depto: 'ESCUINTLA', muni: 'SAN JOS\u00c9', dir: 'Lote 9-10 Colonia el Jard\u00edn, aun costado del Hotel Agua Azul' },\r\n{ lat: '14.083889', lng: '-91.048917', depto: 'ESCUINTLA', muni: 'LA GOMERA ', dir: '2da. Calle 1-75 Colonia San Francisco La Gomera, Escuintla' },\r\n{ lat: '14.569278', lng: '-90.496222', depto: 'GUATEMALA', muni: 'SANTA CATARINA PINULA', dir: '4 Avenida 1-03 zona 2, Santa Catarina P\u00ednula, Guatemala' },\r\n{ lat: '14.720083', lng: '-90.643778', depto: 'GUATEMALA', muni: 'SAN JUAN SACATEPEQUEZ', dir: '6\u00b0 avenida 0-34 Z3, San Juan Sacatep\u00e9quez, Guatemala' },\r\n\"{ lat: '14.547833', lng: '-90.416222', depto: 'GUATEMALA', muni: 'SAN JOS\u00c9 PINULA', dir: '7ma calle 3-13 zona 2 edificio Rosalio vasquez, San Jose Pinula, Guatemala (Oficinas Administrativas)\r\n Y 5ta calle 4-53 zona 1 San Jose Pinula, Guatemala ( d\u00f3nde se encuentra los beneficios)' },\"\r\n{ lat: '14.672028', lng: '-90.350528', depto: 'GUATEMALA', muni: 'PALENCIA', dir: '2A. Calle 4-05 Rincon de la Piedra Palencia Guatemala' },\r\n{ lat: '14.673222', lng: '-90.546889', depto: 'GUATEMALA', muni: 'MIXCO ZONA 11', dir: 'Bulevar Principal, 9-75 Planes de Minerva VI, zona 11, Mixco, Guatemala' },\r\n{ lat: '14.619139', lng: '-90.576083', depto: 'GUATEMALA', muni: 'MIXCO ZONA 10', dir: 'Bulevar Principal, 9-75 Planes de Minerva VI, zona 11, Mixco, Guatemala' },\r\n{ lat: '14.80536', lng: '-89.7776', depto: 'GUATEMALA', muni: 'MIXCO ZONA 6', dir: 'Bulevar Principal, 9-75 Planes de Minerva VI, zona 11, Mixco, Guatemala' },\r\n{ lat: '14.674917', lng: '-90.56675', depto: 'GUATEMALA', muni: 'MIXCO ZONA 5', dir: '7ma. Av 24-24 Colonia 1ro de Julio zona, 5 Mixco , Guatemala' },\r\n{ lat: '14.465361', lng: '-90.440278', depto: 'GUATEMALA', muni: 'FRAIJANES', dir: '2da avenida 9-80 zona 1 Fraijanes 3er Nivel del Mercado Municipal, FRAIJANES, Guatemala' },\r\n{ lat: '14.647444', lng: '-90.51325', depto: 'GUATEMALA', muni: 'CAD ZONA 1', dir: '6ta.. Avenida 1-70 zona 1, Guatemala' },\r\n{ lat: '14.644333', lng: '-90.512305', depto: 'GUATEMALA', muni: 'CAP ZONA 1', dir: '7ma. Avenida 4-06 Zona 1, Guatemala' },\r\n{ lat: '15.246083', lng: '-91.492361', depto: 'HUEHUETENANGO', muni: 'MALACATANCITO', dir: 'Calzada F\u00e9lix Calder\u00f3n \u00c1vila, Barrio la Comunidad, zona 6, Malacatancito, Huehuetenango' },\r\n{ lat: '15.648806', lng: '-91.920833', depto: 'HUEHUETENANGO', muni: 'LA DEMOGRACIA', dir: 'Caser\u00edo el Zapote, aldea Camoj\u00e1 Grande, La Democracia, Huehuetenango' },\r\n{ lat: '15.318083', lng: '-91.472167', depto: 'HUEHUETENANGO', muni: 'HUEHUETENANGO', dir: '7ma. avenida 6-27 zona 1 Huehuetenango, Huehuetenango' },\r\n{ lat: '15.355278', lng: '-91.456806', depto: 'HUEHUETENANGO', muni: 'CHIANTLA', dir: '6ta calle 6-38 zona 1 Chiantla, Huehuetenango' },\r\n{ lat: '15.828611', lng: '-88.751528', depto: 'IZABAL', muni: 'LIVINGSTON', dir: 'Barrio San Jose, Livingston , Izabal' },\r\n{ lat: '14.661861', lng: '-89.848639', depto: 'JALAPA', muni: 'SAN PEDRO PINULA', dir: 'Calle El Estudiante Barrio San Jos\u00e9, San Pedro Pinula, Jalapa' },\r\n{ lat: '14.64925', lng: '-89.72075', depto: 'JALAPA', muni: 'SAN LUIS JILOTEPEQUE ', dir: 'Barrio El Llano (a un costado del Centro de Salud) San Luis Jilotepeque, Jalapa' },\r\n{ lat: '14.528444', lng: '-90.190028', depto: 'JALAPA', muni: 'MATAQUESCUINTLA', dir: '2da. Avenida \"A\" 3-33 zona 1 Canton Elena, Mataquescuintla, Jalapa' },\r\n{ lat: '14.629194', lng: '-89.986778', depto: 'JALAPA', muni: 'JALAPA', dir: '3ra. Calle \u201cA\u201d 3-56 zona 2 Barrio San Francisco, Jalapa, Jalapa' },\r\n{ lat: '14.496389', lng: '-90.044472', depto: 'JALAPA', muni: 'SAN CARLOS ALZATATE', dir: 'Caser\u00edo el carrizal Frente al sal\u00f3n parroquial a 500 metros antes de llegar a la gasolinera, centro MIS A\u00d1OS DORADOS COLOR AMARILLO' },\r\n{ lat: '14.517056', lng: '-89.768306', depto: 'JALAPA', muni: 'SAN MANUEL CHAPARR\u00d3N', dir: 'Centro Comercial Municipal Barrio el brasilar San Manuel Chaparron' },\r\n\"{ lat: '14.138806', lng: '-89.827083', depto: 'JUTIAPA', muni: 'ZAPOTITL\u00c1N', dir: 'Barrio el Centro Zapotitl\u00e1n, Jutiapa \r\nA un costado de la municipalidad' },\"\r\n{ lat: '14.195583', lng: '-89.792028', depto: 'JUTIAPA', muni: 'YUPILTEPEQUE', dir: 'Barrio el Centro, frente a Polic\u00eda Nacional Civil, Yupiltepeque, jutiapa.' },\r\n{ lat: '14.450278', lng: '-89.739333', depto: 'JUTIAPA', muni: 'SANTA CATARINA MITA', dir: 'Barrio la Javia, PB. Zona cero, Santa Catarina Mita, Jutiapa' },\r\n{ lat: '14.222417', lng: '-90.025917', depto: 'JUTIAPA', muni: 'QUESADA ', dir: 'Aldea Vista Hermosa II carretera a Comapa, Quesada Jutiapa' },\r\n{ lat: '14.295056', lng: '-89.897778', depto: 'JUTIAPA', muni: 'JUTIAPA', dir: '1 calle 4-35 zona 3 Barrio La Federal, Jutiapa, Jutiapa' },\r\n{ lat: '14.137556', lng: '-90.007111', depto: 'JUTIAPA', muni: 'JALPATAGUA', dir: '1era. Calle Zona 1 Barrio El Candilito Jalpatagua, Jutiapa' },\r\n{ lat: '14.174861', lng: '-89.7445', depto: 'JUTIAPA', muni: 'ATESCATEMPA', dir: 'Barrio Lindo, Atescatempa, Jutiapa' },\r\n{ lat: '14.496167', lng: '-89.648056', depto: 'JUTIAPA', muni: 'AGUA BLANCA', dir: 'Salida a Obrajuelo, frente a Cooperativa Coitza, Agua Blanca, Jutiapa' },\r\n{ lat: '16.505222', lng: '-89.418972', depto: 'PET\u00c9N', muni: 'DOLORES', dir: 'Una cuadra adelante del Centro de Salud, a mano derecha , Barrio Los Pinos, Dolores, Pet\u00e9n' },\r\n{ lat: '14.621333', lng: '-91.838222', depto: 'QUETZALTENANGO', muni: 'G\u00c9NOVA', dir: 'Barrio 30 de junio, G\u00e8nova, Quetzaltenango' },\r\n{ lat: '', lng: '', depto: 'RETALHULEU', muni: 'SAN MARTIN ZAPOTITLAN', dir: 'Cant\u00f3n El Zapote, Calle principal PB, Zona 0,' },\r\n{ lat: '14.625444', lng: '-91.597222', depto: 'RETALHULEU', muni: 'SAN FELIPE ', dir: '2da. Avenida 1-38 zona 2, barrio la Llovizna en el Municipio de San Felipe, Departamento de Retalhuleu.' },\r\n{ lat: '14.578028', lng: '-91.587806', depto: 'RETALHULEU', muni: 'SAN ANDR\u00c9S VILLA SECA', dir: 'Carretera Cuyo zona 0 , San Andr\u00e9s Villa Seca, Rethalhuleu' },\r\n{ lat: '14.537278', lng: '-91.682083', depto: 'RETALHULEU', muni: 'RETALHULEU', dir: '4ta. Avenida 2-19 zona 1, Retalhuleu, Retalhuleu' },\r\n{ lat: '14.593667', lng: '-91.693972', depto: 'RETALHULEU', muni: 'NUEVO SAN CARLOS', dir: '05 avenida 01-015 zona 1, Nuevo San Carlos, Retalhuleu' },\r\n{ lat: '14.488222', lng: '-90.803028', depto: 'SACATEP\u00c9QUEZ', muni: 'SAN JUAN ALOTENANGO', dir: '5 Avenida y 0 Calle C zona 1, a un costado del Centro de Salud Nuevo. San Juan Alotenango, Sacap\u00e9quez' },\r\n{ lat: '14.553472', lng: '-90.781417', depto: 'SACATEP\u00c9QUEZ', muni: 'SAN ANTONIO AGUAS CALIENTES', dir: '1ra. Calle 0-00 zona 1, San Antonio Aguas Calientes, Sacatep\u00e9quez' },\r\n{ lat: '14.5775', lng: '-90.73975', depto: 'SACATEP\u00c9QUEZ', muni: 'JOCOTENANGO', dir: 'Interior lotificaci\u00f3n Lolita n\u00famero 10 callej\u00f3n carpinteros Jocotenango Sacatep\u00e9quez' },\r\n{ lat: '14.524694', lng: '-90.761222', depto: 'SACATEP\u00c9QUEZ', muni: 'CIUDAD VIEJA', dir: '3ra. Avenida 3-38 zona 4 Ciudad Vieja, Sacatep\u00e9quez' },\r\n{ lat: '14.704639', lng: '-90.56775', depto: 'SAN JUAN SACATEPEQUEZ', muni: 'CIUDAD QUETZAL', dir: 'Manzana 15 lote 10 Caserio Sanjuaneritos zona 0 Ciudad Quetzal, San Juan Sacatep\u00e9quez, Guatemala.' },\r\n{ lat: '14.929', lng: '-91.918667', depto: 'SAN MARCOS', muni: 'SAN RAFAEL PIE DE LA CUESTA', dir: 'Colonia Santa Mar\u00eda, San Rafael Pie de la Cuesta, San Marco' },\r\n{ lat: '14.93675', lng: '-91.998889', depto: 'SAN MARCOS', muni: 'SAN PABLO', dir: 'Caserio Santo Domingo 1, San Pablo, San Marcos' },\r\n{ lat: '14.9095', lng: '-92.072194', depto: 'SAN MARCOS', muni: 'MALACAT\u00c1N', dir: 'Aldea las margarita zona , 03 zona 0 malacatan malacatan san marcos' },\r\n{ lat: '14.857417', lng: '-92.075889', depto: 'SAN MARCOS', muni: 'CATARINA', dir: '1a Calle 2-34 zona 1 Catarina, San Marcos' },\r\n{ lat: '14.067194', lng: '-90.459444', depto: 'SANTA ROSA', muni: 'TAXISCO', dir: 'La entrada de la colonia esta por la gasolinera Vikingo, Colonia Brisas del Mar, Taxisco, Santa Rosa a un costado de la escuelita de p\u00e1rvulos' },\r\n{ lat: '14.386556', lng: '-90.370778', depto: 'SANTA ROSA', muni: 'SANTA CRUZ NARANJO', dir: 'Calle iglesia catolica, zona 0 Santa Cruz Naranjo, Santa Rosa' },\r\n{ lat: '14.197111', lng: '-90.120444', depto: 'SANTA ROSA', muni: 'ORATORIO', dir: 'Interior del Parque kilometro 89 Aldea Las Cabezas Oratorio, Santa Rosa.' },\r\n{ lat: '14.081556', lng: '-90.379583', depto: 'SANTA ROSA', muni: 'CHIQUIMULILLA', dir: 'Domo la terminal Delegacion de la Policia Municipal de Transito, vista hermosa, Chiquimulilla, Santa Rosa ' },\r\n{ lat: '14.711639', lng: '-91.313417', depto: 'SOLOL\u00c1', muni: 'SANTA MAR\u00cdA VISITACION ', dir: 'Zona 0 Sector 1, Instituto B\u00e1sico, Santa Mar\u00eda Visitaci\u00f3n, Solol' },\r\n{ lat: '14.770889', lng: '-91.215306', depto: 'SOLOL\u00c1', muni: 'SAN JOSE CHACAY\u00c1', dir: 'Sector Centro Zona 0, San Jos\u00e9 Chacay\u00e1,Solol\u00e1' },\r\n{ lat: '', lng: '', depto: 'VILLA NUEVA', muni: 'PERONIA ', dir: '2 calle 6-05 Ciudad Peronia, zona 8 de Villa Nueva, Guatemala.' },\r\n{ lat: '14.991944', lng: '-89.581944', depto: 'ZACAPA', muni: 'ESTANZUELA', dir: 'Situado en Parque La Laguna, Barrio La Laguna I Estanzuela, Zacapa' },\r\n{ lat: '14.802778', lng: '-89.777417', depto: 'ZACAPA', muni: 'SAN DIEGO', dir: 'Aldea Venecia, San Diego, Zacapa. En la antigua escuela de primaria' },\r\n{ lat: '14.931667', lng: '-89.8005', depto: 'ZACAPA', muni: 'CABA\u00d1AS', dir: 'Instalaci\u00f3n Municipal Caba\u00f1as, Zacapa' },\r\n{ lat: '14.990583', lng: '-89.715472', depto: 'ZACAPA', muni: 'TECUT\u00c1N', dir: '2a. Avenida 2-23, Barrio Nuevo, Zona 2, Teculut\u00e1n Zacapa' },\r\n{ lat: '14.948222', lng: '-89.778889', depto: 'ZACAPA', muni: 'USUMATLAN', dir: '002 CL 02-046 Zona 2 Cabecera Municipal, Usumatl\u00e1n Zacapa' },\r\n{ lat: '15.114667', lng: '-89.358861', depto: 'ZACAPA', muni: 'GUAL\u00c1N', dir: 'Barrio las Flores a\u00fan costado del colegio Sina\u00ed, Gual\u00e1n, Zacapa' },\r\n\r\n `;\r\n \/\/ ==========================================\r\n \/\/ FIN DE TUS DATOS\r\n \/\/ ==========================================\r\n\r\n const ubicaciones = [];\r\n const regex = \/lat:\\s*['\"]?([^'\",]+)['\"]?,\\s*lng:\\s*['\"]?([^'\",]+)['\"]?,\\s*depto:\\s*['\"]?([^'\",]+)['\"]?,\\s*muni:\\s*['\"]?([^'\",]+)['\"]?,\\s*dir:\\s*['\"]?(.*?)['\"]?\\s*}\/g;\r\n let match;\r\n\r\n \/\/ Extraer y limpiar datos\r\n while ((match = regex.exec(datosEnBruto)) !== null) {\r\n let latClean = parseFloat(match[1].replace(',', '.').trim());\r\n let lngClean = parseFloat(match[2].replace(',', '.').trim());\r\n \r\n if (!isNaN(latClean) && !isNaN(lngClean)) {\r\n if (latClean > 90) latClean = latClean \/ Math.pow(10, Math.floor(Math.log10(latClean)) - 1);\r\n if (lngClean < -180 || lngClean > 180) {\r\n let lngStr = String(lngClean).replace('-', '');\r\n lngClean = -(lngStr \/ Math.pow(10, Math.floor(Math.log10(lngStr)) - 1));\r\n }\r\n\r\n ubicaciones.push({\r\n lat: latClean,\r\n lng: lngClean,\r\n depto: match[3].trim(),\r\n muni: match[4].trim(),\r\n dir: match[5].trim()\r\n });\r\n }\r\n }\r\n\r\n \/\/ Inicializar Mapa\r\n const limites = [[13.6, -92.6], [18.6, -87.8]];\r\n const map = L.map('mapa-inteligente', { zoomControl: false, maxBounds: limites, minZoom: 7 }).setView([15.5, -90.5], 7.5);\r\n L.control.zoom({ position: 'bottomright' }).addTo(map);\r\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', { attribution: '\u00a9 OpenStreetMap' }).addTo(map);\r\n\r\n const marcadoresCluster = L.markerClusterGroup({ maxClusterRadius: 50, spiderfyOnMaxZoom: true });\r\n const iconoPremium = L.icon({ iconUrl: 'https:\/\/cdn-icons-png.flaticon.com\/512\/684\/684908.png', iconSize: [35, 35], iconAnchor: [17, 35], popupAnchor: [0, -35] });\r\n\r\n \/\/ Referencias a los selects\r\n const selectDepto = document.getElementById('filtro-depto');\r\n const selectMuni = document.getElementById('filtro-muni');\r\n\r\n \/\/ Llenar Departamentos\r\n const deptosUnicos = [...new Set(ubicaciones.map(item => item.depto))].sort();\r\n deptosUnicos.forEach(depto => {\r\n const op = document.createElement('option');\r\n op.value = depto; op.textContent = depto;\r\n selectDepto.appendChild(op);\r\n });\r\n\r\n \/\/ Funci\u00f3n para dibujar en el mapa\r\n function renderizarMarcadores(filtroDepto, filtroMuni) {\r\n marcadoresCluster.clearLayers(); \r\n \r\n \/\/ Filtro Doble (Cascada)\r\n let datosFiltrados = ubicaciones;\r\n if (filtroDepto !== 'todos') {\r\n datosFiltrados = datosFiltrados.filter(u => u.depto === filtroDepto);\r\n }\r\n if (filtroMuni !== 'todos') {\r\n datosFiltrados = datosFiltrados.filter(u => u.muni === filtroMuni);\r\n }\r\n\r\n datosFiltrados.forEach(p => {\r\n \/\/ =========================================================\r\n \/\/ ENLACE OFICIAL DE GOOGLE MAPS PARA RUTAS\r\n \/\/ =========================================================\r\n const urlGoogle = `https:\/\/www.google.com\/maps\/dir\/?api=1&destination=${p.lat},${p.lng}`;\r\n \r\n const contenidoHtml = `\r\n <div class=\"popup-header\">\r\n <div class=\"popup-tags\">${p.muni} \u2022 ${p.depto}<\/div>\r\n <h4 class=\"popup-dir\">${p.dir}<\/h4>\r\n <\/div>\r\n <div class=\"popup-footer\">\r\n <a href=\"${urlGoogle}\" target=\"_blank\" class=\"btn-maps\">\ud83d\ude97 Iniciar Ruta<\/a>\r\n <\/div>`;\r\n\r\n const marker = L.marker([p.lat, p.lng], { icon: iconoPremium }).bindPopup(contenidoHtml);\r\n marcadoresCluster.addLayer(marker);\r\n });\r\n\r\n map.addLayer(marcadoresCluster);\r\n if (datosFiltrados.length > 0) {\r\n map.flyToBounds(marcadoresCluster.getBounds(), { padding: [50, 50], maxZoom: 15, duration: 1.2 });\r\n }\r\n }\r\n\r\n \/\/ L\u00f3gica al cambiar el Departamento\r\n selectDepto.addEventListener('change', function(e) {\r\n const deptoSeleccionado = e.target.value;\r\n \r\n \/\/ Limpiar select de municipios\r\n selectMuni.innerHTML = '<option value=\"todos\">Todos los municipios<\/option>';\r\n \r\n if (deptoSeleccionado === 'todos') {\r\n selectMuni.disabled = true;\r\n renderizarMarcadores('todos', 'todos');\r\n } else {\r\n selectMuni.disabled = false;\r\n \/\/ Buscar municipios solo de ese departamento\r\n const munisDelDepto = [...new Set(ubicaciones.filter(u => u.depto === deptoSeleccionado).map(u => u.muni))].sort();\r\n \r\n munisDelDepto.forEach(muni => {\r\n const op = document.createElement('option');\r\n op.value = muni; op.textContent = muni;\r\n selectMuni.appendChild(op);\r\n });\r\n \r\n \/\/ Redibujar mapa mostrando todo el departamento\r\n renderizarMarcadores(deptoSeleccionado, 'todos');\r\n }\r\n });\r\n\r\n \/\/ L\u00f3gica al cambiar Municipio\r\n selectMuni.addEventListener('change', function(e) {\r\n renderizarMarcadores(selectDepto.value, e.target.value);\r\n });\r\n\r\n \/\/ Carga Inicial\r\n renderizarMarcadores('todos', 'todos'); \r\n\r\n \/\/ Quitar pantalla de carga suavemente\r\n setTimeout(() => {\r\n const loader = document.getElementById('cargando');\r\n loader.style.opacity = '0';\r\n setTimeout(() => { loader.style.display = 'none'; map.invalidateSize(); }, 500);\r\n }, 1200);\r\n\r\n }, 500);\r\n});\r\n<\/script>\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>T\u00edtulo Tecnol\u00f3gico Mis A\u00f1os Dorados Procesando sistema de mapas… \ud83d\udccd B\u00fasqueda Exacta 1. Departamento: \ud83d\uddfa\ufe0f Mostrar Toda Guatemala 2. Municipio: Todos los municipios<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6739,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6794","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Ubicaciones Mis A\u00f1os Dorados - SOSEP<\/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:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ubicaciones Mis A\u00f1os Dorados - SOSEP\" \/>\n<meta property=\"og:description\" content=\"T\u00edtulo Tecnol\u00f3gico Mis A\u00f1os Dorados Procesando sistema de mapas… \ud83d\udccd B\u00fasqueda Exacta 1. Departamento: \ud83d\uddfa\ufe0f Mostrar Toda Guatemala 2. Municipio: Todos los municipios\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\" \/>\n<meta property=\"og:site_name\" content=\"SOSEP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T14:18:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\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:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\",\"url\":\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\",\"name\":\"Ubicaciones Mis A\u00f1os Dorados - SOSEP\",\"isPartOf\":{\"@id\":\"https:\/\/sosep.gob.gt\/#website\"},\"datePublished\":\"2026-02-23T18:55:42+00:00\",\"dateModified\":\"2026-03-11T14:18:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/sosep.gob.gt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ubicaciones Sedes\",\"item\":\"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ubicaciones Mis A\u00f1os Dorados\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sosep.gob.gt\/#website\",\"url\":\"https:\/\/sosep.gob.gt\/\",\"name\":\"SOSEP\",\"description\":\"Secretar\u00eda de Obras Sociales de la Esposa del Presidente de la Rep\u00fablica\",\"publisher\":{\"@id\":\"https:\/\/sosep.gob.gt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sosep.gob.gt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sosep.gob.gt\/#organization\",\"name\":\"SOSEP\",\"url\":\"https:\/\/sosep.gob.gt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png\",\"contentUrl\":\"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png\",\"width\":1754,\"height\":867,\"caption\":\"SOSEP\"},\"image\":{\"@id\":\"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Ubicaciones Mis A\u00f1os Dorados - SOSEP","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:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/","og_locale":"es_ES","og_type":"article","og_title":"Ubicaciones Mis A\u00f1os Dorados - SOSEP","og_description":"T\u00edtulo Tecnol\u00f3gico Mis A\u00f1os Dorados Procesando sistema de mapas… \ud83d\udccd B\u00fasqueda Exacta 1. Departamento: \ud83d\uddfa\ufe0f Mostrar Toda Guatemala 2. Municipio: Todos los municipios","og_url":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/","og_site_name":"SOSEP","article_modified_time":"2026-03-11T14:18:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/","url":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/","name":"Ubicaciones Mis A\u00f1os Dorados - SOSEP","isPartOf":{"@id":"https:\/\/sosep.gob.gt\/#website"},"datePublished":"2026-02-23T18:55:42+00:00","dateModified":"2026-03-11T14:18:40+00:00","breadcrumb":{"@id":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/ubicaciones-mis-anos-dorados\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/sosep.gob.gt\/"},{"@type":"ListItem","position":2,"name":"Ubicaciones Sedes","item":"https:\/\/sosep.gob.gt\/index.php\/ubicaciones-sedes\/"},{"@type":"ListItem","position":3,"name":"Ubicaciones Mis A\u00f1os Dorados"}]},{"@type":"WebSite","@id":"https:\/\/sosep.gob.gt\/#website","url":"https:\/\/sosep.gob.gt\/","name":"SOSEP","description":"Secretar\u00eda de Obras Sociales de la Esposa del Presidente de la Rep\u00fablica","publisher":{"@id":"https:\/\/sosep.gob.gt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sosep.gob.gt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/sosep.gob.gt\/#organization","name":"SOSEP","url":"https:\/\/sosep.gob.gt\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/","url":"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png","contentUrl":"https:\/\/sosep.gob.gt\/wp-content\/uploads\/2025\/08\/LOGOS-OFICIALES-SOSEP-01.png","width":1754,"height":867,"caption":"SOSEP"},"image":{"@id":"https:\/\/sosep.gob.gt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/6794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/comments?post=6794"}],"version-history":[{"count":16,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/6794\/revisions"}],"predecessor-version":[{"id":7123,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/6794\/revisions\/7123"}],"up":[{"embeddable":true,"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/pages\/6739"}],"wp:attachment":[{"href":"https:\/\/sosep.gob.gt\/index.php\/wp-json\/wp\/v2\/media?parent=6794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}