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\">Rehabilitaci\u00f3n de Sistema de Drenaje Sanitario en la Localidad de Constancia<\/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><\/div>\n <\/div>\n <img data-recalc-dims=\"1\" decoding=\"async\" id=\"hero-img\" src=\"https:\/\/i0.wp.com\/transparencia2017.japaf.gob.mx\/wp-content\/uploads\/imgsnotas\/desasolve%20Constancia.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>Por indicaciones del alcalde <a href=\"https:\/\/www.facebook.com\/GildardoLeyvaPresidente\" target=\"_blank\" rel=\"noopener\">Gildardo Leyva<\/a>, JAPAF contin\u00faa reforzando las acciones de mantenimiento y atenci\u00f3n a la red de drenaje sanitario en la comunidad de La Constancia, realizando trabajos para solucionar problemas de drenajes colapsados y mejorar el funcionamiento del sistema.<\/p>\n\n <p>Estas labores forman parte del compromiso permanente de brindar servicios p\u00fablicos m\u00e1s eficientes y atender de manera oportuna las necesidades de la poblaci\u00f3n.<\/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 al drenaje.<\/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>Mantener limpias las descargas domiciliarias.<\/li>\n <\/ul>\n <\/div>\n\n <p>Con peque\u00f1as acciones desde casa contribuimos al buen funcionamiento de la red sanitaria y evitamos afectaciones a nuestras familias y comunidades.<\/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 contin\u00faa reforzando el mantenimiento al drenaje sanitario en La Constancia. #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 Rehabilitaci\u00f3n de Sistema de Drenaje Sanitario en la Localidad de Constancia JAPAF El Fuerte \u00b7 Se realizan los trabajos de desazolve. Por indicaciones del alcalde Gildardo Leyva, JAPAF contin\u00faa reforzando las acciones de mantenimiento y atenci\u00f3n a la … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/06\/17\/elementor-935\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Rehabilitaci\u00f3n de Sistema de Drenaje Sanitario en la Localidad de Constancia”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":951,"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-935","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-Constancia.jpg?fit=2048%2C1152&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/935","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=935"}],"version-history":[{"count":5,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/935\/revisions"}],"predecessor-version":[{"id":995,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/935\/revisions\/995"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/951"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=935"}],"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\">Rehabilitaci\u00f3n de Sistema de Drenaje Sanitario en la Localidad de Constancia<\/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><\/div>\n <\/div>\n <img data-recalc-dims=\"1\" decoding=\"async\" id=\"hero-img\" src=\"https:\/\/i0.wp.com\/transparencia2017.japaf.gob.mx\/wp-content\/uploads\/imgsnotas\/desasolve%20Constancia.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>Por indicaciones del alcalde <a href=\"https:\/\/www.facebook.com\/GildardoLeyvaPresidente\" target=\"_blank\" rel=\"noopener\">Gildardo Leyva<\/a>, JAPAF contin\u00faa reforzando las acciones de mantenimiento y atenci\u00f3n a la red de drenaje sanitario en la comunidad de La Constancia, realizando trabajos para solucionar problemas de drenajes colapsados y mejorar el funcionamiento del sistema.<\/p>\n\n <p>Estas labores forman parte del compromiso permanente de brindar servicios p\u00fablicos m\u00e1s eficientes y atender de manera oportuna las necesidades de la poblaci\u00f3n.<\/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 al drenaje.<\/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>Mantener limpias las descargas domiciliarias.<\/li>\n <\/ul>\n <\/div>\n\n <p>Con peque\u00f1as acciones desde casa contribuimos al buen funcionamiento de la red sanitaria y evitamos afectaciones a nuestras familias y comunidades.<\/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 contin\u00faa reforzando el mantenimiento al drenaje sanitario en La Constancia. #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 Rehabilitaci\u00f3n de Sistema de Drenaje Sanitario en la Localidad de Constancia JAPAF El Fuerte \u00b7 Se realizan los trabajos de desazolve. Por indicaciones del alcalde Gildardo Leyva, JAPAF contin\u00faa reforzando las acciones de mantenimiento y atenci\u00f3n a la … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/japaf.gob.mx\/V.1\/2026\/06\/17\/elementor-935\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Rehabilitaci\u00f3n de Sistema de Drenaje Sanitario en la Localidad de Constancia”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":951,"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-935","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-Constancia.jpg?fit=2048%2C1152&ssl=1","_links":{"self":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/935","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=935"}],"version-history":[{"count":5,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/935\/revisions"}],"predecessor-version":[{"id":995,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/posts\/935\/revisions\/995"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media\/951"}],"wp:attachment":[{"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/media?parent=935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/categories?post=935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/japaf.gob.mx\/V.1\/wp-json\/wp\/v2\/tags?post=935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}