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\">Trabajos de Limpieza y Mantenimiento de la Red de Alcantarillado Sanitario en la Cabecera Municipal<\/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\/DESASOLVE-EL-FUERTE.jpg?w=525&ssl=1\">\n <\/div>\n <figcaption>Se realizan los trabajos de desazolve.<\/figcaption>\n <\/figure>\n\n <div class=\"article\">\n <p>Con las recientes lluvias, en JAPAF reforzamos los trabajos de limpieza y mantenimiento de la red de alcantarillado sanitario en la cabecera municipal, con el objetivo de prevenir taponamientos, reducir riesgos de derrames y mantener el correcto funcionamiento del sistema.<\/p>\n\n <p>Estas labores son fundamentales durante la temporada de lluvias, pero tambi\u00e9n requieren del apoyo de todas y todos. Un buen uso de la red sanitaria ayuda a evitar afectaciones en los hogares y en la v\u00eda p\u00fablica.<\/p>\n\n <p>La participaci\u00f3n ciudadana es fundamental para prevenir este tipo de problemas. Por ello, se recomienda:<\/p>\n\n <div class=\"recos\">\n <p class=\"recos-title\">Recomendaciones para el cuidado del drenaje<\/p>\n <ul>\n <li>No arrojar basura a la calle ni a las alcantarillas.<\/li>\n <li>Evitar tirar grasas y aceites por el fregadero.<\/li>\n <li>No desechar toallas h\u00famedas, pa\u00f1ales, productos de higiene personal ni otros residuos s\u00f3lidos en el sanitario.<\/li>\n <li>Reportar cualquier obstrucci\u00f3n o anomal\u00eda para atenderla de manera oportuna.<\/li>\n <\/ul>\n <\/div>\n\n <p>Cuidar la red de alcantarillado es una responsabilidad compartida. Entre todas y todos podemos mantener un mejor servicio para nuestro municipio.<\/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 Trabajos de Limpieza y Mantenimiento de la Red de Alcantarillado Sanitario en la Cabecera Municipal. #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 Trabajos de Limpieza y Mantenimiento de la Red de Alcantarillado Sanitario en la Cabecera Municipal 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 realizan los trabajos … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/07\/17\/trabajos-de-limpieza-y-mantenimiento-de-la-red-de-alcantarillado-sanitario-en-la-cabecera-municipal\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Trabajos de Limpieza y Mantenimiento de la Red de Alcantarillado Sanitario en la Cabecera Municipal”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":953,"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-933","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\/DESASOLVE-EL-FUERTE.jpg?fit=2048%2C1152&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/933","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=933"}],"version-history":[{"count":5,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/933\/revisions"}],"predecessor-version":[{"id":992,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/933\/revisions\/992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/953"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=933"}],"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\">Trabajos de Limpieza y Mantenimiento de la Red de Alcantarillado Sanitario en la Cabecera Municipal<\/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\/DESASOLVE-EL-FUERTE.jpg?w=525&ssl=1\">\n <\/div>\n <figcaption>Se realizan los trabajos de desazolve.<\/figcaption>\n <\/figure>\n\n <div class=\"article\">\n <p>Con las recientes lluvias, en JAPAF reforzamos los trabajos de limpieza y mantenimiento de la red de alcantarillado sanitario en la cabecera municipal, con el objetivo de prevenir taponamientos, reducir riesgos de derrames y mantener el correcto funcionamiento del sistema.<\/p>\n\n <p>Estas labores son fundamentales durante la temporada de lluvias, pero tambi\u00e9n requieren del apoyo de todas y todos. Un buen uso de la red sanitaria ayuda a evitar afectaciones en los hogares y en la v\u00eda p\u00fablica.<\/p>\n\n <p>La participaci\u00f3n ciudadana es fundamental para prevenir este tipo de problemas. Por ello, se recomienda:<\/p>\n\n <div class=\"recos\">\n <p class=\"recos-title\">Recomendaciones para el cuidado del drenaje<\/p>\n <ul>\n <li>No arrojar basura a la calle ni a las alcantarillas.<\/li>\n <li>Evitar tirar grasas y aceites por el fregadero.<\/li>\n <li>No desechar toallas h\u00famedas, pa\u00f1ales, productos de higiene personal ni otros residuos s\u00f3lidos en el sanitario.<\/li>\n <li>Reportar cualquier obstrucci\u00f3n o anomal\u00eda para atenderla de manera oportuna.<\/li>\n <\/ul>\n <\/div>\n\n <p>Cuidar la red de alcantarillado es una responsabilidad compartida. Entre todas y todos podemos mantener un mejor servicio para nuestro municipio.<\/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 Trabajos de Limpieza y Mantenimiento de la Red de Alcantarillado Sanitario en la Cabecera Municipal. #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 Trabajos de Limpieza y Mantenimiento de la Red de Alcantarillado Sanitario en la Cabecera Municipal 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 realizan los trabajos … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/07\/17\/trabajos-de-limpieza-y-mantenimiento-de-la-red-de-alcantarillado-sanitario-en-la-cabecera-municipal\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Trabajos de Limpieza y Mantenimiento de la Red de Alcantarillado Sanitario en la Cabecera Municipal”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":953,"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-933","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\/DESASOLVE-EL-FUERTE.jpg?fit=2048%2C1152&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/933","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=933"}],"version-history":[{"count":5,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/933\/revisions"}],"predecessor-version":[{"id":992,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/933\/revisions\/992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/953"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}