{"id":48,"date":"2025-11-27T10:49:02","date_gmt":"2025-11-27T15:49:02","guid":{"rendered":"https:\/\/aseduis.com\/graduados\/?page_id=48"},"modified":"2025-11-27T14:24:35","modified_gmt":"2025-11-27T19:24:35","slug":"prueba-validacion","status":"publish","type":"page","link":"https:\/\/aseduis.com\/graduados\/prueba-validacion\/","title":{"rendered":"Prueba Validaci\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"48\" class=\"elementor elementor-48\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cfbf39 e-flex e-con-boxed e-con e-parent\" data-id=\"1cfbf39\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd35be2 elementor-widget elementor-widget-shortcode\" data-id=\"bd35be2\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\r\n\r\n    <div class=\"gv-main-wrapper\">\r\n        \r\n        <div class=\"gv-search-container\">\r\n            <p class=\"gv-instructions\">\r\n                Consulte la validez de su certificado ingresando los datos en el buscador\r\n            <\/p>\r\n\r\n            <form method=\"POST\" id=\"gv-cert-form\">\r\n                <div class=\"gv-toggles\">\r\n                    <label class=\"gv-radio\">\r\n                        <input type=\"radio\" name=\"gv_search_type\" value=\"id\"  checked='checked' onchange=\"updatePlaceholder()\">\r\n                        <span>No. Documento<\/span>\r\n                    <\/label>\r\n                    <label class=\"gv-radio\">\r\n                        <input type=\"radio\" name=\"gv_search_type\" value=\"cert\"  onchange=\"updatePlaceholder()\">\r\n                        <span>No. Certificado<\/span>\r\n                    <\/label>\r\n                <\/div>\r\n\r\n                <div class=\"gv-input-group\">\r\n                    <input \r\n                        type=\"text\" \r\n                        inputmode=\"numeric\" \r\n                        pattern=\"[0-9]*\"\r\n                        name=\"gv_search_val\" \r\n                        id=\"gv_input\" \r\n                        value=\"\" \r\n                        oninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\"\r\n                        required\r\n                    >\r\n                    <button type=\"submit\">Consultar<\/button>\r\n                <\/div>\r\n\r\n                <div class=\"gv-captcha-wrapper\">\r\n                    <div class=\"g-recaptcha\" data-sitekey=\"6LfQWx0sAAAAABDLDCfRDMbwK_LrR5ngOkSII6xl\"><\/div>\r\n                    <p id=\"gv-captcha-warning\" style=\"display:none; color: red; font-size: 14px; margin-top: 5px;\">Por favor, completa la verificaci\u00f3n.<\/p>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <div class=\"gv-results-container\">\r\n                    <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        function updatePlaceholder() {\r\n            const radios = document.getElementsByName('gv_search_type');\r\n            const input = document.getElementById('gv_input');\r\n            let val = 'id';\r\n            for (const radio of radios) {\r\n                if (radio.checked) {\r\n                    val = radio.value;\r\n                    break;\r\n                }\r\n            }\r\n            if (val === 'id') {\r\n                input.placeholder = \"Ingrese el numero de documento\";\r\n            } else {\r\n                input.placeholder = \"Ingrese el numero del certificado\";\r\n            }\r\n        }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            updatePlaceholder();\r\n\r\n            \/\/ Bloqueo del formulario si no hay Captcha\r\n            const form = document.getElementById('gv-cert-form');\r\n            const warning = document.getElementById('gv-captcha-warning');\r\n\r\n            form.addEventListener('submit', function(event) {\r\n                \/\/ Verificar si Google Recaptcha tiene respuesta\r\n                if (grecaptcha.getResponse().length === 0) {\r\n                    event.preventDefault(); \/\/ Detiene el env\u00edo\r\n                    warning.style.display = 'block'; \/\/ Muestra advertencia peque\u00f1a (opcional)\r\n                } else {\r\n                    warning.style.display = 'none';\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* Wrapper Global *\/\r\n        .gv-main-wrapper {\r\n            width: 100%;\r\n            font-family: 'Grift', sans-serif; \r\n            color: rgba(51, 51, 51, 1);\r\n        }\r\n\r\n        \/* --- 1. SECCI\u00d3N BUSCADOR --- *\/\r\n        .gv-search-container {\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .gv-instructions {\r\n            color: rgb(51, 51, 51);\r\n            font-size: 16px;\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n            line-height: 1.5;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .gv-toggles {\r\n            display: flex;\r\n            gap: 25px;\r\n            margin-bottom: 20px;\r\n            justify-content: center;\r\n        }\r\n        .gv-radio {\r\n            cursor: pointer;\r\n            font-weight: 500;\r\n            color: rgba(51, 51, 51, 1);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        \/* Input y Bot\u00f3n en la misma l\u00ednea (Versi\u00f3n Original) *\/\r\n        .gv-input-group {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-bottom: 20px;\r\n        }\r\n        .gv-input-group input {\r\n            flex: 1;\r\n            padding: 12px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 6px;\r\n            font-size: 16px;\r\n            font-family: inherit; \r\n        }\r\n        .gv-input-group button {\r\n            padding: 12px 25px;\r\n            background-color: rgba(243, 23, 121, 1);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 6px;\r\n            cursor: pointer;\r\n            font-weight: 500;\r\n            font-size: 16px;\r\n            transition: background 0.3s;\r\n            font-family: inherit;\r\n        }\r\n\r\n        \/* Contenedor Captcha Centrado *\/\r\n        .gv-captcha-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n\r\n        \/* --- 2. SECCI\u00d3N RESULTADOS --- *\/\r\n        .gv-results-container {\r\n            max-width: 960px;\r\n            margin: 0 auto;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .gv-result-title {\r\n            color: rgb(51, 51, 51);\r\n            font-size: 30px;\r\n            text-align: center;\r\n            margin: 30px 0 15px 0;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .gv-result-card {\r\n            padding: 0;\r\n            background: rgba(247, 247, 247, 1);\r\n            border-radius: 15px;\r\n            box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);\r\n            overflow: hidden; \r\n            animation: fadeIn 0.5s ease-in-out;\r\n            margin-top: 10px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .gv-card-header {\r\n            padding: 15px 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n        .gv-card-header h4 {\r\n            margin: 0 0 5px 0;\r\n            font-size: 18px;\r\n        }\r\n        .gv-card-header p {\r\n            margin: 0;\r\n            font-size: 14px;\r\n            line-height: 1.3;\r\n        }\r\n        \r\n        .gv-error {\r\n            background-color: rgba(244, 214, 201, 1);\r\n            color: rgba(51, 51, 51, 1);\r\n            border-bottom: 2px solid rgba(244, 214, 201, 1);\r\n        }\r\n        .gv-error h4 { \r\n            color: rgba(51, 51, 51, 1);\r\n            font-weight: 700;\r\n            font-size: 30px;\r\n        }\r\n\r\n        .gv-data-row {\r\n            padding: 12px 20px;\r\n            font-size: 16px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            border-bottom: 1px solid rgba(186, 186, 186, 1);\r\n        }\r\n        .gv-data-row:last-child {\r\n            border-bottom: none;\r\n        }\r\n        .gv-data-row strong {\r\n            color: rgba(51, 51, 51, 1);\r\n            font-weight: 600;\r\n            width: 40%;\r\n        }\r\n        .gv-data-row span {\r\n            color: rgba(51, 51, 51, 1);\r\n            font-weight: 500;\r\n            width: 60%;\r\n            text-align: left;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n    <\/style>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","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-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aseduis.com\/graduados\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aseduis.com\/graduados\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aseduis.com\/graduados\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aseduis.com\/graduados\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aseduis.com\/graduados\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":11,"href":"https:\/\/aseduis.com\/graduados\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/aseduis.com\/graduados\/wp-json\/wp\/v2\/pages\/48\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/aseduis.com\/graduados\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}