{"id":287,"date":"2026-06-15T21:13:05","date_gmt":"2026-06-15T21:13:05","guid":{"rendered":"https:\/\/www.fosfatosdelpacifico.pe\/?page_id=287"},"modified":"2026-06-18T20:46:24","modified_gmt":"2026-06-18T20:46:24","slug":"registro-de-denuncia","status":"publish","type":"page","link":"https:\/\/www.fosfatosdelpacifico.pe\/en\/registro-de-denuncia\/","title":{"rendered":"Registro de Denuncia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"287\" class=\"elementor elementor-287\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eb1009 e-flex e-con-boxed e-con e-parent\" data-id=\"2eb1009\" 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-0e49aa7 elementor-widget elementor-widget-heading\" data-id=\"0e49aa7\" 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\">Registre su denuncia<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec763a8 elementor-widget elementor-widget-text-editor\" data-id=\"ec763a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00abEstimado denunciante:<\/p><p>Por favor, utilice este formulario para registrar su denuncia completando los datos solicitados, donde tambi\u00e9n podr\u00e1 adjuntar los documentos de sustento que considere necesarios.<\/p><p>Le garantizamos la total confidencialidad de su informaci\u00f3n.\u00bb<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5310868 elementor-widget elementor-widget-registro_denuncias_widget\" data-id=\"5310868\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"registro_denuncias_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<script>\n\t\t\t\/\/ Guardar el enlace de env\u00edo AJAX de WordPress en una constante global\n\t\t\tvar wpAjaxUrlPreset = \"https:\/\/www.fosfatosdelpacifico.pe\/wp-admin\/admin-ajax.php\";\n\t\t<\/script>\n\t\t\n\t\t<div class=\"registro-denuncias-elementor-widget-wrapper\" style=\"width: 100%; max-width: 100%; display: block; clear: both; box-sizing: border-box;\">\n\t\t\t<!-- FORM CONTENT START (Geometric Balance Layout) -->\n\t\t\t<!-- ==============================================\n     FORMULARIO DE REGISTRO DE DENUNCIAS (MULTI-PASO)\n     Optimizado para widgets de HTML de WordPress \/ Elementor\n     Color de Marca: Geometric Balance (#007cba)\n     ID \u00fanico de accesibilidad: rg-complaints-form\n     ============================================== -->\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div id=\"rg-complaints-form\" class=\"registro-denuncia-container\">\n  <div class=\"registro-denuncia\">\n    \n    <!-- BARRA DE COMPARTIMENTOS\/PASOS (STEPPER) -->\n    <div class=\"registro-denuncia__stepper\">\n      <!-- Paso 1 -->\n      <div class=\"stepper-step stepper-step--start stepper-step--active\" id=\"step-tab-1\">\n        <div class=\"stepper-step__circle\">\n          <span class=\"stepper-step__number\">1<\/span>\n        <\/div>\n        <div class=\"stepper-step__line stepper-step__line--after\" id=\"line-after-1\"><\/div>\n        <span class=\"stepper-step__title\">Informaci\u00f3n del Denunciante<\/span>\n      <\/div>\n      \n      <!-- Paso 2 -->\n      <div class=\"stepper-step\" id=\"step-tab-2\">\n        <div class=\"stepper-step__line stepper-step__line--before\" id=\"line-before-2\"><\/div>\n        <div class=\"stepper-step__circle\">\n          <span class=\"stepper-step__number\">2<\/span>\n        <\/div>\n        <div class=\"stepper-step__line stepper-step__line--after\" id=\"line-after-2\"><\/div>\n        <span class=\"stepper-step__title\">Informaci\u00f3n de los involucrados<\/span>\n      <\/div>\n      \n      <!-- Paso 3 -->\n      <div class=\"stepper-step\" id=\"step-tab-3\">\n        <div class=\"stepper-step__line stepper-step__line--before\" id=\"line-before-3\"><\/div>\n        <div class=\"stepper-step__circle\">\n          <span class=\"stepper-step__number\">3<\/span>\n        <\/div>\n        <div class=\"stepper-step__line stepper-step__line--after\" id=\"line-after-3\"><\/div>\n        <span class=\"stepper-step__title\">Fecha y datos de los hechos<\/span>\n      <\/div>\n      \n      <!-- Paso 4 -->\n      <div class=\"stepper-step stepper-step--end\" id=\"step-tab-4\">\n        <div class=\"stepper-step__line stepper-step__line--before\" id=\"line-before-4\"><\/div>\n        <div class=\"stepper-step__circle\">\n          <span class=\"stepper-step__number\">4<\/span>\n        <\/div>\n        <span class=\"stepper-step__title\">Descripci\u00f3n de la Denuncia<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- CONTENEDOR DEL FORMULARIO Y PASOS DIN\u00c1MICOS -->\n    <div class=\"registro-denuncia__content\">\n      <form id=\"complaintsMainForm\" data-dest-email=\"info@fospac.com.pe\" data-recaptcha-secret=\"\" onsubmit=\"handleFormSubmission(event)\" autocomplete=\"off\">\n        \n        <!-- ==================== PASO 1 ==================== -->\n        <div class=\"form-step-section\" id=\"form-step-content-1\">\n          <h2 class=\"registro-denuncia__section-title\">\n            <span class=\"registro-denuncia__section-number\">1.<\/span> Informaci\u00f3n del Denunciante\n          <\/h2>\n          <div style=\"display: flex; flex-direction: column; gap: 1.5rem;\">\n            <div class=\"registro-denuncia__involved-card\">\n              <p class=\"registro-denuncia__field-label\">Relaci\u00f3n y Tipo<\/p>\n              <div class=\"registro-denuncia__row\">\n                <div class=\"registro-denuncia__field\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">Relaci\u00f3n con la Empresa<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <select class=\"input__field\" id=\"denunciante_relacion\">\n                        <option value=\"Trabajador\">Trabajador interno<\/option>\n                        <option value=\"Proveedor\">Proveedor externo<\/option>\n                        <option value=\"Cliente\">Cliente<\/option>\n                        <option value=\"Otro\">Otro colaborador<\/option>\n                      <\/select>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"registro-denuncia__field\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">Formato de la Denuncia<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <select class=\"input__field\" id=\"denunciante_anonimo\" onchange=\"toggleAnonymity(this.value)\">\n                        <option value=\"Identificada\">Identificada (Recomendado para seguimiento)<\/option>\n                        <option value=\"Anonima\">An\u00f3nima<\/option>\n                      <\/select>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Datos de identificaci\u00f3n desglosados (Ocultables) -->\n            <div id=\"identificacion-fields-wrapper\" class=\"registro-denuncia__involved-card\" style=\"transition: all 0.3s ease;\">\n              <p class=\"registro-denuncia__field-label\">Informaci\u00f3n de Contacto<\/p>\n              <div class=\"registro-denuncia__row\">\n                <div class=\"registro-denuncia__field\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">Nombres y Apellidos Completos<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <input class=\"input__field\" type=\"text\" id=\"denunciante_nombre\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"registro-denuncia__field\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">Correo Electr\u00f3nico<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <input class=\"input__field\" type=\"email\" id=\"denunciante_correo\" placeholder=\"Ingrese su correo electr\u00f3nico\" autocomplete=\"off\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"registro-denuncia__row\">\n                <div class=\"registro-denuncia__field\" style=\"grid-column: span 2;\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">Tel\u00e9fono de Contacto (Celular)<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <input class=\"input__field\" type=\"tel\" id=\"denunciante_telefono\" placeholder=\"+51 9XX XXX XXX\" autocomplete=\"off\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <button type=\"button\" class=\"registro-denuncia__submit btn btn--primary btn--large\" onclick=\"changeStep(2)\">Siguiente<\/button>\n        <\/div>\n\n        <!-- ==================== PASO 2 (ESTRUCTURA EXACTA ADJUNTA) ==================== -->\n        <div class=\"form-step-section\" id=\"form-step-content-2\" style=\"display: none;\">\n          <h2 class=\"registro-denuncia__section-title\">\n            <span class=\"registro-denuncia__section-number\">2.<\/span> Informaci\u00f3n de los involucrados\n          <\/h2>\n          \n          <div class=\"registro-denuncia__fields\">\n            <div class=\"registro-denuncia__involved-section\" id=\"internal-involved-container\">\n              <!-- El primer involucrado es requerido y permanente -->\n              <div class=\"registro-denuncia__involved-card\" id=\"internal-card-1\">\n                <p class=\"registro-denuncia__field-label\">Primer involucrado<\/p>\n                <div class=\"registro-denuncia__involved-fields\">\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Nombres y Apellidos<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_name_1\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\" aria-invalid=\"false\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Sede (Lugar donde ocurri\u00f3 el hecho)<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_location_1\" placeholder=\"Ingrese la sede\" autocomplete=\"off\" aria-invalid=\"false\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">\u00c1rea<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_area_1\" placeholder=\"Ingrese el \u00e1rea\" autocomplete=\"off\" aria-invalid=\"false\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Cargo<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_role_1\" placeholder=\"Ingrese el cargo\" autocomplete=\"off\" aria-invalid=\"false\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <!-- Tarjetas de involucrados adicionales (Hidden por defecto, reveladas por JS en cascada) -->\n              \n              <div class=\"registro-denuncia__involved-card registro-denuncia__involved-card--additional\" id=\"internal-card-2\" style=\"display: none;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;\">\n                  <p class=\"registro-denuncia__field-label\">Segundo involucrado<\/p>\n                  <button type=\"button\" class=\"btn-remove-card\" onclick=\"hideInvolvedCard(2)\" style=\"background:none; border:none; color:#ef4444; display:flex; align-items:center; cursor:pointer;\" title=\"Eliminar este involucrado\">\n                    <span class=\"material-icons\" style=\"font-size: 1.25rem;\">delete<\/span>\n                  <\/button>\n                <\/div>\n                <div class=\"registro-denuncia__involved-fields\">\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Nombres y Apellidos<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_name_2\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Sede (Lugar donde ocurri\u00f3 el hecho)<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_location_2\" placeholder=\"Ingrese la sede\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">\u00c1rea<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_area_2\" placeholder=\"Ingrese el \u00e1rea\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Cargo<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_role_2\" placeholder=\"Ingrese el cargo\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"registro-denuncia__involved-card registro-denuncia__involved-card--additional\" id=\"internal-card-3\" style=\"display: none;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;\">\n                  <p class=\"registro-denuncia__field-label\">Involucrado #3<\/p>\n                  <button type=\"button\" class=\"btn-remove-card\" onclick=\"hideInvolvedCard(3)\" style=\"background:none; border:none; color:#ef4444; display:flex; align-items:center; cursor:pointer;\" title=\"Eliminar este involucrado\">\n                    <span class=\"material-icons\" style=\"font-size: 1.25rem;\">delete<\/span>\n                  <\/button>\n                <\/div>\n                <div class=\"registro-denuncia__involved-fields\">\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Nombres y Apellidos<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_name_3\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Sede (Lugar donde ocurri\u00f3 el hecho)<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_location_3\" placeholder=\"Ingrese la sede\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">\u00c1rea<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_area_3\" placeholder=\"Ingrese el \u00e1rea\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Cargo<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_role_3\" placeholder=\"Ingrese el cargo\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"registro-denuncia__involved-card registro-denuncia__involved-card--additional\" id=\"internal-card-4\" style=\"display: none;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;\">\n                  <p class=\"registro-denuncia__field-label\">Involucrado #4<\/p>\n                  <button type=\"button\" class=\"btn-remove-card\" onclick=\"hideInvolvedCard(4)\" style=\"background:none; border:none; color:#ef4444; display:flex; align-items:center; cursor:pointer;\" title=\"Eliminar este involucrado\">\n                    <span class=\"material-icons\" style=\"font-size: 1.25rem;\">delete<\/span>\n                  <\/button>\n                <\/div>\n                <div class=\"registro-denuncia__involved-fields\">\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Nombres y Apellidos<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_name_4\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Sede (Lugar donde ocurri\u00f3 el hecho)<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_location_4\" placeholder=\"Ingrese la sede\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">\u00c1rea<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_area_4\" placeholder=\"Ingrese el \u00e1rea\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Cargo<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_role_4\" placeholder=\"Ingrese el cargo\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"registro-denuncia__involved-card registro-denuncia__involved-card--additional\" id=\"internal-card-5\" style=\"display: none;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;\">\n                  <p class=\"registro-denuncia__field-label\">Involucrado #5<\/p>\n                  <button type=\"button\" class=\"btn-remove-card\" onclick=\"hideInvolvedCard(5)\" style=\"background:none; border:none; color:#ef4444; display:flex; align-items:center; cursor:pointer;\" title=\"Eliminar este involucrado\">\n                    <span class=\"material-icons\" style=\"font-size: 1.25rem;\">delete<\/span>\n                  <\/button>\n                <\/div>\n                <div class=\"registro-denuncia__involved-fields\">\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Nombres y Apellidos<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_name_5\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Sede (Lugar donde ocurri\u00f3 el hecho)<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_location_5\" placeholder=\"Ingrese la sede\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">\u00c1rea<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_area_5\" placeholder=\"Ingrese el \u00e1rea\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Cargo<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_role_5\" placeholder=\"Ingrese el cargo\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"registro-denuncia__involved-card registro-denuncia__involved-card--additional\" id=\"internal-card-6\" style=\"display: none;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;\">\n                  <p class=\"registro-denuncia__field-label\">Involucrado #6<\/p>\n                  <button type=\"button\" class=\"btn-remove-card\" onclick=\"hideInvolvedCard(6)\" style=\"background:none; border:none; color:#ef4444; display:flex; align-items:center; cursor:pointer;\" title=\"Eliminar este involucrado\">\n                    <span class=\"material-icons\" style=\"font-size: 1.25rem;\">delete<\/span>\n                  <\/button>\n                <\/div>\n                <div class=\"registro-denuncia__involved-fields\">\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Nombres y Apellidos<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_name_6\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Sede (Lugar donde ocurri\u00f3 el hecho)<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_location_6\" placeholder=\"Ingrese la sede\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">\u00c1rea<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_area_6\" placeholder=\"Ingrese el \u00e1rea\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Cargo<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_role_6\" placeholder=\"Ingrese el cargo\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"registro-denuncia__involved-card registro-denuncia__involved-card--additional\" id=\"internal-card-7\" style=\"display: none;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;\">\n                  <p class=\"registro-denuncia__field-label\">Involucrado #7<\/p>\n                  <button type=\"button\" class=\"btn-remove-card\" onclick=\"hideInvolvedCard(7)\" style=\"background:none; border:none; color:#ef4444; display:flex; align-items:center; cursor:pointer;\" title=\"Eliminar este involucrado\">\n                    <span class=\"material-icons\" style=\"font-size: 1.25rem;\">delete<\/span>\n                  <\/button>\n                <\/div>\n                <div class=\"registro-denuncia__involved-fields\">\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Nombres y Apellidos<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_name_7\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Sede (Lugar donde ocurri\u00f3 el hecho)<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_location_7\" placeholder=\"Ingrese la sede\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">\u00c1rea<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_area_7\" placeholder=\"Ingrese el \u00e1rea\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Cargo<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_role_7\" placeholder=\"Ingrese el cargo\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"registro-denuncia__involved-card registro-denuncia__involved-card--additional\" id=\"internal-card-8\" style=\"display: none;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;\">\n                  <p class=\"registro-denuncia__field-label\">Involucrado #8<\/p>\n                  <button type=\"button\" class=\"btn-remove-card\" onclick=\"hideInvolvedCard(8)\" style=\"background:none; border:none; color:#ef4444; display:flex; align-items:center; cursor:pointer;\" title=\"Eliminar este involucrado\">\n                    <span class=\"material-icons\" style=\"font-size: 1.25rem;\">delete<\/span>\n                  <\/button>\n                <\/div>\n                <div class=\"registro-denuncia__involved-fields\">\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Nombres y Apellidos<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_name_8\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Sede (Lugar donde ocurri\u00f3 el hecho)<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_location_8\" placeholder=\"Ingrese la sede\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">\u00c1rea<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_area_8\" placeholder=\"Ingrese el \u00e1rea\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Cargo<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"internal_role_8\" placeholder=\"Ingrese el cargo\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Bot\u00f3n A\u00f1adir involucrado interno -->\n            <button type=\"button\" class=\"registro-denuncia__add-link\" id=\"addInternalInvolvedBtn\" onclick=\"showNextInvolvedCard()\">\n              <span>A\u00f1adir otro involucrado<\/span>\n              <span class=\"material-icons\">expand_more<\/span>\n            <\/button>\n\n            <!-- Pregunta externa -->\n            <div class=\"registro-denuncia__field-group\">\n              <p class=\"registro-denuncia__field-label registro-denuncia__field-label--question\">\n                \u00bfExisten personas externas a la Empresa en esta denuncia?\n              <\/p>\n              <div class=\"registro-denuncia__radio-group\">\n                <label class=\"registro-denuncia__radio\">\n                  <input type=\"radio\" name=\"hasExternalInvolved\" value=\"S\u00ed\" onchange=\"toggleExternalSection(true)\">\n                  <span class=\"registro-denuncia__radio-custom\"><\/span>\n                  <span class=\"registro-denuncia__radio-label\">S\u00ed<\/span>\n                <\/label>\n                <label class=\"registro-denuncia__radio\">\n                  <input type=\"radio\" name=\"hasExternalInvolved\" value=\"No\" checked onchange=\"toggleExternalSection(false)\">\n                  <span class=\"registro-denuncia__radio-custom\"><\/span>\n                  <span class=\"registro-denuncia__radio-label\">No<\/span>\n                <\/label>\n              <\/div>\n            <\/div>\n\n            <!-- Bloque de involucrados externos (Ocultable por defecto por animaciones CSS) -->\n            <div id=\"external-involved-section\" class=\"registro-denuncia__involved-section\" style=\"display: none; transition: all 0.3s ease;\">\n              <div class=\"registro-denuncia__involved-card\">\n                <p class=\"registro-denuncia__field-label\">Primer involucrado (Externo)<\/p>\n                <div class=\"registro-denuncia__involved-fields\">\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Nombres y Apellidos<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"external_name_1\" placeholder=\"Ingrese nombres y apellidos\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Empresa<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"external_company_1\" placeholder=\"Ingrese la empresa\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Ciudad<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"external_city_1\" placeholder=\"Ingrese la ciudad\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">\u00c1rea<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"external_area_1\" placeholder=\"Ingrese el \u00e1rea\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"registro-denuncia__row registro-denuncia__row--half\">\n                    <div class=\"registro-denuncia__field\">\n                      <div class=\"input\">\n                        <div class=\"input__label-wrapper\">\n                          <label class=\"input__label\">Cargo<\/label>\n                        <\/div>\n                        <div class=\"input__field-wrapper\">\n                          <input class=\"input__field\" type=\"text\" name=\"external_role_1\" placeholder=\"Ingrese el cargo\" autocomplete=\"off\">\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Pregunta jer\u00e1rquica: Supervisor o Gerencia -->\n            <div class=\"registro-denuncia__field-group\">\n              <p class=\"registro-denuncia__field-label registro-denuncia__field-label--question\">\n                \u00bfSospecha que alg\u00fan supervisor o miembro de la gerencia que est\u00e9 involucrado?\n              <\/p>\n              <div class=\"registro-denuncia__radio-group registro-denuncia__radio-group--wrap\">\n                <label class=\"registro-denuncia__radio\">\n                  <input type=\"radio\" name=\"supervisorInvolvement\" value=\"S\u00ed\" onchange=\"toggleSupervisorSection(true)\">\n                  <span class=\"registro-denuncia__radio-custom\"><\/span>\n                  <span class=\"registro-denuncia__radio-label\">S\u00ed<\/span>\n                <\/label>\n                <label class=\"registro-denuncia__radio\">\n                  <input type=\"radio\" name=\"supervisorInvolvement\" value=\"No\" checked onchange=\"toggleSupervisorSection(false)\">\n                  <span class=\"registro-denuncia__radio-custom\"><\/span>\n                  <span class=\"registro-denuncia__radio-label\">No<\/span>\n                <\/label>\n                <label class=\"registro-denuncia__radio\">\n                  <input type=\"radio\" name=\"supervisorInvolvement\" value=\"No sabe\" onchange=\"toggleSupervisorSection(false)\">\n                  <span class=\"registro-denuncia__radio-custom\"><\/span>\n                  <span class=\"registro-denuncia__radio-label\">No sabe<\/span>\n                <\/label>\n                <label class=\"registro-denuncia__radio\">\n                  <input type=\"radio\" name=\"supervisorInvolvement\" value=\"No desea\" onchange=\"toggleSupervisorSection(false)\">\n                  <span class=\"registro-denuncia__radio-custom\"><\/span>\n                  <span class=\"registro-denuncia__radio-label\">No desea<\/span>\n                <\/label>\n                <label class=\"registro-denuncia__radio\">\n                  <input type=\"radio\" name=\"supervisorInvolvement\" value=\"No desea revelarlo\" onchange=\"toggleSupervisorSection(false)\">\n                  <span class=\"registro-denuncia__radio-custom\"><\/span>\n                  <span class=\"registro-denuncia__radio-label\">No desea revelarlo<\/span>\n                <\/label>\n              <\/div>\n            <\/div>\n\n            <!-- Entrada de nombres de supervisores involucrados (Condicional) -->\n            <div id=\"supervisor-field-wrapper\" class=\"registro-denuncia__field-group\" style=\"display: none; padding-top: 1rem; border-top: none; transition: all 0.3s ease;\">\n              <div class=\"registro-denuncia__row registro-denuncia__row--half\">\n                <div class=\"registro-denuncia__field\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">Nombres del involucrado<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <input class=\"input__field\" type=\"text\" id=\"supervisor_names\" placeholder=\"Ingrese nombres del involucrado\" autocomplete=\"off\" aria-invalid=\"false\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Botonera -->\n          <button type=\"button\" class=\"registro-denuncia__submit btn btn--primary btn--large\" onclick=\"changeStep(3)\">Siguiente<\/button>\n          <button type=\"button\" class=\"registro-denuncia__back-link\" onclick=\"changeStep(1)\">\n            <span class=\"material-icons\">chevron_left<\/span>\n            <span>Regresar<\/span>\n          <\/button>\n        <\/div>\n\n        <!-- ==================== PASO 3 ==================== -->\n        <div class=\"form-step-section\" id=\"form-step-content-3\" style=\"display: none;\">\n          <h2 class=\"registro-denuncia__section-title\">\n            <span class=\"registro-denuncia__section-number\">3.<\/span> Fecha y datos de los hechos\n          <\/h2>\n          <div style=\"display: flex; flex-direction: column; gap: 1.5rem;\">\n            <div class=\"registro-denuncia__involved-card\">\n              <p class=\"registro-denuncia__field-label\">Lugar e Incidencia<\/p>\n              <div class=\"registro-denuncia__row\">\n                <div class=\"registro-denuncia__field\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">Sede principal donde ocurri\u00f3 el hecho<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <input class=\"input__field\" type=\"text\" id=\"hecho_sede\" placeholder=\"Ej: Oficina Central, Sede Norte\" autocomplete=\"off\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"registro-denuncia__field\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">Fecha aproximada del suceso<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <input class=\"input__field\" type=\"date\" id=\"hecho_fecha\" value=\"2026-06-15\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"registro-denuncia__row\">\n                <div class=\"registro-denuncia__field\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">\u00bfC\u00f3mo se enter\u00f3 de esta situaci\u00f3n?<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <select class=\"input__field\" id=\"hecho_medio\">\n                        <option value=\"Lo presenci\u00e9\">Yo lo presenci\u00e9 de forma directa<\/option>\n                        <option value=\"Me lo contaron\">Un tercero de confianza me lo comunic\u00f3<\/option>\n                        <option value=\"Encontr\u00e9 evidencia\">Encontr\u00e9 registro f\u00edsico \/ digital por error<\/option>\n                        <option value=\"Otro\">Otro acontecimiento<\/option>\n                      <\/select>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"registro-denuncia__field\">\n                  <div class=\"input\">\n                    <div class=\"input__label-wrapper\">\n                      <label class=\"input__label\">\u00bfEl suceso ocurre de forma continua\/recurrente?<\/label>\n                    <\/div>\n                    <div class=\"input__field-wrapper\">\n                      <select class=\"input__field\" id=\"hecho_recurrente\">\n                        <option value=\"No\">No, fue un hecho \u00fanico puntual<\/option>\n                        <option value=\"S\u00ed\">S\u00ed, ocurre de manera peri\u00f3dica<\/option>\n                        <option value=\"No sabe\">No tengo certeza si continu\u00f3 ocurriendo<\/option>\n                      <\/select>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <button type=\"button\" class=\"registro-denuncia__submit btn btn--primary btn--large\" onclick=\"changeStep(4)\">Siguiente<\/button>\n          <button type=\"button\" class=\"registro-denuncia__back-link\" onclick=\"changeStep(2)\">\n            <span class=\"material-icons\">chevron_left<\/span>\n            <span>Regresar<\/span>\n          <\/button>\n        <\/div>\n\n        <!-- ==================== PASO 4 ==================== -->\n        <div class=\"form-step-section\" id=\"form-step-content-4\" style=\"display: none;\">\n          <h2 class=\"registro-denuncia__section-title\">\n            <span class=\"registro-denuncia__section-number\">4.<\/span> Descripci\u00f3n de la Denuncia\n          <\/h2>\n          <div style=\"display: flex; flex-direction: column; gap: 1.5rem;\">\n            <div class=\"registro-denuncia__involved-card\">\n              <p class=\"registro-denuncia__field-label\">Relaci\u00f3n de sucesos<\/p>\n              <div class=\"input\">\n                <div class=\"input__label-wrapper\">\n                  <label class=\"input__label\">Describa detalladamente los hechos que desea denunciar<\/label>\n                <\/div>\n                <div class=\"input__field-wrapper\">\n                  <textarea class=\"input__field\" id=\"denuncia_detalles\" rows=\"6\" placeholder=\"Ingrese comentarios, fechas espec\u00edficas, conductas, testigos de los hechos o cualquier anomal\u00eda que considere importante...\" style=\"resize: vertical;\"><\/textarea>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Declaraci\u00f3n de veracidad -->\n            <div class=\"registro-denuncia__involved-card\" style=\"background-color: #fefcf5; border-color: #fef08a;\">\n              <p class=\"registro-denuncia__field-label\" style=\"color: #ca8a04;\">Declaraci\u00f3n de Honestidad<\/p>\n              <label style=\"display: flex; gap: 0.75rem; cursor: pointer; align-items: flex-start;\">\n                <input type=\"checkbox\" id=\"declaracion_veracidad\" required style=\"margin-top: 0.25rem; scale: 1.15; cursor: pointer;\">\n                <span class=\"registro-denuncia__radio-label\" style=\"font-weight: 500; font-size: 0.88rem; color: #713f12; line-height: 1.4;\">\n                  Declaro y garantizo bajo juramento y buena fe que toda la informaci\u00f3n provista en este reporte es estrictamente ver\u00eddica, fidedigna y libre de intencionalidades maliciosas o falsa acusaci\u00f3n.\n                <\/span>\n              <\/label>\n            <\/div>\n          <\/div>\n\n          <button type=\"submit\" class=\"registro-denuncia__submit btn btn--primary btn--large\">Enviar Denuncia<\/button>\n          <button type=\"button\" class=\"registro-denuncia__back-link\" onclick=\"changeStep(3)\">\n            <span class=\"material-icons\">chevron_left<\/span>\n            <span>Regresar<\/span>\n          <\/button>\n        <\/div>\n        \n      <\/form>\n    <\/div>\n\n    <!-- PANTALLA DE \u00c9XITO DE ENV\u00cdO -->\n    <div id=\"submision-success-screen\" class=\"registro-denuncia__content\" style=\"display: none; text-align: center; padding: 3rem 1.5rem; animation: fadeInUp 0.4s ease-out;\">\n      <span class=\"material-icons\" style=\"font-size: 4rem; color: #22c55e; margin-bottom: 1rem;\">check_circle<\/span>\n      <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #111827; margin-bottom: 0.5rem;\">\u00a1Denuncia Registrada Exitosamente!<\/h3>\n      <p style=\"color: #4b5563; font-size: 0.95rem; max-width: 500px; margin: 0 auto 1.5rem;\">\n        Se ha generado su reporte confidencial de forma segura. El c\u00f3digo \u00fanico confidencial para el seguimiento de su caso es:\n      <\/p>\n      <div id=\"ticket-display-code\" style=\"background-color: #f3f4f6; border: 1px dashed #d1d5db; padding: 0.75rem 1.5rem; display: inline-block; font-family: 'Courier New', Courier, monospace; font-size: 1.25rem; font-weight: 700; color: var(--rd-primary); border-radius: 6px; margin-bottom: 1.5rem; letter-spacing: 2px;\">\n        RD-895814\n      <\/div>\n      <p style=\"color: #6b7280; font-size: 0.85rem; max-width: 450px; margin: 0 auto 2rem;\">\n        Guarde este c\u00f3digo para futuras consultas. Uno de nuestros analistas del Comit\u00e9 de \u00c9tica evaluar\u00e1 esta informaci\u00f3n en un plazo m\u00e1ximo de 72 horas h\u00e1biles.\n      <\/p>\n      <button type=\"button\" class=\"btn btn--primary\" style=\"padding: 0.65rem 1.75rem;\" onclick=\"reloadFormState()\">Reiniciar Formulario<\/button>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n\/* ========================================================\n   ESTILOS CSS AVANZADOS Y NATIVOS DEL FORMULARIO\n   Aislados en el ID del widget para evitar interferir en WordPress\n   ======================================================== *\/\n#rg-complaints-form {\n  --rd-primary: #007cba;\n  --rd-primary-hover: #006699;\n  --rd-primary-light: #f0f2f5;\n  --rd-text-main: #1f2937;\n  --rd-text-muted: #6b7280;\n  --rd-border: #e5e7eb;\n  --rd-radius: 12px;\n  --rd-radius-sm: 8px;\n}\n\n#rg-complaints-form .registro-denuncia-container {\n  background-color: transparent;\n  width: 100%;\n}\n\n#rg-complaints-form .registro-denuncia {\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\n  color: var(--rd-text-main);\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n#rg-complaints-form .registro-denuncia__stepper {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 2.25rem;\n  position: relative;\n  gap: 0.5rem;\n}\n\n#rg-complaints-form .stepper-step {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  flex: 1;\n  text-align: center;\n}\n\n#rg-complaints-form .stepper-step__circle {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  border: 2px solid var(--rd-border);\n  background-color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  color: var(--rd-text-muted);\n  font-size: 0.95rem;\n  z-index: 2;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);\n}\n\n#rg-complaints-form .stepper-step__title {\n  font-size: 0.78rem;\n  font-weight: 500;\n  margin-top: 0.75rem;\n  color: var(--rd-text-muted);\n  max-width: 140px;\n  line-height: 1.25;\n  transition: color 0.3s ease;\n}\n\n#rg-complaints-form .stepper-step__line {\n  position: absolute;\n  top: 20px;\n  height: 2px;\n  background-color: var(--rd-border);\n  z-index: 1;\n  transition: background-color 0.3s ease;\n}\n\n#rg-complaints-form .stepper-step__line--after {\n  left: 50%;\n  width: 100%;\n}\n\n#rg-complaints-form .stepper-step__line--before {\n  right: 50%;\n  width: 100%;\n}\n\n#rg-complaints-form .stepper-step--completed .stepper-step__circle {\n  background-color: var(--rd-primary-light);\n  border-color: var(--rd-primary);\n  color: var(--rd-primary);\n}\n\n#rg-complaints-form .stepper-step--completed .stepper-step__title {\n  color: var(--rd-primary);\n  font-weight: 600;\n}\n\n#rg-complaints-form .stepper-step__line--completed {\n  background-color: var(--rd-primary);\n}\n\n#rg-complaints-form .stepper-step--active .stepper-step__circle {\n  background-color: var(--rd-primary);\n  border-color: var(--rd-primary);\n  color: #ffffff;\n  box-shadow: 0 0 12px rgba(79, 70, 229, 0.22);\n}\n\n#rg-complaints-form .stepper-step--active .stepper-step__title {\n  color: var(--rd-primary);\n  font-weight: 700;\n}\n\n#rg-complaints-form .stepper-step__check {\n  font-size: 1.25rem !important;\n  font-weight: bold;\n}\n\n#rg-complaints-form .registro-denuncia__content {\n  background-color: #ffffff;\n  border-radius: var(--rd-radius);\n  border: 1px solid var(--rd-border);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.025);\n  padding: 2.25rem;\n  transition: all 0.3s ease;\n}\n\n#rg-complaints-form .registro-denuncia__section-title {\n  font-size: 1.3rem;\n  font-weight: 700;\n  color: var(--rd-text-main);\n  margin-bottom: 2rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  border-bottom: 1px solid var(--rd-border);\n  padding-bottom: 1rem;\n}\n\n#rg-complaints-form .registro-denuncia__section-number {\n  color: var(--rd-primary);\n}\n\n#rg-complaints-form .registro-denuncia__involved-section {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  margin-bottom: 1.75rem;\n}\n\n#rg-complaints-form .registro-denuncia__involved-card {\n  background-color: #fafbfc;\n  border: 1px solid var(--rd-border);\n  border-radius: var(--rd-radius-sm);\n  padding: 1.5rem;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n}\n\n#rg-complaints-form .registro-denuncia__involved-card--additional {\n  background-color: #ffffff;\n  border-left: 3.5px solid var(--rd-primary);\n  display: none;\n}\n\n#rg-complaints-form .registro-denuncia__field-label {\n  font-size: 0.88rem;\n  font-weight: 600;\n  color: var(--rd-primary);\n  margin-bottom: 1.25rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n#rg-complaints-form .registro-denuncia__field-label--question {\n  color: var(--rd-text-main);\n  font-size: 0.96rem;\n  text-transform: none;\n  font-weight: 600;\n  letter-spacing: normal;\n  margin-bottom: 1.25rem;\n}\n\n#rg-complaints-form .registro-denuncia__row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n#rg-complaints-form .registro-denuncia__row:last-child {\n  margin-bottom: 0;\n}\n\n#rg-complaints-form .registro-denuncia__row--half {\n  grid-template-columns: 1fr;\n}\n\n#rg-complaints-form .registro-denuncia__field {\n  width: 100%;\n}\n\n#rg-complaints-form .input {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n#rg-complaints-form .input__label-wrapper {\n  margin-bottom: 0.35rem;\n}\n\n#rg-complaints-form .input__label {\n  font-size: 0.82rem;\n  font-weight: 500;\n  color: #4b5563;\n}\n\n#rg-complaints-form .input__field-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n#rg-complaints-form .input__field {\n  width: 100%;\n  padding: 0.65rem 0.85rem;\n  background-color: #ffffff;\n  border: 1px solid var(--rd-border);\n  border-radius: 6px;\n  font-size: 0.9rem;\n  color: var(--rd-text-main);\n  transition: all 0.2s ease;\n  outline: none;\n}\n\n#rg-complaints-form .input__field:focus {\n  border-color: var(--rd-primary);\n  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12);\n}\n\n#rg-complaints-form .registro-denuncia__add-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  background: none;\n  border: none;\n  color: var(--rd-primary);\n  font-size: 0.88rem;\n  font-weight: 600;\n  cursor: pointer;\n  padding: 0.5rem 0.75rem;\n  margin-top: 0.5rem;\n  margin-bottom: 1.5rem;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n}\n\n#rg-complaints-form .registro-denuncia__add-link:hover {\n  background-color: var(--rd-primary-light);\n}\n\n#rg-complaints-form .registro-denuncia__field-group {\n  border-top: 1px dashed var(--rd-border);\n  margin-top: 2rem;\n  padding-top: 1.75rem;\n  margin-bottom: 1.5rem;\n}\n\n#rg-complaints-form .registro-denuncia__radio-group {\n  display: flex;\n  gap: 1.25rem;\n}\n\n#rg-complaints-form .registro-denuncia__radio-group--wrap {\n  flex-wrap: wrap;\n  gap: 1rem 1.5rem;\n}\n\n#rg-complaints-form .registro-denuncia__radio {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n  font-size: 0.9rem;\n}\n\n#rg-complaints-form .registro-denuncia__radio input[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n}\n\n#rg-complaints-form .registro-denuncia__radio-custom {\n  height: 18px;\n  width: 18px;\n  background-color: #ffffff;\n  border: 2px solid var(--rd-border);\n  border-radius: 50%;\n  margin-right: 0.55rem;\n  display: inline-block;\n  position: relative;\n  transition: all 0.2s ease;\n}\n\n#rg-complaints-form .registro-denuncia__radio:hover input[type=\"radio\"] ~ .registro-denuncia__radio-custom {\n  border-color: var(--rd-primary);\n}\n\n#rg-complaints-form .registro-denuncia__radio input[type=\"radio\"]:checked ~ .registro-denuncia__radio-custom {\n  border-color: var(--rd-primary);\n}\n\n#rg-complaints-form .registro-denuncia__radio input[type=\"radio\"]:checked ~ .registro-denuncia__radio-custom::after {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--rd-primary);\n}\n\n#rg-complaints-form .registro-denuncia__radio-label {\n  font-weight: 500;\n  font-size: 0.9rem;\n}\n\n#rg-complaints-form .btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  border-radius: var(--rd-radius-sm);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  padding: 0.65rem 1.5rem;\n  border: none;\n}\n\n#rg-complaints-form .btn--primary {\n  background-color: var(--rd-primary);\n  color: #ffffff;\n}\n\n#rg-complaints-form .btn--primary:hover {\n  background-color: var(--rd-primary-hover);\n  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.15);\n}\n\n#rg-complaints-form .btn--large {\n  padding: 0.75rem 2rem;\n  width: 100%;\n}\n\n#rg-complaints-form .registro-denuncia__submit {\n  float: right;\n  margin-top: 1rem;\n}\n\n#rg-complaints-form .registro-denuncia__back-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  background: none;\n  border: none;\n  color: var(--rd-text-muted);\n  font-size: 0.9rem;\n  font-weight: 500;\n  cursor: pointer;\n  padding: 0.65rem 1rem;\n  margin-top: 1rem;\n  border-radius: 6px;\n  float: left;\n}\n\n#rg-complaints-form .registro-denuncia__back-link:hover {\n  background-color: #f3f4f6;\n  color: var(--rd-text-main);\n}\n\n#rg-complaints-form .registro-denuncia__content::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (min-width: 640px) {\n  #rg-complaints-form .btn--large {\n    width: auto;\n  }\n}\n\n@media (max-width: 639px) {\n  #rg-complaints-form .registro-denuncia__row {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  #rg-complaints-form .registro-denuncia__content {\n    padding: 1.5rem;\n  }\n  #rg-complaints-form .stepper-step__title {\n    display: none;\n  }\n}\n<\/style>\n\n<script>\n\/* ========================================================\n   LOGICA JAVASCRIPT NATIVA DEL FORMULARIO DE DENUNCIAS\n   ======================================================== *\/\nvar currentStep = 1; \/\/ Paso 1 activo por defecto para cumplir directiva\nvar activeInternalCount = 1; \/\/ Solo se muestra el Primer Involucrado al inicio\n\n\/\/ Validaci\u00f3n paso a paso\nfunction validateStep(step) {\n  if (step === 1) {\n    var descType = document.getElementById(\"denunciante_anonimo\").value;\n    if (descType === \"Identificada\") {\n      var name = document.getElementById(\"denunciante_nombre\").value.trim();\n      var email = document.getElementById(\"denunciante_correo\").value.trim();\n      var phone = document.getElementById(\"denunciante_telefono\").value.trim();\n      if (!name) {\n        alert(\"Por favor, ingrese sus Nombres y Apellidos Completos para continuar con la denuncia identificada.\");\n        return false;\n      }\n      if (!email || !email.includes(\"@\")) {\n        alert(\"Por favor, ingrese un Correo Electr\u00f3nico v\u00e1lido para recibir seguimiento.\");\n        return false;\n      }\n      if (!phone) {\n        alert(\"Por favor, ingrese un Tel\u00e9fono de Contacto (Celular) v\u00e1lido.\");\n        return false;\n      }\n    }\n  } else if (step === 2) {\n    \/\/ Validar el primer involucrado (fijo y permanente)\n    var firstInvolvedNameInput = document.querySelector('[name=\"internal_name_1\"]');\n    var firstInvolvedName = firstInvolvedNameInput ? firstInvolvedNameInput.value.trim() : \"\";\n    if (!firstInvolvedName) {\n      alert(\"Por favor, ingrese Nombres y Apellidos del primer involucrado.\");\n      return false;\n    }\n    \n    var firstInvolvedLocationInput = document.querySelector('[name=\"internal_location_1\"]');\n    var firstInvolvedLocation = firstInvolvedLocationInput ? firstInvolvedLocationInput.value.trim() : \"\";\n    if (!firstInvolvedLocation) {\n      alert(\"Por favor, ingrese la Sede del primer involucrado.\");\n      return false;\n    }\n\n    var firstInvolvedAreaInput = document.querySelector('[name=\"internal_area_1\"]');\n    var firstInvolvedArea = firstInvolvedAreaInput ? firstInvolvedAreaInput.value.trim() : \"\";\n    if (!firstInvolvedArea) {\n      alert(\"Por favor, ingrese el \u00c1rea del primer involucrado.\");\n      return false;\n    }\n  } else if (step === 3) {\n    var sede = document.getElementById(\"hecho_sede\").value.trim();\n    var fecha = document.getElementById(\"hecho_fecha\").value;\n    if (!sede) {\n      alert(\"Por favor, ingrese la sede principal donde ocurri\u00f3 el hecho.\");\n      return false;\n    }\n    if (!fecha) {\n      alert(\"Por favor, seleccione la fecha aproximada del suceso.\");\n      return false;\n    }\n  }\n  return true;\n}\n\nfunction changeStep(targetStep) {\n  \/\/ Evitar que el usuario contin\u00fae a pasos avanzados sin rellenar los pasos anteriores de forma v\u00e1lida\n  if (targetStep > currentStep) {\n    for (var step = currentStep; step < targetStep; step++) {\n      if (!validateStep(step)) {\n        return; \/\/ Detener navegaci\u00f3n si alg\u00fan intermediario falla validaci\u00f3n\n      }\n    }\n  }\n\n  \/\/ Ocultar secci\u00f3n actual\n  document.getElementById(\"form-step-content-\" + currentStep).style.display = \"none\";\n  \n  \/\/ Mostrar nueva secci\u00f3n con animaci\u00f3n suave\n  var nextSection = document.getElementById(\"form-step-content-\" + targetStep);\n  nextSection.style.display = \"block\";\n  nextSection.style.animation = \"fadeInUp 0.3s ease-out\";\n  \n  \/\/ Actualizar indicadores del Stepper\n  updateStepperIndicators(targetStep);\n  \n  currentStep = targetStep;\n  \n  \/\/ Hacer scroll suave al inicio del formulario\n  document.getElementById(\"rg-complaints-form\").scrollIntoView({ behavior: \"smooth\" });\n}\n\nfunction updateStepperIndicators(targetStep) {\n  for (var i = 1; i <= 4; i++) {\n    var stepTab = document.getElementById(\"step-tab-\" + i);\n    if (!stepTab) continue;\n    \n    \/\/ Reset fundamental\n    stepTab.className = \"stepper-step\";\n    if (i === 1) stepTab.classList.add(\"stepper-step--start\");\n    if (i === 4) stepTab.classList.add(\"stepper-step--end\");\n    \n    var circle = stepTab.querySelector(\".stepper-step__circle\");\n    var numberElement = circle.querySelector(\".stepper-step__number\") || circle.querySelector(\".stepper-step__check\");\n    \n    var lineBefore = document.getElementById(\"line-before-\" + i);\n    var lineAfter = document.getElementById(\"line-after-\" + i);\n    \n    if (i < targetStep) {\n      \/\/ Pasos completados\n      stepTab.classList.add(\"stepper-step--completed\");\n      circle.innerHTML = '<span class=\"material-icons stepper-step__check\">check<\/span>';\n      \n      if (lineBefore) lineBefore.className = \"stepper-step__line stepper-step__line--before stepper-step__line--completed\";\n      if (lineAfter) lineAfter.className = \"stepper-step__line stepper-step__line--after stepper-step__line--completed\";\n    } \n    else if (i === targetStep) {\n      \/\/ Paso activo\n      stepTab.classList.add(\"stepper-step--active\");\n      circle.innerHTML = '<span class=\"stepper-step__number\">' + i + '<\/span>';\n      \n      if (lineBefore) lineBefore.className = \"stepper-step__line stepper-step__line--before stepper-step__line--completed\";\n      if (lineAfter) lineAfter.className = \"stepper-step__line stepper-step__line--after\";\n    } \n    else {\n      \/\/ Pasos futuros\n      circle.innerHTML = '<span class=\"stepper-step__number\">' + i + '<\/span>';\n      if (lineBefore) lineBefore.className = \"stepper-step__line stepper-step__line--before\";\n      if (lineAfter) lineAfter.className = \"stepper-step__line stepper-step__line--after\";\n    }\n  }\n}\n\n\/\/ Mostrar tarjetas adicionales de involucrados internos secuencialmente\nfunction showNextInvolvedCard() {\n  if (activeInternalCount < 8) {\n    activeInternalCount++;\n    var cardToShow = document.getElementById(\"internal-card-\" + activeInternalCount);\n    if (cardToShow) {\n      cardToShow.style.display = \"block\";\n      cardToShow.style.animation = \"fadeInUp 0.4s ease-out forwards\";\n    }\n    \n    \/\/ Ocultar bot\u00f3n si alcanzamos el m\u00e1ximo de 8\n    if (activeInternalCount === 8) {\n      document.getElementById(\"addInternalInvolvedBtn\").style.display = \"none\";\n    }\n  }\n}\n\n\/\/ Ocultar tarjeta de involucrado espec\u00edfica\nfunction hideInvolvedCard(number) {\n  var cardToHide = document.getElementById(\"internal-card-\" + number);\n  if (cardToHide) {\n    cardToHide.style.display = \"none\";\n    \n    \/\/ Limpiar campos del bloque eliminado\n    var inputs = cardToHide.querySelectorAll(\"input\");\n    inputs.forEach(function(input) { input.value = \"\"; });\n    \n    \/\/ Garantizar que mostramos el bot\u00f3n de adici\u00f3n\n    document.getElementById(\"addInternalInvolvedBtn\").style.display = \"inline-flex\";\n  }\n}\n\n\/\/ Manejar anonimato en paso 1\nfunction toggleAnonymity(value) {\n  var container = document.getElementById(\"identificacion-fields-wrapper\");\n  if (value === \"Anonima\") {\n    container.style.opacity = \"0.4\";\n    var inputs = container.querySelectorAll(\"input\");\n    inputs.forEach(function(inp) {\n      inp.disabled = true;\n      inp.value = \"\";\n    });\n  } else {\n    container.style.opacity = \"1\";\n    var inputs = container.querySelectorAll(\"input\");\n    inputs.forEach(function(inp) { inp.disabled = false; });\n  }\n}\n\n\/\/ Mostrar\/Ocultar secci\u00f3n de involucrados externos\nfunction toggleExternalSection(show) {\n  var section = document.getElementById(\"external-involved-section\");\n  if (show) {\n    section.style.display = \"flex\";\n    section.style.animation = \"fadeInUp 0.3s ease-out\";\n  } else {\n    section.style.display = \"none\";\n  }\n}\n\n\/\/ Mostrar\/Ocultar secci\u00f3n de sospecha jeraquica de supervisor\nfunction toggleSupervisorSection(show) {\n  var element = document.getElementById(\"supervisor-field-wrapper\");\n  if (show) {\n    element.style.display = \"block\";\n    element.style.animation = \"fadeInUp 0.3s ease-out\";\n  } else {\n    element.style.display = \"none\";\n    document.getElementById(\"supervisor_names\").value = \"\";\n  }\n}\n\n\/\/ Env\u00edo final en AJAX robusto con soporte nativo de WordPress\/Elementor\nfunction handleFormSubmission(event) {\n  event.preventDefault();\n  \n  var isChecked = document.getElementById(\"declaracion_veracidad\").checked;\n  if (!isChecked) {\n    alert(\"Debe aceptar la declaraci\u00f3n de honestidad para registrar su reporte.\");\n    return;\n  }\n\n  \/\/ Si hay reCAPTCHA integrado y activo, comprobar si est\u00e1 completo\n  var recaptchaResponse = \"\";\n  var recaptchaElement = document.querySelector('.g-recaptcha');\n  if (recaptchaElement && typeof grecaptcha !== 'undefined') {\n    recaptchaResponse = grecaptcha.getResponse();\n    if (!recaptchaResponse) {\n      alert(\"Por favor, valide el anti-bot reCAPTCHA de Google antes de continuar.\");\n      return;\n    }\n  }\n\n  \/\/ Preparar bot\u00f3n de env\u00edo\n  var submitBtn = document.querySelector(\"#complaintsMainForm button[type='submit']\");\n  var originalBtnText = submitBtn ? submitBtn.innerText : \"Enviar Denuncia\";\n  if (submitBtn) {\n    submitBtn.disabled = true;\n    submitBtn.innerText = \"Registrando Reporte de Forma Segura...\";\n  }\n\n  \/\/ Recopilar Involucrados din\u00e1micamente\n  var involvedList = [];\n  for (var i = 1; i <= activeInternalCount; i++) {\n    var card = document.getElementById(\"internal-card-\" + i);\n    if (card && card.style.display !== \"none\") {\n      var nameVal = card.querySelector('[name=\"internal_name_' + i + '\"]').value.trim();\n      var locVal = card.querySelector('[name=\"internal_location_' + i + '\"]').value.trim();\n      var areaVal = card.querySelector('[name=\"internal_area_' + i + '\"]').value.trim();\n      var roleVal = card.querySelector('[name=\"internal_role_' + i + '\"]').value.trim();\n      if (nameVal) {\n        involvedList.push({\n          name: nameVal,\n          location: locVal,\n          area: areaVal,\n          role: roleVal\n        });\n      }\n    }\n  }\n\n  \/\/ Payload final\n  var payload = {\n    relacion: document.getElementById(\"denunciante_relacion\").value,\n    formato: document.getElementById(\"denunciante_anonimo\").value,\n    denunciante_nombre: document.getElementById(\"denunciante_nombre\") ? document.getElementById(\"denunciante_nombre\").value : \"\",\n    denunciante_correo: document.getElementById(\"denunciante_correo\") ? document.getElementById(\"denunciante_correo\").value : \"\",\n    denunciante_telefono: document.getElementById(\"denunciante_telefono\") ? document.getElementById(\"denunciante_telefono\").value : \"\",\n    lugar: document.getElementById(\"hecho_sede\").value,\n    fecha: document.getElementById(\"hecho_fecha\").value,\n    medio: document.getElementById(\"hecho_medio\").value,\n    recurrente: document.getElementById(\"hecho_recurrente\").value,\n    detalles: document.getElementById(\"denuncia_detalles\").value,\n    involved_json: JSON.stringify(involvedList)\n  };\n\n  \/\/ En caso de que estemos en WordPress y existan endpoints de AJAX del admin\n  if (typeof wpAjaxUrlPreset !== 'undefined' || typeof ajaxurl !== 'undefined') {\n    var finalAjaxUrl = typeof wpAjaxUrlPreset !== 'undefined' ? wpAjaxUrlPreset : ajaxurl;\n    \n    var formData = new FormData();\n    formData.append(\"action\", \"submit_complaint_form_action\");\n    formData.append(\"relacion\", payload.relacion);\n    formData.append(\"formato\", payload.formato);\n    formData.append(\"denunciante_nombre\", payload.denunciante_nombre);\n    formData.append(\"denunciante_correo\", payload.denunciante_correo);\n    formData.append(\"denunciante_telefono\", payload.denunciante_telefono);\n    formData.append(\"lugar\", payload.lugar);\n    formData.append(\"fecha\", payload.fecha);\n    formData.append(\"medio\", payload.medio);\n    formData.append(\"recurrente\", payload.recurrente);\n    formData.append(\"detalles\", payload.detalles);\n    formData.append(\"involved_json\", payload.involved_json);\n\n    \/\/ Adjuntar par\u00e1metros de Elementor\n    var formElement = document.getElementById(\"complaintsMainForm\");\n    if (formElement) {\n      if (formElement.dataset.destEmail) {\n        formData.append(\"destination_email\", formElement.dataset.destEmail);\n      }\n      if (formElement.dataset.recaptchaSecret) {\n        formData.append(\"recaptcha_secret\", formElement.dataset.recaptchaSecret);\n      }\n    }\n    if (recaptchaResponse) {\n      formData.append(\"g-recaptcha-response\", recaptchaResponse);\n    }\n\n    fetch(finalAjaxUrl, {\n      method: \"POST\",\n      body: formData\n    })\n    .then(function(res) { return res.json(); })\n    .then(function(json) {\n      if (json.success && json.data && json.data.ticket_code) {\n        \/\/ Mostrar c\u00f3digo de boleto real recibido desde el servidor WordPress\n        document.getElementById(\"ticket-display-code\").innerText = json.data.ticket_code;\n        document.getElementById(\"complaintsMainForm\").style.display = \"none\";\n        document.getElementById(\"submision-success-screen\").style.display = \"block\";\n        document.getElementById(\"rg-complaints-form\").scrollIntoView({ behavior: \"smooth\" });\n      } else {\n        alert(\"Atenci\u00f3n: \" + (json.data && json.data.message ? json.data.message : json.message || \"Ocurri\u00f3 un problema guardando la informaci\u00f3n en el panel de WordPress.\"));\n      }\n    })\n    .catch(function(err) {\n      console.error(err);\n      alert(\"Error procesando reporte en el servidor de WordPress.\");\n    })\n    .finally(function() {\n      if (submitBtn) {\n        submitBtn.disabled = false;\n        submitBtn.innerText = originalBtnText;\n      }\n    });\n\n  } else {\n    \/\/ Simulaci\u00f3n en la Sandbox del visualizador local de React\n    setTimeout(function() {\n      var simulatedTicket = \"RD-\" + Math.floor(100000 + Math.random() * 900000);\n      var displayElement = document.getElementById(\"ticket-display-code\");\n      if (displayElement) {\n        displayElement.innerText = simulatedTicket;\n      }\n      document.getElementById(\"complaintsMainForm\").style.display = \"none\";\n      document.getElementById(\"submision-success-screen\").style.display = \"block\";\n      document.getElementById(\"rg-complaints-form\").scrollIntoView({ behavior: \"smooth\" });\n\n      if (submitBtn) {\n        submitBtn.disabled = false;\n        submitBtn.innerText = originalBtnText;\n      }\n    }, 1200);\n  }\n}\n\n\/\/ Reiniciar formulario\nfunction reloadFormState() {\n  var form = document.getElementById(\"complaintsMainForm\");\n  form.reset();\n  \n  \/\/ Reset de visibilidad\n  for (var i = 2; i <= 8; i++) {\n    var card = document.getElementById(\"internal-card-\" + i);\n    if (card) card.style.display = \"none\";\n  }\n  activeInternalCount = 1;\n  document.getElementById(\"addInternalInvolvedBtn\").style.display = \"inline-flex\";\n  \n  document.getElementById(\"external-involved-section\").style.display = \"none\";\n  document.getElementById(\"supervisor-field-wrapper\").style.display = \"none\";\n  \n  \/\/ Reiniciar anonimato e inputs habilitados\n  toggleAnonymity(\"Identificada\");\n  \n  \/\/ Resetear reCAPTCHA si existe\n  if (typeof grecaptcha !== 'undefined') {\n    grecaptcha.reset();\n  }\n\n  \/\/ Volver a mostrar formulario y ocultar \u00e9xito\n  form.style.display = \"block\";\n  document.getElementById(\"submision-success-screen\").style.display = \"none\";\n  \n  \/\/ Ir al paso 1\n  changeStep(1);\n}\n<\/script>\n\t\t\t<!-- FORM CONTENT END -->\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\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>Registre su denuncia \u00abEstimado denunciante: Por favor, utilice este formulario para registrar su denuncia completando los datos solicitados, donde tambi\u00e9n podr\u00e1 adjuntar los documentos de sustento que considere necesarios. Le garantizamos la total confidencialidad de su informaci\u00f3n.\u00bb 1 Informaci\u00f3n del Denunciante 2 Informaci\u00f3n de los involucrados 3 Fecha y datos de los hechos 4 Descripci\u00f3n [&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-287","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fosfatosdelpacifico.pe\/en\/wp-json\/wp\/v2\/pages\/287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fosfatosdelpacifico.pe\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fosfatosdelpacifico.pe\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fosfatosdelpacifico.pe\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fosfatosdelpacifico.pe\/en\/wp-json\/wp\/v2\/comments?post=287"}],"version-history":[{"count":19,"href":"https:\/\/www.fosfatosdelpacifico.pe\/en\/wp-json\/wp\/v2\/pages\/287\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/www.fosfatosdelpacifico.pe\/en\/wp-json\/wp\/v2\/pages\/287\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/www.fosfatosdelpacifico.pe\/en\/wp-json\/wp\/v2\/media?parent=287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}