{"id":34649,"date":"2026-07-23T08:36:32","date_gmt":"2026-07-23T08:36:32","guid":{"rendered":"https:\/\/keckebonagung.demakkab.go.id\/?page_id=34649"},"modified":"2026-07-23T08:49:54","modified_gmt":"2026-07-23T08:49:54","slug":"visi-misi-2","status":"publish","type":"page","link":"https:\/\/keckebonagung.demakkab.go.id\/index.php\/visi-misi-2\/","title":{"rendered":""},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">    <style>\n      .pf-wrap { max-width:100%; width:100%; margin:0 auto; font-family:Arial,Helvetica,sans-serif; box-sizing:border-box; padding:0 20px; }\n\n      \/* --- Menu grid (4 kartu) --- *\/\n      .pm-wrap { background:#0d1420; border-radius:14px; padding:30px; margin:30px auto; max-width:100%; }\n      .pm-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px 40px; }\n      .pm-card { display:flex; gap:14px; align-items:flex-start; text-decoration:none; }\n      .pm-icon { flex:0 0 44px; width:44px; height:44px; border-radius:10px; background:#163a2a; color:#4ade80; display:flex; align-items:center; justify-content:center; font-size:20px; }\n      .pm-text h4 { margin:0 0 4px; color:#fff; font-size:15px; }\n      .pm-text p { margin:0; color:#9aa5b5; font-size:13px; line-height:1.5; }\n      @media (max-width:800px) { .pm-grid { grid-template-columns:1fr; } }\n\n      \/* --- Selayang Pandang --- *\/\n      .sp-banner { background:linear-gradient(135deg,#0f4a2e,#1f7a4d); border-radius:16px; padding:40px; display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; margin-bottom:30px; }\n      .sp-banner h2 { color:#dcf5e6; font-size:38px; font-weight:800; margin:0 0 16px; line-height:1.2; }\n      .sp-banner p { color:#d7f5e3; font-size:15px; line-height:1.7; margin:0; }\n      .sp-banner img { width:100%; border-radius:12px; object-fit:cover; max-height:340px; }\n\n      .sp-legal { color:#d1d5db; font-size:14px; line-height:1.8; background:#0d1420; border-radius:12px; padding:22px 26px; margin-bottom:30px; }\n      .sp-legal strong { color:#fff; }\n\n      .sp-batas-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:36px; }\n      .sp-batas-card { background:#0d1420; border-radius:10px; padding:18px 20px; }\n      .sp-batas-label { color:#4ade80; font-size:12px; font-weight:700; letter-spacing:1px; margin-bottom:8px; }\n      .sp-batas-value { color:#fff; font-weight:700; font-size:15px; }\n\n      .sp-section-title { color:#fff; font-size:22px; font-weight:800; margin:0 0 16px; border-left:4px solid #22c55e; padding-left:14px; }\n      .sp-section-desc { color:#9aa5b5; font-size:14px; line-height:1.7; margin-bottom:20px; }\n\n      .sp-desa-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:36px; }\n      .sp-desa-card { display:flex; align-items:center; gap:14px; background:#0d1420; border:1px solid #1f2937; border-radius:10px; padding:16px 18px; }\n      .sp-desa-num { flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:#123c24; color:#4ade80; font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; }\n      .sp-desa-name { color:#86efac; font-weight:700; font-size:14px; }\n\n      .sp-sejarah { color:#d1d5db; font-size:14px; line-height:1.8; margin-bottom:36px; white-space:pre-line; }\n\n      .dk-wrap { margin-bottom:20px; }\n      .dk-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:20px; }\n      .dk-main { background:#1f7a4d; border-radius:14px; padding:28px; color:#fff; }\n      .dk-main h4 { font-size:22px; margin:0 0 10px; }\n      .dk-main p { font-size:13px; opacity:0.9; margin:0 0 20px; }\n      .dk-main .angka { font-size:36px; font-weight:800; margin-bottom:4px; }\n      .dk-main .satuan { font-size:14px; opacity:0.9; margin-bottom:20px; }\n      .dk-main-split { display:flex; gap:20px; border-top:1px solid rgba(255,255,255,0.25); padding-top:16px; }\n      .dk-main-split div strong { display:block; font-size:22px; }\n      .dk-main-split div span { font-size:11px; opacity:0.85; }\n\n      .dk-card { background:#0d1420; border:1px solid #1f2937; border-radius:12px; padding:18px 20px; display:flex; flex-direction:column; }\n      .dk-card-top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:12px; }\n      .dk-card-icon { width:38px; height:38px; border-radius:8px; background:#163a2a; color:#4ade80; display:flex; align-items:center; justify-content:center; }\n      .dk-card-badge { font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; background:#163a2a; color:#86efac; }\n      .dk-card h5 { color:#fff; font-size:15px; margin:0 0 4px; }\n      .dk-card p { color:#9aa5b5; font-size:12px; margin:0 0 14px; }\n      .dk-card-foot { display:flex; justify-content:space-between; border-top:1px solid #1f2937; padding-top:10px; font-size:12px; color:#9aa5b5; }\n      .dk-card-foot strong { color:#fff; }\n      .dk-tren-baik { color:#4ade80; font-weight:700; }\n      .dk-tren-naik { color:#f87171; font-weight:700; }\n\n      \/* Wadah gelap pembungkus Selayang Pandang - supaya semua teks putih\n         di dalamnya SELALU kontras, apapun warna latar halaman aslinya *\/\n      .sp-shell { background:#0a0f1a; border-radius:20px; padding:40px; }\n      @media (max-width:700px) { .sp-shell { padding:24px 18px; } }\n\n      \/* --- Visi & Misi (tema terang, terpisah dari Selayang Pandang) --- *\/\n      .vm-wrap { max-width:780px !important; width:100% !important; margin:40px auto !important; padding:0 20px !important; box-sizing:border-box !important; float:none !important; }\n      .vm-title { font-family:Georgia,'Times New Roman',serif; font-size:38px; font-weight:700; color:#14432a; text-align:center; margin:0 0 40px; }\n      .vm-badge { display:inline-block; background:#eaf3ee; color:#1f5c3f; font-weight:700; font-size:11px; letter-spacing:2px; padding:6px 16px; border-radius:20px; margin-bottom:16px; text-transform:uppercase; }\n      .vm-visi-box { border-left:4px solid #1f5c3f; background:#fafdfb; padding:24px 28px; border-radius:0 10px 10px 0; margin-bottom:46px; }\n      .vm-visi-text { font-family:Georgia,serif; font-style:italic; font-size:21px; line-height:1.6; color:#1f2937; margin:0; }\n      .vm-misi-item { display:flex; gap:16px; align-items:flex-start; margin-bottom:18px; }\n      .vm-misi-num { flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:#1f5c3f; color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; font-size:13px; }\n      .vm-misi-text { font-size:15px; line-height:1.7; color:#374151; padding-top:5px; }\n\n      @media (max-width:900px) {\n        .sp-banner { grid-template-columns:1fr; }\n        .sp-batas-grid { grid-template-columns:repeat(2,1fr); }\n        .sp-desa-grid { grid-template-columns:repeat(2,1fr); }\n        .dk-grid { grid-template-columns:1fr; }\n      }\n      @media (max-width:600px) { .vm-title { font-size:28px; } .vm-visi-text { font-size:17px; } }\n    <\/style>\n        <div class=\"vm-wrap\">\n        <div class=\"vm-title\">Visi &amp; Misi<\/div>\n\n                    <div class=\"vm-badge\">VISI<\/div>\n            <div class=\"vm-visi-box\">\n                <p class=\"vm-visi-text\">&ldquo;Mewujudkan Kecamatan Kebonagung yang Maju, Sejahtera, dan Berbudaya.&rdquo;<\/p>\n            <\/div>\n        \n                    <div class=\"vm-badge\">MISI<\/div>\n            <div style=\"margin-top:16px;\">\n                                    <div class=\"vm-misi-item\">\n                        <div class=\"vm-misi-num\">1<\/div>\n                        <div class=\"vm-misi-text\">Meningkatkan kualitas sumber daya manusia yang berdaya saing dan berakhlak.<\/div>\n                    <\/div>\n                                    <div class=\"vm-misi-item\">\n                        <div class=\"vm-misi-num\">2<\/div>\n                        <div class=\"vm-misi-text\">Memperkuat tata kelola pemerintahan yang baik dan berintegritas.<\/div>\n                    <\/div>\n                                    <div class=\"vm-misi-item\">\n                        <div class=\"vm-misi-num\">3<\/div>\n                        <div class=\"vm-misi-text\">Mengembangkan ekonomi daerah yang berkelanjutan dan berbasis potensi lokal.<\/div>\n                    <\/div>\n                                    <div class=\"vm-misi-item\">\n                        <div class=\"vm-misi-num\">4<\/div>\n                        <div class=\"vm-misi-text\">Mewujudkan infrastruktur berkualitas yang mendukung pertumbuhan ekonomi dan kesejahteraan masyarakat.<\/div>\n                    <\/div>\n                                    <div class=\"vm-misi-item\">\n                        <div class=\"vm-misi-num\">5<\/div>\n                        <div class=\"vm-misi-text\">Memperkuat ketahanan sosial dan lingkungan yang inklusif dan berkelanjutan.<\/div>\n                    <\/div>\n                            <\/div>\n        \n            <\/div>\n    <\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-34649","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/keckebonagung.demakkab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/34649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keckebonagung.demakkab.go.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keckebonagung.demakkab.go.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keckebonagung.demakkab.go.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keckebonagung.demakkab.go.id\/index.php\/wp-json\/wp\/v2\/comments?post=34649"}],"version-history":[{"count":3,"href":"https:\/\/keckebonagung.demakkab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/34649\/revisions"}],"predecessor-version":[{"id":34661,"href":"https:\/\/keckebonagung.demakkab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/34649\/revisions\/34661"}],"wp:attachment":[{"href":"https:\/\/keckebonagung.demakkab.go.id\/index.php\/wp-json\/wp\/v2\/media?parent=34649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}