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\">\ud83d\udca7 \ud83d\udee0\ufe0f| Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento.<\/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\/campoesperanza.jpg?w=525&ssl=1\">\n <\/div>\n <figcaption>Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza.<\/figcaption>\n <\/figure>\n\n <div class=\"article\">\n<p>\ud83d\udca7 \ud83d\udee0\ufe0f| Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento.<\/p>\n\n <p>Como parte de los trabajos, se habilit\u00f3 todo el sistema de bombeo mediante la reparaci\u00f3n del motor de 20 HP, garantizando nuevamente la operaci\u00f3n del equipo y un servicio de agua potable m\u00e1s eficiente para las familias de la comunidad.<\/p>\n\n<p>Estas acciones se llevaron a cabo por indicaci\u00f3n del presidente municipal, Gildardo Leyva, con el compromiso de atender de manera oportuna las necesidades de la poblaci\u00f3n y fortalecer la infraestructura y el servicio de agua del municipio. <\/p>\n\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 - \ud83d\udca7 \ud83d\udee0\ufe0f| Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento. #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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-407f5ac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"407f5ac\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d1da521\" data-id=\"d1da521\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db8cff4 elementor-widget elementor-widget-video\" data-id=\"db8cff4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"video_type":"hosted","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/japaf.gob.mx\/V.1\/wp-content\/uploads\/2026\/08\/videocampoesperanza.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\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| Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento. JAPAF El Fuerte \u00b7 Todav\u00eda no hay imagen.Reemplaza “PEGA-AQUI-LA-URL-DE-TU-IMAGEN.jpg” (abajo en el … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/08\/04\/personal-de-japaf-atendio-el-reporte-de-falla-en-el-sistema-de-bombeo-de-campo-esperanza-realizando-una-rehabilitacion-integral-para-restablecer-su-funcionamiento\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento.”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":997,"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-996","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\/campoesperanza.jpg?fit=453%2C605&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/996","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=996"}],"version-history":[{"count":4,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/996\/revisions"}],"predecessor-version":[{"id":1002,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/996\/revisions\/1002"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/997"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=996"}],"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\">\ud83d\udca7 \ud83d\udee0\ufe0f| Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento.<\/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\/campoesperanza.jpg?w=525&ssl=1\">\n <\/div>\n <figcaption>Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza.<\/figcaption>\n <\/figure>\n\n <div class=\"article\">\n<p>\ud83d\udca7 \ud83d\udee0\ufe0f| Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento.<\/p>\n\n <p>Como parte de los trabajos, se habilit\u00f3 todo el sistema de bombeo mediante la reparaci\u00f3n del motor de 20 HP, garantizando nuevamente la operaci\u00f3n del equipo y un servicio de agua potable m\u00e1s eficiente para las familias de la comunidad.<\/p>\n\n<p>Estas acciones se llevaron a cabo por indicaci\u00f3n del presidente municipal, Gildardo Leyva, con el compromiso de atender de manera oportuna las necesidades de la poblaci\u00f3n y fortalecer la infraestructura y el servicio de agua del municipio. <\/p>\n\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 - \ud83d\udca7 \ud83d\udee0\ufe0f| Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento. #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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-407f5ac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"407f5ac\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d1da521\" data-id=\"d1da521\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db8cff4 elementor-widget elementor-widget-video\" data-id=\"db8cff4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"video_type":"hosted","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/japaf.gob.mx\/V.1\/wp-content\/uploads\/2026\/08\/videocampoesperanza.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\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| Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento. JAPAF El Fuerte \u00b7 Todav\u00eda no hay imagen.Reemplaza “PEGA-AQUI-LA-URL-DE-TU-IMAGEN.jpg” (abajo en el … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/08\/04\/personal-de-japaf-atendio-el-reporte-de-falla-en-el-sistema-de-bombeo-de-campo-esperanza-realizando-una-rehabilitacion-integral-para-restablecer-su-funcionamiento\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Personal de JAPAF atendi\u00f3 el reporte de falla en el sistema de bombeo de Campo Esperanza, realizando una rehabilitaci\u00f3n integral para restablecer su funcionamiento.”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":997,"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-996","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\/campoesperanza.jpg?fit=453%2C605&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/996","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=996"}],"version-history":[{"count":4,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/996\/revisions"}],"predecessor-version":[{"id":1002,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/996\/revisions\/1002"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/997"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}