{"id":15988,"date":"2026-06-17T09:55:00","date_gmt":"2026-06-17T14:55:00","guid":{"rendered":"https:\/\/iqcol.com\/?page_id=15988"},"modified":"2026-06-17T15:16:37","modified_gmt":"2026-06-17T20:16:37","slug":"prueba-de-formulario","status":"publish","type":"page","link":"https:\/\/iqcol.com\/en\/prueba-de-formulario\/","title":{"rendered":"Prueba de Formulario"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"15988\" class=\"elementor elementor-15988\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b777a1b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b777a1b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c5f9db6\" data-id=\"c5f9db6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41c9efa elementor-widget elementor-widget-html\" data-id=\"41c9efa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ultimate_floating_fx_translate_y&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"lead-magnet-container\">\r\n    <!-- Bloque de Informaci\u00f3n del Documento (Izquierda) -->\r\n    <div class=\"document-info\">\r\n        <span class=\"badge\">RECURSO EXCLUSIVO<\/span>\r\n        <h2>Evaluaci\u00f3n de Impacto y Cumplimiento PCI DSS & PCI PIN<\/h2>\r\n        <p class=\"subtitle\">Migraci\u00f3n Tecnol\u00f3gica a Entornos de Nube (AWS)<\/p>\r\n        \r\n        <div class=\"summary-box\">\r\n            <div class=\"summary-item\">\r\n                <strong>A. Alcance del Documento:<\/strong>\r\n                <p>Describe los lineamientos, recomendaciones y riesgos relacionados con el cumplimiento de los est\u00e1ndares PCI DSS y PCI PIN en la migraci\u00f3n tecnol\u00f3gica a un entorno de nube con el proveedor AWS.<\/p>\r\n            <\/div>\r\n            <div class=\"summary-item\">\r\n                <strong>B. Aplicabilidad:<\/strong>\r\n                <p>Dirigido a las \u00e1reas de Cumplimiento, Riesgo, Tecnolog\u00eda y Seguridad de la Informaci\u00f3n, as\u00ed como a los consultores responsables de la migraci\u00f3n y validaci\u00f3n del cumplimiento normativo en AWS.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bloque del Formulario (Derecha) -->\r\n    <div class=\"form-box\">\r\n        <h3>Completa tus datos para descargar<\/h3>\r\n        <p>El documento PDF se descargar\u00e1 autom\u00e1ticamente de forma inmediata.<\/p>\r\n        \r\n        <form id=\"pdfDownloadForm\" onsubmit=\"procesarRegistroCompleto(event)\" action=\"\">\r\n            <div class=\"input-group\">\r\n                <label for=\"userName\">Nombre Completo<\/label>\r\n                <input \r\n                    type=\"text\" \r\n                    id=\"userName\" \r\n                    placeholder=\"Ej. Juan P\u00e9rez\" \r\n                    required\r\n>\r\n            <\/div>\r\n\r\n            <div class=\"input-group\">\r\n                <label for=\"userEmail\">Correo Electr\u00f3nico Corporativo<\/label>\r\n                <input \r\n                    type=\"email\" \r\n                    id=\"userEmail\" \r\n                    placeholder=\"juan.perez@empresa.com\" \r\n                    required\r\n>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" id=\"btnSubmit\">\r\n                \ud83d\udce5 Descargar Documento (PDF)\r\n            <\/button>\r\n            \r\n            <div id=\"responseMessage\" class=\"msg-box\"><\/div>\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Principal Adaptable *\/\r\n.lead-magnet-container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 30px;\r\n    background-color: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 12px;\r\n    padding: 30px;\r\n    max-width: 900px;\r\n    margin: 30px auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n\/* Secci\u00f3n Informativa *\/\r\n.document-info {\r\n    flex: 1.2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.badge {\r\n    background-color: #ff9900; \/* Color corporativo AWS\/Seguridad *\/\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    width: fit-content;\r\n    margin-bottom: 12px;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.document-info h2 {\r\n    color: #0f172a;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    margin: 0 0 4px 0;\r\n}\r\n\r\n.subtitle {\r\n    color: #475569;\r\n    font-size: 14px;\r\n    margin: 0 0 20px 0;\r\n    font-weight: 500;\r\n}\r\n\r\n.summary-box {\r\n    background-color: #f8fafc;\r\n    border-left: 4px solid #ff9900;\r\n    padding: 15px;\r\n    border-radius: 0 8px 8px 0;\r\n}\r\n\r\n.summary-item {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.summary-item:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.summary-item strong {\r\n    display: block;\r\n    color: #1e293b;\r\n    font-size: 13px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.summary-item p {\r\n    color: #475569;\r\n    font-size: 12.5px;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Secci\u00f3n Formulario *\/\r\n.form-box {\r\n    flex: 0.8;\r\n    background-color: #f8fafc;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    padding: 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.form-box h3 {\r\n    color: #0f172a;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin: 0 0 6px 0;\r\n}\r\n\r\n.form-box p {\r\n    color: #64748b;\r\n    font-size: 12.5px;\r\n    margin: 0 0 20px 0;\r\n    line-height: 1.4;\r\n}\r\n\r\n.input-group {\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.input-group label {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n}\r\n\r\n.input-group input {\r\n    padding: 10px 12px;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.input-group input:focus {\r\n    border-color: #ff9900;\r\n    outline: none;\r\n    box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.15);\r\n}\r\n\r\n\/* Bot\u00f3n de Env\u00edo *\/\r\n#btnSubmit {\r\n    background-color: #ff9900;\r\n    color: #ffffff;\r\n    border: none;\r\n    padding: 12px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    border-radius: 6px;\r\n    width: 100%;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    box-shadow: 0 4px 6px -1px rgba(255, 153, 0, 0.15);\r\n}\r\n\r\n#btnSubmit:hover {\r\n    background-color: #e08800;\r\n}\r\n\r\n#btnSubmit:disabled {\r\n    background-color: #94a3b8;\r\n    cursor: not-allowed;\r\n    box-shadow: none;\r\n}\r\n\r\n\/* Caja de Mensajes *\/\r\n.msg-box {\r\n    font-size: 13px;\r\n    margin-top: 15px;\r\n    display: none;\r\n    padding: 10px;\r\n    border-radius: 6px;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n}\r\n\r\n.msg-error {\r\n    color: #b91c1c;\r\n    background-color: #fef2f2;\r\n    border: 1px solid #fca5a5;\r\n}\r\n\r\n.msg-success {\r\n    color: #15803d;\r\n    background-color: #f0fdf4;\r\n    border: 1px solid #bbf7d0;\r\n}\r\n\r\n\/* Responsividad para m\u00f3viles *\/\r\n@media (max-width: 768px) {\r\n    .lead-magnet-container {\r\n        flex-direction: column;\r\n        padding: 20px;\r\n        margin: 15px;\r\n    }\r\n    .document-info {\r\n        margin-bottom: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nasync function procesarRegistroCompleto(event) {\r\n    event.preventDefault();\r\n    \r\n    const nombreInput = document.getElementById('userName').value.trim();\r\n    const emailInput = document.getElementById('userEmail').value.trim();\r\n    const responseMessage = document.getElementById('responseMessage');\r\n    const btnSubmit = document.getElementById('btnSubmit');\r\n    \r\n    \/\/ Direcci\u00f3n del archivo PDF original\r\n    const pdfUrl = \"https:\/\/iqcol.com\/wp-content\/uploads\/dae-uploads\/PCI_Migracion_Nube_Con_PIN_y_DSS_v6-1.pdf\";\r\n    \r\n    \/\/ Deshabilitar bot\u00f3n durante el proceso\r\n    btnSubmit.disabled = true;\r\n    btnSubmit.innerText = \"Registrando...\";\r\n\r\n    \/\/ Limpiar alertas de mensajes previos\r\n    responseMessage.style.display = \"none\";\r\n    responseMessage.className = \"msg-box\";\r\n\r\n    \/\/ METADATOS INVISIBLES ENVIADOS AL BACKEND\r\n    const payload = {\r\n        nombre: nombreInput,\r\n        email: emailInput,\r\n        documento: \"Evaluaci\u00f3n de Impacto y Consideraciones de Cumplimiento PCI DSS y PCI PIN para la Migraci\u00f3n AWS\",\r\n        categoria: \"Seguridad Nube\",\r\n        concepto: \"Descarga Directa\"\r\n    };\r\n\r\n    \/\/ Variaciones de ruta de la API de WordPress para prevenir bloqueos de permalinks\r\n    const apiEndpoints = [\r\n        '\/wp-json\/iqcol\/v1\/guardar-lead',\r\n        window.location.origin + '\/wp-json\/iqcol\/v1\/guardar-lead',\r\n        '\/index.php?rest_route=\/iqcol\/v1\/guardar-lead'\r\n    ];\r\n\r\n    let exito = false;\r\n\r\n    \/\/ Intentamos guardar los datos usando las diferentes rutas alternativas\r\n    for (let url of apiEndpoints) {\r\n        try {\r\n            const response = await fetch(url, {\r\n                method: 'POST',\r\n                headers: { 'Content-Type': 'application\/json' },\r\n                body: JSON.stringify(payload)\r\n            });\r\n\r\n            const data = await response.json();\r\n\r\n            if (response.ok && data.status === 'success') {\r\n                exito = true;\r\n                break; \/\/ Si se guard\u00f3 correctamente, salimos del ciclo de pruebas\r\n            }\r\n        } catch (err) {\r\n            \/\/ Falla silenciosa para continuar probando los endpoints alternativos\r\n        }\r\n    }\r\n\r\n    if (exito) {\r\n        \/\/ Registro exitoso, mostramos mensaje amigable\r\n        responseMessage.textContent = \"\u00a1Perfecto! Iniciando la descarga del documento.\";\r\n        responseMessage.classList.add(\"msg-success\");\r\n        responseMessage.style.display = \"block\";\r\n\r\n        \/\/ Ejecutar descarga segura\r\n        ejecutarDescargaSegura(pdfUrl);\r\n\r\n        \/\/ Limpiar inputs\r\n        document.getElementById('userName').value = \"\";\r\n        document.getElementById('userEmail').value = \"\";\r\n    } else {\r\n        \/\/ En caso de error de conexi\u00f3n, ofrecemos un enlace de rescate para no frustrar al usuario\r\n        responseMessage.innerHTML = \"No logramos conectar con el servidor para registrar tus datos. <br>\" +\r\n                                    \"<a href='\" + pdfUrl + \"' target='_blank' style='color:#b91c1c; font-weight:bold; text-decoration:underline;'>Haz clic aqu\u00ed para descargar el PDF directamente<\/a>.\";\r\n        responseMessage.classList.add(\"msg-error\");\r\n        responseMessage.style.display = \"block\";\r\n    }\r\n\r\n    \/\/ Restaurar el bot\u00f3n de descarga\r\n    btnSubmit.disabled = false;\r\n    btnSubmit.innerText = \"\ud83d\udce5 Descargar Documento (PDF)\";\r\n}\r\n\r\n\/\/ M\u00e9todo de descarga a prueba de bloqueos de pop-ups corporativos\r\nfunction ejecutarDescargaSegura(url) {\r\n    const link = document.createElement('a');\r\n    link.href = url;\r\n    link.download = \"PCI_Migracion_Nube_Con_PIN_y_DSS_v6-1.pdf\";\r\n    link.target = \"_blank\";\r\n    document.body.appendChild(link);\r\n    link.click();\r\n    document.body.removeChild(link);\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>RECURSO EXCLUSIVO Evaluaci\u00f3n de Impacto y Cumplimiento PCI DSS &#038; PCI PIN Migraci\u00f3n Tecnol\u00f3gica a Entornos de Nube (AWS) A. Alcance del Documento: Describe los lineamientos, recomendaciones y riesgos relacionados con el cumplimiento de los est\u00e1ndares PCI DSS y PCI PIN en la migraci\u00f3n tecnol\u00f3gica a un entorno de nube con el proveedor AWS. B. [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15988","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/iqcol.com\/en\/wp-json\/wp\/v2\/pages\/15988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iqcol.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iqcol.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iqcol.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/iqcol.com\/en\/wp-json\/wp\/v2\/comments?post=15988"}],"version-history":[{"count":0,"href":"https:\/\/iqcol.com\/en\/wp-json\/wp\/v2\/pages\/15988\/revisions"}],"wp:attachment":[{"href":"https:\/\/iqcol.com\/en\/wp-json\/wp\/v2\/media?parent=15988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}