{"id":428,"date":"2026-03-05T07:47:08","date_gmt":"2026-03-05T07:47:08","guid":{"rendered":"https:\/\/lpm.stikes-hi.ac.id\/?page_id=428"},"modified":"2026-03-28T14:02:49","modified_gmt":"2026-03-28T14:02:49","slug":"auditor-internal","status":"publish","type":"page","link":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/auditor-internal\/","title":{"rendered":"Auditor Internal"},"content":{"rendered":"\n<style>\n    .spmi-wrapper {\n        font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n        color: #1e293b;\n        max-width: 900px;\n        margin: 1.5rem auto;\n        padding: 0 20px;\n        line-height: 1.5;\n        opacity: 0; \/* Sembunyi awal *\/\n    }\n\n    \/* Trigger Class *\/\n    .spmi-wrapper.reveal {\n        animation: fadeIn 0.6s ease-out forwards;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .spmi-label-top {\n        display: block;\n        font-size: 1.05rem;\n        font-weight: 700;\n        color: #0f172a;\n        margin-bottom: 0.75rem;\n        border-left: 4px solid #3b82f6;\n        padding-left: 10px;\n    }\n\n    .spmi-main-content { padding-bottom: 1.5rem; }\n\n    .spmi-paragraph {\n        font-size: 0.9rem;\n        margin-bottom: 1rem;\n        text-align: justify;\n    }\n\n    .spmi-quote-box {\n        background: #f8fafc;\n        padding: 1rem;\n        border-radius: 6px;\n        font-style: italic;\n        font-size: 0.85rem;\n        color: #475569;\n        border: 1px solid #e2e8f0;\n        opacity: 0;\n    }\n\n    .reveal .spmi-quote-box { animation: fadeIn 0.8s ease-out 0.2s forwards; }\n\n    .spmi-feature-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1.25rem;\n    }\n\n    .spmi-feature-item {\n        border-top: 2px solid #e2e8f0;\n        padding-top: 0.75rem;\n        opacity: 0;\n    }\n\n    .reveal .spmi-feature-item { animation: fadeIn 0.6s ease-out 0.4s forwards; }\n    .reveal .spmi-feature-item:nth-child(2) { animation-delay: 0.5s; }\n    .reveal .spmi-feature-item:nth-child(3) { animation-delay: 0.6s; }\n\n    .spmi-feature-label {\n        display: block;\n        font-size: 0.7rem;\n        font-weight: 800;\n        color: #3b82f6;\n        text-transform: uppercase;\n        margin-bottom: 0.4rem;\n    }\n\n    .spmi-feature-text { font-size: 0.8rem; color: #334155; margin: 0; }\n\n    @media (max-width: 768px) {\n        .spmi-feature-grid { grid-template-columns: 1fr; gap: 1.5rem; }\n    }\n<\/style>\n\n<div class=\"spmi-wrapper\" id=\"spmi-scroll\">\n    <div class=\"spmi-main-content\">\n        <span class=\"spmi-label-top\">Apa itu Auditor Internal SPMI?<\/span>\n        <p class=\"spmi-paragraph\">\n            <strong>Auditor Internal<\/strong> adalah personel kompeten yang melakukan pemeriksaan objektif dan independen terhadap standar mutu untuk memastikan siklus PPEPP berjalan efektif.\n        <\/p>\n        <div class=\"spmi-quote-box\">\n            Bukan sebagai &#8220;polisi&#8221; pencari kesalahan, melainkan mitra strategis peningkatan mutu.\n        <\/div>\n    <\/div>\n\n    <div class=\"spmi-feature-grid\">\n        <div class=\"spmi-feature-item\">\n            <span class=\"spmi-feature-label\">Tujuan<\/span>\n            <p class=\"spmi-feature-text\">Verifikasi kesesuaian standar dengan realita lapangan serta menemukan peluang peningkatan mutu.<\/p>\n        <\/div>\n        <div class=\"spmi-feature-item\">\n            <span class=\"spmi-feature-label\">Karakter<\/span>\n            <p class=\"spmi-feature-text\">Independen, berintegritas, dan komunikatif dalam memberikan rekomendasi perbaikan.<\/p>\n        <\/div>\n        <div class=\"spmi-feature-item\">\n            <span class=\"spmi-feature-label\">Output<\/span>\n            <p class=\"spmi-feature-text\">Laporan Hasil Audit sebagai bahan tindak lanjut dalam Rapat Tinjauan Manajemen (RTM).<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    const spmiObserver = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('reveal');\n            }\n        });\n    }, { threshold: 0.15 });\n\n    spmiObserver.observe(document.getElementById('spmi-scroll'));\n<\/script>\n\n\n\n\n<div class=\"news-slider-container\">\n    <div class=\"news-slider\" id=\"newsSlider\">\n        <div style=\"padding: 30px; text-align: center; width: 100%; color: #94a3b8; font-size: 12px;\">Memuat berita terbaru&#8230;<\/div>\n    <\/div>\n\n    <div class=\"slider-controls\">\n        <button class=\"nav-btn btn-visible\" onclick=\"moveSlide(-1)\" aria-label=\"Previous\">\n            <span class=\"nav-symbol\">&lt;&lt;<\/span>\n        <\/button>\n        \n        <div class=\"dots-container\" id=\"dotsContainer\"><\/div>\n        \n        <button class=\"nav-btn btn-visible\" onclick=\"moveSlide(1)\" aria-label=\"Next\">\n            <span class=\"nav-symbol\">&gt;&gt;<\/span>\n        <\/button>\n    <\/div>\n<\/div>\n\n<style>\n    .news-slider-container {\n        position: relative;\n        max-width: 700px;\n        margin: 10px auto;\n        overflow: hidden;\n        border-radius: 12px;\n        background: #fff;\n        border: 1px solid #e2e8f0;\n        font-family: 'Inter', -apple-system, sans-serif;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    }\n\n    .news-slider {\n        display: flex;\n        transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .news-slide {\n        min-width: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .news-slide img {\n        width: 100%;\n        height: 300px;\n        object-fit: cover;\n        background: #f1f5f9;\n    }\n\n    .news-caption {\n        padding: 20px;\n        background: #fff;\n    }\n\n    .news-caption h3 { \n        margin: 0 0 8px; \n        font-size: 16px; \n        line-height: 1.4;\n        font-weight: 700;\n        color: #1e293b;\n    }\n    \n    .news-caption p { \n        margin: 0 0 15px; \n        font-size: 13px;\n        line-height: 1.6;\n        color: #475569;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n\n    .read-more {\n        display: inline-block;\n        padding: 8px 16px;\n        background: #1e3a8a; \/* Biru Tua *\/\n        color: #fff !important;\n        text-decoration: none !important;\n        border-radius: 6px;\n        font-size: 12px;\n        font-weight: 600;\n        transition: 0.3s;\n    }\n\n    .read-more:hover {\n        background: #172554;\n        box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3);\n    }\n\n    .slider-controls {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 12px 20px;\n        border-top: 1px solid #f1f5f9;\n        background: #fcfcfc;\n    }\n\n    .nav-btn.btn-visible {\n        background: #1e3a8a;\n        border: none;\n        width: 40px;\n        height: 36px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        border-radius: 8px;\n    }\n\n    .nav-symbol { color: #ffffff; font-size: 14px; font-weight: bold; }\n\n    .dots-container { display: flex; gap: 8px; }\n\n    .dot {\n        height: 8px; \n        width: 8px;\n        background-color: #cbd5e1; \n        border-radius: 50%;\n        cursor: pointer;\n        transition: 0.3s;\n    }\n\n    .dot.active { \n        background-color: #1e3a8a;\n        width: 20px; \n        border-radius: 10px; \n    }\n\n    @media (max-width: 600px) {\n        .news-slide img { height: 200px; }\n        .news-caption h3 { font-size: 14px; }\n    }\n<\/style>\n\n<script>\n    let currentSlide = 0;\n    let totalSlides = 0;\n    const slider = document.getElementById('newsSlider');\n    const dotsContainer = document.getElementById('dotsContainer');\n\n    async function fetchNews() {\n        try {\n            \/\/ UPDATED: ID kategori sekarang menggunakan 19\n            const apiUrl = 'https:\/\/lpm.stikes-hi.ac.id\/wp-json\/wp\/v2\/posts?categories=19&_embed&per_page=5';\n            \n            const response = await fetch(apiUrl);\n            if (!response.ok) throw new Error('Network response was not ok');\n            \n            const posts = await response.json();\n\n            if (posts && posts.length > 0) {\n                slider.innerHTML = '';\n                dotsContainer.innerHTML = '';\n                totalSlides = posts.length;\n\n                posts.forEach((post, i) => {\n                    let imageUrl = 'https:\/\/via.placeholder.com\/800x450\/f1f5f9\/64748b?text=STIKES+HI+JAMBI';\n                    \n                    try {\n                        if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n                            imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n                        } else if (post.content.rendered.includes('<img')) {\n                            const div = document.createElement('div');\n                            div.innerHTML = post.content.rendered;\n                            const firstImg = div.querySelector('img');\n                            if (firstImg) imageUrl = firstImg.src;\n                        }\n                    } catch (e) { console.error(\"Error parsing image\", e); }\n\n                    const cleanTitle = post.title.rendered\n                        .replace(\/&nbsp;\/g, ' ')\n                        .replace(\/&amp;\/g, '&#038;')\n                        .replace(\/&#8211;\/g, '-')\n                        .replace(\/&#8217;\/g, \"'\")\n                        .replace(\/&#8220;\/g, '\"')\n                        .replace(\/&#8221;\/g, '\"');\n                        \n                    const excerpt = post.excerpt.rendered.replace(\/<[^>]*>?\/gm, '').substring(0, 100) + '...';\n\n                    const slide = document.createElement('div');\n                    slide.classList.add('news-slide');\n                    slide.innerHTML = `\n                        <img decoding=\"async\" src=\"${imageUrl}\" alt=\"${cleanTitle}\" onerror=\"this.src='https:\/\/via.placeholder.com\/800x450\/f1f5f9\/64748b?text=Berita+STIKES+HI'\">\n                        <div class=\"news-caption\">\n                            <h3>${cleanTitle}<\/h3>\n                            <p>${excerpt}<\/p>\n                            <a href=\"${post.link}\" class=\"read-more\" target=\"_blank\">Baca Selengkapnya<\/a>\n                        <\/div>\n                    `;\n                    slider.appendChild(slide);\n\n                    const dot = document.createElement('span');\n                    dot.classList.add('dot');\n                    if (i === 0) dot.classList.add('active');\n                    dot.onclick = () => goToSlide(i);\n                    dotsContainer.appendChild(dot);\n                });\n            } else {\n                slider.innerHTML = '<div style=\"padding: 40px; text-align: center; width: 100%; color: #64748b;\">Belum ada berita terbaru di kategori ini.<\/div>';\n            }\n        } catch (error) {\n            console.error('Error:', error);\n            slider.innerHTML = '<div style=\"padding: 40px; text-align: center; width: 100%; color: #ef4444;\">Gagal memuat berita.<\/div>';\n        }\n    }\n\n    function updateDots() {\n        const dots = document.querySelectorAll('.dot');\n        dots.forEach((dot, i) => {\n            dot.classList.toggle('active', i === currentSlide);\n        });\n    }\n\n    function moveSlide(step) {\n        if (totalSlides === 0) return;\n        currentSlide = (currentSlide + step + totalSlides) % totalSlides;\n        slider.style.transform = `translateX(-${currentSlide * 100}%)`;\n        updateDots();\n    }\n\n    function goToSlide(index) {\n        currentSlide = index;\n        slider.style.transform = `translateX(-${currentSlide * 100}%)`;\n        updateDots();\n    }\n\n    fetchNews();\n\n    let autoSlide = setInterval(() => moveSlide(1), 7000);\n    document.querySelector('.news-slider-container').addEventListener('mouseenter', () => clearInterval(autoSlide));\n    document.querySelector('.news-slider-container').addEventListener('mouseleave', () => {\n        autoSlide = setInterval(() => moveSlide(1), 7000);\n    });\n<\/script>\n\n\n\n<style>\n    :root {\n        --primary: #4472c4;\n        --text: #333;\n    }\n\n    @keyframes slideInRight {\n        from { opacity: 0; transform: translateX(30px); }\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    .auditor-slim-container {\n        font-family: 'Segoe UI', sans-serif;\n        max-width: 700px; \n        margin: 10px auto;\n        padding: 15px;\n        background: #fff;\n        border-radius: 8px;\n        box-shadow: 0 2px 15px rgba(0,0,0,0.05);\n    }\n\n    \/* Modifikasi: Animasi hanya jalan jika ada class .active *\/\n    .auditor-title-slim {\n        text-align: center;\n        color: var(--primary);\n        font-size: 16px;\n        font-weight: bold;\n        text-transform: uppercase;\n        margin-bottom: 15px;\n        border-bottom: 1px solid #eee;\n        padding-bottom: 8px;\n        opacity: 0; \/* Sembunyi dulu *\/\n    }\n\n    .auditor-title-slim.active {\n        animation: slideInRight 0.5s ease-out forwards;\n    }\n\n    .auditor-table-slim {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 13px;\n    }\n\n    .auditor-table-slim th {\n        background-color: #f8f9fa;\n        color: var(--primary);\n        padding: 8px 10px;\n        text-align: left;\n        border-bottom: 2px solid #eee;\n    }\n\n    .auditor-table-slim td {\n        padding: 6px 10px;\n        border-bottom: 1px solid #f5f5f5;\n        color: var(--text);\n    }\n\n    \/* Modifikasi: Baris tabel sembunyi sampai container aktif *\/\n    .auditor-table-slim tr {\n        opacity: 0;\n    }\n\n    .active .auditor-table-slim tr {\n        animation: slideInRight 0.4s ease-out forwards;\n    }\n\n    .badge-mini {\n        background: #eef2f7;\n        color: var(--primary);\n        padding: 2px 8px;\n        border-radius: 4px;\n        font-size: 10px;\n        font-weight: 600;\n    }\n\n    .btn-slim {\n        background: var(--primary);\n        color: #fff !important;\n        padding: 3px 10px;\n        border-radius: 4px;\n        text-decoration: none;\n        font-size: 11px;\n        transition: 0.2s;\n        display: inline-block;\n    }\n\n    .btn-slim:hover { \n        background: #335694; \n        transform: scale(1.05);\n    }\n\n    \/* Delay Animasi tetap dipertahankan *\/\n    .active .auditor-table-slim tr:nth-child(1) { animation-delay: 0.1s; }\n    .active .auditor-table-slim tr:nth-child(2) { animation-delay: 0.2s; }\n    .active .auditor-table-slim tr:nth-child(3) { animation-delay: 0.3s; }\n    .active .auditor-table-slim tr:nth-child(4) { animation-delay: 0.4s; }\n    .active .auditor-table-slim tr:nth-child(5) { animation-delay: 0.5s; }\n    .active .auditor-table-slim tr:nth-child(6) { animation-delay: 0.6s; }\n    .active .auditor-table-slim tr:nth-child(7) { animation-delay: 0.7s; }\n    .active .auditor-table-slim tr:nth-child(8) { animation-delay: 0.8s; }\n\n    @media (max-width: 500px) {\n        .hide-mobile { display: none; }\n    }\n<\/style>\n\n<div class=\"auditor-slim-container\" id=\"scroll-trigger\">\n    <div class=\"auditor-title-slim\" id=\"title-trigger\">Daftar Auditor Internal<\/div>\n    \n    <table class=\"auditor-table-slim\">\n        <thead>\n            <tr>\n                <th>Nama Lengkap<\/th>\n                <th class=\"hide-mobile\">Peran<\/th>\n                <th style=\"text-align: center;\">Aksi<\/th>\n            <\/tr>\n        <\/thead>\n        <tbody>\n            <tr>\n                <td><strong>Ns. Basok Buhari, S.Kep., M.Kep<\/strong><\/td>\n                <td class=\"hide-mobile\"><span class=\"badge-mini\">Auditor<\/span><\/td>\n                <td align=\"center\"><a href=\"https:\/\/drive.google.com\/file\/d\/1y3DgOYQ1acUoL_1J4Ihn7FlDS3i-5Ufk\/view?usp=drivesdk\" target=\"_blank\" class=\"btn-slim\">Sertifikat<\/a><\/td>\n            <\/tr>\n            <tr>\n                <td><strong>Dr. Novi Berliana, SKM., M.P.H<\/strong><\/td>\n                <td class=\"hide-mobile\"><span class=\"badge-mini\">Auditor<\/span><\/td>\n                <td align=\"center\"><a href=\"https:\/\/drive.google.com\/file\/d\/117LpG4LKu6vDH0H-iGA0hfcdfX5ojhlI\/view?usp=drivesdk\" target=\"_blank\" class=\"btn-slim\">Sertifikat<\/a><\/td>\n            <\/tr>\n            <tr>\n                <td><strong>Ns. Ani Astuti, S.Kep., M.Kep<\/strong><\/td>\n                <td class=\"hide-mobile\"><span class=\"badge-mini\">Auditor<\/span><\/td>\n                <td align=\"center\"><a href=\"https:\/\/drive.google.com\/file\/d\/14KHDdhecuYfSQbNAdXSqKftTPJVWi9ie\/view?usp=drivesdk\" target=\"_blank\" class=\"btn-slim\">Sertifikat<\/a><\/td>\n            <\/tr>\n            <tr>\n                <td><strong>Eti Kurniawati, SKM., M.Kes.<\/strong><\/td>\n                <td class=\"hide-mobile\"><span class=\"badge-mini\">Auditor<\/span><\/td>\n                <td align=\"center\"><a href=\"https:\/\/drive.google.com\/file\/d\/1_oDzmiWZywCE6RoCvQwKorjiHVMfNsY_\/view?usp=drivesdk\" target=\"_blank\" class=\"btn-slim\">Sertifikat<\/a><\/td>\n            <\/tr>\n            <tr>\n                <td><strong>Ns. Maulani, S.Kep., M.Kep<\/strong><\/td>\n                <td class=\"hide-mobile\"><span class=\"badge-mini\">Auditor<\/span><\/td>\n                <td align=\"center\"><a href=\"https:\/\/drive.google.com\/file\/d\/1B3A8JJy1RB7YlPy93retJLsmEWobipH-\/view?usp=drivesdk\" target=\"_blank\" class=\"btn-slim\">Sertifikat<\/a><\/td>\n            <\/tr>\n            <tr>\n                <td><strong>Ns. Dasuki, S.Kep., M.Kep<\/strong><\/td>\n                <td class=\"hide-mobile\"><span class=\"badge-mini\">Auditor<\/span><\/td>\n                <td align=\"center\"><a href=\"https:\/\/drive.google.com\/file\/d\/1H6qs0bDaJ45PiUwtnDB_o8eL-EYquwrU\/view?usp=drivesdk\" target=\"_blank\" class=\"btn-slim\">Sertifikat<\/a><\/td>\n            <\/tr>\n            <tr>\n                <td><strong>apt. Rasmala Dewi, M. Farm<\/strong><\/td>\n                <td class=\"hide-mobile\"><span class=\"badge-mini\">Auditor<\/span><\/td>\n                <td align=\"center\"><a href=\"https:\/\/drive.google.com\/file\/d\/1VLbhostZMZ6HuVii-2b67_pLF0eIdXnP\/view?usp=drivesdk\" target=\"_blank\" class=\"btn-slim\">Sertifikat<\/a><\/td>\n            <\/tr>\n            <tr>\n                <td><strong>Deny Sutrisno, M.Pd<\/strong><\/td>\n                <td class=\"hide-mobile\"><span class=\"badge-mini\">Auditor<\/span><\/td>\n                <td align=\"center\"><a href=\"https:\/\/drive.google.com\/file\/d\/1bYAZjW4rPdC6z1-vpNtQHmDaGXrfqYRB\/view?usp=drivesdk\" target=\"_blank\" class=\"btn-slim\">Sertifikat<\/a><\/td>\n            <\/tr>\n        <\/tbody>\n    <\/table>\n<\/div>\n\n<script>\n    \/\/ Script untuk mendeteksi scroll\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('active');\n                \/\/ Tambahkan active juga ke title di dalamnya\n                entry.target.querySelector('.auditor-title-slim').classList.add('active');\n            }\n        });\n    }, { threshold: 0.1 }); \/\/ Muncul saat 10% elemen terlihat\n\n    observer.observe(document.getElementById('scroll-trigger'));\n<\/script>\n\n\n\n\n<div class=\"lpm-button-container-small animate-entrance\">\n    <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/profil-lpm\/\" class=\"lpm-btn-sm-outline\">\n        <span class=\"icon\">\u2139\ufe0f<\/span> Profil LPM\n    <\/a>\n    \n    <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/gugus-kendali-mutu-program-studi\/\" class=\"lpm-btn-sm-outline\">\n        <span class=\"icon\">\ud83d\udee1\ufe0f<\/span> GKM Prodi\n    <\/a>\n    \n<\/div>\n\n<style>\n    \/* Animasi Muncul ke Atas (Konsisten dengan modul lain) *\/\n    @keyframes entranceFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .animate-entrance {\n        animation: entranceFadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;\n    }\n\n    .lpm-button-container-small {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 10px; \/* Jarak lebih rapat *\/\n        padding: 15px 0;\n        width: 100%;\n        max-width: 700px;\n        margin: 0 auto;\n    }\n\n    \/* Gaya Tombol Versi Kecil *\/\n    .lpm-btn-sm-outline {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: transparent;\n        color: #0056b3 !important;\n        padding: 6px 14px; \/* Padding diperkecil *\/\n        text-decoration: none !important;\n        border-radius: 6px; \/* Radius lebih kecil *\/\n        font-family: 'Inter', system-ui, sans-serif;\n        font-size: 12px; \/* Ukuran font diperkecil *\/\n        font-weight: 600;\n        transition: all 0.3s ease;\n        border: 1.5px solid #0056b3; \/* Border lebih tipis *\/\n        box-sizing: border-box;\n        white-space: nowrap;\n    }\n\n    \/* Efek Hover *\/\n    .lpm-btn-sm-outline:hover {\n        background-color: #0056b3;\n        color: #ffffff !important;\n        transform: translateY(-3px); \/* Efek naik lebih halus *\/\n        box-shadow: 0 4px 10px rgba(0, 86, 179, 0.15);\n    }\n\n    .icon {\n        margin-right: 6px;\n        font-size: 14px; \/* Icon diperkecil *\/\n    }\n\n    \/* Responsif Mobile *\/\n    @media screen and (max-width: 600px) {\n        .lpm-button-container-small {\n            gap: 8px;\n        }\n        .lpm-btn-sm-outline {\n            flex: 1; \/* Di mobile tombol membagi ruang rata *\/\n            min-width: 100px;\n            font-size: 11px;\n            padding: 8px 10px;\n        }\n    }\n<\/style>\n\n\n\n<style>\n  \/* Keyframe Animasi Muncul *\/\n  @keyframes fadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .ppepp-mini-wrapper {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    justify-content: center;\n    padding: 15px 5px;\n    font-family: 'Inter', -apple-system, sans-serif;\n  }\n\n  .ppepp-btn {\n    display: flex;\n    align-items: center;\n    padding: 6px 14px;\n    border-radius: 50px;\n    text-decoration: none !important;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 1px solid transparent;\n    background: #f8f9fa;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n    \n    \/* Terapkan animasi ke tombol *\/\n    animation: fadeUp 0.5s ease-out both;\n  }\n\n  \/* Delay bergantian agar muncul satu per satu *\/\n  .btn-p1 { animation-delay: 0.1s; }\n  .btn-p2 { animation-delay: 0.2s; }\n  .btn-e  { animation-delay: 0.3s; }\n  .btn-p3 { animation-delay: 0.4s; }\n  .btn-p4 { animation-delay: 0.5s; }\n\n  .ppepp-char {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    color: #fff;\n    font-weight: 800;\n    font-size: 11px;\n    margin-right: 8px;\n    flex-shrink: 0;\n  }\n\n  .ppepp-text {\n    font-size: 13px;\n    font-weight: 600;\n    color: #444;\n    white-space: nowrap;\n  }\n\n  \/* Warna Identitas *\/\n  .btn-p1 .ppepp-char { background: #e74c3c; } .btn-p1:hover { border-color: #e74c3c; background: #fff5f5; }\n  .btn-p2 .ppepp-char { background: #3498db; } .btn-p2:hover { border-color: #3498db; background: #f0f7ff; }\n  .btn-e  .ppepp-char { background: #2ecc71; } .btn-e:hover  { border-color: #2ecc71; background: #f2fff7; }\n  .btn-p3 .ppepp-char { background: #f1c40f; } .btn-p3:hover { border-color: #f1c40f; background: #fffdf0; }\n  .btn-p4 .ppepp-char { background: #c0392b; } .btn-p4:hover { border-color: #c0392b; background: #fff5f5; }\n\n  .ppepp-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 12px rgba(0,0,0,0.08);\n  }\n\n  @media (max-width: 480px) {\n    .ppepp-mini-wrapper { gap: 6px; }\n    .ppepp-btn { padding: 5px 10px; }\n    .ppepp-text { font-size: 11px; }\n    .ppepp-char { width: 18px; height: 18px; font-size: 9px; margin-right: 5px; }\n  }\n<\/style>\n\n<div class=\"ppepp-mini-wrapper\">\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/dokumen-mutu\/\" class=\"ppepp-btn btn-p1\">\n    <div class=\"ppepp-char\">P<\/div> <span class=\"ppepp-text\">Penetapan<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/pelaksanaan\/\" class=\"ppepp-btn btn-p2\">\n    <div class=\"ppepp-char\">P<\/div> <span class=\"ppepp-text\">Pelaksanaan<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/dokumen-monev-dan-ami\/\" class=\"ppepp-btn btn-e\">\n    <div class=\"ppepp-char\">E<\/div> <span class=\"ppepp-text\">Evaluasi<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/rapat-tinjauan-manajemen-dan-rencana-tindak-lanjut\/\" class=\"ppepp-btn btn-p3\">\n    <div class=\"ppepp-char\">P<\/div> <span class=\"ppepp-text\">Pengendalian<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/benchmarking\/\" class=\"ppepp-btn btn-p4\">\n    <div class=\"ppepp-char\">P<\/div> <span class=\"ppepp-text\">Peningkatan<\/span>\n  <\/a>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apa itu Auditor Internal SPMI? Auditor Internal adalah personel kompeten yang melakukan pemeriksaan objektif dan independen terhadap standar mutu untuk memastikan siklus PPEPP berjalan efektif. Bukan sebagai &#8220;polisi&#8221; pencari kesalahan, melainkan mitra strategis peningkatan mutu. Tujuan Verifikasi kesesuaian standar dengan &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-428","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":27,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/428\/revisions"}],"predecessor-version":[{"id":1655,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/428\/revisions\/1655"}],"wp:attachment":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}