JAPAF refuerza mantenimiento al drenaje sanitario en La Constancia<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=IBM+Plex+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --paper:#F1F3F1;\r\n --paper-raised:#FFFFFF;\r\n --ink:#17272B;\r\n --ink-soft:#48605F;\r\n --teal:#2B6E68;\r\n --teal-deep:#1D4C48;\r\n --ochre:#BE8A34;\r\n --line:#D7DAD3;\r\n --focus:#1D4C48;\r\n }\r\n :root:not([data-theme=\"light\"]) {\r\n @media (prefers-color-scheme: dark) {\r\n --paper:#0F1615;\r\n --paper-raised:#16201F;\r\n --ink:#E7EEEC;\r\n --ink-soft:#A8BAB7;\r\n --teal:#5FA79E;\r\n --teal-deep:#7FC0B6;\r\n --ochre:#D7A24F;\r\n --line:#2A3634;\r\n --focus:#7FC0B6;\r\n }\r\n }\r\n :root[data-theme=\"dark\"]{\r\n --paper:#0F1615;\r\n --paper-raised:#16201F;\r\n --ink:#E7EEEC;\r\n --ink-soft:#A8BAB7;\r\n --teal:#5FA79E;\r\n --teal-deep:#7FC0B6;\r\n --ochre:#D7A24F;\r\n --line:#2A3634;\r\n --focus:#7FC0B6;\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n html,body{ margin:0; padding:0; }\r\n body{\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n line-height:1.6;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n a{ color:var(--teal-deep); }\r\n a:focus-visible, button:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }\r\n\r\n .masthead{\r\n border-bottom:1px solid var(--line);\r\n padding:18px 24px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:16px;\r\n flex-wrap:wrap;\r\n }\r\n .masthead-name{\r\n font-family:'Source Serif 4', Georgia, serif;\r\n font-weight:700;\r\n font-size:1.05rem;\r\n letter-spacing:0.01em;\r\n }\r\n .masthead-tag{\r\n color:var(--ink-soft);\r\n font-size:0.85rem;\r\n }\r\n\r\n main{\r\n max-width:760px;\r\n margin:0 auto;\r\n padding:40px 24px 80px;\r\n }\r\n\r\n .kicker{\r\n color:var(--teal);\r\n font-size:0.9rem;\r\n font-weight:600;\r\n margin:0 0 10px;\r\n }\r\n\r\n h1.headline{\r\n font-family:'Source Serif 4', Georgia, serif;\r\n font-weight:700;\r\n font-size:clamp(1.8rem, 4vw, 2.6rem);\r\n line-height:1.18;\r\n margin:0 0 18px;\r\n \/* EDITA AQU\u00cd: sustituye este texto por el encabezado real de la nota *\/\r\n }\r\n h1.headline[data-placeholder=\"true\"]{\r\n color:var(--ink-soft);\r\n font-style:italic;\r\n }\r\n\r\n .byline{\r\n display:flex;\r\n gap:14px;\r\n align-items:center;\r\n color:var(--ink-soft);\r\n font-size:0.9rem;\r\n padding-bottom:22px;\r\n margin-bottom:26px;\r\n border-bottom:1px solid var(--line);\r\n flex-wrap:wrap;\r\n }\r\n .byline strong{ color:var(--ink); }\r\n\r\n figure.hero{\r\n margin:0 0 30px;\r\n }\r\n .hero-frame{\r\n width:100%;\r\n aspect-ratio:16\/10;\r\n border-radius:4px;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(var(--paper-raised), var(--paper-raised)) padding-box,\r\n repeating-linear-gradient(135deg, var(--line) 0 2px, transparent 2px 14px) border-box;\r\n border:1px dashed var(--line);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n position:relative;\r\n }\r\n .hero-frame img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n display:block;\r\n }\r\n .hero-placeholder{\r\n text-align:center;\r\n color:var(--ink-soft);\r\n padding:20px;\r\n font-size:0.92rem;\r\n max-width:360px;\r\n }\r\n .hero-placeholder svg{ width:42px; height:42px; margin-bottom:10px; color:var(--teal); }\r\n figcaption{\r\n font-size:0.82rem;\r\n color:var(--ink-soft);\r\n padding-top:8px;\r\n \/* EDITA AQU\u00cd: pie de foto opcional *\/\r\n }\r\n\r\n .article p{\r\n margin:0 0 20px;\r\n font-size:1.05rem;\r\n max-width:66ch;\r\n }\r\n\r\n .recos{\r\n background:var(--paper-raised);\r\n border:1px solid var(--line);\r\n border-left:3px solid var(--teal);\r\n border-radius:4px;\r\n padding:22px 24px;\r\n margin:8px 0 28px;\r\n }\r\n .recos p.recos-title{\r\n margin:0 0 12px;\r\n font-weight:600;\r\n }\r\n .recos ul{\r\n margin:0;\r\n padding-left:20px;\r\n }\r\n .recos li{\r\n margin-bottom:9px;\r\n font-size:1rem;\r\n }\r\n .recos li:last-child{ margin-bottom:0; }\r\n\r\n .hashtags{\r\n margin:0 0 40px;\r\n font-size:0.95rem;\r\n }\r\n .hashtags a{ text-decoration:none; }\r\n .hashtags a:hover{ text-decoration:underline; }\r\n\r\n .share{\r\n border-top:1px solid var(--line);\r\n padding-top:28px;\r\n }\r\n .share-label{\r\n font-size:0.95rem;\r\n color:var(--ink-soft);\r\n margin:0 0 14px;\r\n }\r\n .share-row{\r\n display:flex;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n }\r\n \/* Botones de compartir: colores s\u00f3lidos de marca para que se vean\r\n siempre, aunque el CSS del sitio donde los pegues intente\r\n sobrescribir botones gen\u00e9ricos. *\/\r\n .japaf-share-btn{\r\n display:inline-flex !important;\r\n visibility:visible !important;\r\n opacity:1 !important;\r\n align-items:center;\r\n gap:9px;\r\n padding:12px 18px !important;\r\n border-radius:6px !important;\r\n border:none !important;\r\n font-family:'IBM Plex Sans', Arial, sans-serif !important;\r\n font-size:0.95rem !important;\r\n font-weight:600 !important;\r\n line-height:1.2 !important;\r\n cursor:pointer;\r\n transition:filter 0.15s ease, transform 0.1s ease;\r\n text-decoration:none !important;\r\n box-shadow:none;\r\n }\r\n .japaf-share-btn:hover{ filter:brightness(1.08); transform:translateY(-1px); }\r\n .japaf-share-btn svg{ width:19px !important; height:19px !important; flex-shrink:0; display:inline-block !important; }\r\n .japaf-share-btn span{ color:inherit !important; display:inline-block !important; }\r\n\r\n #btn-facebook{ background:#1877F2 !important; color:#FFFFFF !important; }\r\n #btn-twitter{ background:#0F1419 !important; color:#FFFFFF !important; }\r\n #btn-instagram{ background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4) !important; color:#FFFFFF !important; }\r\n #btn-tiktok{ background:#010101 !important; color:#FFFFFF !important; }\r\n\r\n .toast{\r\n position:fixed;\r\n left:50%;\r\n bottom:26px;\r\n transform:translate(-50%, 12px);\r\n background:var(--teal-deep);\r\n color:#fff;\r\n padding:11px 18px;\r\n border-radius:5px;\r\n font-size:0.9rem;\r\n opacity:0;\r\n pointer-events:none;\r\n transition:opacity 0.2s ease, transform 0.2s ease;\r\n max-width:90vw;\r\n text-align:center;\r\n }\r\n .toast.show{\r\n opacity:1;\r\n transform:translate(-50%, 0);\r\n }\r\n\r\n @media (max-width:480px){\r\n main{ padding:28px 18px 64px; }\r\n .share-btn span{ display:inline; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"masthead\">\r\n <div class=\"masthead-name\">JAPAF \u00b7 El Fuerte<\/div>\r\n <div class=\"masthead-tag\">Comunicaci\u00f3n institucional<\/div>\r\n<\/div>\r\n\r\n<main>\r\n <p class=\"kicker\">Servicios p\u00fablicos<\/p>\r\n\r\n \r\n <h1 class=\"headline\" data-placeholder=\"true\" id=\"headline\">\ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas.<\/h1>\r\n\r\n <div class=\"byline\">\r\n <span><strong>JAPAF El Fuerte<\/strong><\/span>\r\n <span>\u00b7<\/span>\r\n \r\n <\/div>\r\n\r\n \r\n <figure class=\"hero\">\r\n <div class=\"hero-frame\" id=\"hero-frame\">\r\n <div class=\"hero-placeholder\" id=\"hero-placeholder\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"10\" r=\"1.5\"\/><path d=\"M21 15l-5-5-9 9\"\/><\/svg>\r\n <div>Todav\u00eda no hay imagen.<br>Reemplaza \"PEGA-AQUI-LA-URL-DE-TU-IMAGEN.jpg\" (abajo en el c\u00f3digo) por la URL de tu foto.<\/div>\r\n <\/div>\r\n <img data-recalc-dims=\"1\" decoding=\"async\" id=\"hero-img\" src=\"https:\/\/i0.wp.com\/japaf.gob.mx\/V.1\/wp-content\/uploads\/2026\/09\/instsanblas-3.jpg?w=525&ssl=1\">\r\n <\/div>\r\n <figcaption>\ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas.<\/figcaption>\r\n <\/figure>\r\n\r\n <div class=\"article\">\r\n<p>Avanzan trabajos para mejorar el suministro de agua en San Blas. \ud83d\udca7\ud83d\udc77<\/p>\r\n\r\n <p>\ud83d\udca7\ud83d\udee0\ufe0f| Con el compromiso de seguir fortaleciendo el servicio de agua potable en las comunidades, el alcalde Gildardo Leyva, supervis\u00f3 los trabajos que realiza JAPAF en la comunidad de San Blas, donde se lleva a cabo la instalaci\u00f3n de tres bombas en el canal de aguas crudas.<\/p>\r\n\r\n<p>Con estos nuevos equipos de bombeo, de 10 HP y una capacidad de 20 litros por segundo cada uno, se incrementar\u00e1 el flujo de agua, permitiendo un mejor abastecimiento para las familias de la localidad.<\/p>\r\n\r\n<p>El Gobierno Municipal, en coordinaci\u00f3n con JAPAF, contin\u00faa impulsando acciones que mejoran la infraestructura hidr\u00e1ulica y garantizan servicios p\u00fablicos m\u00e1s eficientes para las y los fortenses.<\/p>\r\n\r\n <p class=\"hashtags\">\r\n <a href=\"https:\/\/www.facebook.com\/hashtag\/japaf\" target=\"_blank\" rel=\"noopener\">#JAPAF<\/a>\r\n \r\n <a href=\"https:\/\/www.facebook.com\/hashtag\/ayuntamientodeelfuerte\" target=\"_blank\" rel=\"noopener\">#AyuntamientoDeElFuerte<\/a>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"share\">\r\n <p class=\"share-label\">Comparte esta nota<\/p>\r\n <div class=\"share-row\">\r\n <button class=\"japaf-share-btn\" id=\"btn-facebook\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 21v-7.5h2.5l.5-3h-3V8.4c0-.87.24-1.46 1.5-1.46H16.6V4.34C16.3 4.3 15.3 4.2 14.13 4.2c-2.4 0-4.03 1.46-4.03 4.15V10.5H7.6v3h2.5V21h3.4z\"\/><\/svg>\r\n <span>Facebook<\/span>\r\n <\/button>\r\n <button class=\"japaf-share-btn\" id=\"btn-twitter\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 3H21l-6.6 7.6L22 21h-6.1l-4.8-6.3L5.6 21H3.5l7-8.1L2.7 3h6.3l4.3 5.8L18.9 3zm-1.1 16.2h1.2L8.3 4.7H7l10.8 14.5z\"\/><\/svg>\r\n <span>X \/ Twitter<\/span>\r\n <\/button>\r\n <button class=\"japaf-share-btn\" id=\"btn-instagram\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"3.8\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"0.9\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n <span>Instagram<\/span>\r\n <\/button>\r\n <button class=\"japaf-share-btn\" id=\"btn-tiktok\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14.5 3h2.6c.16 1.4.86 2.6 2.1 3.4.9.6 1.9.9 2.8 1v2.7c-1.6-.05-3.1-.55-4.4-1.4v6.7c0 3.4-2.8 6.1-6.2 6.1S5.2 18.8 5.2 15.4c0-3.3 2.6-6 5.9-6.1.35 0 .7.02 1 .08v2.8a3.3 3.3 0 0 0-1-.15 3.35 3.35 0 1 0 3.4 3.35V3z\"\/><\/svg>\r\n <span>TikTok<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/main>\r\n\r\n<div class=\"toast\" id=\"toast\"><\/div>\r\n\r\n<script>\r\n \/\/ Si ya pusiste una URL de imagen real (distinta del texto de ejemplo),\r\n \/\/ mostramos la foto y ocultamos el recuadro gris de \"vista previa\".\r\n (function initHeroImage(){\r\n const img = document.getElementById('hero-img');\r\n const placeholder = document.getElementById('hero-placeholder');\r\n const isPlaceholder = !img.getAttribute('src') || img.getAttribute('src').includes('PEGA-AQUI-LA-URL-DE-TU-IMAGEN');\r\n if (isPlaceholder) return; \/\/ se queda el recuadro gris\r\n img.addEventListener('load', () => {\r\n img.style.display = 'block';\r\n placeholder.style.display = 'none';\r\n });\r\n img.addEventListener('error', () => {\r\n placeholder.querySelector('div').textContent = 'No se pudo cargar esa URL de imagen. Revisa que la direcci\u00f3n sea correcta.';\r\n });\r\n })();\r\n\r\n \/\/ Fecha de publicaci\u00f3n (se puede editar manualmente reemplazando este bloque)\r\n document.getElementById('pub-date').textContent = new Date().toLocaleDateString('es-MX', { year:'numeric', month:'long', day:'numeric' });\r\n\r\n function showToast(msg){\r\n const t = document.getElementById('toast');\r\n t.textContent = msg;\r\n t.classList.add('show');\r\n clearTimeout(window.__toastTimer);\r\n window.__toastTimer = setTimeout(()=> t.classList.remove('show'), 3200);\r\n }\r\n\r\n function getHeadline(){\r\n const h = document.getElementById('headline');\r\n return h.dataset.placeholder === 'true' ? 'Nota informativa de JAPAF' : h.textContent.trim();\r\n }\r\n\r\n const pageUrl = () => window.location.href;\r\n const shareText = () => `${getHeadline()} - JAPAF El Fuerte - \ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas. #JAPAF #AyuntamientoDeElFuerte`;\r\n\r\n document.getElementById('btn-facebook').addEventListener('click', () => {\r\n const url = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(pageUrl())}`;\r\n window.open(url, '_blank', 'noopener,width=600,height=600');\r\n });\r\n\r\n document.getElementById('btn-twitter').addEventListener('click', () => {\r\n const url = `https:\/\/twitter.com\/intent\/tweet?url=${encodeURIComponent(pageUrl())}&text=${encodeURIComponent(shareText())}`;\r\n window.open(url, '_blank', 'noopener,width=600,height=600');\r\n });\r\n\r\n \/\/ Instagram y TikTok no ofrecen un enlace oficial para compartir desde la web,\r\n \/\/ as\u00ed que copiamos el texto + enlace al portapapeles y abrimos la plataforma.\r\n async function copyAndOpen(destination, appName){\r\n const text = `${shareText()}\\n${pageUrl()}`;\r\n try{\r\n await navigator.clipboard.writeText(text);\r\n showToast(`Enlace y texto copiados. P\u00e9galos en tu publicaci\u00f3n o historia de ${appName}.`);\r\n }catch(e){\r\n showToast(`Copia manualmente el enlace para compartir en ${appName}: ${pageUrl()}`);\r\n }\r\n window.open(destination, '_blank', 'noopener');\r\n }\r\n\r\n document.getElementById('btn-instagram').addEventListener('click', () => {\r\n copyAndOpen('https:\/\/www.instagram.com\/', 'Instagram');\r\n });\r\n\r\n document.getElementById('btn-tiktok').addEventListener('click', () => {\r\n copyAndOpen('https:\/\/www.tiktok.com\/upload', 'TikTok');\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JAPAF refuerza mantenimiento al drenaje sanitario en La Constancia JAPAF \u00b7 El Fuerte Comunicaci\u00f3n institucional Servicios p\u00fablicos \ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas. JAPAF El Fuerte \u00b7 Todav\u00eda no hay imagen.Reemplaza “PEGA-AQUI-LA-URL-DE-TU-IMAGEN.jpg” (abajo en el c\u00f3digo) por la URL de tu foto. \ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/08\/06\/%f0%9f%92%a7%f0%9f%9b%a0%ef%b8%8f-iinstalacion-de-tres-bombas-en-el-canal-de-aguas-crudas\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “\ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas.”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1007,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1006","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/japaf.gob.mx\/V.1\/wp-content\/uploads\/2026\/09\/instsanblas-3.jpg?fit=2048%2C1152&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":5,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/1006\/revisions"}],"predecessor-version":[{"id":1015,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/1006\/revisions\/1015"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/1007"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=1006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=1006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nJAPAF refuerza mantenimiento al drenaje sanitario en La Constancia<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=IBM+Plex+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --paper:#F1F3F1;\r\n --paper-raised:#FFFFFF;\r\n --ink:#17272B;\r\n --ink-soft:#48605F;\r\n --teal:#2B6E68;\r\n --teal-deep:#1D4C48;\r\n --ochre:#BE8A34;\r\n --line:#D7DAD3;\r\n --focus:#1D4C48;\r\n }\r\n :root:not([data-theme=\"light\"]) {\r\n @media (prefers-color-scheme: dark) {\r\n --paper:#0F1615;\r\n --paper-raised:#16201F;\r\n --ink:#E7EEEC;\r\n --ink-soft:#A8BAB7;\r\n --teal:#5FA79E;\r\n --teal-deep:#7FC0B6;\r\n --ochre:#D7A24F;\r\n --line:#2A3634;\r\n --focus:#7FC0B6;\r\n }\r\n }\r\n :root[data-theme=\"dark\"]{\r\n --paper:#0F1615;\r\n --paper-raised:#16201F;\r\n --ink:#E7EEEC;\r\n --ink-soft:#A8BAB7;\r\n --teal:#5FA79E;\r\n --teal-deep:#7FC0B6;\r\n --ochre:#D7A24F;\r\n --line:#2A3634;\r\n --focus:#7FC0B6;\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n html,body{ margin:0; padding:0; }\r\n body{\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n line-height:1.6;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n a{ color:var(--teal-deep); }\r\n a:focus-visible, button:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }\r\n\r\n .masthead{\r\n border-bottom:1px solid var(--line);\r\n padding:18px 24px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:16px;\r\n flex-wrap:wrap;\r\n }\r\n .masthead-name{\r\n font-family:'Source Serif 4', Georgia, serif;\r\n font-weight:700;\r\n font-size:1.05rem;\r\n letter-spacing:0.01em;\r\n }\r\n .masthead-tag{\r\n color:var(--ink-soft);\r\n font-size:0.85rem;\r\n }\r\n\r\n main{\r\n max-width:760px;\r\n margin:0 auto;\r\n padding:40px 24px 80px;\r\n }\r\n\r\n .kicker{\r\n color:var(--teal);\r\n font-size:0.9rem;\r\n font-weight:600;\r\n margin:0 0 10px;\r\n }\r\n\r\n h1.headline{\r\n font-family:'Source Serif 4', Georgia, serif;\r\n font-weight:700;\r\n font-size:clamp(1.8rem, 4vw, 2.6rem);\r\n line-height:1.18;\r\n margin:0 0 18px;\r\n \/* EDITA AQU\u00cd: sustituye este texto por el encabezado real de la nota *\/\r\n }\r\n h1.headline[data-placeholder=\"true\"]{\r\n color:var(--ink-soft);\r\n font-style:italic;\r\n }\r\n\r\n .byline{\r\n display:flex;\r\n gap:14px;\r\n align-items:center;\r\n color:var(--ink-soft);\r\n font-size:0.9rem;\r\n padding-bottom:22px;\r\n margin-bottom:26px;\r\n border-bottom:1px solid var(--line);\r\n flex-wrap:wrap;\r\n }\r\n .byline strong{ color:var(--ink); }\r\n\r\n figure.hero{\r\n margin:0 0 30px;\r\n }\r\n .hero-frame{\r\n width:100%;\r\n aspect-ratio:16\/10;\r\n border-radius:4px;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(var(--paper-raised), var(--paper-raised)) padding-box,\r\n repeating-linear-gradient(135deg, var(--line) 0 2px, transparent 2px 14px) border-box;\r\n border:1px dashed var(--line);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n position:relative;\r\n }\r\n .hero-frame img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n display:block;\r\n }\r\n .hero-placeholder{\r\n text-align:center;\r\n color:var(--ink-soft);\r\n padding:20px;\r\n font-size:0.92rem;\r\n max-width:360px;\r\n }\r\n .hero-placeholder svg{ width:42px; height:42px; margin-bottom:10px; color:var(--teal); }\r\n figcaption{\r\n font-size:0.82rem;\r\n color:var(--ink-soft);\r\n padding-top:8px;\r\n \/* EDITA AQU\u00cd: pie de foto opcional *\/\r\n }\r\n\r\n .article p{\r\n margin:0 0 20px;\r\n font-size:1.05rem;\r\n max-width:66ch;\r\n }\r\n\r\n .recos{\r\n background:var(--paper-raised);\r\n border:1px solid var(--line);\r\n border-left:3px solid var(--teal);\r\n border-radius:4px;\r\n padding:22px 24px;\r\n margin:8px 0 28px;\r\n }\r\n .recos p.recos-title{\r\n margin:0 0 12px;\r\n font-weight:600;\r\n }\r\n .recos ul{\r\n margin:0;\r\n padding-left:20px;\r\n }\r\n .recos li{\r\n margin-bottom:9px;\r\n font-size:1rem;\r\n }\r\n .recos li:last-child{ margin-bottom:0; }\r\n\r\n .hashtags{\r\n margin:0 0 40px;\r\n font-size:0.95rem;\r\n }\r\n .hashtags a{ text-decoration:none; }\r\n .hashtags a:hover{ text-decoration:underline; }\r\n\r\n .share{\r\n border-top:1px solid var(--line);\r\n padding-top:28px;\r\n }\r\n .share-label{\r\n font-size:0.95rem;\r\n color:var(--ink-soft);\r\n margin:0 0 14px;\r\n }\r\n .share-row{\r\n display:flex;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n }\r\n \/* Botones de compartir: colores s\u00f3lidos de marca para que se vean\r\n siempre, aunque el CSS del sitio donde los pegues intente\r\n sobrescribir botones gen\u00e9ricos. *\/\r\n .japaf-share-btn{\r\n display:inline-flex !important;\r\n visibility:visible !important;\r\n opacity:1 !important;\r\n align-items:center;\r\n gap:9px;\r\n padding:12px 18px !important;\r\n border-radius:6px !important;\r\n border:none !important;\r\n font-family:'IBM Plex Sans', Arial, sans-serif !important;\r\n font-size:0.95rem !important;\r\n font-weight:600 !important;\r\n line-height:1.2 !important;\r\n cursor:pointer;\r\n transition:filter 0.15s ease, transform 0.1s ease;\r\n text-decoration:none !important;\r\n box-shadow:none;\r\n }\r\n .japaf-share-btn:hover{ filter:brightness(1.08); transform:translateY(-1px); }\r\n .japaf-share-btn svg{ width:19px !important; height:19px !important; flex-shrink:0; display:inline-block !important; }\r\n .japaf-share-btn span{ color:inherit !important; display:inline-block !important; }\r\n\r\n #btn-facebook{ background:#1877F2 !important; color:#FFFFFF !important; }\r\n #btn-twitter{ background:#0F1419 !important; color:#FFFFFF !important; }\r\n #btn-instagram{ background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4) !important; color:#FFFFFF !important; }\r\n #btn-tiktok{ background:#010101 !important; color:#FFFFFF !important; }\r\n\r\n .toast{\r\n position:fixed;\r\n left:50%;\r\n bottom:26px;\r\n transform:translate(-50%, 12px);\r\n background:var(--teal-deep);\r\n color:#fff;\r\n padding:11px 18px;\r\n border-radius:5px;\r\n font-size:0.9rem;\r\n opacity:0;\r\n pointer-events:none;\r\n transition:opacity 0.2s ease, transform 0.2s ease;\r\n max-width:90vw;\r\n text-align:center;\r\n }\r\n .toast.show{\r\n opacity:1;\r\n transform:translate(-50%, 0);\r\n }\r\n\r\n @media (max-width:480px){\r\n main{ padding:28px 18px 64px; }\r\n .share-btn span{ display:inline; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"masthead\">\r\n <div class=\"masthead-name\">JAPAF \u00b7 El Fuerte<\/div>\r\n <div class=\"masthead-tag\">Comunicaci\u00f3n institucional<\/div>\r\n<\/div>\r\n\r\n<main>\r\n <p class=\"kicker\">Servicios p\u00fablicos<\/p>\r\n\r\n \r\n <h1 class=\"headline\" data-placeholder=\"true\" id=\"headline\">\ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas.<\/h1>\r\n\r\n <div class=\"byline\">\r\n <span><strong>JAPAF El Fuerte<\/strong><\/span>\r\n <span>\u00b7<\/span>\r\n \r\n <\/div>\r\n\r\n \r\n <figure class=\"hero\">\r\n <div class=\"hero-frame\" id=\"hero-frame\">\r\n <div class=\"hero-placeholder\" id=\"hero-placeholder\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"10\" r=\"1.5\"\/><path d=\"M21 15l-5-5-9 9\"\/><\/svg>\r\n <div>Todav\u00eda no hay imagen.<br>Reemplaza \"PEGA-AQUI-LA-URL-DE-TU-IMAGEN.jpg\" (abajo en el c\u00f3digo) por la URL de tu foto.<\/div>\r\n <\/div>\r\n <img data-recalc-dims=\"1\" decoding=\"async\" id=\"hero-img\" src=\"https:\/\/i0.wp.com\/japaf.gob.mx\/V.1\/wp-content\/uploads\/2026\/09\/instsanblas-3.jpg?w=525&ssl=1\">\r\n <\/div>\r\n <figcaption>\ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas.<\/figcaption>\r\n <\/figure>\r\n\r\n <div class=\"article\">\r\n<p>Avanzan trabajos para mejorar el suministro de agua en San Blas. \ud83d\udca7\ud83d\udc77<\/p>\r\n\r\n <p>\ud83d\udca7\ud83d\udee0\ufe0f| Con el compromiso de seguir fortaleciendo el servicio de agua potable en las comunidades, el alcalde Gildardo Leyva, supervis\u00f3 los trabajos que realiza JAPAF en la comunidad de San Blas, donde se lleva a cabo la instalaci\u00f3n de tres bombas en el canal de aguas crudas.<\/p>\r\n\r\n<p>Con estos nuevos equipos de bombeo, de 10 HP y una capacidad de 20 litros por segundo cada uno, se incrementar\u00e1 el flujo de agua, permitiendo un mejor abastecimiento para las familias de la localidad.<\/p>\r\n\r\n<p>El Gobierno Municipal, en coordinaci\u00f3n con JAPAF, contin\u00faa impulsando acciones que mejoran la infraestructura hidr\u00e1ulica y garantizan servicios p\u00fablicos m\u00e1s eficientes para las y los fortenses.<\/p>\r\n\r\n <p class=\"hashtags\">\r\n <a href=\"https:\/\/www.facebook.com\/hashtag\/japaf\" target=\"_blank\" rel=\"noopener\">#JAPAF<\/a>\r\n \r\n <a href=\"https:\/\/www.facebook.com\/hashtag\/ayuntamientodeelfuerte\" target=\"_blank\" rel=\"noopener\">#AyuntamientoDeElFuerte<\/a>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"share\">\r\n <p class=\"share-label\">Comparte esta nota<\/p>\r\n <div class=\"share-row\">\r\n <button class=\"japaf-share-btn\" id=\"btn-facebook\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 21v-7.5h2.5l.5-3h-3V8.4c0-.87.24-1.46 1.5-1.46H16.6V4.34C16.3 4.3 15.3 4.2 14.13 4.2c-2.4 0-4.03 1.46-4.03 4.15V10.5H7.6v3h2.5V21h3.4z\"\/><\/svg>\r\n <span>Facebook<\/span>\r\n <\/button>\r\n <button class=\"japaf-share-btn\" id=\"btn-twitter\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 3H21l-6.6 7.6L22 21h-6.1l-4.8-6.3L5.6 21H3.5l7-8.1L2.7 3h6.3l4.3 5.8L18.9 3zm-1.1 16.2h1.2L8.3 4.7H7l10.8 14.5z\"\/><\/svg>\r\n <span>X \/ Twitter<\/span>\r\n <\/button>\r\n <button class=\"japaf-share-btn\" id=\"btn-instagram\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"3.8\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"0.9\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n <span>Instagram<\/span>\r\n <\/button>\r\n <button class=\"japaf-share-btn\" id=\"btn-tiktok\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14.5 3h2.6c.16 1.4.86 2.6 2.1 3.4.9.6 1.9.9 2.8 1v2.7c-1.6-.05-3.1-.55-4.4-1.4v6.7c0 3.4-2.8 6.1-6.2 6.1S5.2 18.8 5.2 15.4c0-3.3 2.6-6 5.9-6.1.35 0 .7.02 1 .08v2.8a3.3 3.3 0 0 0-1-.15 3.35 3.35 0 1 0 3.4 3.35V3z\"\/><\/svg>\r\n <span>TikTok<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/main>\r\n\r\n<div class=\"toast\" id=\"toast\"><\/div>\r\n\r\n<script>\r\n \/\/ Si ya pusiste una URL de imagen real (distinta del texto de ejemplo),\r\n \/\/ mostramos la foto y ocultamos el recuadro gris de \"vista previa\".\r\n (function initHeroImage(){\r\n const img = document.getElementById('hero-img');\r\n const placeholder = document.getElementById('hero-placeholder');\r\n const isPlaceholder = !img.getAttribute('src') || img.getAttribute('src').includes('PEGA-AQUI-LA-URL-DE-TU-IMAGEN');\r\n if (isPlaceholder) return; \/\/ se queda el recuadro gris\r\n img.addEventListener('load', () => {\r\n img.style.display = 'block';\r\n placeholder.style.display = 'none';\r\n });\r\n img.addEventListener('error', () => {\r\n placeholder.querySelector('div').textContent = 'No se pudo cargar esa URL de imagen. Revisa que la direcci\u00f3n sea correcta.';\r\n });\r\n })();\r\n\r\n \/\/ Fecha de publicaci\u00f3n (se puede editar manualmente reemplazando este bloque)\r\n document.getElementById('pub-date').textContent = new Date().toLocaleDateString('es-MX', { year:'numeric', month:'long', day:'numeric' });\r\n\r\n function showToast(msg){\r\n const t = document.getElementById('toast');\r\n t.textContent = msg;\r\n t.classList.add('show');\r\n clearTimeout(window.__toastTimer);\r\n window.__toastTimer = setTimeout(()=> t.classList.remove('show'), 3200);\r\n }\r\n\r\n function getHeadline(){\r\n const h = document.getElementById('headline');\r\n return h.dataset.placeholder === 'true' ? 'Nota informativa de JAPAF' : h.textContent.trim();\r\n }\r\n\r\n const pageUrl = () => window.location.href;\r\n const shareText = () => `${getHeadline()} - JAPAF El Fuerte - \ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas. #JAPAF #AyuntamientoDeElFuerte`;\r\n\r\n document.getElementById('btn-facebook').addEventListener('click', () => {\r\n const url = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(pageUrl())}`;\r\n window.open(url, '_blank', 'noopener,width=600,height=600');\r\n });\r\n\r\n document.getElementById('btn-twitter').addEventListener('click', () => {\r\n const url = `https:\/\/twitter.com\/intent\/tweet?url=${encodeURIComponent(pageUrl())}&text=${encodeURIComponent(shareText())}`;\r\n window.open(url, '_blank', 'noopener,width=600,height=600');\r\n });\r\n\r\n \/\/ Instagram y TikTok no ofrecen un enlace oficial para compartir desde la web,\r\n \/\/ as\u00ed que copiamos el texto + enlace al portapapeles y abrimos la plataforma.\r\n async function copyAndOpen(destination, appName){\r\n const text = `${shareText()}\\n${pageUrl()}`;\r\n try{\r\n await navigator.clipboard.writeText(text);\r\n showToast(`Enlace y texto copiados. P\u00e9galos en tu publicaci\u00f3n o historia de ${appName}.`);\r\n }catch(e){\r\n showToast(`Copia manualmente el enlace para compartir en ${appName}: ${pageUrl()}`);\r\n }\r\n window.open(destination, '_blank', 'noopener');\r\n }\r\n\r\n document.getElementById('btn-instagram').addEventListener('click', () => {\r\n copyAndOpen('https:\/\/www.instagram.com\/', 'Instagram');\r\n });\r\n\r\n document.getElementById('btn-tiktok').addEventListener('click', () => {\r\n copyAndOpen('https:\/\/www.tiktok.com\/upload', 'TikTok');\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JAPAF refuerza mantenimiento al drenaje sanitario en La Constancia JAPAF \u00b7 El Fuerte Comunicaci\u00f3n institucional Servicios p\u00fablicos \ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas. JAPAF El Fuerte \u00b7 Todav\u00eda no hay imagen.Reemplaza “PEGA-AQUI-LA-URL-DE-TU-IMAGEN.jpg” (abajo en el c\u00f3digo) por la URL de tu foto. \ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/08\/06\/%f0%9f%92%a7%f0%9f%9b%a0%ef%b8%8f-iinstalacion-de-tres-bombas-en-el-canal-de-aguas-crudas\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “\ud83d\udca7\ud83d\udee0\ufe0f| Instalaci\u00f3n de Tres Bombas en el Canal de Aguas Crudas.”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1007,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1006","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/japaf.gob.mx\/V.1\/wp-content\/uploads\/2026\/09\/instsanblas-3.jpg?fit=2048%2C1152&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":5,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/1006\/revisions"}],"predecessor-version":[{"id":1015,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/1006\/revisions\/1015"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/1007"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=1006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=1006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}