JAPAF refuerza mantenimiento al drenaje sanitario en La Constancia<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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\">\n<style>\n :root{\n --paper:#F1F3F1;\n --paper-raised:#FFFFFF;\n --ink:#17272B;\n --ink-soft:#48605F;\n --teal:#2B6E68;\n --teal-deep:#1D4C48;\n --ochre:#BE8A34;\n --line:#D7DAD3;\n --focus:#1D4C48;\n }\n :root:not([data-theme=\"light\"]) {\n @media (prefers-color-scheme: dark) {\n --paper:#0F1615;\n --paper-raised:#16201F;\n --ink:#E7EEEC;\n --ink-soft:#A8BAB7;\n --teal:#5FA79E;\n --teal-deep:#7FC0B6;\n --ochre:#D7A24F;\n --line:#2A3634;\n --focus:#7FC0B6;\n }\n }\n :root[data-theme=\"dark\"]{\n --paper:#0F1615;\n --paper-raised:#16201F;\n --ink:#E7EEEC;\n --ink-soft:#A8BAB7;\n --teal:#5FA79E;\n --teal-deep:#7FC0B6;\n --ochre:#D7A24F;\n --line:#2A3634;\n --focus:#7FC0B6;\n }\n\n *{ box-sizing:border-box; }\n html,body{ margin:0; padding:0; }\n body{\n background:var(--paper);\n color:var(--ink);\n font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height:1.6;\n -webkit-font-smoothing:antialiased;\n }\n a{ color:var(--teal-deep); }\n a:focus-visible, button:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }\n\n .masthead{\n border-bottom:1px solid var(--line);\n padding:18px 24px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:16px;\n flex-wrap:wrap;\n }\n .masthead-name{\n font-family:'Source Serif 4', Georgia, serif;\n font-weight:700;\n font-size:1.05rem;\n letter-spacing:0.01em;\n }\n .masthead-tag{\n color:var(--ink-soft);\n font-size:0.85rem;\n }\n\n main{\n max-width:760px;\n margin:0 auto;\n padding:40px 24px 80px;\n }\n\n .kicker{\n color:var(--teal);\n font-size:0.9rem;\n font-weight:600;\n margin:0 0 10px;\n }\n\n h1.headline{\n font-family:'Source Serif 4', Georgia, serif;\n font-weight:700;\n font-size:clamp(1.8rem, 4vw, 2.6rem);\n line-height:1.18;\n margin:0 0 18px;\n \/* EDITA AQU\u00cd: sustituye este texto por el encabezado real de la nota *\/\n }\n h1.headline[data-placeholder=\"true\"]{\n color:var(--ink-soft);\n font-style:italic;\n }\n\n .byline{\n display:flex;\n gap:14px;\n align-items:center;\n color:var(--ink-soft);\n font-size:0.9rem;\n padding-bottom:22px;\n margin-bottom:26px;\n border-bottom:1px solid var(--line);\n flex-wrap:wrap;\n }\n .byline strong{ color:var(--ink); }\n\n figure.hero{\n margin:0 0 30px;\n }\n .hero-frame{\n width:100%;\n aspect-ratio:16\/10;\n border-radius:4px;\n overflow:hidden;\n background:\n linear-gradient(var(--paper-raised), var(--paper-raised)) padding-box,\n repeating-linear-gradient(135deg, var(--line) 0 2px, transparent 2px 14px) border-box;\n border:1px dashed var(--line);\n display:flex;\n align-items:center;\n justify-content:center;\n position:relative;\n }\n .hero-frame img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n }\n .hero-placeholder{\n text-align:center;\n color:var(--ink-soft);\n padding:20px;\n font-size:0.92rem;\n max-width:360px;\n }\n .hero-placeholder svg{ width:42px; height:42px; margin-bottom:10px; color:var(--teal); }\n figcaption{\n font-size:0.82rem;\n color:var(--ink-soft);\n padding-top:8px;\n \/* EDITA AQU\u00cd: pie de foto opcional *\/\n }\n\n .article p{\n margin:0 0 20px;\n font-size:1.05rem;\n max-width:66ch;\n }\n\n .recos{\n background:var(--paper-raised);\n border:1px solid var(--line);\n border-left:3px solid var(--teal);\n border-radius:4px;\n padding:22px 24px;\n margin:8px 0 28px;\n }\n .recos p.recos-title{\n margin:0 0 12px;\n font-weight:600;\n }\n .recos ul{\n margin:0;\n padding-left:20px;\n }\n .recos li{\n margin-bottom:9px;\n font-size:1rem;\n }\n .recos li:last-child{ margin-bottom:0; }\n\n .hashtags{\n margin:0 0 40px;\n font-size:0.95rem;\n }\n .hashtags a{ text-decoration:none; }\n .hashtags a:hover{ text-decoration:underline; }\n\n .share{\n border-top:1px solid var(--line);\n padding-top:28px;\n }\n .share-label{\n font-size:0.95rem;\n color:var(--ink-soft);\n margin:0 0 14px;\n }\n .share-row{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n }\n \/* Botones de compartir: colores s\u00f3lidos de marca para que se vean\n siempre, aunque el CSS del sitio donde los pegues intente\n sobrescribir botones gen\u00e9ricos. *\/\n .japaf-share-btn{\n display:inline-flex !important;\n visibility:visible !important;\n opacity:1 !important;\n align-items:center;\n gap:9px;\n padding:12px 18px !important;\n border-radius:6px !important;\n border:none !important;\n font-family:'IBM Plex Sans', Arial, sans-serif !important;\n font-size:0.95rem !important;\n font-weight:600 !important;\n line-height:1.2 !important;\n cursor:pointer;\n transition:filter 0.15s ease, transform 0.1s ease;\n text-decoration:none !important;\n box-shadow:none;\n }\n .japaf-share-btn:hover{ filter:brightness(1.08); transform:translateY(-1px); }\n .japaf-share-btn svg{ width:19px !important; height:19px !important; flex-shrink:0; display:inline-block !important; }\n .japaf-share-btn span{ color:inherit !important; display:inline-block !important; }\n\n #btn-facebook{ background:#1877F2 !important; color:#FFFFFF !important; }\n #btn-twitter{ background:#0F1419 !important; color:#FFFFFF !important; }\n #btn-instagram{ background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4) !important; color:#FFFFFF !important; }\n #btn-tiktok{ background:#010101 !important; color:#FFFFFF !important; }\n\n .toast{\n position:fixed;\n left:50%;\n bottom:26px;\n transform:translate(-50%, 12px);\n background:var(--teal-deep);\n color:#fff;\n padding:11px 18px;\n border-radius:5px;\n font-size:0.9rem;\n opacity:0;\n pointer-events:none;\n transition:opacity 0.2s ease, transform 0.2s ease;\n max-width:90vw;\n text-align:center;\n }\n .toast.show{\n opacity:1;\n transform:translate(-50%, 0);\n }\n\n @media (max-width:480px){\n main{ padding:28px 18px 64px; }\n .share-btn span{ display:inline; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"masthead\">\n <div class=\"masthead-name\">JAPAF \u00b7 El Fuerte<\/div>\n <div class=\"masthead-tag\">Comunicaci\u00f3n institucional<\/div>\n<\/div>\n\n<main>\n <p class=\"kicker\">Servicios p\u00fablicos<\/p>\n\n \n <h1 class=\"headline\" data-placeholder=\"true\" id=\"headline\">Avanzan Trabajos Para Mejorar el Suministro de Agua en San Blas. \ud83d\udca7\ud83d\udc77<\/h1>\n\n <div class=\"byline\">\n <span><strong>JAPAF El Fuerte<\/strong><\/span>\n <span>\u00b7<\/span>\n \n <\/div>\n\n \n <figure class=\"hero\">\n <div class=\"hero-frame\" id=\"hero-frame\">\n <div class=\"hero-placeholder\" id=\"hero-placeholder\">\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>\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>\n <\/div>\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\/sistemaaguasanblas-4.jpg?w=525&ssl=1\">\n <\/div>\n <figcaption>Se llevan a cabo los trabajos de la rehabilitaci\u00f3n del sistema de agua de San Blas.<\/figcaption>\n <\/figure>\n\n <div class=\"article\">\n<p>Avanzan trabajos para mejorar el suministro de agua en San Blas. \ud83d\udca7\ud83d\udc77<\/p>\n\n <p>Bajo la indicaci\u00f3n del alcalde Gildardo Leyva, personal de JAPAF inici\u00f3 los trabajos en la red de agua potable de San Blas con el objetivo de brindar una soluci\u00f3n de fondo al problema de abastecimiento que por a\u00f1os ha enfrentado la colonia Las Chuletas.<\/p>\n\n<p>Las labores consisten en el descubrimiento de la tuber\u00eda principal de 12 pulgadas de PVC para la instalaci\u00f3n de una tee, que permitir\u00e1 conducir agua hacia este sector y mejorar el servicio para las familias beneficiadas. <\/p>\n\n<p>Con estas acciones se contin\u00faa trabajando para fortalecer la infraestructura h\u00eddrica y garantizar un mejor acceso al agua potable para la poblaci\u00f3n. <\/p>\n\n <p class=\"hashtags\">\n <a href=\"https:\/\/www.facebook.com\/hashtag\/japaf\" target=\"_blank\" rel=\"noopener\">#JAPAF<\/a>\n \n <a href=\"https:\/\/www.facebook.com\/hashtag\/ayuntamientodeelfuerte\" target=\"_blank\" rel=\"noopener\">#AyuntamientoDeElFuerte<\/a>\n <\/p>\n <\/div>\n\n <div class=\"share\">\n <p class=\"share-label\">Comparte esta nota<\/p>\n <div class=\"share-row\">\n <button class=\"japaf-share-btn\" id=\"btn-facebook\" type=\"button\">\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>\n <span>Facebook<\/span>\n <\/button>\n <button class=\"japaf-share-btn\" id=\"btn-twitter\" type=\"button\">\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>\n <span>X \/ Twitter<\/span>\n <\/button>\n <button class=\"japaf-share-btn\" id=\"btn-instagram\" type=\"button\">\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>\n <span>Instagram<\/span>\n <\/button>\n <button class=\"japaf-share-btn\" id=\"btn-tiktok\" type=\"button\">\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>\n <span>TikTok<\/span>\n <\/button>\n <\/div>\n <\/div>\n<\/main>\n\n<div class=\"toast\" id=\"toast\"><\/div>\n\n<script>\n \/\/ Si ya pusiste una URL de imagen real (distinta del texto de ejemplo),\n \/\/ mostramos la foto y ocultamos el recuadro gris de \"vista previa\".\n (function initHeroImage(){\n const img = document.getElementById('hero-img');\n const placeholder = document.getElementById('hero-placeholder');\n const isPlaceholder = !img.getAttribute('src') || img.getAttribute('src').includes('PEGA-AQUI-LA-URL-DE-TU-IMAGEN');\n if (isPlaceholder) return; \/\/ se queda el recuadro gris\n img.addEventListener('load', () => {\n img.style.display = 'block';\n placeholder.style.display = 'none';\n });\n img.addEventListener('error', () => {\n placeholder.querySelector('div').textContent = 'No se pudo cargar esa URL de imagen. Revisa que la direcci\u00f3n sea correcta.';\n });\n })();\n\n \/\/ Fecha de publicaci\u00f3n (se puede editar manualmente reemplazando este bloque)\n document.getElementById('pub-date').textContent = new Date().toLocaleDateString('es-MX', { year:'numeric', month:'long', day:'numeric' });\n\n function showToast(msg){\n const t = document.getElementById('toast');\n t.textContent = msg;\n t.classList.add('show');\n clearTimeout(window.__toastTimer);\n window.__toastTimer = setTimeout(()=> t.classList.remove('show'), 3200);\n }\n\n function getHeadline(){\n const h = document.getElementById('headline');\n return h.dataset.placeholder === 'true' ? 'Nota informativa de JAPAF' : h.textContent.trim();\n }\n\n const pageUrl = () => window.location.href;\n const shareText = () => `${getHeadline()} - JAPAF El Fuerte - Avanzan Trabajos Para Mejorar el Suministro de Agua en San Blas. \ud83d\udca7\ud83d\udc77. #JAPAF #AyuntamientoDeElFuerte`;\n\n document.getElementById('btn-facebook').addEventListener('click', () => {\n const url = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(pageUrl())}`;\n window.open(url, '_blank', 'noopener,width=600,height=600');\n });\n\n document.getElementById('btn-twitter').addEventListener('click', () => {\n const url = `https:\/\/twitter.com\/intent\/tweet?url=${encodeURIComponent(pageUrl())}&text=${encodeURIComponent(shareText())}`;\n window.open(url, '_blank', 'noopener,width=600,height=600');\n });\n\n \/\/ Instagram y TikTok no ofrecen un enlace oficial para compartir desde la web,\n \/\/ as\u00ed que copiamos el texto + enlace al portapapeles y abrimos la plataforma.\n async function copyAndOpen(destination, appName){\n const text = `${shareText()}\\n${pageUrl()}`;\n try{\n await navigator.clipboard.writeText(text);\n showToast(`Enlace y texto copiados. P\u00e9galos en tu publicaci\u00f3n o historia de ${appName}.`);\n }catch(e){\n showToast(`Copia manualmente el enlace para compartir en ${appName}: ${pageUrl()}`);\n }\n window.open(destination, '_blank', 'noopener');\n }\n\n document.getElementById('btn-instagram').addEventListener('click', () => {\n copyAndOpen('https:\/\/www.instagram.com\/', 'Instagram');\n });\n\n document.getElementById('btn-tiktok').addEventListener('click', () => {\n copyAndOpen('https:\/\/www.tiktok.com\/upload', 'TikTok');\n });\n<\/script>\n\n<\/body>\n<\/html>\n\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 Avanzan Trabajos Para Mejorar el Suministro de Agua en San Blas. \ud83d\udca7\ud83d\udc77 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. Se llevan a cabo los trabajos de … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/07\/29\/avanzan-trabajos-para-mejorar-el-suministro-de-agua-en-san-blas\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Avanzan Trabajos Para Mejorar el Suministro de Agua en San Blas.\u00a0“<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":976,"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-975","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\/sistemaaguasanblas-4.jpg?fit=1600%2C1200&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/975","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=975"}],"version-history":[{"count":5,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/975\/revisions"}],"predecessor-version":[{"id":983,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/975\/revisions\/983"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/976"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=975"}],"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\n\n\n\n\nJAPAF refuerza mantenimiento al drenaje sanitario en La Constancia<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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\">\n<style>\n :root{\n --paper:#F1F3F1;\n --paper-raised:#FFFFFF;\n --ink:#17272B;\n --ink-soft:#48605F;\n --teal:#2B6E68;\n --teal-deep:#1D4C48;\n --ochre:#BE8A34;\n --line:#D7DAD3;\n --focus:#1D4C48;\n }\n :root:not([data-theme=\"light\"]) {\n @media (prefers-color-scheme: dark) {\n --paper:#0F1615;\n --paper-raised:#16201F;\n --ink:#E7EEEC;\n --ink-soft:#A8BAB7;\n --teal:#5FA79E;\n --teal-deep:#7FC0B6;\n --ochre:#D7A24F;\n --line:#2A3634;\n --focus:#7FC0B6;\n }\n }\n :root[data-theme=\"dark\"]{\n --paper:#0F1615;\n --paper-raised:#16201F;\n --ink:#E7EEEC;\n --ink-soft:#A8BAB7;\n --teal:#5FA79E;\n --teal-deep:#7FC0B6;\n --ochre:#D7A24F;\n --line:#2A3634;\n --focus:#7FC0B6;\n }\n\n *{ box-sizing:border-box; }\n html,body{ margin:0; padding:0; }\n body{\n background:var(--paper);\n color:var(--ink);\n font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height:1.6;\n -webkit-font-smoothing:antialiased;\n }\n a{ color:var(--teal-deep); }\n a:focus-visible, button:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }\n\n .masthead{\n border-bottom:1px solid var(--line);\n padding:18px 24px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:16px;\n flex-wrap:wrap;\n }\n .masthead-name{\n font-family:'Source Serif 4', Georgia, serif;\n font-weight:700;\n font-size:1.05rem;\n letter-spacing:0.01em;\n }\n .masthead-tag{\n color:var(--ink-soft);\n font-size:0.85rem;\n }\n\n main{\n max-width:760px;\n margin:0 auto;\n padding:40px 24px 80px;\n }\n\n .kicker{\n color:var(--teal);\n font-size:0.9rem;\n font-weight:600;\n margin:0 0 10px;\n }\n\n h1.headline{\n font-family:'Source Serif 4', Georgia, serif;\n font-weight:700;\n font-size:clamp(1.8rem, 4vw, 2.6rem);\n line-height:1.18;\n margin:0 0 18px;\n \/* EDITA AQU\u00cd: sustituye este texto por el encabezado real de la nota *\/\n }\n h1.headline[data-placeholder=\"true\"]{\n color:var(--ink-soft);\n font-style:italic;\n }\n\n .byline{\n display:flex;\n gap:14px;\n align-items:center;\n color:var(--ink-soft);\n font-size:0.9rem;\n padding-bottom:22px;\n margin-bottom:26px;\n border-bottom:1px solid var(--line);\n flex-wrap:wrap;\n }\n .byline strong{ color:var(--ink); }\n\n figure.hero{\n margin:0 0 30px;\n }\n .hero-frame{\n width:100%;\n aspect-ratio:16\/10;\n border-radius:4px;\n overflow:hidden;\n background:\n linear-gradient(var(--paper-raised), var(--paper-raised)) padding-box,\n repeating-linear-gradient(135deg, var(--line) 0 2px, transparent 2px 14px) border-box;\n border:1px dashed var(--line);\n display:flex;\n align-items:center;\n justify-content:center;\n position:relative;\n }\n .hero-frame img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n }\n .hero-placeholder{\n text-align:center;\n color:var(--ink-soft);\n padding:20px;\n font-size:0.92rem;\n max-width:360px;\n }\n .hero-placeholder svg{ width:42px; height:42px; margin-bottom:10px; color:var(--teal); }\n figcaption{\n font-size:0.82rem;\n color:var(--ink-soft);\n padding-top:8px;\n \/* EDITA AQU\u00cd: pie de foto opcional *\/\n }\n\n .article p{\n margin:0 0 20px;\n font-size:1.05rem;\n max-width:66ch;\n }\n\n .recos{\n background:var(--paper-raised);\n border:1px solid var(--line);\n border-left:3px solid var(--teal);\n border-radius:4px;\n padding:22px 24px;\n margin:8px 0 28px;\n }\n .recos p.recos-title{\n margin:0 0 12px;\n font-weight:600;\n }\n .recos ul{\n margin:0;\n padding-left:20px;\n }\n .recos li{\n margin-bottom:9px;\n font-size:1rem;\n }\n .recos li:last-child{ margin-bottom:0; }\n\n .hashtags{\n margin:0 0 40px;\n font-size:0.95rem;\n }\n .hashtags a{ text-decoration:none; }\n .hashtags a:hover{ text-decoration:underline; }\n\n .share{\n border-top:1px solid var(--line);\n padding-top:28px;\n }\n .share-label{\n font-size:0.95rem;\n color:var(--ink-soft);\n margin:0 0 14px;\n }\n .share-row{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n }\n \/* Botones de compartir: colores s\u00f3lidos de marca para que se vean\n siempre, aunque el CSS del sitio donde los pegues intente\n sobrescribir botones gen\u00e9ricos. *\/\n .japaf-share-btn{\n display:inline-flex !important;\n visibility:visible !important;\n opacity:1 !important;\n align-items:center;\n gap:9px;\n padding:12px 18px !important;\n border-radius:6px !important;\n border:none !important;\n font-family:'IBM Plex Sans', Arial, sans-serif !important;\n font-size:0.95rem !important;\n font-weight:600 !important;\n line-height:1.2 !important;\n cursor:pointer;\n transition:filter 0.15s ease, transform 0.1s ease;\n text-decoration:none !important;\n box-shadow:none;\n }\n .japaf-share-btn:hover{ filter:brightness(1.08); transform:translateY(-1px); }\n .japaf-share-btn svg{ width:19px !important; height:19px !important; flex-shrink:0; display:inline-block !important; }\n .japaf-share-btn span{ color:inherit !important; display:inline-block !important; }\n\n #btn-facebook{ background:#1877F2 !important; color:#FFFFFF !important; }\n #btn-twitter{ background:#0F1419 !important; color:#FFFFFF !important; }\n #btn-instagram{ background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4) !important; color:#FFFFFF !important; }\n #btn-tiktok{ background:#010101 !important; color:#FFFFFF !important; }\n\n .toast{\n position:fixed;\n left:50%;\n bottom:26px;\n transform:translate(-50%, 12px);\n background:var(--teal-deep);\n color:#fff;\n padding:11px 18px;\n border-radius:5px;\n font-size:0.9rem;\n opacity:0;\n pointer-events:none;\n transition:opacity 0.2s ease, transform 0.2s ease;\n max-width:90vw;\n text-align:center;\n }\n .toast.show{\n opacity:1;\n transform:translate(-50%, 0);\n }\n\n @media (max-width:480px){\n main{ padding:28px 18px 64px; }\n .share-btn span{ display:inline; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"masthead\">\n <div class=\"masthead-name\">JAPAF \u00b7 El Fuerte<\/div>\n <div class=\"masthead-tag\">Comunicaci\u00f3n institucional<\/div>\n<\/div>\n\n<main>\n <p class=\"kicker\">Servicios p\u00fablicos<\/p>\n\n \n <h1 class=\"headline\" data-placeholder=\"true\" id=\"headline\">Avanzan Trabajos Para Mejorar el Suministro de Agua en San Blas. \ud83d\udca7\ud83d\udc77<\/h1>\n\n <div class=\"byline\">\n <span><strong>JAPAF El Fuerte<\/strong><\/span>\n <span>\u00b7<\/span>\n \n <\/div>\n\n \n <figure class=\"hero\">\n <div class=\"hero-frame\" id=\"hero-frame\">\n <div class=\"hero-placeholder\" id=\"hero-placeholder\">\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>\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>\n <\/div>\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\/sistemaaguasanblas-4.jpg?w=525&ssl=1\">\n <\/div>\n <figcaption>Se llevan a cabo los trabajos de la rehabilitaci\u00f3n del sistema de agua de San Blas.<\/figcaption>\n <\/figure>\n\n <div class=\"article\">\n<p>Avanzan trabajos para mejorar el suministro de agua en San Blas. \ud83d\udca7\ud83d\udc77<\/p>\n\n <p>Bajo la indicaci\u00f3n del alcalde Gildardo Leyva, personal de JAPAF inici\u00f3 los trabajos en la red de agua potable de San Blas con el objetivo de brindar una soluci\u00f3n de fondo al problema de abastecimiento que por a\u00f1os ha enfrentado la colonia Las Chuletas.<\/p>\n\n<p>Las labores consisten en el descubrimiento de la tuber\u00eda principal de 12 pulgadas de PVC para la instalaci\u00f3n de una tee, que permitir\u00e1 conducir agua hacia este sector y mejorar el servicio para las familias beneficiadas. <\/p>\n\n<p>Con estas acciones se contin\u00faa trabajando para fortalecer la infraestructura h\u00eddrica y garantizar un mejor acceso al agua potable para la poblaci\u00f3n. <\/p>\n\n <p class=\"hashtags\">\n <a href=\"https:\/\/www.facebook.com\/hashtag\/japaf\" target=\"_blank\" rel=\"noopener\">#JAPAF<\/a>\n \n <a href=\"https:\/\/www.facebook.com\/hashtag\/ayuntamientodeelfuerte\" target=\"_blank\" rel=\"noopener\">#AyuntamientoDeElFuerte<\/a>\n <\/p>\n <\/div>\n\n <div class=\"share\">\n <p class=\"share-label\">Comparte esta nota<\/p>\n <div class=\"share-row\">\n <button class=\"japaf-share-btn\" id=\"btn-facebook\" type=\"button\">\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>\n <span>Facebook<\/span>\n <\/button>\n <button class=\"japaf-share-btn\" id=\"btn-twitter\" type=\"button\">\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>\n <span>X \/ Twitter<\/span>\n <\/button>\n <button class=\"japaf-share-btn\" id=\"btn-instagram\" type=\"button\">\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>\n <span>Instagram<\/span>\n <\/button>\n <button class=\"japaf-share-btn\" id=\"btn-tiktok\" type=\"button\">\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>\n <span>TikTok<\/span>\n <\/button>\n <\/div>\n <\/div>\n<\/main>\n\n<div class=\"toast\" id=\"toast\"><\/div>\n\n<script>\n \/\/ Si ya pusiste una URL de imagen real (distinta del texto de ejemplo),\n \/\/ mostramos la foto y ocultamos el recuadro gris de \"vista previa\".\n (function initHeroImage(){\n const img = document.getElementById('hero-img');\n const placeholder = document.getElementById('hero-placeholder');\n const isPlaceholder = !img.getAttribute('src') || img.getAttribute('src').includes('PEGA-AQUI-LA-URL-DE-TU-IMAGEN');\n if (isPlaceholder) return; \/\/ se queda el recuadro gris\n img.addEventListener('load', () => {\n img.style.display = 'block';\n placeholder.style.display = 'none';\n });\n img.addEventListener('error', () => {\n placeholder.querySelector('div').textContent = 'No se pudo cargar esa URL de imagen. Revisa que la direcci\u00f3n sea correcta.';\n });\n })();\n\n \/\/ Fecha de publicaci\u00f3n (se puede editar manualmente reemplazando este bloque)\n document.getElementById('pub-date').textContent = new Date().toLocaleDateString('es-MX', { year:'numeric', month:'long', day:'numeric' });\n\n function showToast(msg){\n const t = document.getElementById('toast');\n t.textContent = msg;\n t.classList.add('show');\n clearTimeout(window.__toastTimer);\n window.__toastTimer = setTimeout(()=> t.classList.remove('show'), 3200);\n }\n\n function getHeadline(){\n const h = document.getElementById('headline');\n return h.dataset.placeholder === 'true' ? 'Nota informativa de JAPAF' : h.textContent.trim();\n }\n\n const pageUrl = () => window.location.href;\n const shareText = () => `${getHeadline()} - JAPAF El Fuerte - Avanzan Trabajos Para Mejorar el Suministro de Agua en San Blas. \ud83d\udca7\ud83d\udc77. #JAPAF #AyuntamientoDeElFuerte`;\n\n document.getElementById('btn-facebook').addEventListener('click', () => {\n const url = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(pageUrl())}`;\n window.open(url, '_blank', 'noopener,width=600,height=600');\n });\n\n document.getElementById('btn-twitter').addEventListener('click', () => {\n const url = `https:\/\/twitter.com\/intent\/tweet?url=${encodeURIComponent(pageUrl())}&text=${encodeURIComponent(shareText())}`;\n window.open(url, '_blank', 'noopener,width=600,height=600');\n });\n\n \/\/ Instagram y TikTok no ofrecen un enlace oficial para compartir desde la web,\n \/\/ as\u00ed que copiamos el texto + enlace al portapapeles y abrimos la plataforma.\n async function copyAndOpen(destination, appName){\n const text = `${shareText()}\\n${pageUrl()}`;\n try{\n await navigator.clipboard.writeText(text);\n showToast(`Enlace y texto copiados. P\u00e9galos en tu publicaci\u00f3n o historia de ${appName}.`);\n }catch(e){\n showToast(`Copia manualmente el enlace para compartir en ${appName}: ${pageUrl()}`);\n }\n window.open(destination, '_blank', 'noopener');\n }\n\n document.getElementById('btn-instagram').addEventListener('click', () => {\n copyAndOpen('https:\/\/www.instagram.com\/', 'Instagram');\n });\n\n document.getElementById('btn-tiktok').addEventListener('click', () => {\n copyAndOpen('https:\/\/www.tiktok.com\/upload', 'TikTok');\n });\n<\/script>\n\n<\/body>\n<\/html>\n\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 Avanzan Trabajos Para Mejorar el Suministro de Agua en San Blas. \ud83d\udca7\ud83d\udc77 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. Se llevan a cabo los trabajos de … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/07\/29\/avanzan-trabajos-para-mejorar-el-suministro-de-agua-en-san-blas\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Avanzan Trabajos Para Mejorar el Suministro de Agua en San Blas.\u00a0“<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":976,"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-975","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\/sistemaaguasanblas-4.jpg?fit=1600%2C1200&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/975","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=975"}],"version-history":[{"count":5,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/975\/revisions"}],"predecessor-version":[{"id":983,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/975\/revisions\/983"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/976"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}