{"id":1979,"date":"2026-05-05T15:39:04","date_gmt":"2026-05-05T07:09:04","guid":{"rendered":"https:\/\/depedilocosnorte.com\/sdoin\/?page_id=1979"},"modified":"2026-08-26T16:15:54","modified_gmt":"2026-08-26T07:45:54","slug":"welcome","status":"publish","type":"page","link":"https:\/\/depedilocosnorte.com\/sdoin\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n\n\/* =========================================================\n   GLOBAL\n   ========================================================= *\/\n\n.sdoin-homepage {\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    font-family: Arial, Helvetica, sans-serif !important;\n    color: #222 !important;\n    background: #ffffff !important;\n}\n\n.sdoin-homepage * {\n    box-sizing: border-box !important;\n}\n\n\n\/* =========================================================\n   WELCOME SECTION\n   ========================================================= *\/\n\n.welcome-section {\n    width: 100% !important;\n    padding: 40px 20px !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    background: transparent !important;\n}\n\n\n\/* =========================================================\n   WELCOME CARD\n   ========================================================= *\/\n\n.welcome-card {\n    position: relative !important;\n    width: 100% !important;\n    max-width: 1100px !important;\n    min-height: 380px !important;\n    background: #ffffff !important;\n    border-radius: 24px !important;\n    overflow: hidden !important;\n\n    box-shadow:\n        0 15px 40px rgba(0,0,0,0.12) !important;\n\n    display: flex !important;\n    align-items: center !important;\n}\n\n\n\/* =========================================================\n   WELCOME CONTENT\n   ========================================================= *\/\n\n.welcome-content {\n    position: relative !important;\n    z-index: 5 !important;\n    width: 100% !important;\n    min-height: 380px !important;\n    padding: 50px 45px !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n\n\n\/* =========================================================\n   SDOIN LOGO\n   ========================================================= *\/\n\n.welcome-logo-area {\n    position: absolute !important;\n    left: 35px !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n\n    width: 190px !important;\n    height: 190px !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    z-index: 10 !important;\n}\n\n.welcome-logo {\n    width: 180px !important;\n    height: 180px !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    flex-shrink: 0 !important;\n}\n\n.welcome-logo img {\n    display: block !important;\n\n    width: 180px !important;\n    height: 180px !important;\n\n    max-width: none !important;\n    max-height: none !important;\n\n    object-fit: contain !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border: none !important;\n\n    filter:\n        drop-shadow(\n            0 5px 10px\n            rgba(0,0,0,0.16)\n        ) !important;\n}\n\n\n\/* =========================================================\n   WELCOME TEXT\n   ========================================================= *\/\n\n.welcome-text {\n    position: relative !important;\n    z-index: 10 !important;\n\n    width: 100% !important;\n    max-width: 700px !important;\n\n    margin: 0 auto !important;\n\n    padding-left: 130px !important;\n    padding-right: 20px !important;\n\n    text-align: center !important;\n}\n\n.welcome-small {\n    margin: 0 0 10px !important;\n\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    letter-spacing: 4px !important;\n\n    color: #d71920 !important;\n}\n\n.welcome-text h1 {\n    margin: 0 !important;\n\n    font-size: 52px !important;\n    line-height: 1.08 !important;\n    font-weight: 800 !important;\n\n    color: #0038a8 !important;\n}\n\n.welcome-text h1 span {\n    color: #d71920 !important;\n}\n\n.welcome-description {\n    margin: 20px auto 0 !important;\n\n    max-width: 600px !important;\n\n    font-size: 17px !important;\n    line-height: 1.7 !important;\n\n    color: #555 !important;\n}\n\n\n\/* =========================================================\n   WELCOME DECORATIONS\n   ========================================================= *\/\n\n.shape-blue {\n    position: absolute !important;\n\n    width: 350px !important;\n    height: 350px !important;\n\n    right: -150px !important;\n    top: -170px !important;\n\n    background: #0038a8 !important;\n\n    border-radius: 50% !important;\n\n    z-index: 1 !important;\n}\n\n.shape-red {\n    position: absolute !important;\n\n    width: 220px !important;\n    height: 220px !important;\n\n    right: -80px !important;\n    bottom: -120px !important;\n\n    background: #d71920 !important;\n\n    border-radius: 50% !important;\n\n    z-index: 1 !important;\n}\n\n.bottom-accent {\n    position: absolute !important;\n\n    left: 0 !important;\n    bottom: 0 !important;\n\n    width: 100% !important;\n    height: 7px !important;\n\n    background: linear-gradient(\n        to right,\n        #0038a8 0%,\n        #0038a8 50%,\n        #d71920 50%,\n        #d71920 100%\n    ) !important;\n\n    z-index: 10 !important;\n}\n\n\n\/* =========================================================\n   THREE-IMAGE CAROUSEL\n   ========================================================= *\/\n\n.sdoin-modern-carousel {\n    position: relative !important;\n\n    width: calc(100% - 40px) !important;\n\n    max-width: 1250px !important;\n\n    margin: 30px auto 55px !important;\n\n    background: #063b5c !important;\n\n    border-radius: 20px !important;\n\n    overflow: hidden !important;\n\n    box-shadow:\n        0 15px 45px rgba(0,40,70,0.25) !important;\n\n    font-family: Arial, Helvetica, sans-serif !important;\n}\n\n\n\/* =========================================================\n   CAROUSEL WINDOW\n   ========================================================= *\/\n\n.sdoin-carousel-window {\n    position: relative !important;\n\n    width: 100% !important;\n\n    overflow: hidden !important;\n\n    background: #ffffff !important;\n}\n\n\n\/* =========================================================\n   CAROUSEL TRACK\n   ========================================================= *\/\n\n.sdoin-carousel-track {\n    display: flex !important;\n\n    width: 300% !important;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    transform: translate3d(0, 0, 0) !important;\n\n    transition:\n        transform 0.7s ease-in-out !important;\n\n    will-change: transform !important;\n}\n\n\n\/* =========================================================\n   EACH SLIDE\n   ========================================================= *\/\n\n.sdoin-modern-slide {\n    position: relative !important;\n\n    flex: 0 0 33.333333% !important;\n\n    width: 33.333333% !important;\n\n    min-width: 33.333333% !important;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    overflow: hidden !important;\n\n    background: #ffffff !important;\n}\n\n\n\/* =========================================================\n   SLIDE IMAGE\n   ========================================================= *\/\n\n.sdoin-modern-slide img {\n    display: block !important;\n\n    width: 100% !important;\n\n    height: auto !important;\n\n    min-width: 100% !important;\n\n    max-width: 100% !important;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    border: 0 !important;\n\n    object-fit: cover !important;\n\n    transition:\n        transform 1.2s ease !important;\n}\n\n\n\/* =========================================================\n   IMAGE HOVER\n   ========================================================= *\/\n\n.sdoin-modern-carousel:hover\n.sdoin-modern-slide img {\n    transform: scale(1.01) !important;\n}\n\n\n\/* =========================================================\n   GRADIENT\n   ========================================================= *\/\n\n.sdoin-gradient {\n    position: absolute !important;\n\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n\n    height: 45% !important;\n\n    background: linear-gradient(\n        to top,\n        rgba(3,45,72,0.95) 0%,\n        rgba(3,61,92,0.75) 35%,\n        rgba(3,61,92,0.25) 70%,\n        rgba(3,61,92,0) 100%\n    ) !important;\n\n    pointer-events: none !important;\n\n    z-index: 2 !important;\n}\n\n\n\/* =========================================================\n   SLIDE CONTENT\n   ========================================================= *\/\n\n.sdoin-slide-content {\n    position: absolute !important;\n\n    left: 45px !important;\n    bottom: 40px !important;\n\n    z-index: 5 !important;\n\n    color: #ffffff !important;\n\n    max-width: 600px !important;\n\n    text-shadow:\n        0 2px 5px rgba(0,0,0,0.3) !important;\n}\n\n.sdoin-mini-label {\n    display: inline-block !important;\n\n    margin-bottom: 10px !important;\n\n    padding: 6px 12px !important;\n\n    border-radius: 20px !important;\n\n    background:\n        rgba(255,255,255,0.15) !important;\n\n    border:\n        1px solid\n        rgba(255,255,255,0.35) !important;\n\n    backdrop-filter: blur(8px) !important;\n\n    -webkit-backdrop-filter: blur(8px) !important;\n\n    font-size: 11px !important;\n\n    font-weight: 700 !important;\n\n    letter-spacing: 1.5px !important;\n}\n\n.sdoin-slide-content h2 {\n    margin: 0 !important;\n\n    font-size: 38px !important;\n\n    line-height: 1.1 !important;\n\n    font-weight: 800 !important;\n}\n\n.sdoin-slide-content h2 span {\n    color: #e8b84b !important;\n\n    padding: 0 6px !important;\n}\n\n.sdoin-slide-content p {\n    margin: 8px 0 0 !important;\n\n    font-size: 16px !important;\n\n    line-height: 1.5 !important;\n\n    color:\n        rgba(255,255,255,0.92) !important;\n}\n\n\n\/* =========================================================\n   CAROUSEL ARROWS\n   ========================================================= *\/\n\n.sdoin-arrow {\n    position: absolute !important;\n\n    top: 50% !important;\n\n    transform:\n        translateY(-50%) !important;\n\n    z-index: 20 !important;\n\n    width: 52px !important;\n\n    height: 52px !important;\n\n    padding: 0 !important;\n\n    border:\n        1px solid\n        rgba(255,255,255,0.45) !important;\n\n    border-radius: 50% !important;\n\n    background:\n        rgba(3,55,85,0.75) !important;\n\n    color: #ffffff !important;\n\n    display: flex !important;\n\n    align-items: center !important;\n\n    justify-content: center !important;\n\n    cursor: pointer !important;\n\n    backdrop-filter: blur(10px) !important;\n\n    -webkit-backdrop-filter: blur(10px) !important;\n\n    box-shadow:\n        0 5px 18px rgba(0,0,0,0.25) !important;\n\n    transition:\n        all 0.3s ease !important;\n\n    appearance: none !important;\n\n    -webkit-appearance: none !important;\n}\n\n.sdoin-arrow span {\n    font-size: 38px !important;\n\n    line-height: 1 !important;\n\n    font-weight: 300 !important;\n\n    pointer-events: none !important;\n}\n\n.sdoin-prev {\n    left: 22px !important;\n}\n\n.sdoin-next {\n    right: 22px !important;\n}\n\n.sdoin-arrow:hover {\n    background: #ffffff !important;\n\n    color: #063b5c !important;\n\n    border-color: #ffffff !important;\n\n    transform:\n        translateY(-50%)\n        scale(1.08) !important;\n}\n\n\n\/* =========================================================\n   CAROUSEL INDICATORS\n   ========================================================= *\/\n\n.sdoin-indicators {\n    position: absolute !important;\n\n    left: 50% !important;\n\n    bottom: 18px !important;\n\n    transform:\n        translateX(-50%) !important;\n\n    z-index: 20 !important;\n\n    display: flex !important;\n\n    align-items: center !important;\n\n    gap: 8px !important;\n}\n\n.sdoin-indicator {\n    width: 9px !important;\n\n    height: 9px !important;\n\n    padding: 0 !important;\n\n    border: none !important;\n\n    border-radius: 20px !important;\n\n    background:\n        rgba(255,255,255,0.55) !important;\n\n    cursor: pointer !important;\n\n    transition:\n        width 0.35s ease,\n        background 0.35s ease !important;\n\n    appearance: none !important;\n\n    -webkit-appearance: none !important;\n}\n\n.sdoin-indicator.active {\n    width: 30px !important;\n\n    background: #e8b84b !important;\n}\n\n\n\/* =========================================================\n   CONTENT AREA\n   ========================================================= *\/\n\n.sdoin-content-area {\n    width: calc(100% - 40px) !important;\n\n    max-width: 1200px !important;\n\n    margin: 0 auto 60px !important;\n}\n\n\n\/* =========================================================\n   SECTION HEADING\n   ========================================================= *\/\n\n.sdoin-section-heading {\n    margin-bottom: 22px !important;\n}\n\n.sdoin-section-heading .small-title {\n    margin: 0 0 6px !important;\n\n    color: #d71920 !important;\n\n    font-size: 12px !important;\n\n    font-weight: 700 !important;\n\n    letter-spacing: 2px !important;\n\n    text-transform: uppercase !important;\n}\n\n.sdoin-section-heading h2 {\n    margin: 0 !important;\n\n    color: #0038a8 !important;\n\n    font-size: 30px !important;\n\n    font-weight: 800 !important;\n}\n\n.sdoin-section-heading .line {\n    width: 55px !important;\n\n    height: 4px !important;\n\n    margin-top: 10px !important;\n\n    background: linear-gradient(\n        to right,\n        #0038a8 50%,\n        #d71920 50%\n    ) !important;\n}\n\n\n\/* =========================================================\n   ANNOUNCEMENT\n   ========================================================= *\/\n\n.sdoin-announcement-box {\n    background: #ffffff !important;\n\n    border:\n        1px solid #e1e6ec !important;\n\n    border-left:\n        5px solid #0038a8 !important;\n\n    box-shadow:\n        0 8px 25px rgba(0,0,0,0.06) !important;\n\n    padding: 25px 28px !important;\n\n    margin-bottom: 55px !important;\n}\n\n.sdoin-announcement-date {\n    font-size: 12px !important;\n\n    font-weight: 700 !important;\n\n    color: #d71920 !important;\n\n    text-transform: uppercase !important;\n\n    letter-spacing: 1px !important;\n\n    margin-bottom: 8px !important;\n}\n\n.sdoin-announcement-box h3 {\n    margin: 0 0 8px !important;\n\n    font-size: 21px !important;\n\n    color: #0038a8 !important;\n}\n\n.sdoin-announcement-box p {\n    margin: 0 !important;\n\n    color: #555 !important;\n\n    line-height: 1.7 !important;\n\n    font-size: 14px !important;\n}\n\n\n\/* =========================================================\n   NEWS GRID\n   ========================================================= *\/\n\n.sdoin-news-grid {\n    display: grid !important;\n\n    grid-template-columns:\n        repeat(3, 1fr) !important;\n\n    gap: 22px !important;\n\n    margin-bottom: 55px !important;\n}\n\n.sdoin-news-card {\n    background: #ffffff !important;\n\n    border:\n        1px solid #e3e7eb !important;\n\n    box-shadow:\n        0 7px 22px rgba(0,0,0,0.06) !important;\n\n    transition:\n        all 0.3s ease !important;\n\n    overflow: hidden !important;\n}\n\n.sdoin-news-card:hover {\n    transform:\n        translateY(-4px) !important;\n\n    box-shadow:\n        0 14px 30px rgba(0,0,0,0.10) !important;\n}\n\n.sdoin-news-top {\n    height: 5px !important;\n\n    background: linear-gradient(\n        to right,\n        #0038a8 50%,\n        #d71920 50%\n    ) !important;\n}\n\n.sdoin-news-content {\n    padding: 24px !important;\n}\n\n.sdoin-news-date {\n    font-size: 11px !important;\n\n    font-weight: 700 !important;\n\n    color: #777 !important;\n\n    text-transform: uppercase !important;\n\n    letter-spacing: 1px !important;\n}\n\n.sdoin-news-card h3 {\n    margin: 10px 0 !important;\n\n    color: #0038a8 !important;\n\n    font-size: 19px !important;\n\n    line-height: 1.35 !important;\n}\n\n.sdoin-news-card p {\n    margin: 0 !important;\n\n    font-size: 14px !important;\n\n    line-height: 1.65 !important;\n\n    color: #666 !important;\n}\n\n\n\/* =========================================================\n   QUICK ACCESS\n   ========================================================= *\/\n\n.sdoin-quick-access {\n    margin-top: 10px !important;\n    margin-bottom: 20px !important;\n}\n\n.sdoin-quick-grid {\n    display: grid !important;\n\n    grid-template-columns:\n        repeat(4, 1fr) !important;\n\n    gap: 18px !important;\n}\n\n.sdoin-quick-card {\n    position: relative !important;\n\n    display: flex !important;\n\n    flex-direction: column !important;\n\n    min-height: 180px !important;\n\n    padding: 25px 22px !important;\n\n    background: #ffffff !important;\n\n    border:\n        1px solid #e1e6ec !important;\n\n    border-radius: 16px !important;\n\n    text-decoration: none !important;\n\n    overflow: hidden !important;\n\n    box-shadow:\n        0 7px 22px rgba(0,0,0,0.06) !important;\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease,\n        border-color 0.3s ease !important;\n}\n\n.sdoin-quick-card::before {\n    content: \"\" !important;\n\n    position: absolute !important;\n\n    top: 0 !important;\n    left: 0 !important;\n\n    width: 100% !important;\n    height: 5px !important;\n\n    background: linear-gradient(\n        to right,\n        #0038a8 0%,\n        #0038a8 50%,\n        #d71920 50%,\n        #d71920 100%\n    ) !important;\n}\n\n.sdoin-quick-card::after {\n    content: \"\" !important;\n\n    position: absolute !important;\n\n    width: 110px !important;\n\n    height: 110px !important;\n\n    right: -55px !important;\n\n    bottom: -55px !important;\n\n    background: rgba(0,56,168,0.06) !important;\n\n    border-radius: 50% !important;\n\n    transition:\n        transform 0.35s ease,\n        background 0.35s ease !important;\n}\n\n.sdoin-quick-card:hover {\n    transform:\n        translateY(-7px) !important;\n\n    border-color: #0038a8 !important;\n\n    box-shadow:\n        0 15px 35px rgba(0,56,168,0.14) !important;\n}\n\n.sdoin-quick-card:hover::after {\n    transform: scale(1.8) !important;\n\n    background:\n        rgba(215,25,32,0.07) !important;\n}\n\n.sdoin-quick-icon {\n    position: relative !important;\n\n    z-index: 3 !important;\n\n    width: 55px !important;\n\n    height: 55px !important;\n\n    margin-bottom: 18px !important;\n\n    display: flex !important;\n\n    align-items: center !important;\n\n    justify-content: center !important;\n\n    border-radius: 14px !important;\n\n    background:\n        #eef4ff !important;\n\n    color:\n        #0038a8 !important;\n\n    font-size: 26px !important;\n\n    font-weight: 700 !important;\n\n    transition:\n        all 0.3s ease !important;\n}\n\n.sdoin-quick-card:hover\n.sdoin-quick-icon {\n    background:\n        #0038a8 !important;\n\n    color:\n        #ffffff !important;\n\n    transform:\n        scale(1.06) !important;\n}\n\n.sdoin-quick-title {\n    position: relative !important;\n\n    z-index: 3 !important;\n\n    margin: 0 0 8px !important;\n\n    color:\n        #0038a8 !important;\n\n    font-size: 17px !important;\n\n    line-height: 1.3 !important;\n\n    font-weight: 800 !important;\n}\n\n.sdoin-quick-description {\n    position: relative !important;\n\n    z-index: 3 !important;\n\n    margin: 0 !important;\n\n    color:\n        #666 !important;\n\n    font-size: 13px !important;\n\n    line-height: 1.55 !important;\n}\n\n.sdoin-quick-arrow {\n    position: absolute !important;\n\n    right: 18px !important;\n\n    top: 22px !important;\n\n    z-index: 4 !important;\n\n    color:\n        #b8c4d3 !important;\n\n    font-size: 22px !important;\n\n    transition:\n        all 0.3s ease !important;\n}\n\n.sdoin-quick-card:hover\n.sdoin-quick-arrow {\n    color:\n        #d71920 !important;\n\n    transform:\n        translateX(4px) !important;\n}\n\n.sdoin-quick-footer {\n    margin-top: 24px !important;\n\n    padding: 18px 22px !important;\n\n    background:\n        linear-gradient(\n            135deg,\n            #0038a8,\n            #062b63\n        ) !important;\n\n    border-radius: 14px !important;\n\n    display: flex !important;\n\n    align-items: center !important;\n\n    justify-content: space-between !important;\n\n    gap: 20px !important;\n\n    color: #ffffff !important;\n\n    box-shadow:\n        0 10px 25px rgba(0,56,168,0.16) !important;\n}\n\n.sdoin-quick-footer-text {\n    margin: 0 !important;\n\n    font-size: 14px !important;\n\n    line-height: 1.5 !important;\n\n    color:\n        rgba(255,255,255,0.92) !important;\n}\n\n.sdoin-quick-footer-title {\n    display: block !important;\n\n    margin-bottom: 3px !important;\n\n    font-size: 17px !important;\n\n    font-weight: 800 !important;\n\n    color: #ffffff !important;\n}\n\n.sdoin-quick-footer-button {\n    flex-shrink: 0 !important;\n\n    display: inline-flex !important;\n\n    align-items: center !important;\n\n    justify-content: center !important;\n\n    padding: 11px 20px !important;\n\n    border-radius: 30px !important;\n\n    background:\n        #d71920 !important;\n\n    color: #ffffff !important;\n\n    text-decoration: none !important;\n\n    font-size: 13px !important;\n\n    font-weight: 800 !important;\n\n    transition:\n        all 0.3s ease !important;\n}\n\n.sdoin-quick-footer-button:hover {\n    background:\n        #ffffff !important;\n\n    color:\n        #0038a8 !important;\n\n    transform:\n        translateY(-2px) !important;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .welcome-content {\n        padding: 50px 35px !important;\n    }\n\n    .welcome-logo-area {\n        left: 20px !important;\n        width: 150px !important;\n        height: 150px !important;\n    }\n\n    .welcome-logo {\n        width: 140px !important;\n        height: 140px !important;\n    }\n\n    .welcome-logo img {\n        width: 140px !important;\n        height: 140px !important;\n    }\n\n    .welcome-text {\n        padding-left: 110px !important;\n        padding-right: 20px !important;\n    }\n\n    .welcome-text h1 {\n        font-size: 42px !important;\n    }\n\n    .sdoin-news-grid {\n        grid-template-columns:\n            repeat(2, 1fr) !important;\n    }\n\n    .sdoin-quick-grid {\n        grid-template-columns:\n            repeat(2, 1fr) !important;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .sdoin-modern-carousel {\n        width: calc(100% - 30px) !important;\n\n        margin: 20px auto 40px !important;\n\n        border-radius: 14px !important;\n    }\n\n    .sdoin-slide-content {\n        left: 25px !important;\n\n        bottom: 25px !important;\n\n        max-width: 75% !important;\n    }\n\n    .sdoin-slide-content h2 {\n        font-size: 27px !important;\n    }\n\n    .sdoin-slide-content p {\n        font-size: 13px !important;\n    }\n\n    .sdoin-mini-label {\n        font-size: 9px !important;\n\n        padding: 5px 9px !important;\n    }\n\n    .sdoin-arrow {\n        width: 42px !important;\n\n        height: 42px !important;\n    }\n\n    .sdoin-arrow span {\n        font-size: 30px !important;\n    }\n\n    .sdoin-prev {\n        left: 12px !important;\n    }\n\n    .sdoin-next {\n        right: 12px !important;\n    }\n\n    .sdoin-quick-footer {\n        align-items: flex-start !important;\n\n        flex-direction: column !important;\n    }\n\n    .sdoin-quick-footer-button {\n        width: 100% !important;\n    }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .welcome-section {\n        padding: 20px 12px !important;\n    }\n\n    .welcome-card {\n        min-height: 400px !important;\n\n        border-radius: 18px !important;\n    }\n\n    .welcome-content {\n        min-height: 400px !important;\n\n        padding:\n            40px 15px 45px !important;\n\n        text-align: center !important;\n\n        justify-content: center !important;\n    }\n\n    .welcome-logo-area {\n        left: 8px !important;\n\n        top: 50% !important;\n\n        width: 90px !important;\n\n        height: 90px !important;\n\n        transform:\n            translateY(-50%) !important;\n    }\n\n    .welcome-logo {\n        width: 85px !important;\n\n        height: 85px !important;\n    }\n\n    .welcome-logo img {\n        width: 85px !important;\n\n        height: 85px !important;\n    }\n\n    .welcome-text {\n        width: 100% !important;\n\n        padding-left: 65px !important;\n\n        padding-right: 5px !important;\n\n        text-align: center !important;\n    }\n\n    .welcome-small {\n        font-size: 11px !important;\n\n        letter-spacing: 2.5px !important;\n    }\n\n    .welcome-text h1 {\n        font-size: 30px !important;\n\n        line-height: 1.15 !important;\n    }\n\n    .welcome-description {\n        font-size: 14px !important;\n    }\n\n    .shape-blue {\n        width: 200px !important;\n\n        height: 200px !important;\n\n        right: -110px !important;\n\n        top: -110px !important;\n    }\n\n    .shape-red {\n        width: 140px !important;\n\n        height: 140px !important;\n\n        right: -65px !important;\n\n        bottom: -75px !important;\n    }\n\n    .sdoin-content-area {\n        width:\n            calc(100% - 30px) !important;\n    }\n\n    .sdoin-section-heading h2 {\n        font-size: 25px !important;\n    }\n\n    .sdoin-news-grid {\n        grid-template-columns:\n            1fr !important;\n    }\n\n    .sdoin-quick-grid {\n        grid-template-columns:\n            1fr !important;\n    }\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .sdoin-modern-carousel {\n        border-radius: 10px !important;\n    }\n\n    .sdoin-slide-content {\n        left: 18px !important;\n\n        bottom: 18px !important;\n\n        max-width: 70% !important;\n    }\n\n    .sdoin-slide-content h2 {\n        font-size: 20px !important;\n    }\n\n    .sdoin-slide-content p {\n        display: none !important;\n    }\n\n    .sdoin-mini-label {\n        font-size: 7px !important;\n\n        letter-spacing: 1px !important;\n\n        padding: 4px 7px !important;\n    }\n\n    .sdoin-arrow {\n        width: 35px !important;\n\n        height: 35px !important;\n    }\n\n    .sdoin-arrow span {\n        font-size: 25px !important;\n    }\n\n    .sdoin-prev {\n        left: 8px !important;\n    }\n\n    .sdoin-next {\n        right: 8px !important;\n    }\n\n    .sdoin-indicators {\n        bottom: 8px !important;\n\n        gap: 5px !important;\n    }\n\n    .sdoin-indicator {\n        width: 7px !important;\n\n        height: 7px !important;\n    }\n\n    .sdoin-indicator.active {\n        width: 22px !important;\n    }\n\n    .sdoin-announcement-box {\n        padding: 20px !important;\n    }\n\n    .welcome-logo-area {\n        left: 5px !important;\n\n        width: 72px !important;\n\n        height: 72px !important;\n    }\n\n    .welcome-logo {\n        width: 68px !important;\n\n        height: 68px !important;\n    }\n\n    .welcome-logo img {\n        width: 68px !important;\n\n        height: 68px !important;\n    }\n\n    .welcome-text {\n        padding-left: 55px !important;\n\n        padding-right: 3px !important;\n    }\n\n    .welcome-text h1 {\n        font-size: 25px !important;\n    }\n\n    .sdoin-quick-card {\n        min-height: 155px !important;\n\n        padding: 22px 20px !important;\n    }\n\n    .sdoin-quick-icon {\n        width: 48px !important;\n\n        height: 48px !important;\n\n        font-size: 22px !important;\n    }\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n   ========================================================= *\/\n\n.sdoin-quick-card:focus {\n    outline:\n        3px solid rgba(0,56,168,0.25) !important;\n\n    outline-offset: 3px !important;\n}\n\n<\/style>\n\n\n<div class=\"sdoin-homepage\">\n\n\n<!-- =========================================================\n     WELCOME SECTION\n     ========================================================= -->\n\n<div class=\"welcome-section\">\n\n    <div class=\"welcome-card\">\n\n        <div class=\"shape shape-blue\"><\/div>\n\n        <div class=\"shape shape-red\"><\/div>\n\n        <div class=\"welcome-content\">\n\n            <div class=\"welcome-logo-area\">\n\n                <div class=\"welcome-logo\">\n\n                    <img decoding=\"async\" src=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/sdoin-logo-small.png\" alt=\"Schools Division of Ilocos Norte Logo\">\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"welcome-text\">\n\n                <p class=\"welcome-small\">\n                    WELCOME TO\n                <\/p>\n\n                <h1>\n                    School Division of<br>\n                    <span>Ilocos Norte<\/span>\n                <\/h1>\n\n                <p class=\"welcome-description\">\n                    Empowering learners, inspiring educators, and\n                    building a brighter future through quality education.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"bottom-accent\"><\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     THREE-IMAGE CAROUSEL\n     ========================================================= -->\n\n<div class=\"sdoin-modern-carousel\" id=\"sdoinMainCarousel\">\n\n    <div class=\"sdoin-carousel-window\">\n\n        <div class=\"sdoin-carousel-track\" id=\"sdoinCarouselTrack\">\n\n\n            <!-- IMAGE 1 -->\n\n            <div class=\"sdoin-modern-slide\" data-slide=\"0\">\n\n                <img decoding=\"async\" src=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/2-1024x724-3.jpg\" alt=\"TourEd and InheritEd - Exploring Ilocos Norte\">\n\n                <div class=\"sdoin-gradient\"><\/div>\n\n                <div class=\"sdoin-slide-content\">\n\n                    <div class=\"sdoin-mini-label\">\n                        SCHOOLS DIVISION OF ILOCOS NORTE\n                    <\/div>\n\n                    <h2>\n                        TourEd\n                        <span>\u2022<\/span>\n                        InheritEd\n                    <\/h2>\n\n                    <p>\n                        Exploring Ilocos Norte.\n                        Exploring Education.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- IMAGE 2 -->\n\n            <div class=\"sdoin-modern-slide\" data-slide=\"1\">\n\n                <img decoding=\"async\" src=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/1-1024x724-4.png\" alt=\"Schools Division of Ilocos Norte TourEd InheritEd\">\n\n                <div class=\"sdoin-gradient\"><\/div>\n\n                <div class=\"sdoin-slide-content\">\n\n                    <div class=\"sdoin-mini-label\">\n                        QUALITY \u2022 RELEVANT \u2022 LIBERATING EDUCATION\n                    <\/div>\n\n                    <h2>\n                        TourEd\n                        <span>\u2022<\/span>\n                        InheritEd\n                    <\/h2>\n\n                    <p>\n                        Building resilient learners through education.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- IMAGE 3 -->\n\n            <div class=\"sdoin-modern-slide\" data-slide=\"2\">\n\n                <img decoding=\"async\" src=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/107638_c115120bcb-1024x533.jpeg\" alt=\"Schools Division of Ilocos Norte - Quality Education\">\n\n                <div class=\"sdoin-gradient\"><\/div>\n\n                <div class=\"sdoin-slide-content\">\n\n                    <div class=\"sdoin-mini-label\">\n                        SCHOOLS DIVISION OF ILOCOS NORTE\n                    <\/div>\n\n                    <h2>\n                        Quality\n                        <span>\u2022<\/span>\n                        Education\n                    <\/h2>\n\n                    <p>\n                        Empowering learners and building a brighter future.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- PREVIOUS BUTTON -->\n\n    <button class=\"sdoin-arrow sdoin-prev\" id=\"sdoinPrev\" type=\"button\" aria-label=\"Previous slide\">\n\n        <span>\u2039<\/span>\n\n    <\/button>\n\n\n    <!-- NEXT BUTTON -->\n\n    <button class=\"sdoin-arrow sdoin-next\" id=\"sdoinNext\" type=\"button\" aria-label=\"Next slide\">\n\n        <span>\u203a<\/span>\n\n    <\/button>\n\n\n    <!-- THREE INDICATORS -->\n\n    <div class=\"sdoin-indicators\">\n\n        <button class=\"sdoin-indicator active\" data-slide-to=\"0\" type=\"button\" aria-label=\"Show image 1\"><\/button>\n\n        <button class=\"sdoin-indicator\" data-slide-to=\"1\" type=\"button\" aria-label=\"Show image 2\"><\/button>\n\n        <button class=\"sdoin-indicator\" data-slide-to=\"2\" type=\"button\" aria-label=\"Show image 3\"><\/button>\n\n    <\/div>\n\n\n<\/div>\n\n\n<!-- =========================================================\n     CONTENT AREA\n     ========================================================= -->\n\n<div class=\"sdoin-content-area\">\n\n\n<!-- OFFICIAL ANNOUNCEMENT -->\n\n<div class=\"sdoin-section-heading\">\n\n    <p class=\"small-title\">\n        Official Information\n    <\/p>\n\n    <h2>\n        Announcements\n    <\/h2>\n\n    <div class=\"line\"><\/div>\n\n<\/div>\n\n\n<div class=\"sdoin-announcement-box\">\n\n    <div class=\"sdoin-announcement-date\">\n        Official Announcement\n    <\/div>\n\n    <h3>\n        Schools Division of Ilocos Norte\n    <\/h3>\n\n    <p>\n        Stay informed about official announcements, education\n        programs, division activities, memoranda, and important\n        updates from the Schools Division Office of Ilocos Norte.\n    <\/p>\n\n<\/div>\n\n\n<!-- LATEST NEWS -->\n\n<div class=\"sdoin-section-heading\">\n\n    <p class=\"small-title\">\n        Latest Information\n    <\/p>\n\n    <h2>\n        News &amp; Updates\n    <\/h2>\n\n    <div class=\"line\"><\/div>\n\n<\/div>\n\n\n<div class=\"sdoin-news-grid\">\n\n\n    <!-- NEWS CARD 1 -->\n\n    <article class=\"sdoin-news-card\">\n\n        <div class=\"sdoin-news-top\"><\/div>\n\n        <div class=\"sdoin-news-content\">\n\n            <div class=\"sdoin-news-date\">\n                Schools Division Office\n            <\/div>\n\n            <h3>\n                Education Programs and Initiatives\n            <\/h3>\n\n            <p>\n                Discover programs and initiatives designed to\n                support learners, teachers, school leaders, and\n                communities across Ilocos Norte.\n            <\/p>\n\n        <\/div>\n\n    <\/article>\n\n\n    <!-- NEWS CARD 2 -->\n\n    <article class=\"sdoin-news-card\">\n\n        <div class=\"sdoin-news-top\"><\/div>\n\n        <div class=\"sdoin-news-content\">\n\n            <div class=\"sdoin-news-date\">\n                Division Updates\n            <\/div>\n\n            <h3>\n                Division Activities and Events\n            <\/h3>\n\n            <p>\n                Keep updated with activities, events, campaigns,\n                and other educational programs implemented by\n                the Schools Division.\n            <\/p>\n\n        <\/div>\n\n    <\/article>\n\n\n    <!-- NEWS CARD 3 -->\n\n    <article class=\"sdoin-news-card\">\n\n        <div class=\"sdoin-news-top\"><\/div>\n\n        <div class=\"sdoin-news-content\">\n\n            <div class=\"sdoin-news-date\">\n                Official Information\n            <\/div>\n\n            <h3>\n                Memoranda and Official Issuances\n            <\/h3>\n\n            <p>\n                Access important information and official\n                issuances released by the Schools Division\n                Office of Ilocos Norte.\n            <\/p>\n\n        <\/div>\n\n    <\/article>\n\n\n<\/div>\n\n\n<!-- QUICK ACCESS -->\n\n<div class=\"sdoin-section-heading\">\n\n    <p class=\"small-title\">\n        Online Services\n    <\/p>\n\n    <h2>\n        Quick Access\n    <\/h2>\n\n    <div class=\"line\"><\/div>\n\n<\/div>\n\n\n<div class=\"sdoin-quick-access\">\n\n    <div class=\"sdoin-quick-grid\">\n\n\n        <!-- 1. OFFICIAL DIRECTORY -->\n\n        <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/welcome\/official-directory\/\" class=\"sdoin-quick-card\" aria-label=\"Official Directory\">\n\n            <span class=\"sdoin-quick-arrow\">\u2192<\/span>\n\n            <div class=\"sdoin-quick-icon\">\n                \u2659\n            <\/div>\n\n            <h3 class=\"sdoin-quick-title\">\n                Official Directory\n            <\/h3>\n\n            <p class=\"sdoin-quick-description\">\n                View the organizational directory and\n                offices of the Schools Division.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 2. DIVISION MEMORANDA -->\n\n        <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/division-memoranda\/\" class=\"sdoin-quick-card\" aria-label=\"Division Memoranda\">\n\n            <span class=\"sdoin-quick-arrow\">\u2192<\/span>\n\n            <div class=\"sdoin-quick-icon\">\n                \u25a4\n            <\/div>\n\n            <h3 class=\"sdoin-quick-title\">\n                Division Memoranda\n            <\/h3>\n\n            <p class=\"sdoin-quick-description\">\n                Access official division memoranda,\n                announcements, and issuances.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 4. SCHOOL DIRECTORY -->\n\n        <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/school-directory\/\" class=\"sdoin-quick-card\" aria-label=\"School Directory\">\n\n            <span class=\"sdoin-quick-arrow\">\u2192<\/span>\n\n            <div class=\"sdoin-quick-icon\">\n                \ud83c\udfeb\n            <\/div>\n\n            <h3 class=\"sdoin-quick-title\">\n                School Directory\n            <\/h3>\n\n            <p class=\"sdoin-quick-description\">\n                Find schools, school information, and\n                education facilities in Ilocos Norte.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 6. PROCUREMENT -->\n\n        <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/procurement\/\" class=\"sdoin-quick-card\" aria-label=\"Procurement\">\n\n            <span class=\"sdoin-quick-arrow\">\u2192<\/span>\n\n            <div class=\"sdoin-quick-icon\">\n                \ud83d\uded2\n            <\/div>\n\n            <h3 class=\"sdoin-quick-title\">\n                Procurement\n            <\/h3>\n\n            <p class=\"sdoin-quick-description\">\n                Access procurement opportunities,\n                notices, and related documents.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 7. TRANSPARENCY -->\n\n        <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/transparency-seal\/\" class=\"sdoin-quick-card\" aria-label=\"Transparency\">\n\n            <span class=\"sdoin-quick-arrow\">\u2192<\/span>\n\n            <div class=\"sdoin-quick-icon\">\n                \ud83d\udcca\n            <\/div>\n\n            <h3 class=\"sdoin-quick-title\">\n                Transparency Seal\n            <\/h3>\n\n            <p class=\"sdoin-quick-description\">\n                Access transparency-related reports,\n                documents, and public information.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 8. DOWNLOAD CENTER -->\n\n        <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/forms\/\" class=\"sdoin-quick-card\" aria-label=\"Download Center\">\n\n            <span class=\"sdoin-quick-arrow\">\u2192<\/span>\n\n            <div class=\"sdoin-quick-icon\">\n                \u2193\n            <\/div>\n\n            <h3 class=\"sdoin-quick-title\">\n                Download Center\n            <\/h3>\n\n            <p class=\"sdoin-quick-description\">\n                Download forms, templates, documents,\n                and other official files.\n            <\/p>\n\n        <\/a>\n\n\n    <\/div>\n\n\n    <!-- FOOTER CTA -->\n\n    <div class=\"sdoin-quick-footer\">\n\n        <p class=\"sdoin-quick-footer-text\">\n\n            <span class=\"sdoin-quick-footer-title\">\n                Looking for something else?\n            <\/span>\n\n            Explore the complete Schools Division website\n            for additional information and public services.\n\n        <\/p>\n\n\n        <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/\" class=\"sdoin-quick-footer-button\">\n\n            Explore Website \u2192\n\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     CAROUSEL JAVASCRIPT\n     ========================================================= -->\n\n<script>\n\n(function () {\n\n    \"use strict\";\n\n\n    function initializeSDOINCarousel() {\n\n        const carousel =\n            document.getElementById(\n                \"sdoinMainCarousel\"\n            );\n\n\n        if (!carousel) {\n            return;\n        }\n\n\n        const track =\n            document.getElementById(\n                \"sdoinCarouselTrack\"\n            );\n\n\n        if (!track) {\n            return;\n        }\n\n\n        const slides =\n            carousel.querySelectorAll(\n                \".sdoin-modern-slide\"\n            );\n\n\n        const nextButton =\n            document.getElementById(\n                \"sdoinNext\"\n            );\n\n\n        const prevButton =\n            document.getElementById(\n                \"sdoinPrev\"\n            );\n\n\n        const indicators =\n            carousel.querySelectorAll(\n                \".sdoin-indicator\"\n            );\n\n\n        if (slides.length !== 3) {\n\n            console.warn(\n                \"SDOIN Carousel requires exactly 3 slides.\"\n            );\n\n            return;\n\n        }\n\n\n        let currentSlide = 0;\n\n        let autoPlayTimer = null;\n\n\n        function goToSlide(index) {\n\n            if (index >= slides.length) {\n\n                index = 0;\n\n            }\n\n\n            if (index < 0) {\n\n                index = slides.length - 1;\n\n            }\n\n\n            currentSlide = index;\n\n\n            const movement =\n                currentSlide *\n                (100 \/ slides.length);\n\n\n            track.style.setProperty(\n                \"transform\",\n                \"translate3d(-\" +\n                movement +\n                \"%, 0, 0)\",\n                \"important\"\n            );\n\n\n            indicators.forEach(\n                function (\n                    indicator,\n                    indicatorIndex\n                ) {\n\n                    if (\n                        indicatorIndex ===\n                        currentSlide\n                    ) {\n\n                        indicator.classList.add(\n                            \"active\"\n                        );\n\n                    }\n                    else {\n\n                        indicator.classList.remove(\n                            \"active\"\n                        );\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        function nextSlide() {\n\n            goToSlide(\n                currentSlide + 1\n            );\n\n        }\n\n\n        function previousSlide() {\n\n            goToSlide(\n                currentSlide - 1\n            );\n\n        }\n\n\n        function stopAutoPlay() {\n\n            if (\n                autoPlayTimer !== null\n            ) {\n\n                clearInterval(\n                    autoPlayTimer\n                );\n\n                autoPlayTimer = null;\n\n            }\n\n        }\n\n\n        function startAutoPlay() {\n\n            stopAutoPlay();\n\n\n            autoPlayTimer =\n                setInterval(\n                    function () {\n\n                        nextSlide();\n\n                    },\n                    5000\n                );\n\n        }\n\n\n        if (nextButton) {\n\n            nextButton.addEventListener(\n                \"click\",\n                function (event) {\n\n                    event.preventDefault();\n\n                    nextSlide();\n\n                    startAutoPlay();\n\n                }\n            );\n\n        }\n\n\n        if (prevButton) {\n\n            prevButton.addEventListener(\n                \"click\",\n                function (event) {\n\n                    event.preventDefault();\n\n                    previousSlide();\n\n                    startAutoPlay();\n\n                }\n            );\n\n        }\n\n\n        indicators.forEach(\n            function (indicator) {\n\n                indicator.addEventListener(\n                    \"click\",\n                    function (event) {\n\n                        event.preventDefault();\n\n\n                        const slideNumber =\n                            parseInt(\n                                indicator.getAttribute(\n                                    \"data-slide-to\"\n                                ),\n                                10\n                            );\n\n\n                        if (\n                            !Number.isNaN(\n                                slideNumber\n                            )\n                        ) {\n\n                            goToSlide(\n                                slideNumber\n                            );\n\n                        }\n\n\n                        startAutoPlay();\n\n                    }\n                );\n\n            }\n        );\n\n\n        carousel.addEventListener(\n            \"mouseenter\",\n            function () {\n\n                stopAutoPlay();\n\n            }\n        );\n\n\n        carousel.addEventListener(\n            \"mouseleave\",\n            function () {\n\n                startAutoPlay();\n\n            }\n        );\n\n\n        let touchStartX = 0;\n\n        let touchEndX = 0;\n\n\n        carousel.addEventListener(\n            \"touchstart\",\n            function (event) {\n\n                touchStartX =\n                    event.changedTouches[0]\n                        .screenX;\n\n                stopAutoPlay();\n\n            },\n            {\n                passive: true\n            }\n        );\n\n\n        carousel.addEventListener(\n            \"touchend\",\n            function (event) {\n\n                touchEndX =\n                    event.changedTouches[0]\n                        .screenX;\n\n\n                const difference =\n                    touchStartX -\n                    touchEndX;\n\n\n                if (\n                    difference > 50\n                ) {\n\n                    nextSlide();\n\n                }\n\n\n                else if (\n                    difference < -50\n                ) {\n\n                    previousSlide();\n\n                }\n\n\n                startAutoPlay();\n\n            },\n            {\n                passive: true\n            }\n        );\n\n\n        goToSlide(0);\n\n        startAutoPlay();\n\n    }\n\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeSDOINCarousel\n        );\n\n    }\n    else {\n\n        initializeSDOINCarousel();\n\n    }\n\n\n})();\n\n<\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>WELCOME TO School Division of Ilocos Norte Empowering learners, inspiring educators, and building a brighter future through quality education. SCHOOLS &hellip; <\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1979","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/1979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/comments?post=1979"}],"version-history":[{"count":109,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/1979\/revisions"}],"predecessor-version":[{"id":3839,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/1979\/revisions\/3839"}],"wp:attachment":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/media?parent=1979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}