{"id":124,"date":"2026-02-22T04:47:38","date_gmt":"2026-02-22T03:47:38","guid":{"rendered":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/?page_id=124"},"modified":"2026-02-22T05:11:37","modified_gmt":"2026-02-22T04:11:37","slug":"auditoria-prevencion-fraude","status":"publish","type":"page","link":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/auditoria-prevencion-fraude\/","title":{"rendered":"auditoria prevencion fraude"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"124\" class=\"elementor elementor-124\">\n\t\t\t\t<div class=\"elementor-element elementor-element-862a106 e-flex e-con-boxed e-con e-parent\" data-id=\"862a106\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-534b909 elementor-widget elementor-widget-html\" data-id=\"534b909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 1. ESTILOS CSS -->\r\n<style>\r\n\/* --- TOMA DE PANTALLA ABSOLUTA (FULLSCREEN TAKEOVER) --- *\/\r\nhtml, body {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    width: 100vw !important;\r\n    height: 100vh !important;\r\n    overflow: hidden !important; \/* Bloquea el scroll del resto de la p\u00e1gina *\/\r\n}\r\n\r\n\/* Ocultar inyecciones nativas de WordPress y Elementor *\/\r\nheader:not(.app-header), \r\nfooter:not(.app-footer), \r\nnav:not(.app-nav), \r\n.site-header, \r\n.site-footer, \r\n.elementor-location-header, \r\n.elementor-location-footer,\r\n[data-elementor-type=\"header\"], \r\n[data-elementor-type=\"footer\"],\r\n.wp-block-post-title,\r\nh1.entry-title,\r\n.page-title {\r\n    display: none !important;\r\n}\r\n\r\n\/* --- CONTENEDOR PRINCIPAL DE LA APP --- *\/\r\n#intellect-audit-wrapper {\r\n  \/* Brand Colors *\/\r\n  --color-primary: #1D3557;      \r\n  --color-primary-light: #2c4c7c; \r\n  --color-secondary: #D83A64;    \r\n  --color-secondary-hover: #f04875; \r\n  \r\n  \/* Neutral Colors *\/\r\n  --color-bg: #F8FAFC;         \r\n  --color-surface: #FFFFFF;    \r\n  --color-text: #334155;       \r\n  --color-text-light: #64748B; \r\n  --color-text-heading: #0F172A; \r\n  \r\n  \/* Status Colors *\/\r\n  --color-success: #10B981;    \r\n  --color-warning: #F59E0B;    \r\n  --color-danger: #EF4444;     \r\n  \r\n  \/* Variables UI *\/\r\n  --font-family: 'Inter', sans-serif;\r\n  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n  --shadow-glow: 0 0 15px rgba(216, 58, 100, 0.4);\r\n  --radius-md: 0.5rem;\r\n  --radius-lg: 1rem;\r\n  --radius-xl: 1.5rem;\r\n  --radius-full: 9999px;\r\n  --transition-fast: 0.15s ease-in-out;\r\n  --transition-normal: 0.3s ease-in-out;\r\n\r\n  \/* FULLSCREEN IMPOSICI\u00d3N *\/\r\n  position: fixed !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100vw !important;\r\n  height: 100vh !important;\r\n  z-index: 999999 !important; \/* Sit\u00faa la app por encima de todo *\/\r\n  overflow-y: auto !important; \/* Permite scroll solo dentro de la app *\/\r\n\r\n  font-family: var(--font-family);\r\n  background-color: var(--color-bg);\r\n  color: var(--color-text);\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#intellect-audit-wrapper * { box-sizing: border-box; }\r\n#intellect-audit-wrapper h1, #intellect-audit-wrapper h2, \r\n#intellect-audit-wrapper h3, #intellect-audit-wrapper h4 {\r\n  color: var(--color-text-heading);\r\n  line-height: 1.2;\r\n  margin: 0;\r\n}\r\n#intellect-audit-wrapper p { margin: 0; }\r\n\r\n#intellect-audit-wrapper .app-container {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 3rem 1rem;\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-grow: 1; \/* Empuja el footer hacia abajo *\/\r\n}\r\n\r\n#intellect-audit-wrapper .app-header { text-align: center; margin-bottom: 3rem; animation: fadeInDown 0.8s ease-out; }\r\n#intellect-audit-wrapper .app-header .logo { font-size: 2rem; font-weight: 800; color: var(--color-primary); letter-spacing: -0.5px; }\r\n#intellect-audit-wrapper .app-header .logo span { color: var(--color-secondary); }\r\n#intellect-audit-wrapper .app-footer { margin-top: auto; padding-top: 3rem; padding-bottom: 2rem; text-align: center; font-size: 0.875rem; color: var(--color-text-light); }\r\n\r\n\/* --- Tarjetas y Botones --- *\/\r\n#intellect-audit-wrapper .card {\r\n  background-color: var(--color-surface);\r\n  border-radius: var(--radius-xl);\r\n  padding: 2.5rem;\r\n  margin-bottom: 2rem;\r\n  box-shadow: var(--shadow-lg);\r\n  border: 1px solid rgba(0,0,0,0.05);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: transform var(--transition-normal), box-shadow var(--transition-normal);\r\n}\r\n#intellect-audit-wrapper .card:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }\r\n#intellect-audit-wrapper .card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: var(--color-primary); }\r\n\r\n#intellect-audit-wrapper .btn {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 600; font-family: inherit;\r\n  border-radius: var(--radius-full); border: none; cursor: pointer; transition: all var(--transition-fast); text-decoration: none;\r\n}\r\n#intellect-audit-wrapper .btn-primary { background-color: var(--color-secondary); color: white; }\r\n#intellect-audit-wrapper .btn-primary:hover { background-color: var(--color-secondary-hover); transform: translateY(-2px); color: white; }\r\n#intellect-audit-wrapper .btn-secondary { background-color: var(--color-primary); color: white; }\r\n#intellect-audit-wrapper .btn-secondary:hover { background-color: var(--color-primary-light); transform: translateY(-2px); color: white; }\r\n#intellect-audit-wrapper .btn-large { padding: 1.25rem 2.5rem; font-size: 1.125rem; width: 100%; max-width: 400px; }\r\n#intellect-audit-wrapper .glow-effect:hover { box-shadow: var(--shadow-glow); }\r\n#intellect-audit-wrapper .btn .arrow { margin-left: 0.5rem; transition: transform var(--transition-fast); }\r\n#intellect-audit-wrapper .btn:hover .arrow { transform: translateX(4px); }\r\n\r\n#intellect-audit-wrapper .mt-4 { margin-top: 1.5rem; }\r\n#intellect-audit-wrapper .text-center { text-align: center; }\r\n\r\n\/* --- Pantallas --- *\/\r\n#intellect-audit-wrapper .screen { display: none; flex-direction: column; align-items: center; text-align: center; max-width: 100%;}\r\n#intellect-audit-wrapper .screen.active { display: flex; }\r\n\r\n#intellect-audit-wrapper .screen-landing .title { font-size: 2.75rem; font-weight: 800; margin-bottom: 1rem; background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n#intellect-audit-wrapper .screen-landing .subtitle { font-size: 1.25rem; font-weight: 400; color: var(--color-text-light); margin-bottom: 2.5rem; max-width: 600px; }\r\n#intellect-audit-wrapper .card-welcome p { margin-bottom: 1rem; font-size: 1.125rem; }\r\n#intellect-audit-wrapper .card-welcome p:last-child { margin-bottom: 0; font-weight: 600; color: var(--color-primary); }\r\n\r\n#intellect-audit-wrapper .progress-container { width: 100%; margin-bottom: 2rem; }\r\n#intellect-audit-wrapper .progress-bar { width: 100%; height: 8px; background-color: #E2E8F0; border-radius: var(--radius-full); overflow: hidden; margin-bottom: 0.5rem; }\r\n#intellect-audit-wrapper .progress-fill { height: 100%; background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%); width: 16.66%; transition: width 0.5s ease-out; }\r\n#intellect-audit-wrapper .progress-text { font-size: 0.875rem; color: var(--color-text-light); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n#intellect-audit-wrapper .card-question { width: 100%; text-align: left; }\r\n#intellect-audit-wrapper .question-title { color: var(--color-secondary); font-size: 1.25rem; margin-bottom: 1rem; }\r\n#intellect-audit-wrapper .question-text { font-size: 1.25rem; font-weight: 400; color: var(--color-text-heading); }\r\n\r\n#intellect-audit-wrapper .options-container { display: flex; gap: 1.5rem; width: 100%; justify-content: center; margin-top: 1rem; }\r\n#intellect-audit-wrapper .btn-option { flex: 1; max-width: 250px; padding: 1.5rem; font-size: 1.25rem; background-color: var(--color-surface); color: var(--color-text-heading); border: 2px solid #E2E8F0; border-radius: var(--radius-xl); display: flex; flex-direction: column; gap: 0.5rem; }\r\n#intellect-audit-wrapper .btn-option:hover { border-color: var(--color-secondary); background-color: #FFF1F2; transform: translateY(-3px); box-shadow: var(--shadow-md); }\r\n#intellect-audit-wrapper .btn-option .icon { font-size: 2rem; margin-bottom: 0.5rem; }\r\n#intellect-audit-wrapper .btn-yes .icon { color: var(--color-success); }\r\n#intellect-audit-wrapper .btn-no .icon { color: var(--color-danger); }\r\n#intellect-audit-wrapper .btn-yes:hover { border-color: var(--color-success); background-color: #ECFDF5; }\r\n#intellect-audit-wrapper .btn-no:hover { border-color: var(--color-danger); background-color: #FEF2F2; }\r\n\r\n#intellect-audit-wrapper .reaction-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(15, 23, 42, 0.85); backdrop-filter: blur(5px); display: flex; justify-content: center; align-items: center; z-index: 9999999; opacity: 1; transition: opacity 0.3s; }\r\n#intellect-audit-wrapper .reaction-overlay.hidden { opacity: 0; pointer-events: none; }\r\n#intellect-audit-wrapper .reaction-content { background-color: var(--color-surface); padding: 3rem; border-radius: var(--radius-xl); text-align: center; max-width: 450px; width: 90%; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); }\r\n#intellect-audit-wrapper .reaction-emoji { font-size: 4rem; margin-bottom: 1rem; }\r\n#intellect-audit-wrapper .reaction-title { font-size: 1.5rem; color: var(--color-primary); margin-bottom: 0.5rem; }\r\n#intellect-audit-wrapper .reaction-text { font-size: 1.125rem; color: var(--color-text); margin-bottom: 1.5rem; }\r\n\r\n#intellect-audit-wrapper .result-header { font-size: 4.5rem; margin-bottom: 1rem; }\r\n#intellect-audit-wrapper .result-title { font-size: 2.25rem; font-weight: 800; margin-bottom: 2rem; }\r\n#intellect-audit-wrapper .card-result { text-align: left; font-size: 1.125rem; width: 100%; }\r\n#intellect-audit-wrapper .card-result .highlight { font-weight: 600; }\r\n#intellect-audit-wrapper .cta-container { margin-top: 2rem; width: 100%; }\r\n#intellect-audit-wrapper .cta-text { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; color: var(--color-primary); }\r\n#intellect-audit-wrapper .btn-cta { width: 100%; padding: 1.25rem; font-size: 1.125rem; }\r\n#intellect-audit-wrapper .btn-text { background: transparent; color: var(--color-text-light); text-decoration: underline; }\r\n#intellect-audit-wrapper .btn-text:hover { color: var(--color-primary); background: transparent; transform: none; }\r\n\r\n#intellect-audit-wrapper .risk-critical .result-title { color: var(--color-danger); }\r\n#intellect-audit-wrapper .risk-critical .card::before { background-color: var(--color-danger); }\r\n#intellect-audit-wrapper .risk-moderate .result-title { color: var(--color-warning); }\r\n#intellect-audit-wrapper .risk-moderate .card::before { background-color: var(--color-warning); }\r\n#intellect-audit-wrapper .risk-optimized .result-title { color: var(--color-success); }\r\n#intellect-audit-wrapper .risk-optimized .card::before { background-color: var(--color-success); }\r\n\r\n@keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n@keyframes bounceIn { 0% { transform: scale(0.8); opacity: 0; } 50% { transform: scale(1.05); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }\r\n#intellect-audit-wrapper .fade-in { animation: fadeIn 0.5s ease-out forwards; }\r\n#intellect-audit-wrapper .bounce-in { animation: bounceIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n\r\n\/* --- MODALES Y FORMULARIO (Evitando Tailwind) --- *\/\r\n.custom-modal { transition: opacity 0.3s ease-in-out; }\r\n.custom-modal.hidden { opacity: 0; pointer-events: none; }\r\n.custom-modal:not(.hidden) { opacity: 1; pointer-events: auto; }\r\n.modal-fixed-inset {\r\n    position: fixed; top: 0; right: 0; bottom: 0; left: 0;\r\n    z-index: 9999999; display: flex; align-items: center; justify-content: center;\r\n}\r\n.modal-backdrop {\r\n    position: absolute; top: 0; right: 0; bottom: 0; left: 0;\r\n    background-color: rgba(15, 23, 42, 0.9); backdrop-filter: blur(4px); cursor: pointer;\r\n}\r\n.modal-content {\r\n    position: relative; background: white; border-radius: var(--radius-lg);\r\n    padding: 2.5rem; max-width: 450px; width: 90%; z-index: 10001;\r\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n}\r\n.modal-close-btn {\r\n    position: absolute; top: 1rem; right: 1.5rem;\r\n    background: transparent; border: none; font-size: 2rem; color: var(--color-text-light); cursor: pointer;\r\n}\r\n.modal-close-btn:hover { color: var(--color-danger); }\r\n.form-group { margin-bottom: 1.25rem; text-align: left; }\r\n.form-label {\r\n    display: block; font-size: 0.75rem; font-weight: 700; text-transform: uppercase;\r\n    color: var(--color-text-light); margin-bottom: 0.5rem; letter-spacing: 0.5px;\r\n}\r\n.form-input {\r\n    width: 100%; padding: 0.75rem 1rem; border: 1px solid #E2E8F0;\r\n    border-radius: var(--radius-md); font-family: inherit; font-size: 1rem; outline: none; transition: border-color 0.2s, box-shadow 0.2s;\r\n}\r\n.form-input:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(29, 53, 87, 0.1); }\r\n\r\n@media (max-width: 640px) {\r\n  #intellect-audit-wrapper .screen-landing .title { font-size: 2rem; }\r\n  #intellect-audit-wrapper .options-container { flex-direction: column; }\r\n  #intellect-audit-wrapper .btn-option { max-width: 100%; padding: 1rem; flex-direction: row; align-items: center; justify-content: center; }\r\n  #intellect-audit-wrapper .btn-option .icon { margin-bottom: 0; margin-right: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<!-- 2. GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<!-- 3. ESTRUCTURA HTML -->\r\n<div id=\"intellect-audit-wrapper\">\r\n    <!-- Contenedor Principal App -->\r\n    <div class=\"app-container\">\r\n        \r\n        <header class=\"app-header\">\r\n            <div class=\"logo\">Intellect <span>Systems<\/span><\/div>\r\n        <\/header>\r\n\r\n        <main id=\"app-content\"><\/main>\r\n\r\n        <footer class=\"app-footer\">\r\n            <p>&copy; 2026 Intellect Systems. Todos los derechos reservados.<\/p>\r\n        <\/footer>\r\n    <\/div>\r\n\r\n    <!-- Modales para Formulario y \u00c9xito -->\r\n    <!-- Modal Formulario -->\r\n    <div id=\"form-modal\" class=\"custom-modal modal-fixed-inset hidden\">\r\n        <div class=\"modal-backdrop\" onclick=\"closeFormModal()\"><\/div>\r\n        <div class=\"modal-content\" style=\"border-top: 4px solid var(--color-secondary);\">\r\n            <button onclick=\"closeFormModal()\" class=\"modal-close-btn\">&times;<\/button>\r\n            <h3 style=\"font-size: 1.5rem; font-weight: 800; margin-bottom: 0.5rem; color: var(--color-text-heading); margin-top: 0;\">Obtener Detalles<\/h3>\r\n            <p style=\"color: var(--color-text-light); margin-bottom: 1.5rem; font-size: 0.95rem; line-height: 1.4;\">D\u00e9janos tus datos para enviarte el an\u00e1lisis completo o agendar una sesi\u00f3n estrat\u00e9gica sin compromiso.<\/p>\r\n\r\n            <iframe name=\"pardot-hidden-frame\" style=\"display:none;\"><\/iframe>\r\n\r\n            <form id=\"pardot-form\" action=\"https:\/\/www2.intellectsystem.net\/l\/874111\/2026-02-20\/j7875t\" method=\"POST\" target=\"pardot-hidden-frame\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"first_name\" class=\"form-label\">Nombre (Opcional)<\/label>\r\n                    <input type=\"text\" name=\"first_name\" id=\"first_name\" class=\"form-input\" placeholder=\"Tu nombre\">\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"email\" class=\"form-label\">Email Corporativo <span style=\"color: red;\">*<\/span><\/label>\r\n                    <input type=\"email\" name=\"email\" id=\"email\" required class=\"form-input\" placeholder=\"ejemplo@empresa.com\">\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"phone\" class=\"form-label\">Tel\u00e9fono (Opcional)<\/label>\r\n                    <input type=\"tel\" name=\"phone\" id=\"phone\" class=\"form-input\" placeholder=\"+593...\">\r\n                <\/div>\r\n                <button type=\"submit\" id=\"btn-submit-pardot\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem; padding: 1rem;\">Confirmar Inter\u00e9s<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal \u00c9xito -->\r\n    <div id=\"success-modal\" class=\"custom-modal modal-fixed-inset hidden\">\r\n        <div class=\"modal-backdrop\" onclick=\"closeSuccessModal()\"><\/div>\r\n        <div class=\"modal-content\" style=\"text-align: center; border-top: 4px solid var(--color-success);\">\r\n            <button onclick=\"closeSuccessModal()\" class=\"modal-close-btn\">&times;<\/button>\r\n            <div style=\"font-size: 4rem; color: var(--color-success); margin-bottom: 1rem; line-height: 1;\">&#10003;<\/div>\r\n            <h3 style=\"font-size: 1.5rem; font-weight: 800; margin-bottom: 1rem; color: var(--color-text-heading);\">\u00a1Datos Recibidos!<\/h3>\r\n            <p style=\"color: var(--color-text-light); margin-bottom: 2rem; font-size: 1.1rem;\">Hemos registrado tu informaci\u00f3n correctamente. Nos ponderemos en contacto pronto.<\/p>\r\n            <button onclick=\"closeSuccessModal()\" class=\"btn btn-secondary\" style=\"width: 100%;\">Cerrar<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Templates Ocultos de Pantallas -->\r\n    <template id=\"tmpl-landing\">\r\n        <section class=\"screen screen-landing active fade-in\">\r\n            <h1 class=\"title\">Auditor\u00eda de Riesgo Operativo y Tecnol\u00f3gico<\/h1>\r\n            <h2 class=\"subtitle\">\u00bfTu empresa controla sus procesos o tus procesos controlan a tu empresa?<\/h2>\r\n            <div class=\"card card-welcome\">\r\n                <p>El 90% de los fraudes internos y cuellos de botella operativos nacen de la desconexi\u00f3n entre los sistemas inform\u00e1ticos y las metas comerciales.<\/p>\r\n                <p>Responde este test de diagn\u00f3stico de 6 preguntas con un simple \"S\u00ed\" o \"No\" para descubrir el nivel de vulnerabilidad de tu arquitectura empresarial.<\/p>\r\n            <\/div>\r\n            <button id=\"btn-start\" class=\"btn btn-primary btn-large glow-effect\">Comenzar Auditor\u00eda <span class=\"arrow\">\u2192<\/span><\/button>\r\n        <\/section>\r\n    <\/template>\r\n\r\n    <template id=\"tmpl-question\">\r\n        <section class=\"screen screen-question active fade-in\">\r\n            <div class=\"progress-container\">\r\n                <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progress-fill\"><\/div><\/div>\r\n                <div class=\"progress-text\">Pregunta <span id=\"current-q-num\">1<\/span> de 6<\/div>\r\n            <\/div>\r\n            <div class=\"card card-question\">\r\n                <h3 class=\"question-title\" id=\"q-title\">T\u00edtulo<\/h3>\r\n                <p class=\"question-text\" id=\"q-text\">Texto de la pregunta...<\/p>\r\n            <\/div>\r\n            <div class=\"options-container\">\r\n                <button class=\"btn btn-option btn-yes\" data-answer=\"yes\"><span class=\"icon\">\u2713<\/span> S\u00ed<\/button>\r\n                <button class=\"btn btn-option btn-no\" data-answer=\"no\"><span class=\"icon\">\u2717<\/span> No<\/button>\r\n            <\/div>\r\n        <\/section>\r\n    <\/template>\r\n\r\n    <template id=\"tmpl-reaction\">\r\n        <div id=\"reaction-overlay\" class=\"reaction-overlay hidden\">\r\n            <div class=\"reaction-content bounce-in\">\r\n                <div id=\"reaction-emoji\" class=\"reaction-emoji\">\ud83e\udd14<\/div>\r\n                <h3 id=\"reaction-title\" class=\"reaction-title\">\u00a1Interesante!<\/h3>\r\n                <p id=\"reaction-text\" class=\"reaction-text\">Vamos a ver qu\u00e9 m\u00e1s descubrimos...<\/p>\r\n                <button id=\"btn-next-q\" class=\"btn btn-secondary mt-4\">Siguiente Pregunta<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/template>\r\n\r\n    <template id=\"tmpl-result\">\r\n        <section class=\"screen screen-result active fade-in\">\r\n            <div class=\"result-header\" id=\"result-header\"><\/div>\r\n            <h2 class=\"result-title\" id=\"result-title\">Tu Resultado<\/h2>\r\n            <div class=\"card card-result\">\r\n                <p class=\"result-text\" id=\"result-text\">Texto detallado del resultado...<\/p>\r\n            <\/div>\r\n            <div class=\"cta-container\">\r\n                <p class=\"cta-text\" id=\"cta-text\">Llamado a la acci\u00f3n...<\/p>\r\n                <!-- Bot\u00f3n CTA ahora abrir\u00e1 el Formulario -->\r\n                <a href=\"#\" id=\"cta-button\" class=\"btn btn-primary btn-cta glow-effect\">Agendar Sesi\u00f3n de Resultados<\/a>\r\n            <\/div>\r\n            <button id=\"btn-restart\" class=\"btn btn-text mt-4\">Volver a hacer el test<\/button>\r\n        <\/section>\r\n    <\/template>\r\n<\/div>\r\n\r\n\r\n<!-- 4. L\u00d3GICA JAVASCRIPT -->\r\n<script>\r\n\/\/ Exponer funciones del modal globalmente para los clicks en HTML\r\nfunction openFormModal() {\r\n    document.getElementById('form-modal').classList.remove('hidden');\r\n}\r\n\r\nfunction closeFormModal() {\r\n    document.getElementById('form-modal').classList.add('hidden');\r\n}\r\n\r\nfunction closeSuccessModal() {\r\n    document.getElementById('success-modal').classList.add('hidden');\r\n}\r\n\r\n\/\/ Inicializar la App solo cuando cargue todo el DOM de Elementor\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    \r\n    \/\/ FUNCI\u00d3N EXTERMINADORA DE ELEMENTOS WP RESIDUALES (Por Si Acaso)\r\n    function cleanWordpressCruft() {\r\n        const headersFooters = document.querySelectorAll('header:not(.app-header), footer:not(.app-footer), .site-header, .site-footer');\r\n        headersFooters.forEach(el => { el.style.display = 'none'; el.remove(); });\r\n    }\r\n    cleanWordpressCruft();\r\n\r\n    \/\/ --- L\u00f3gica del Setup del Formulario Dual (Pardot + FormSubmit) ---\r\n    const pardotForm = document.getElementById('pardot-form');\r\n    if(pardotForm) {\r\n        pardotForm.addEventListener('submit', function(e) {\r\n            e.preventDefault(); \r\n            const form = this;\r\n            \r\n            const submitBtn = document.getElementById('btn-submit-pardot');\r\n            submitBtn.innerText = \"Enviando...\";\r\n            submitBtn.disabled = true;\r\n\r\n            const formData = new FormData(form);\r\n            const firstName = formData.get('first_name') || 'No especificado';\r\n            const email = formData.get('email') || 'No especificado';\r\n            const phone = formData.get('phone') || 'No especificado';\r\n\r\n            const backupUrl = \"https:\/\/formsubmit.co\/ajax\/fernando.cajaraville@intellectsystem.net\"; \r\n\r\n            \/\/ Formsubmit Backup\r\n            fetch(backupUrl, {\r\n                method: 'POST',\r\n                headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n                body: JSON.stringify({\r\n                    _subject: \"\u00a1Nuevo Lead de Auditor\u00eda! (Intellect Systems)\",\r\n                    Nombre: firstName,\r\n                    Email: email,\r\n                    Tel\u00e9fono: phone,\r\n                    _template: \"table\"\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => console.log(\"Respaldo enviado exitosamente:\", data))\r\n            .catch(error => console.error(\"Error al enviar el respaldo:\", error))\r\n            .finally(() => {\r\n                \/\/ Env\u00edo Real a Pardot a trav\u00e9s del Iframe\r\n                form.submit();\r\n\r\n                \/\/ Mostrar \u00e9xito\r\n                setTimeout(() => {\r\n                    closeFormModal();\r\n                    document.getElementById('success-modal').classList.remove('hidden');\r\n                    form.reset();\r\n                    submitBtn.innerText = \"Confirmar Inter\u00e9s\";\r\n                    submitBtn.disabled = false;\r\n                }, 500);\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ --- L\u00f3gica de la Auditor\u00eda ---\r\n    const questions = [\r\n        { id: \"q1\", title: \"Pregunta 1: Trazabilidad y Alteraci\u00f3n de Datos\", text: \"Si un empleado de primera l\u00ednea modifica la informaci\u00f3n de contacto clave de un cliente, \u00bftu sistema actual genera autom\u00e1ticamente un historial inalterable que registre qui\u00e9n hizo el cambio, la hora exacta y cu\u00e1l era el dato anterior?\", goodAnswer: \"yes\" },\r\n        { id: \"q2\", title: \"Pregunta 2: Control de Accesos y Segregaci\u00f3n de Funciones\", text: \"\u00bfTu arquitectura tecnol\u00f3gica bloquea inform\u00e1ticamente que un mismo representante de ventas pueda originar, aprobar y emitir un servicio o producto complejo sin requerir la validaci\u00f3n de un supervisor o un sistema automatizado?\", goodAnswer: \"yes\" },\r\n        { id: \"q3\", title: \"Pregunta 3: Resoluci\u00f3n de Identidad\", text: \"Si un vendedor intenta ingresar a un cliente que ya existe en tu base de datos, pero comete errores ortogr\u00e1ficos intencionales o usa un correo alternativo, \u00bftu sistema es capaz de detectar la duplicidad y fusionar el perfil autom\u00e1ticamente para evitar cuentas paralelas?\", goodAnswer: \"yes\" },\r\n        { id: \"q4\", title: \"Pregunta 4: Consentimiento y Originaci\u00f3n Criptogr\u00e1fica\", text: \"\u00bfTus flujos de venta exigen obligatoriamente la captura de firmas electr\u00f3nicas certificadas o validaciones directas del cliente, bloqueando la creaci\u00f3n del producto en tu sistema central si no existe esta prueba innegable?\", goodAnswer: \"yes\" },\r\n        { id: \"q5\", title: \"Pregunta 5: Inteligencia Artificial y Detecci\u00f3n de Anomal\u00edas\", text: \"\u00bfCuentas con herramientas anal\u00edticas que auditen silenciosamente el 100% de tus transacciones diarias para alertar a la gerencia sobre picos inusuales de ventas o comportamientos at\u00edpicos de tus empleados en tiempo real?\", goodAnswer: \"yes\" },\r\n        { id: \"q6\", title: \"Pregunta 6: Gesti\u00f3n de Desempe\u00f1o y Compensaci\u00f3n Equilibrada\", text: \"\u00bfEl c\u00e1lculo de las comisiones y bonos de tu equipo comercial incluye m\u00e9tricas automatizadas de satisfacci\u00f3n del cliente y retenci\u00f3n a largo plazo, en lugar de depender ciega y exclusivamente del volumen bruto de ventas?\", goodAnswer: \"yes\" }\r\n    ];\r\n\r\n    const reactions = {\r\n        positive: [\r\n            { emoji: \"\ud83d\ude80\", title: \"\u00a1Excelente!\", text: \"Eso es control absoluto sobre los datos.\" },\r\n            { emoji: \"\ud83d\udee1\ufe0f\", title: \"\u00a1Bien blindado!\", text: \"Un proceso menos por el qu\u00e9 preocuparse.\" },\r\n            { emoji: \"\ud83d\udca1\", title: \"\u00a1Brillante!\", text: \"Automatizar eso es pensar en el futuro.\" },\r\n            { emoji: \"\u2705\", title: \"\u00a1Punto a favor!\", text: \"Mantienes el orden donde otros fallan.\" }\r\n        ],\r\n        negative: [\r\n            { emoji: \"\ud83d\udc40\", title: \"Ojo con eso...\", text: \"Ah\u00ed puede haber una fuga importante.\" },\r\n            { emoji: \"\u26a0\ufe0f\", title: \"\u00a1Cuidado!\", text: \"La operaci\u00f3n manual genera cuellos de botella.\" },\r\n            { emoji: \"\ud83d\udd75\ufe0f\", title: \"Punto ciego detectado\", text: \"Esa falta de control puede costar caro.\" },\r\n            { emoji: \"\ud83d\udcc9\", title: \"Riesgo alto\", text: \"Depender de la buena voluntad no es una estrategia.\" }\r\n        ]\r\n    };\r\n\r\n    const results = {\r\n        critical: { theme: \"risk-critical\", icon: \"\ud83d\udea8\", title: \"Riesgo Cr\u00edtico\", text: \"<strong>Tu empresa est\u00e1 operando con puntos ciegos severos.<\/strong><br><br>La falta de controles automatizados y la carencia de una identidad \u00fanica exponen a tu negocio a ineficiencias graves. Tu infraestructura actual depende demasiado de la intervenci\u00f3n manual.\", ctaText: \"Podemos redise\u00f1ar tu arquitectura tecnol\u00f3gica.\", ctaButton: \"Solicitar Diagn\u00f3stico y Reuni\u00f3n Gratuita\" },\r\n        moderate: { theme: \"risk-moderate\", icon: \"\ud83d\udea7\", title: \"Riesgo Moderado \/ Fugas Operativas\", text: \"<strong>Tienes bases operativas, pero existen fisuras costosas.<\/strong><br><br>Aunque tienes cierto control sobre tus procesos, la falta de trazabilidad o inteligencia predictiva significa que reaccionas a los problemas en lugar de prevenirlos.\", ctaText: \"Es momento de automatizar antes de escalar.\", ctaButton: \"Descubrir c\u00f3mo blindar y unir procesos\" },\r\n        optimized: { theme: \"risk-optimized\", icon: \"\ud83c\udfc6\", title: \"Operaci\u00f3n Optimizada\", text: \"<strong>Tu arquitectura de procesos es s\u00f3lida.<\/strong><br><br>Cuentas con una estructura tecnol\u00f3gica que entiende la importancia de la validaci\u00f3n y prevenci\u00f3n de silos de informaci\u00f3n. Tu modelo protege la rentabilidad.\", ctaText: \"Mantente a la vanguardia.\", ctaButton: \"Conocer nuestras Tecnolog\u00edas Avanzadas\" }\r\n    };\r\n\r\n    const state = { currentQuestionIndex: 0, score: 0 };\r\n    const appContent = document.getElementById(\"app-content\");\r\n\r\n    function getTemplateContent(templateId) {\r\n        return document.getElementById(templateId).content.cloneNode(true);\r\n    }\r\n\r\n    function init() {\r\n        renderLanding();\r\n    }\r\n\r\n    function renderLanding() {\r\n        appContent.innerHTML = \"\";\r\n        appContent.appendChild(getTemplateContent(\"tmpl-landing\"));\r\n        document.getElementById(\"btn-start\").addEventListener(\"click\", () => {\r\n            state.currentQuestionIndex = 0;\r\n            state.score = 0;\r\n            renderQuestion();\r\n        });\r\n    }\r\n\r\n    function renderQuestion() {\r\n        const qData = questions[state.currentQuestionIndex];\r\n        appContent.innerHTML = \"\";\r\n        appContent.appendChild(getTemplateContent(\"tmpl-question\"));\r\n\r\n        document.getElementById(\"current-q-num\").textContent = state.currentQuestionIndex + 1;\r\n        document.getElementById(\"q-title\").textContent = qData.title;\r\n        document.getElementById(\"q-text\").textContent = qData.text;\r\n\r\n        const progressPercent = ((state.currentQuestionIndex) \/ questions.length) * 100;\r\n        setTimeout(() => { document.getElementById(\"progress-fill\").style.width = `${progressPercent + (100 \/ questions.length)}%`; }, 50);\r\n\r\n        document.querySelector(\".btn-yes\").addEventListener(\"click\", () => handleAnswer(\"yes\"));\r\n        document.querySelector(\".btn-no\").addEventListener(\"click\", () => handleAnswer(\"no\"));\r\n    }\r\n\r\n    function handleAnswer(answer) {\r\n        const isVulnerability = answer === \"no\";\r\n        if (isVulnerability) state.score += 1; \r\n\r\n        let overlay = document.getElementById(\"reaction-overlay\");\r\n        if (!overlay) {\r\n            appContent.appendChild(getTemplateContent(\"tmpl-reaction\"));\r\n            overlay = document.getElementById(\"reaction-overlay\");\r\n        }\r\n\r\n        const reactionList = isVulnerability ? reactions.negative : reactions.positive;\r\n        const randomReaction = reactionList[Math.floor(Math.random() * reactionList.length)];\r\n\r\n        document.getElementById(\"reaction-emoji\").textContent = randomReaction.emoji;\r\n        document.getElementById(\"reaction-title\").textContent = randomReaction.title;\r\n        document.getElementById(\"reaction-text\").textContent = randomReaction.text;\r\n        document.getElementById(\"reaction-title\").style.color = isVulnerability ? \"var(--color-danger)\" : \"var(--color-success)\";\r\n\r\n        overlay.classList.remove(\"hidden\");\r\n\r\n        const nextBtn = document.getElementById(\"btn-next-q\");\r\n        const newNextBtn = nextBtn.cloneNode(true);\r\n        nextBtn.parentNode.replaceChild(newNextBtn, nextBtn);\r\n        newNextBtn.addEventListener(\"click\", () => {\r\n            overlay.classList.add(\"hidden\");\r\n            state.currentQuestionIndex += 1;\r\n            if (state.currentQuestionIndex >= questions.length) renderResults();\r\n            else renderQuestion();\r\n        });\r\n    }\r\n\r\n    function renderResults() {\r\n        appContent.innerHTML = \"\";\r\n        appContent.appendChild(getTemplateContent(\"tmpl-result\"));\r\n\r\n        const resultScreen = document.querySelector(\".screen-result\");\r\n        let resultData = state.score >= 4 ? results.critical : (state.score >= 2 ? results.moderate : results.optimized);\r\n\r\n        resultScreen.classList.add(resultData.theme);\r\n        document.getElementById(\"result-header\").textContent = resultData.icon;\r\n        document.getElementById(\"result-title\").textContent = resultData.title;\r\n        document.getElementById(\"result-text\").innerHTML = resultData.text; \r\n        document.getElementById(\"cta-text\").textContent = resultData.ctaText;\r\n        \r\n        \/\/ Configurar bot\u00f3n CTA para abrir Modal\r\n        const ctaBtn = document.getElementById(\"cta-button\");\r\n        ctaBtn.textContent = resultData.ctaButton;\r\n        ctaBtn.addEventListener(\"click\", (e) => {\r\n            e.preventDefault();\r\n            openFormModal();\r\n        });\r\n\r\n        document.getElementById(\"btn-restart\").addEventListener(\"click\", init);\r\n    }\r\n\r\n    init();\r\n});\r\n<\/script>\r\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>Intellect Systems &copy; 2026 Intellect Systems. Todos los derechos reservados. &times; Obtener Detalles D\u00e9janos tus datos para enviarte el an\u00e1lisis completo o agendar una sesi\u00f3n estrat\u00e9gica sin compromiso. Nombre (Opcional) Email Corporativo * Tel\u00e9fono (Opcional) Confirmar Inter\u00e9s &times; &#10003; \u00a1Datos Recibidos! Hemos registrado tu informaci\u00f3n correctamente. Nos ponderemos en contacto pronto. Cerrar Auditor\u00eda de Riesgo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":10,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/124\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}