{"id":9,"date":"2025-10-20T16:55:26","date_gmt":"2025-10-20T21:55:26","guid":{"rendered":"https:\/\/greats.pe\/certificados\/?page_id=9"},"modified":"2025-10-21T19:44:06","modified_gmt":"2025-10-22T00:44:06","slug":"validar-certificado","status":"publish","type":"page","link":"https:\/\/greats.pe\/certificados\/","title":{"rendered":"Validar certificado"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ea2a41 e-flex e-con-boxed e-con e-parent\" data-id=\"1ea2a41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0741e5a e-con-full e-flex e-con e-child\" data-id=\"0741e5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f94aa0e elementor-widget elementor-widget-image\" data-id=\"f94aa0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/greats.pe\/certificados\/wp-content\/uploads\/elementor\/thumbs\/CERTIFICADO-1-rdk3mm0rud85wuegjm57lu1kuzxst40d7fcg1wrdfs.png\" title=\"CERTIFICADO (1)\" alt=\"CERTIFICADO (1)\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8912661 e-con-full e-flex e-con e-child\" data-id=\"8912661\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-558fd58 e-con-full e-flex e-con e-child\" data-id=\"558fd58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23e4748 elementor-widget elementor-widget-heading\" data-id=\"23e4748\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Valida tu certificado<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ff0814 elementor-widget elementor-widget-shortcode\" data-id=\"3ff0814\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"vc-container\" aria-live=\"polite\">\r\n        <form method=\"post\" class=\"vc-form\" novalidate>\r\n            <label for=\"codigo\" class=\"vc-label\">Ingrese el c\u00f3digo de certificado:<\/label>\r\n            <input type=\"text\" name=\"codigo\" id=\"codigo\" value=\"\" placeholder=\"Ejemplo: ABC123\" required>\r\n            <button type=\"submit\" class=\"vc-button\">Validar certificado<\/button>\r\n        <\/form>\r\n\r\n        <div class=\"vc-output\">\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .vc-container { max-width:640px; margin:48px auto; font-family:\"Poppins\",\"Helvetica Neue\",Arial,sans-serif; color:#222; text-align:center; }\r\n        .vc-form { display:flex; flex-direction:column; gap:12px; align-items:center; }\r\n        .vc-label { font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#111; font-size:13px; }\r\n        .vc-form input[type=\"text\"] {\r\n            padding:12px 14px; width:100%; max-width:420px;\r\n            border:1px solid #d7d7d7; border-radius:8px; font-size:16px; text-align:center;\r\n            transition: box-shadow .18s ease, border-color .18s ease;\r\n        }\r\n        .vc-form input[type=\"text\"]:focus { border-color:#D4AF37; box-shadow:0 4px 18px rgba(212,175,55,0.08); outline:none; }\r\n        .vc-button {\r\n            background-color:#D4AF37; color:#fff; border:none; padding:12px 22px; border-radius:8px;\r\n            font-size:14px; text-transform:uppercase; letter-spacing:0.6px; cursor:pointer; display:inline-block;\r\n            transition:transform .14s ease, box-shadow .14s ease;\r\n        }\r\n        .vc-button:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.08); }\r\n\r\n        \/* MODAL centrado *\/\r\n        .vc-modal {\r\n            display:flex; justify-content:center; align-items:center;\r\n            position:fixed; z-index:99999; left:0; top:0;\r\n            width:100%; height:100%; background:rgba(0,0,0,0.42);\r\n            padding:20px; box-sizing:border-box;\r\n        }\r\n        .vc-modal[aria-hidden=\"true\"] { display:none; }\r\n        .vc-modal-content {\r\n            background:#fff; padding:30px; border-radius:12px; width:92%; max-width:540px;\r\n            border:2px solid #D4AF37; text-align:center; position:relative;\r\n            animation: fadeIn .28s ease;\r\n        }\r\n        .vc-modal-content h3 { margin:0 0 8px; font-size:20px; color:#111; }\r\n        .vc-modal-body p { color:#555; margin:10px 0; font-size:15px; text-align:left; }\r\n        .vc-modal-actions { display:flex; gap:12px; justify-content:center; align-items:center; flex-wrap:wrap; }\r\n\r\n        .vc-modal-content.vc-valid { border-color:#D4AF37; background:#fbfbf9; }\r\n\r\n        .vc-close { position:absolute; top:10px; right:14px; background:none; border:none; font-size:24px; color:#666; cursor:pointer; }\r\n        .vc-close:hover { color:#111; }\r\n\r\n        .vc-download {\r\n            background-color:#000f32; color:#fff !important; text-decoration:none; padding:12px 22px; border-radius:8px;\r\n            font-size:14px; text-transform:uppercase; letter-spacing:0.6px; display:inline-block;\r\n        }\r\n        .vc-download:hover {\r\n            background-color:#0a1b4a; color:#fff !important;\r\n            transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.08);\r\n        }\r\n\r\n        .vc-close-btn {\r\n            display:none; background:#D4AF37; color:#fff;\r\n            border:none; padding:10px 18px; border-radius:8px; font-size:14px;\r\n        }\r\n\r\n        @media (max-width:520px) {\r\n            .vc-container { margin:28px 16px; }\r\n            .vc-form input[type=\"text\"] { font-size:15px; }\r\n            .vc-button { width:100%; max-width:420px; }\r\n            .vc-modal-actions { flex-direction:column; gap:14px; }\r\n            .vc-download { width:100%; }\r\n            .vc-close-btn { display:inline-block; width:100%; max-width:420px; }\r\n        }\r\n\r\n        @keyframes fadeIn { from{opacity:0; transform:scale(.98);} to{opacity:1; transform:scale(1);} }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function(){\r\n        function closeModalAndReset() {\r\n            const modal = document.getElementById('vcModal');\r\n            if (modal) modal.setAttribute('aria-hidden','true');\r\n            const form = document.querySelector('.vc-form');\r\n            if (form) form.reset();\r\n            const output = document.querySelector('.vc-output');\r\n            if (output) output.innerHTML = '';\r\n        }\r\n\r\n        document.addEventListener('click', function(e){\r\n            if (!e.target) return;\r\n            if (e.target.classList.contains('vc-close') || e.target.classList.contains('vc-close-btn') || e.target.id === 'vcModal') {\r\n                closeModalAndReset();\r\n                return;\r\n            }\r\n        });\r\n\r\n        document.addEventListener('keydown', function(e){\r\n            if (e.key === 'Escape') {\r\n                closeModalAndReset();\r\n            }\r\n        });\r\n    })();\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf334fc e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"cf334fc\" data-element_type=\"container\" data-e-type=\"container\">\n\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":"<p>Valida tu certificado<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greats.pe\/certificados\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greats.pe\/certificados\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greats.pe\/certificados\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greats.pe\/certificados\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/greats.pe\/certificados\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":76,"href":"https:\/\/greats.pe\/certificados\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/greats.pe\/certificados\/wp-json\/wp\/v2\/pages\/9\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/greats.pe\/certificados\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}