{"id":387,"date":"2026-04-10T02:51:00","date_gmt":"2026-04-10T02:51:00","guid":{"rendered":"https:\/\/test.apointmexico.mx\/?page_id=387"},"modified":"2026-04-14T22:46:47","modified_gmt":"2026-04-14T22:46:47","slug":"blog-pui","status":"publish","type":"page","link":"https:\/\/test.apointmexico.mx\/?page_id=387","title":{"rendered":"blog-pui"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"387\" class=\"elementor elementor-387\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3076d80 e-con-full e-flex e-con e-parent\" data-id=\"3076d80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc9c42b elementor-widget elementor-widget-html\" data-id=\"cc9c42b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es-MX\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Blog | Mandato PUI Marzo 2026 | Apoint M\u00e9xico<\/title>\r\n    <meta name=\"description\" content=\"El 31 de marzo de 2026 vence el plazo para integrarse a la Plataforma \u00danica de Identidad (PUI). Conoce los riesgos, requisitos t\u00e9cnicos y c\u00f3mo Apoint M\u00e9xico puede ayudarte.\">\r\n\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        'apoint-blue': '#001A4A',\r\n                        'apoint-green': '#8DC63F',\r\n                        'apoint-light': '#F3F4F6',\r\n                        'ap-navy': '#001A4A',\r\n                        'ap-green': '#8DC63F',\r\n                        'ap-light': '#F8F9FC',\r\n                        'ap-mid': '#E8ECF4',\r\n                    },\r\n                    fontFamily: {\r\n                        display: ['Sora', 'sans-serif'],\r\n                        body: ['DM Sans', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n<style>\r\n    \/* Dropdown slide animation *\/\r\n    #mobile-menu {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.35s ease, opacity 0.3s ease;\r\n        opacity: 0;\r\n    }\r\n    #mobile-menu.open {\r\n        max-height: 400px;\r\n        opacity: 1;\r\n    }\r\n<\/style>\r\n\r\n\r\n    <style>\r\n        :root { --navy: #001A4A; --green: #8DC63F; }\r\n        * { box-sizing: border-box; }\r\n        body { font-family: 'DM Sans', sans-serif; background: #fff; color: #1a1a2e; }\r\n\r\n        @keyframes fadeUp {\r\n            from { opacity: 0; transform: translateY(28px); }\r\n            to   { opacity: 1; transform: translateY(0); }\r\n        }\r\n        .fade-up { animation: fadeUp .7s ease both; }\r\n        .delay-1 { animation-delay: .12s; }\r\n        .delay-2 { animation-delay: .24s; }\r\n        .delay-3 { animation-delay: .36s; }\r\n\r\n        \/* Navbar override *\/\r\n        header a.text-gray-600:hover { color: #8DC63F; }\r\n\r\n        \/* Reading bar *\/\r\n        #reading-bar {\r\n            position: fixed; top: 0; left: 0; height: 3px; width: 0%;\r\n            background: linear-gradient(90deg, var(--green), #b5e05a);\r\n            z-index: 9999; transition: width .1s linear;\r\n        }\r\n\r\n        \/* Hero *\/\r\n        .hero-bg {\r\n            background: linear-gradient(135deg, #001A4A 0%, #002870 55%, #003590 100%);\r\n            position: relative; overflow: hidden;\r\n        }\r\n        .hero-bg::before {\r\n            content: '';\r\n            position: absolute; inset: 0;\r\n            background: radial-gradient(ellipse 60% 80% at 80% 50%, rgba(141,198,63,.18) 0%, transparent 70%);\r\n        }\r\n        .hero-grid {\r\n            position: absolute; inset: 0;\r\n            background-image:\r\n                linear-gradient(rgba(141,198,63,.07) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(141,198,63,.07) 1px, transparent 1px);\r\n            background-size: 48px 48px;\r\n        }\r\n        .badge {\r\n            display: inline-flex; align-items: center; gap: 6px;\r\n            background: rgba(141,198,63,.15);\r\n            border: 1px solid rgba(141,198,63,.4);\r\n            color: #8DC63F;\r\n            font-family: 'Sora', sans-serif;\r\n            font-size: .72rem; font-weight: 700;\r\n            letter-spacing: .1em; text-transform: uppercase;\r\n            padding: 5px 14px; border-radius: 99px;\r\n        }\r\n        .badge-red {\r\n            display: inline-flex; align-items: center; gap: 6px;\r\n            background: rgba(239,68,68,.12);\r\n            border: 1px solid rgba(239,68,68,.35);\r\n            color: #ef4444;\r\n            font-family: 'Sora', sans-serif;\r\n            font-size: .72rem; font-weight: 700;\r\n            letter-spacing: .1em; text-transform: uppercase;\r\n            padding: 5px 14px; border-radius: 99px;\r\n        }\r\n\r\n        \/* Countdown *\/\r\n        .countdown-box {\r\n            background: rgba(255,255,255,.07);\r\n            border: 1px solid rgba(255,255,255,.15);\r\n            border-radius: 16px;\r\n            padding: 20px 28px;\r\n            text-align: center;\r\n            backdrop-filter: blur(8px);\r\n        }\r\n        .countdown-number {\r\n            font-family: 'Sora', sans-serif;\r\n            font-size: 2.4rem; font-weight: 800;\r\n            color: #8DC63F; line-height: 1;\r\n        }\r\n        .countdown-label {\r\n            font-size: .72rem; font-weight: 600;\r\n            letter-spacing: .1em; text-transform: uppercase;\r\n            color: rgba(255,255,255,.5); margin-top: 4px;\r\n        }\r\n\r\n        \/* TOC *\/\r\n        .toc-link {\r\n            display: flex; align-items: center; gap: 8px;\r\n            font-size: .85rem; color: #6b7280;\r\n            padding: 6px 0; border-left: 2px solid transparent;\r\n            padding-left: 12px; transition: all .2s; cursor: pointer;\r\n        }\r\n        .toc-link:hover, .toc-link.active {\r\n            color: var(--navy); border-left-color: var(--green); font-weight: 600;\r\n        }\r\n\r\n        \/* Section cards *\/\r\n        .cat-card {\r\n            border-left: 4px solid var(--green);\r\n            background: #F8F9FC;\r\n            border-radius: 0 12px 12px 0;\r\n            padding: 28px 32px; margin-bottom: 36px;\r\n            transition: box-shadow .25s, transform .25s;\r\n        }\r\n        .cat-card:hover {\r\n            box-shadow: 0 8px 32px rgba(0,26,74,.1);\r\n            transform: translateX(4px);\r\n        }\r\n        .cat-card.danger {\r\n            border-left-color: #ef4444;\r\n            background: #fff8f8;\r\n        }\r\n        .cat-number {\r\n            font-family: 'Sora', sans-serif; font-size: .72rem;\r\n            font-weight: 700; letter-spacing: .12em; text-transform: uppercase;\r\n            color: var(--green); margin-bottom: 4px;\r\n        }\r\n        .cat-number.red { color: #ef4444; }\r\n        .cat-title {\r\n            font-family: 'Sora', sans-serif; font-size: 1.2rem;\r\n            font-weight: 700; color: var(--navy); margin-bottom: 16px;\r\n        }\r\n        .cat-items { display: flex; flex-direction: column; gap: 12px; }\r\n        .cat-item { display: flex; align-items: flex-start; gap: 12px; font-size: .93rem; line-height: 1.6; color: #374151; }\r\n        .cat-item-icon {\r\n            flex-shrink: 0; width: 22px; height: 22px;\r\n            background: var(--green); border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center; margin-top: 2px;\r\n        }\r\n        .cat-item-icon.red { background: #ef4444; }\r\n        .cat-item-icon i { color: #fff; font-size: .6rem; }\r\n\r\n        \/* Pillar cards *\/\r\n        .pillar-card {\r\n            background: #fff; border: 1px solid #E8ECF4; border-radius: 16px;\r\n            padding: 28px; transition: all .25s; position: relative; overflow: hidden;\r\n        }\r\n        .pillar-card::before {\r\n            content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n            background: var(--green); transform: scaleX(0); transition: transform .3s;\r\n        }\r\n        .pillar-card:hover { box-shadow: 0 8px 32px rgba(0,26,74,.1); transform: translateY(-3px); }\r\n        .pillar-card:hover::before { transform: scaleX(1); }\r\n        .pillar-num {\r\n            font-family: 'Sora', sans-serif; font-size: 2.5rem; font-weight: 800;\r\n            color: rgba(141,198,63,.25); line-height: 1; margin-bottom: 8px;\r\n        }\r\n\r\n        \/* Pricing card *\/\r\n        .pricing-card {\r\n            background: linear-gradient(135deg, #001A4A, #002870);\r\n            border-radius: 20px; padding: 36px; color: #fff; position: relative; overflow: hidden;\r\n        }\r\n        .pricing-card::before {\r\n            content: '';\r\n            position: absolute; width: 300px; height: 300px;\r\n            background: radial-gradient(circle, rgba(141,198,63,.2) 0%, transparent 70%);\r\n            bottom: -80px; right: -60px;\r\n        }\r\n        .price-tag {\r\n            font-family: 'Sora', sans-serif; font-size: 2.4rem; font-weight: 800; color: #8DC63F;\r\n        }\r\n\r\n        \/* Alert box *\/\r\n        .alert-box {\r\n            background: linear-gradient(135deg, #001A4A, #002870);\r\n            color: #fff; border-radius: 16px; padding: 28px 32px;\r\n            display: flex; gap: 18px; align-items: flex-start;\r\n        }\r\n        .alert-box .icon-wrap {\r\n            flex-shrink: 0; width: 44px; height: 44px;\r\n            background: rgba(239,68,68,.2); border-radius: 10px;\r\n            display: flex; align-items: center; justify-content: center;\r\n        }\r\n\r\n        \/* Related cards *\/\r\n        .related-card {\r\n            background: #fff; border: 1px solid #E8ECF4; border-radius: 16px;\r\n            padding: 28px; transition: all .25s; position: relative; overflow: hidden;\r\n        }\r\n        .related-card::before {\r\n            content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\r\n            background: var(--green); transform: scaleX(0); transition: transform .3s;\r\n        }\r\n        .related-card:hover { box-shadow: 0 12px 40px rgba(0,26,74,.1); transform: translateY(-4px); }\r\n        .related-card:hover::before { transform: scaleX(1); }\r\n\r\n        \/* CTA *\/\r\n        .cta-section {\r\n            background: linear-gradient(135deg, #001A4A 0%, #002870 100%);\r\n            position: relative; overflow: hidden;\r\n        }\r\n        .cta-section::after {\r\n            content: ''; position: absolute;\r\n            width: 500px; height: 500px;\r\n            background: radial-gradient(circle, rgba(141,198,63,.15) 0%, transparent 70%);\r\n            bottom: -150px; right: -100px; pointer-events: none;\r\n        }\r\n        .btn-primary {\r\n            display: inline-flex; align-items: center; gap: 8px;\r\n            background: var(--green); color: #fff;\r\n            font-family: 'Sora', sans-serif; font-weight: 700; font-size: .9rem;\r\n            padding: 14px 32px; border-radius: 99px; transition: all .25s;\r\n            box-shadow: 0 4px 20px rgba(141,198,63,.35);\r\n        }\r\n        .btn-primary:hover { background: #a2d44e; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(141,198,63,.45); }\r\n        .btn-outline {\r\n            display: inline-flex; align-items: center; gap: 8px;\r\n            border: 2px solid rgba(255,255,255,.3); color: #fff;\r\n            font-family: 'Sora', sans-serif; font-weight: 600; font-size: .9rem;\r\n            padding: 12px 28px; border-radius: 99px; transition: all .25s;\r\n        }\r\n        .btn-outline:hover { border-color: var(--green); color: var(--green); }\r\n\r\n        \/* Share *\/\r\n        .share-btn {\r\n            width: 38px; height: 38px; border-radius: 50%; border: 1px solid #E8ECF4;\r\n            display: flex; align-items: center; justify-content: center; color: #6b7280; transition: all .2s;\r\n        }\r\n        .share-btn:hover { background: var(--navy); color: #fff; border-color: var(--navy); }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body class=\"font-sans antialiased\">\r\n\r\n<div id=\"reading-bar\"><\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NAVBAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<\/head>\r\n\r\n<body class=\"font-sans antialiased text-gray-800 bg-white scroll-smooth\">\r\n\r\n    <!-- Navbar -->\r\n    <header class=\"sticky top-0  w-full bg-white shadow-md z-50\">\r\n        <div class=\"container mx-auto space-x-6 py-4 flex justify-between items-center\">\r\n            <a href=\"#\" class=\"text-2xl font-bold text-apoint-blue flex items-center\">\r\n              <a href=\"https:\/\/test.apointmexico.mx\" target=\"_blank\">\r\n    <img decoding=\"async\" src=\"https:\/\/test.apointmexico.mx\/wp-content\/uploads\/2026\/04\/Logo-footer.png\" alt=\"Apoint M\u00e9xico\" class=\"h-10 w-48 inline-block mr-2\" style=\"max-height: 75px; width: auto;\">\r\n<\/a>\r\n            <\/a>\r\n            <nav class=\"hidden lg:flex space-x-6 text-base font-semibold\">\r\n                <a href=\"#IDDP & Onboarding\" class=\"text-gray-600 hover:text-apoint-green transition\">IDDP & Onboarding<\/a>\r\n                <a href=\"#Gesti\u00f3n Escolar IA\" class=\"text-gray-600 hover:text-apoint-green transition\">Gesti\u00f3n Escolar IA<\/a>\r\n                <a href=\"#Mandato PUI\" class=\"text-gray-600 hover:text-apoint-green transition\">Mandato PUI<\/a>\r\n                <a href=\"https:\/\/test.apointmexico.mx\/?page_id=270\" class=\"text-gray-600 hover:text-apoint-green transition\">Soporte T\u00e9cnico<\/a>\r\n                <a href=\"https:\/\/test.apointmexico.mx\/?page_id=357\" class=\"text-gray-600 hover:text-apoint-green transition\">Contacto<\/a>\r\n                <a href=\"#casos\" class=\"text-gray-600 hover:text-apoint-green transition\">Casos de \u00c9xito<\/a>\r\n                <a href=\"#blog\" class=\"text-gray-600 hover:text-apoint-green transition\">Blog<\/a>\r\n            <\/nav>\r\n           \r\n        <div class=\"flex items-center gap-3\">\r\n           \r\n            <a href=\"https:\/\/test.apointmexico.mx\/?page_id=357\" class=\"hidden md:block bg-apoint-blue text-white px-6 py-2 rounded-full hover:bg-blue-800 transition font-bold text-sm\">Contactar Expertos<\/a>\r\n    \r\n     <!-- \u2705 NUEVO: Bot\u00f3n hamburguesa -->\r\n    <button id=\"hamburger-btn\"\r\n            aria-label=\"Abrir men\u00fa\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"mobile-menu\"\r\n            class=\"lg:hidden flex flex-col justify-center items-center w-10 h-10 rounded-lg border border-gray-200 hover:border-apoint-green hover:bg-apoint-light transition focus:outline-none focus:ring-2 focus:ring-apoint-green\">\r\n        <i id=\"hamburger-icon\" class=\"fa-solid fa-bars text-apoint-blue text-lg\"><\/i>\r\n    <\/button>\r\n\r\n<\/div>\r\n    \r\n            \r\n        <\/div>\r\n    <\/header>\r\n    \r\n    <!-- \u2705 NUEVO: Men\u00fa m\u00f3vil -->\r\n<div id=\"mobile-menu\"\r\n     role=\"navigation\"\r\n     aria-label=\"Men\u00fa m\u00f3vil\"\r\n     class=\"lg:hidden bg-white border-t border-gray-100 shadow-inner\">\r\n    <nav class=\"container mx-auto px-6 py-4 flex flex-col gap-1\">\r\n\r\n        <a href=\"#IDDP & Onboarding\"\r\n           class=\"flex items-center gap-3 text-gray-700 font-semibold py-3 px-3 rounded-lg hover:bg-apoint-light hover:text-apoint-green transition\">\r\n            <i class=\"fa-solid fa-file-lines w-5 text-center text-apoint-blue\"><\/i>\r\n            IDDP & Onboarding\r\n        <\/a>\r\n\r\n        <a href=\"#Gesti\u00f3n Escolar IA\"\r\n           class=\"flex items-center gap-3 text-gray-700 font-semibold py-3 px-3 rounded-lg hover:bg-apoint-light hover:text-apoint-green transition\">\r\n            <i class=\"fa-solid fa-graduation-cap w-5 text-center text-apoint-blue\"><\/i>\r\n            Gesti\u00f3n Escolar IA\r\n        <\/a>\r\n\r\n        <a href=\"#Mandato PUI\"\r\n           class=\"flex items-center gap-3 text-gray-700 font-semibold py-3 px-3 rounded-lg hover:bg-apoint-light hover:text-apoint-green transition\">\r\n            <i class=\"fa-solid fa-id-card w-5 text-center text-apoint-blue\"><\/i>\r\n            Mandato PUI\r\n        <\/a>\r\n\r\n        <a href=\"#casos\"\r\n           class=\"flex items-center gap-3 text-gray-700 font-semibold py-3 px-3 rounded-lg hover:bg-apoint-light hover:text-apoint-green transition\">\r\n            <i class=\"fa-solid fa-trophy w-5 text-center text-apoint-blue\"><\/i>\r\n            Casos de \u00c9xito\r\n        <\/a>\r\n\r\n        <a href=\"#blog\"\r\n           class=\"flex items-center gap-3 text-gray-700 font-semibold py-3 px-3 rounded-lg hover:bg-apoint-light hover:text-apoint-green transition\">\r\n            <i class=\"fa-solid fa-newspaper w-5 text-center text-apoint-blue\"><\/i>\r\n            Blog\r\n        <\/a>\r\n\r\n        <!-- Divisor -->\r\n        <hr class=\"my-2 border-gray-200\">\r\n\r\n        <!-- Soporte T\u00e9cnico -->\r\n        <a href=\"https:\/\/test.apointmexico.mx\/?page_id=270\"\r\n           class=\"flex items-center gap-3 text-gray-700 font-semibold py-3 px-3 rounded-lg hover:bg-apoint-light hover:text-apoint-green transition\">\r\n            <i class=\"fa-solid fa-headset w-5 text-center text-apoint-green\"><\/i>\r\n            Soporte T\u00e9cnico\r\n        <\/a>\r\n\r\n        <!-- Contacto -->\r\n        <a href=\"https:\/\/test.apointmexico.mx\/?page_id=357\"\r\n           class=\"flex items-center gap-3 text-gray-700 font-semibold py-3 px-3 rounded-lg hover:bg-apoint-light hover:text-apoint-green transition\">\r\n            <i class=\"fa-solid fa-envelope w-5 text-center text-apoint-green\"><\/i>\r\n            Contacto\r\n        <\/a>\r\n\r\n        <!-- CTA m\u00f3vil -->\r\n        <a href=\"https:\/\/test.apointmexico.mx\/?page_id=357\"\r\n           class=\"mt-3 w-full text-center bg-apoint-blue text-white px-6 py-3 rounded-full hover:bg-blue-800 transition font-bold text-sm\">\r\n            Contactar Expertos\r\n        <\/a>\r\n\r\n    <\/nav>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero-bg py-24 md:py-32\">\r\n    <div class=\"hero-grid\"><\/div>\r\n    <div class=\"container mx-auto px-6 relative z-10 max-w-4xl\">\r\n        <div class=\"fade-up\">\r\n            <span class=\"badge-red\"><i class=\"fas fa-exclamation-triangle text-xs\"><\/i> Alerta Legal & Compliance<\/span>\r\n        <\/div>\r\n        <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-display font-extrabold text-white mt-6 leading-tight fade-up delay-1\">\r\n            Marzo 2026: La Fecha L\u00edmite\r\n            <span style=\"color:#8DC63F\"> Improrrogable<\/span> para la Integraci\u00f3n PUI\r\n        <\/h1>\r\n        <p class=\"text-blue-200 text-lg mt-6 max-w-2xl leading-relaxed fade-up delay-2\">\r\n            El 31 de marzo de 2026 marca un parteaguas legal y tecnol\u00f3gico para miles de empresas, colegios e instituciones en M\u00e9xico. \u00bfEst\u00e1 tu organizaci\u00f3n lista?\r\n        <\/p>\r\n\r\n        <!-- Meta + countdown -->\r\n        <div class=\"flex flex-wrap items-center gap-6 mt-8 fade-up delay-3\">\r\n            <div class=\"flex items-center gap-2 text-blue-200 text-sm\">\r\n                <i class=\"fas fa-calendar-alt\" style=\"color:#8DC63F\"><\/i>\r\n                <span>Enero 2026<\/span>\r\n            <\/div>\r\n            <div class=\"flex items-center gap-2 text-blue-200 text-sm\">\r\n                <i class=\"fas fa-clock\" style=\"color:#8DC63F\"><\/i>\r\n                <span>7 min de lectura<\/span>\r\n            <\/div>\r\n            <div class=\"flex items-center gap-2 text-blue-200 text-sm\">\r\n                <i class=\"fas fa-tag\" style=\"color:#8DC63F\"><\/i>\r\n                <span>Legal \u00b7 Compliance \u00b7 PUI \u00b7 Ciberseguridad<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Countdown visual -->\r\n        <div class=\"grid grid-cols-4 gap-3 mt-10 max-w-sm fade-up delay-3\">\r\n            <div class=\"countdown-box\">\r\n                <div class=\"countdown-number\" id=\"cd-days\">--<\/div>\r\n                <div class=\"countdown-label\">D\u00edas<\/div>\r\n            <\/div>\r\n            <div class=\"countdown-box\">\r\n                <div class=\"countdown-number\" id=\"cd-hours\">--<\/div>\r\n                <div class=\"countdown-label\">Horas<\/div>\r\n            <\/div>\r\n            <div class=\"countdown-box\">\r\n                <div class=\"countdown-number\" id=\"cd-min\">--<\/div>\r\n                <div class=\"countdown-label\">Min<\/div>\r\n            <\/div>\r\n            <div class=\"countdown-box\">\r\n                <div class=\"countdown-number\" id=\"cd-sec\">--<\/div>\r\n                <div class=\"countdown-label\">Seg<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <p class=\"text-blue-300 text-xs mt-3 fade-up delay-3\">\u23f1 Tiempo restante al 31 de marzo de 2026 a las 23:59 hrs (CDMX)<\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MAIN CONTENT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"py-16 md:py-24\">\r\n    <div class=\"container mx-auto px-6\">\r\n        <div class=\"flex flex-col lg:flex-row gap-12 max-w-6xl mx-auto\">\r\n\r\n            <!-- Sidebar TOC -->\r\n            <aside class=\"hidden lg:block w-64 flex-shrink-0\">\r\n                <div class=\"sticky top-28\">\r\n                    <p class=\"font-display font-bold text-ap-navy text-sm uppercase tracking-widest mb-4\">Contenido<\/p>\r\n                    <nav class=\"space-y-1\">\r\n                        <div class=\"toc-link\" onclick=\"scrollTo('intro')\">\u00bfQu\u00e9 es la PUI?<\/div>\r\n                        <div class=\"toc-link\" onclick=\"scrollTo('quien')\">\u00bfA qui\u00e9n obliga?<\/div>\r\n                        <div class=\"toc-link\" onclick=\"scrollTo('riesgo')\">Riesgo: multas millonarias<\/div>\r\n                        <div class=\"toc-link\" onclick=\"scrollTo('pilares')\">Los 3 pilares t\u00e9cnicos<\/div>\r\n                        <div class=\"toc-link\" onclick=\"scrollTo('solucion')\">La soluci\u00f3n Apoint<\/div>\r\n                        <div class=\"toc-link\" onclick=\"scrollTo('precios')\">Esquemas de precios<\/div>\r\n                    <\/nav>\r\n\r\n                    <div class=\"mt-10 p-4 rounded-xl\" style=\"background:#ffff; border:0px solid #E8ECF4;\">\r\n                      <!--  <p class=\"text-xs font-display font-bold text-ap-navy uppercase tracking-wider mb-3\">Compartir<\/p>\r\n                        <div class=\"flex gap-2\">\r\n                            <a href=\"#\" class=\"share-btn\"><i class=\"fab fa-linkedin-in text-sm\"><\/i><\/a>\r\n                            <a href=\"#\" class=\"share-btn\"><i class=\"fab fa-twitter text-sm\"><\/i><\/a>\r\n                            <a href=\"#\" class=\"share-btn\"><i class=\"fas fa-link text-sm\"><\/i><\/a>\r\n                        <\/div> -->\r\n                    <\/div> \r\n\r\n                    <!-- Urgency CTA sidebar -->\r\n                    <div class=\"mt-6 p-5 rounded-xl text-center\" style=\"background:linear-gradient(135deg,#001A4A,#002870);\">\r\n                        <i class=\"fas fa-shield-alt text-2xl mb-3 block\" style=\"color:#8DC63F\"><\/i>\r\n                        <p class=\"text-white font-display font-bold text-sm mb-3\">\u00bfA\u00fan no est\u00e1s integrado?<\/p>\r\n                        <a href=\"https:\/\/test.apointmexico.mx\/?page_id=357\" class=\"block text-center bg-apoint-green text-white text-xs font-bold py-2.5 px-4 rounded-full hover:bg-green-500 transition\">\r\n                            Contactar ahora\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/aside>\r\n\r\n            <!-- Article -->\r\n            <article class=\"flex-1 min-w-0 max-w-2xl\">\r\n\r\n                <!-- Intro -->\r\n                <div id=\"intro\" class=\"mb-12\">\r\n                    <p class=\"text-lg leading-relaxed text-gray-600 mb-4\">\r\n                        A partir de la <strong class=\"text-ap-navy\">reforma a la Ley General en Materia de Desaparici\u00f3n Forzada de Personas<\/strong> publicada el 16 de julio de 2025, el Gobierno Federal orden\u00f3 la creaci\u00f3n de la Plataforma \u00danica de Identidad (PUI).\r\n                    <\/p>\r\n                    <p class=\"text-lg leading-relaxed text-gray-600\">\r\n                        Su objetivo central es agilizar la b\u00fasqueda y localizaci\u00f3n de personas desaparecidas interconectando de forma segura bases de datos de todo el pa\u00eds. Sin embargo, la carga regulatoria impuesta al sector privado es monumental \u2014 y el plazo para cumplirla est\u00e1 a punto de expirar.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Divider -->\r\n                <div class=\"flex items-center gap-4 mb-10\">\r\n                    <div class=\"h-px flex-1\" style=\"background:linear-gradient(90deg,#8DC63F,transparent)\"><\/div>\r\n                    <span class=\"text-xs font-display font-bold text-ap-green uppercase tracking-widest\">Lo que debes saber<\/span>\r\n                    <div class=\"h-px flex-1\" style=\"background:linear-gradient(270deg,#8DC63F,transparent)\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- \u00bfA qui\u00e9n obliga? -->\r\n                <div id=\"quien\" class=\"cat-card\">\r\n                    <p class=\"cat-number\">Alcance de la Ley<\/p>\r\n                    <h2 class=\"cat-title\">\u00bfA qui\u00e9n obliga esta ley?<\/h2>\r\n                    <p class=\"text-gray-600 text-sm mb-5 leading-relaxed\">A diferencia de otras regulaciones, esta ley <strong>no hace distinciones por tama\u00f1o o capacidad t\u00e9cnica<\/strong>. Obliga a:<\/p>\r\n                    <div class=\"cat-items\">\r\n                        <div class=\"cat-item\"><div class=\"cat-item-icon\"><i class=\"fas fa-check\"><\/i><\/div><span>Sector <strong>financiero<\/strong> y bancario<\/span><\/div>\r\n                        <div class=\"cat-item\"><div class=\"cat-item-icon\"><i class=\"fas fa-check\"><\/i><\/div><span>Sector <strong>transporte<\/strong> y paqueter\u00eda<\/span><\/div>\r\n                        <div class=\"cat-item\"><div class=\"cat-item-icon\"><i class=\"fas fa-check\"><\/i><\/div><span>Sector <strong>salud<\/strong> y telecomunicaciones<\/span><\/div>\r\n                        <div class=\"cat-item\"><div class=\"cat-item-icon\"><i class=\"fas fa-check\"><\/i><\/div><span>Organizaciones <strong>religiosas<\/strong><\/span><\/div>\r\n                        <div class=\"cat-item\"><div class=\"cat-item-icon\"><i class=\"fas fa-check\"><\/i><\/div><span>Sector <strong>educativo privado<\/strong> \u2014 con especial \u00e9nfasis<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"mt-5 p-4 rounded-xl bg-white border border-gray-100 text-sm text-gray-600 leading-relaxed\">\r\n                        <i class=\"fas fa-info-circle mr-2\" style=\"color:#8DC63F\"><\/i>\r\n                        Toda instituci\u00f3n privada que administre registros o bases de datos de personas cuya consulta sea \u00fatil para la b\u00fasqueda de personas desaparecidas <strong>debe integrarse a la red<\/strong>.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Riesgo -->\r\n                <div id=\"riesgo\" class=\"cat-card danger\">\r\n                    <p class=\"cat-number red\">Riesgo cr\u00edtico<\/p>\r\n                    <h2 class=\"cat-title\">Multas millonarias por incumplimiento<\/h2>\r\n                    <p class=\"text-gray-600 text-sm mb-5 leading-relaxed\">Tras la publicaci\u00f3n del <strong>Manual T\u00e9cnico<\/strong> el 23 de enero de 2026, la autoridad fij\u00f3 un plazo estricto de <strong>45 d\u00edas h\u00e1biles<\/strong> para solicitar la inscripci\u00f3n. Este plazo vence el <strong>31 de marzo de 2026<\/strong>, sin pr\u00f3rroga.<\/p>\r\n                    <div class=\"cat-items\">\r\n                        <div class=\"cat-item\">\r\n                            <div class=\"cat-item-icon red\"><i class=\"fas fa-times\"><\/i><\/div>\r\n                            <span>Sanciones verificadas directamente por la <strong>Secretar\u00eda de Gobernaci\u00f3n<\/strong><\/span>\r\n                        <\/div>\r\n                        <div class=\"cat-item\">\r\n                            <div class=\"cat-item-icon red\"><i class=\"fas fa-times\"><\/i><\/div>\r\n                            <span>Multas de <strong>10,000 a 20,000 UMAs<\/strong> \u2014 equivalentes a m\u00e1s de <strong>$1.2 millones de pesos<\/strong><\/span>\r\n                        <\/div>\r\n                        <div class=\"cat-item\">\r\n                            <div class=\"cat-item-icon red\"><i class=\"fas fa-times\"><\/i><\/div>\r\n                            <span>La infracci\u00f3n aplica por el simple hecho de <strong>no contar con la interconexi\u00f3n<\/strong> activa<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Pilares t\u00e9cnicos -->\r\n                <div id=\"pilares\" class=\"mb-10\">\r\n                    <p class=\"font-display font-bold text-ap-green text-xs uppercase tracking-widest mb-2\">Reto t\u00e9cnico<\/p>\r\n                    <h2 class=\"font-display font-bold text-ap-navy text-2xl mb-6\">Los tres pilares de la interconexi\u00f3n<\/h2>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed mb-8\">Cumplir con la PUI no es un simple tr\u00e1mite administrativo; es un reto profundo de ingenier\u00eda y ciberseguridad.<\/p>\r\n\r\n                    <div class=\"grid gap-6\">\r\n                        <!-- Pilar 1 -->\r\n                        <div class=\"pillar-card\">\r\n                            <div class=\"pillar-num\">01<\/div>\r\n                            <h3 class=\"font-display font-bold text-ap-navy text-lg mb-2\">Registro Administrativo<\/h3>\r\n                            <p class=\"text-gray-600 text-sm leading-relaxed\">Alta oficial de la persona moral a trav\u00e9s del portal <strong>Llave MX<\/strong>, utilizando invariablemente los archivos de la e.firma (<code class=\"bg-gray-100 px-1 rounded text-xs\">.cer<\/code> y <code class=\"bg-gray-100 px-1 rounded text-xs\">.key<\/code>) y el RFC.<\/p>\r\n                        <\/div>\r\n                        <!-- Pilar 2 -->\r\n                        <div class=\"pillar-card\">\r\n                            <div class=\"pillar-num\">02<\/div>\r\n                            <h3 class=\"font-display font-bold text-ap-navy text-lg mb-2\">Desarrollo de una API<\/h3>\r\n                            <p class=\"text-gray-600 text-sm leading-relaxed mb-3\">Construcci\u00f3n de un servicio web (webhook) propio que reciba alertas automatizadas con tres fases obligatorias:<\/p>\r\n                            <div class=\"flex flex-col gap-2\">\r\n                                <div class=\"flex items-center gap-2 text-sm text-gray-600\"><span class=\"w-5 h-5 rounded-full bg-ap-green text-white text-xs flex items-center justify-center font-bold flex-shrink-0\">A<\/span> B\u00fasqueda para completar datos b\u00e1sicos<\/div>\r\n                                <div class=\"flex items-center gap-2 text-sm text-gray-600\"><span class=\"w-5 h-5 rounded-full bg-ap-green text-white text-xs flex items-center justify-center font-bold flex-shrink-0\">B<\/span> B\u00fasqueda hist\u00f3rica de los \u00faltimos 12 a\u00f1os<\/div>\r\n                                <div class=\"flex items-center gap-2 text-sm text-gray-600\"><span class=\"w-5 h-5 rounded-full bg-ap-green text-white text-xs flex items-center justify-center font-bold flex-shrink-0\">C<\/span> Monitoreo continuo ininterrumpido<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- Pilar 3 -->\r\n                        <div class=\"pillar-card\">\r\n                            <div class=\"pillar-num\">03<\/div>\r\n                            <h3 class=\"font-display font-bold text-ap-navy text-lg mb-2\">Ciberseguridad Estricta<\/h3>\r\n                            <p class=\"text-gray-600 text-sm leading-relaxed mb-3\">La autoridad no permite accesos directos. La API debe cumplir con:<\/p>\r\n                            <div class=\"flex flex-col gap-2\">\r\n                                <div class=\"flex items-center gap-2 text-sm text-gray-600\"><i class=\"fas fa-lock text-ap-green w-4\"><\/i> Cifrado <strong>AES-256-GCM<\/strong> para datos biom\u00e9tricos<\/div>\r\n                                <div class=\"flex items-center gap-2 text-sm text-gray-600\"><i class=\"fas fa-key text-ap-green w-4\"><\/i> Autenticaci\u00f3n v\u00eda <strong>JSON Web Tokens (JWT)<\/strong><\/div>\r\n                                <div class=\"flex items-center gap-2 text-sm text-gray-600\"><i class=\"fas fa-shield-alt text-ap-green w-4\"><\/i> Reportes <strong>SAST, DAST y SCA<\/strong> con cero vulnerabilidades<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Soluci\u00f3n -->\r\n                <div id=\"solucion\" class=\"mb-10\">\r\n                    <div class=\"flex items-center gap-4 mb-8\">\r\n                        <div class=\"h-px flex-1\" style=\"background:linear-gradient(90deg,#8DC63F,transparent)\"><\/div>\r\n                        <span class=\"text-xs font-display font-bold text-ap-green uppercase tracking-widest\">La soluci\u00f3n<\/span>\r\n                        <div class=\"h-px flex-1\" style=\"background:linear-gradient(270deg,#8DC63F,transparent)\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cat-card\">\r\n                        <p class=\"cat-number\">Apoint M\u00e9xico<\/p>\r\n                        <h2 class=\"cat-title\">Te conectamos a tiempo, sin complicaciones<\/h2>\r\n                        <p class=\"text-gray-600 text-sm leading-relaxed mb-6\">Desarrollar, certificar y mantener esta infraestructura desde cero a unos d\u00edas de la fecha l\u00edmite es extremadamente costoso e inviable para la mayor\u00eda de las instituciones. En Apoint M\u00e9xico hemos desarrollado un <strong>Middleware (API) robusto, auditado y listo para implementarse<\/strong>.<\/p>\r\n                        <div class=\"cat-items\">\r\n                            <div class=\"cat-item\">\r\n                                <div class=\"cat-item-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                                <span><strong>Implementaci\u00f3n sin fricciones:<\/strong> No necesitas reemplazar tus sistemas actuales. Carga tus registros mediante simples plantillas CSV.<\/span>\r\n                            <\/div>\r\n                            <div class=\"cat-item\">\r\n                                <div class=\"cat-item-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                                <span><strong>Privacidad garantizada:<\/strong> El gobierno jam\u00e1s tendr\u00e1 acceso directo a tus bases de datos. Los datos se almacenan cifrados y solo se comparten con un Folio \u00danico de B\u00fasqueda oficial.<\/span>\r\n                            <\/div>\r\n                            <div class=\"cat-item\">\r\n                                <div class=\"cat-item-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                                <span><strong>Instituciones educativas de bajos recursos<\/strong> con menos de 150 alumnos reciben el servicio <strong>sin costo<\/strong>, como parte de nuestro compromiso social.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Precios -->\r\n                <div id=\"precios\" class=\"mb-10\">\r\n                    <div class=\"pricing-card\">\r\n                        <p class=\"font-display font-bold text-ap-green text-xs uppercase tracking-widest mb-2\">Esquema solidario<\/p>\r\n                        <h2 class=\"font-display font-bold text-white text-2xl mb-6 relative z-10\">Precios accesibles para todas las instituciones<\/h2>\r\n                        <div class=\"grid sm:grid-cols-2 gap-6 relative z-10\">\r\n                            <div class=\"bg-white\/10 rounded-xl p-5 backdrop-blur-sm\">\r\n                                <p class=\"text-blue-200 text-xs font-bold uppercase tracking-wider mb-2\">Pago inicial<\/p>\r\n                                <p class=\"price-tag\">$7,500 <span class=\"text-lg font-normal text-blue-200\">MXN<\/span><\/p>\r\n                                <p class=\"text-blue-200 text-xs mt-1\">1 a 1,000 clientes + empleados<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-white\/10 rounded-xl p-5 backdrop-blur-sm\">\r\n                                <p class=\"text-blue-200 text-xs font-bold uppercase tracking-wider mb-2\">Mensualidad<\/p>\r\n                                <p class=\"price-tag\">$1,528 <span class=\"text-lg font-normal text-blue-200\">MXN<\/span><\/p>\r\n                                <p class=\"text-blue-200 text-xs mt-1\">Mantenimiento y monitoreo continuo<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mt-5 flex items-start gap-3 bg-white\/10 rounded-xl p-4 backdrop-blur-sm relative z-10\">\r\n                            <i class=\"fas fa-heart text-ap-green mt-0.5 flex-shrink-0\"><\/i>\r\n                            <p class=\"text-blue-100 text-sm leading-relaxed\">Instituciones educativas de bajos recursos con <strong class=\"text-white\">menos de 150 alumnos<\/strong> reciben el servicio completamente <strong class=\"text-ap-green\">sin costo<\/strong>.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Alert final -->\r\n                <div class=\"alert-box mt-2\">\r\n                    <div class=\"icon-wrap\">\r\n                        <i class=\"fas fa-exclamation-triangle text-red-400 text-lg\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <p class=\"font-display font-bold text-white mb-1\">El 31 de marzo de 2026 ya est\u00e1 aqu\u00ed<\/p>\r\n                        <p class=\"text-blue-100 text-sm leading-relaxed\">No arriesgues el patrimonio de tu instituci\u00f3n con multas millonarias ni comprometas la seguridad de los datos que administras. Cont\u00e1ctanos hoy mismo y da el paso definitivo hacia la tranquilidad operativa, tecnol\u00f3gica y legal.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/article>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 OTROS ART\u00cdCULOS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"py-20\" style=\"background:#F8F9FC;\">\r\n    <div class=\"container mx-auto px-6 max-w-6xl\">\r\n        <div class=\"flex items-end justify-between mb-12\">\r\n            <div>\r\n                <p class=\"text-ap-green font-display font-bold text-sm uppercase tracking-widest mb-2\">Seguir leyendo<\/p>\r\n                <h2 class=\"text-3xl font-display font-bold text-ap-navy\">Otros art\u00edculos<\/h2>\r\n            <\/div>\r\n            <a href=\"https:\/\/test.apointmexico.mx\/#blog\" class=\"hidden md:flex items-center gap-2 text-ap-navy font-semibold text-sm hover:text-ap-green transition\">\r\n                Ver todos <i class=\"fas fa-arrow-right text-xs\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"grid md:grid-cols-2 gap-6\">\r\n            <a href=\"https:\/\/test.apointmexico.mx\/?page_id=378\" class=\"related-card group\">\r\n                <span class=\"inline-flex items-center gap-1.5 text-xs font-display font-bold uppercase tracking-wider text-ap-green mb-3\">\r\n                    <i class=\"fas fa-brain text-xs\"><\/i> Gesti\u00f3n Escolar & IA\r\n                <\/span>\r\n                <h3 class=\"font-display font-bold text-ap-navy text-xl mb-2 group-hover:text-ap-green transition\">\r\n                    Prompts de IA para Orientaci\u00f3n Vocacional\r\n                <\/h3>\r\n                <p class=\"text-gray-500 text-sm leading-relaxed\">Gu\u00eda pr\u00e1ctica con 5 categor\u00edas de prompts para potenciar el acompa\u00f1amiento estudiantil con inteligencia artificial.<\/p>\r\n                <div class=\"flex items-center gap-2 mt-5 text-ap-navy font-semibold text-sm group-hover:text-ap-green transition\">\r\n                    Leer art\u00edculo <i class=\"fas fa-arrow-right text-xs\"><\/i>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/test.apointmexico.mx\/?page_id=398\" class=\"related-card group\">\r\n                <span class=\"inline-flex items-center gap-1.5 text-xs font-display font-bold uppercase tracking-wider text-ap-green mb-3\">\r\n                    <i class=\"fas fa-landmark text-xs\"><\/i> Fintech & Banca\r\n                <\/span>\r\n                <h3 class=\"font-display font-bold text-ap-navy text-xl mb-2 group-hover:text-ap-green transition\">\r\n                    Caso Inbursa: Transformaci\u00f3n Digital\r\n                <\/h3>\r\n                <p class=\"text-gray-500 text-sm leading-relaxed\">An\u00e1lisis del proceso de automatizaci\u00f3n e IA implementado en una de las instituciones financieras l\u00edderes de M\u00e9xico.<\/p>\r\n                <div class=\"flex items-center gap-2 mt-5 text-ap-navy font-semibold text-sm group-hover:text-ap-green transition\">\r\n                    Leer art\u00edculo <i class=\"fas fa-arrow-right text-xs\"><\/i>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cta-section py-24 text-center\">\r\n    <div class=\"container mx-auto px-6 relative z-10 max-w-3xl\">\r\n        <span class=\"badge mb-6 inline-flex\"><i class=\"fas fa-shield-alt text-xs\"><\/i> Protege tu instituci\u00f3n hoy<\/span>\r\n        <h2 class=\"text-4xl md:text-5xl font-display font-extrabold text-white mt-4 mb-6 leading-tight\">\r\n            \u00bfA\u00fan no est\u00e1s integrado a la PUI?\r\n        <\/h2>\r\n        <p class=\"text-blue-200 text-lg mb-10\">\r\n            Nuestro equipo est\u00e1 listo para implementar tu integraci\u00f3n en tiempo r\u00e9cord, con seguridad certificada y precios accesibles.\r\n        <\/p>\r\n        <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n            <a href=\"https:\/\/test.apointmexico.mx\/?page_id=357\" class=\"btn-primary\">\r\n                <i class=\"fas fa-comments\"><\/i> Hablar con un experto\r\n            <\/a>\r\n            <a href=\"https:\/\/test.apointmexico.mx\/#blog\" class=\"btn-outline\">\r\n                <i class=\"fas fa-book-open\"><\/i> M\u00e1s art\u00edculos\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer class=\"bg-ap-navy py-8 text-white text-center\">\r\n  <div class=\"container mx-auto px-6\">\r\n    <p class=\"text-blue-300 text-sm\">\r\n      2026 Apoint M\u00e9xico. Servicios Certificados en ISO\/IEC 20000-1 v1. Todos los derechos reservados.\r\n      <span class=\"mx-2\">\u00b7<\/span>\r\n    <a href=\"https:\/\/test.apointmexico.mx\/wp-content\/uploads\/2026\/04\/AVISO_DE_PRIVACIDAD_INTEGRAL_04112021.pdf\" target=\"_blank\" class=\"hover:text-apoint-green transition underline\">Aviso de Privacidad<\/a>\r\n    <\/p>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n    \/\/ Reading progress\r\n    window.addEventListener('scroll', () => {\r\n        const p = (window.scrollY \/ (document.body.scrollHeight - window.innerHeight)) * 100;\r\n        document.getElementById('reading-bar').style.width = p + '%';\r\n    });\r\n\r\n    \/\/ TOC scroll\r\n    function scrollTo(id) {\r\n        const el = document.getElementById(id);\r\n        if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    }\r\n\r\n    \/\/ TOC active\r\n    const tocLinks = document.querySelectorAll('.toc-link');\r\n    const sections = ['intro','quien','riesgo','pilares','solucion','precios'];\r\n    window.addEventListener('scroll', () => {\r\n        let current = '';\r\n        sections.forEach(id => {\r\n            const el = document.getElementById(id);\r\n            if (el && window.scrollY >= el.offsetTop - 120) current = id;\r\n        });\r\n        tocLinks.forEach((link, i) => link.classList.toggle('active', sections[i] === current));\r\n    });\r\n\r\n    \/\/ Countdown to March 31, 2026 23:59 CDMX (UTC-6)\r\n    function updateCountdown() {\r\n        const deadline = new Date('2026-03-31T23:59:00-06:00');\r\n        const now = new Date();\r\n        const diff = deadline - now;\r\n\r\n        if (diff <= 0) {\r\n            document.getElementById('cd-days').textContent = '00';\r\n            document.getElementById('cd-hours').textContent = '00';\r\n            document.getElementById('cd-min').textContent = '00';\r\n            document.getElementById('cd-sec').textContent = '00';\r\n            return;\r\n        }\r\n\r\n        const days  = Math.floor(diff \/ 86400000);\r\n        const hours = Math.floor((diff % 86400000) \/ 3600000);\r\n        const mins  = Math.floor((diff % 3600000) \/ 60000);\r\n        const secs  = Math.floor((diff % 60000) \/ 1000);\r\n\r\n        document.getElementById('cd-days').textContent  = String(days).padStart(2,'0');\r\n        document.getElementById('cd-hours').textContent = String(hours).padStart(2,'0');\r\n        document.getElementById('cd-min').textContent   = String(mins).padStart(2,'0');\r\n        document.getElementById('cd-sec').textContent   = String(secs).padStart(2,'0');\r\n    }\r\n\r\n    updateCountdown();\r\n    setInterval(updateCountdown, 1000);\r\n    \r\n   \r\n    \r\n<\/script>\r\n\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Blog | Mandato PUI Marzo 2026 | Apoint M\u00e9xico IDDP &#038; Onboarding Gesti\u00f3n Escolar IA Mandato PUI Soporte T\u00e9cnico Contacto Casos de \u00c9xito Blog Contactar Expertos IDDP &#038; Onboarding Gesti\u00f3n Escolar IA Mandato PUI Casos de \u00c9xito Blog Soporte T\u00e9cnico Contacto Contactar Expertos Alerta Legal &#038; Compliance Marzo 2026: La Fecha L\u00edmite Improrrogable para la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-387","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.apointmexico.mx\/index.php?rest_route=\/wp\/v2\/pages\/387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.apointmexico.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.apointmexico.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.apointmexico.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.apointmexico.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=387"}],"version-history":[{"count":58,"href":"https:\/\/test.apointmexico.mx\/index.php?rest_route=\/wp\/v2\/pages\/387\/revisions"}],"predecessor-version":[{"id":726,"href":"https:\/\/test.apointmexico.mx\/index.php?rest_route=\/wp\/v2\/pages\/387\/revisions\/726"}],"wp:attachment":[{"href":"https:\/\/test.apointmexico.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}