{"id":6746,"date":"2026-05-11T18:06:14","date_gmt":"2026-05-12T00:06:14","guid":{"rendered":"https:\/\/www.amitai.com\/es\/?page_id=6746"},"modified":"2026-05-13T14:40:29","modified_gmt":"2026-05-13T20:40:29","slug":"manual-de-uso-integri-line","status":"publish","type":"page","link":"https:\/\/www.amitai.com\/es\/manual-de-uso-integri-line\/","title":{"rendered":"Manual de uso Integri-Line"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"6746\" class=\"elementor elementor-6746\"> \t\t\t\t<div class=\"elementor-element elementor-element-13f9bb1 e-flex e-con-boxed e-con e-parent\" data-id=\"13f9bb1\" data-element_type=\"container\" data-e-type=\"container\"> \t\t\t\t\t<div class=\"e-con-inner\"> \t\t\t\t<div class=\"elementor-element elementor-element-9ee6465 elementor-widget elementor-widget-html\" data-id=\"9ee6465\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\"> \t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">  <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/@tabler\/icons-webfont@3.19.0\/dist\/tabler-icons.min.css\">    <section class=\"il-manual-app\">    <style>      .il-manual-app,      .il-manual-app * {        box-sizing: border-box;      }        .il-manual-app {        --p900:#2C0A2E;        --p800:#3D1240;        --p700:#5A1E5E;        --p600:#7B2D7E;        --p500:#9B4D9E;        --p400:#B87ABB;        --p300:#D4A8D6;        --p200:#EACFEB;        --p100:#F5EAF6;        --warn:#F59E0B;        --warn-bg:#FEF3E2;        --warn-text:#78450A;        --success:#10B981;        --success-bg:#ECFDF5;        --border:#E8D5E9;        --text:#1C0A1E;        --muted:#6B4A6D;        --subtle:#B08AB2;        --bg:#F7F0F8;        --surface:#FFFFFF;        --shadow-sm:0 1px 3px rgba(90,30,94,0.08),0 1px 2px rgba(90,30,94,0.05);        --shadow-md:0 4px 16px rgba(90,30,94,0.10),0 1px 4px rgba(90,30,94,0.06);        --shadow-lg:0 8px 32px rgba(90,30,94,0.14),0 2px 8px rgba(90,30,94,0.08);        font-family:'DM Sans',sans-serif;        color:var(--text);        background:var(--bg);        min-height:100vh;        -webkit-print-color-adjust:exact;        print-color-adjust:exact;      }        .il-layout {        display:flex;        min-height:100vh;        background:var(--bg);      }        .il-sidebar {        width:260px;        min-width:260px;        background:linear-gradient(180deg,#2C0A2E 0%,#5A1E5E 55%,#6B2870 100%);        display:flex;        flex-direction:column;        position:sticky;        top:0;        height:100vh;        overflow-y:auto;        box-shadow:var(--shadow-lg);        border-right:1px solid rgba(255,255,255,0.08);        z-index:5;      }        .il-sidebar-brand {        padding:28px 22px 22px;        border-bottom:1px solid rgba(255,255,255,0.08);      }        .il-brand-logo {        display:flex;        align-items:center;        gap:10px;        margin-bottom:5px;      }        .il-brand-dot {        width:32px;        height:32px;        border-radius:10px;        background:linear-gradient(135deg,#D4A8D6,#985099);        display:flex;        align-items:center;        justify-content:center;        box-shadow:0 2px 10px rgba(152,80,153,0.5);      }        .il-brand-dot i {        font-size:18px;        color:var(--p800);      }        .il-brand-name {        color:#fff;        font-size:16px;        font-weight:700;        letter-spacing:-.3px;      }        .il-brand-tag {        color:rgba(255,255,255,.45);        font-size:11px;        line-height:1.4;      }        .il-nav-group {        padding:16px 0 4px;      }        .il-nav-label {        color:rgba(255,255,255,.32);        font-size:10px;        font-weight:600;        letter-spacing:1.2px;        text-transform:uppercase;        padding:0 22px 7px;      }        .il-nav-item {        display:flex;        align-items:center;        gap:11px;        padding:10px 20px;        color:rgba(255,255,255,.62);        font-size:13px;        cursor:pointer;        border-left:3px solid transparent;        transition:all .16s ease;        user-select:none;      }        .il-nav-item:hover {        color:#fff;        background:rgba(255,255,255,.07);      }        .il-nav-item.active {        color:#fff;        background:linear-gradient(90deg,rgba(255,255,255,.19),rgba(255,255,255,.07));        border-left-color:#D4A8D6;        text-shadow:0 0 18px rgba(212,168,214,.28);      }        .il-nav-number {        width:22px;        height:22px;        border-radius:50%;        display:flex;        align-items:center;        justify-content:center;        background:rgba(255,255,255,.1);        color:rgba(255,255,255,.8);        font-size:11px;        font-weight:700;        flex-shrink:0;      }        .il-nav-item.active .il-nav-number {        background:#D4A8D6;        color:#2C0A2E;      }        .il-sidebar-footer {        margin-top:auto;        padding:20px 22px;        border-top:1px solid rgba(255,255,255,.08);      }        .il-support-link {        color:rgba(255,255,255,.48);        font-size:11.5px;        line-height:1.65;        text-decoration:none;      }        .il-support-link strong {        display:block;        color:rgba(255,255,255,.72);        margin-bottom:4px;        font-size:12px;      }        .il-main {        flex:1;        min-width:0;        background:var(--bg);      }        .il-topbar {        background:rgba(255,255,255,.88);        backdrop-filter:blur(12px);        -webkit-backdrop-filter:blur(12px);        border-bottom:1px solid var(--border);        padding:0 40px;        height:58px;        display:flex;        align-items:center;        justify-content:space-between;        position:sticky;        top:0;        z-index:4;      }        .il-breadcrumb {        display:flex;        align-items:center;        gap:7px;        color:var(--muted);        font-size:13px;      }        .il-breadcrumb-active {        color:var(--p600);        font-weight:600;      }        .il-print-btn {        display:flex;        align-items:center;        gap:7px;        background:transparent;        border:1px solid var(--border);        color:var(--muted);        font-size:12px;        font-family:'DM Sans',sans-serif;        padding:7px 13px;        border-radius:9px;        cursor:pointer;        transition:all .15s;      }        .il-print-btn:hover {        background:var(--p100);        border-color:var(--p300);        color:var(--p600);      }        .il-content {        padding:40px;        max-width:1040px;      }        .il-page {        display:none;      }        .il-page.active {        display:block;        animation:ilFade .18s ease;      }        @keyframes ilFade {        from {opacity:0; transform:translateY(4px);}        to {opacity:1; transform:translateY(0);}      }        .il-page-header {        margin-bottom:32px;      }        .il-tag {        display:inline-flex;        align-items:center;        gap:7px;        background:linear-gradient(90deg,var(--p200),var(--p100));        color:var(--p700);        font-size:11px;        font-weight:700;        letter-spacing:.3px;        padding:5px 13px;        border-radius:20px;        margin-bottom:14px;        text-transform:uppercase;        border:1px solid var(--p200);      }        .il-title {        font-size:clamp(30px,4vw,48px);        font-weight:700;        color:var(--p900);        letter-spacing:-1.1px;        margin:0 0 12px;        line-height:1.05;      }        .il-desc {        color:var(--muted);        font-size:16px;        line-height:1.7;        max-width:760px;        margin:0;      }        .il-hero {        background:linear-gradient(135deg,#2C0A2E 0%,#5A1E5E 52%,#9B4D9E 100%);        border-radius:22px;        padding:34px;        color:#fff;        margin-bottom:34px;        box-shadow:var(--shadow-lg);        position:relative;        overflow:hidden;      }        .il-hero:before {        content:\"\";        position:absolute;        width:260px;        height:260px;        right:-70px;        top:-80px;        border-radius:50%;        background:radial-gradient(circle,rgba(212,168,214,.22),transparent 68%);      }        .il-hero h2 {        font-size:25px;        line-height:1.18;        margin:0 0 10px;        letter-spacing:-.5px;        position:relative;      }        .il-hero p {        color:rgba(255,255,255,.78);        font-size:15px;        line-height:1.65;        max-width:720px;        margin:0;        position:relative;      }        .il-hero-stats {        display:grid;        grid-template-columns:repeat(3,1fr);        gap:14px;        margin-top:24px;        position:relative;      }        .il-stat {        background:rgba(255,255,255,.1);        border:1px solid rgba(255,255,255,.16);        border-radius:14px;        padding:16px;      }        .il-stat strong {        display:block;        font-size:23px;        color:#fff;        margin-bottom:3px;      }        .il-stat span {        display:block;        color:rgba(255,255,255,.62);        font-size:11px;        text-transform:uppercase;        letter-spacing:.5px;      }        .il-section-head {        display:flex;        align-items:center;        gap:13px;        margin:34px 0 18px;        padding-bottom:14px;        border-bottom:2px solid var(--p100);      }        .il-section-icon {        width:38px;        height:38px;        border-radius:11px;        background:linear-gradient(135deg,var(--p200),var(--p100));        display:flex;        align-items:center;        justify-content:center;        flex-shrink:0;        box-shadow:0 1px 4px rgba(100,79,187,.15);      }        .il-section-icon i {        font-size:19px;        color:var(--p500);      }        .il-section-title {        font-size:17px;        font-weight:700;        color:var(--p900);      }        .il-section-sub {        font-size:13px;        color:var(--muted);        margin-top:2px;      }        .il-roadmap {        display:grid;        grid-template-columns:repeat(7,1fr);        gap:12px;        margin-top:22px;      }        .il-road-card {        background:#fff;        border:1px solid var(--border);        border-radius:15px;        padding:16px 13px;        box-shadow:var(--shadow-sm);        min-height:148px;        position:relative;      }        .il-road-number {        width:32px;        height:32px;        border-radius:50%;        background:linear-gradient(135deg,var(--p500),var(--p700));        color:#fff;        display:flex;        align-items:center;        justify-content:center;        font-weight:700;        font-size:13px;        margin-bottom:12px;        box-shadow:0 2px 8px rgba(90,30,94,.24);      }        .il-road-card h3 {        font-size:13.5px;        line-height:1.25;        margin:0 0 7px;        color:var(--p900);      }        .il-road-card p {        font-size:12px;        line-height:1.45;        color:var(--muted);        margin:0;      }        .il-flow {        display:grid;        grid-template-columns:repeat(4,1fr);        gap:16px;        margin-top:18px;      }        .il-flow-card {        background:#fff;        border:1px solid var(--border);        border-radius:15px;        padding:18px;        box-shadow:var(--shadow-sm);        position:relative;      }        .il-flow-card:not(:last-child):after {        content:\"\u2192\";        position:absolute;        right:-16px;        top:50%;        transform:translateY(-50%);        width:30px;        height:30px;        background:#fff;        border:1px solid var(--border);        border-radius:50%;        display:flex;        align-items:center;        justify-content:center;        color:var(--p500);        font-weight:800;        z-index:2;      }        .il-flow-card strong {        display:block;        color:var(--p900);        font-size:15px;        margin-bottom:6px;      }        .il-flow-card span {        color:var(--muted);        font-size:13px;        line-height:1.5;      }        .il-grid {        display:grid;        grid-template-columns:repeat(2,1fr);        gap:12px;      }        .il-field {        background:var(--surface);        border:1px solid var(--border);        border-radius:12px;        padding:16px;        box-shadow:var(--shadow-sm);      }        .il-field-label {        font-size:11px;        font-weight:700;        color:var(--p500);        text-transform:uppercase;        letter-spacing:.45px;        margin-bottom:5px;        display:flex;        align-items:center;        gap:6px;      }        .il-field-desc {        font-size:13.5px;        color:var(--muted);        line-height:1.58;      }        .il-badge {        display:inline-block;        font-size:10px;        font-weight:600;        padding:2px 7px;        border-radius:20px;      }        .il-badge-opt {        background:#F5EAF6;        color:var(--p600);      }        .il-badge-req {        background:#FEE2E2;        color:#991B1B;      }        .il-callout {        border-radius:12px;        padding:15px 17px;        display:flex;        gap:12px;        align-items:flex-start;        margin-top:18px;      }        .il-callout i {        font-size:18px;        flex-shrink:0;        margin-top:1px;      }        .il-callout p {        font-size:13.5px;        line-height:1.62;        margin:0;      }        .il-callout strong {        font-weight:700;      }        .il-callout.tip {        background:var(--p100);        border-left:4px solid var(--p400);      }        .il-callout.tip i,      .il-callout.tip p {        color:var(--p700);      }        .il-callout.warn {        background:var(--warn-bg);        border-left:4px solid var(--warn);      }        .il-callout.warn i,      .il-callout.warn p {        color:var(--warn-text);      }        .il-callout.success {        background:var(--success-bg);        border-left:4px solid var(--success);      }        .il-callout.success i {        color:#059669;      }        .il-callout.success p {        color:#065F46;      }        .il-steps {        display:flex;        flex-direction:column;        gap:0;      }        .il-step {        display:flex;        gap:18px;        position:relative;      }        .il-step:not(:last-child)::after {        content:\"\";        position:absolute;        left:16px;        top:36px;        width:1px;        height:calc(100% - 14px);        background:var(--border);      }        .il-step-num {        width:33px;        height:33px;        border-radius:50%;        background:linear-gradient(135deg,var(--p500),var(--p700));        color:#fff;        font-size:13px;        font-weight:700;        display:flex;        align-items:center;        justify-content:center;        flex-shrink:0;        margin-top:1px;        position:relative;        z-index:1;        box-shadow:0 2px 8px rgba(90,30,94,.32);      }        .il-step-body {        padding-bottom:26px;        flex:1;      }        .il-step-title {        font-size:15px;        font-weight:700;        color:var(--text);        margin:5px 0 6px;      }        .il-step-desc {        font-size:13.8px;        color:var(--muted);        line-height:1.65;        margin:0;      }        .il-code-link {        display:inline-flex;        align-items:center;        gap:8px;        background:var(--p100);        color:var(--p600);        font-family:'DM Mono',monospace;        font-size:12px;        padding:10px 14px;        border-radius:9px;        text-decoration:none;        margin-top:11px;        border:1px solid var(--p200);      }        .il-table {        width:100%;        border-collapse:collapse;        margin-top:12px;        font-size:13px;        background:#fff;        border-radius:12px;        overflow:hidden;        border:1px solid var(--border);      }        .il-table th {        text-align:left;        padding:11px 14px;        background:var(--p100);        color:var(--p700);        font-weight:700;        font-size:11.5px;        letter-spacing:.2px;      }        .il-table td {        padding:11px 14px;        border-bottom:1px solid var(--border);        color:var(--muted);        vertical-align:top;      }        .il-table tr:last-child td {        border-bottom:none;      }        .il-check {        color:var(--p500);        font-size:17px;      }        .il-minus {        color:var(--subtle);        font-size:17px;      }        .il-contact-grid {        display:grid;        grid-template-columns:repeat(2,1fr);        gap:12px;        margin-top:14px;      }        .il-contact-card {        background:#fff;        border:1px solid var(--border);        border-radius:12px;        padding:17px;        display:flex;        gap:13px;        align-items:flex-start;        box-shadow:var(--shadow-sm);      }        .il-contact-icon {        width:38px;        height:38px;        border-radius:10px;        background:linear-gradient(135deg,var(--p200),var(--p100));        display:flex;        align-items:center;        justify-content:center;        flex-shrink:0;      }        .il-contact-icon i {        font-size:19px;        color:var(--p500);      }        .il-contact-label {        font-size:11px;        color:var(--subtle);        margin-bottom:3px;        font-weight:700;        text-transform:uppercase;        letter-spacing:.4px;      }        .il-contact-val {        font-size:13.5px;        color:var(--text);        font-weight:600;      }        .il-contact-val a {        color:var(--p500);        text-decoration:none;      }        .il-final {        background:linear-gradient(135deg,#fff,#F5EAF6);        border:1px solid var(--border);        border-radius:18px;        padding:28px;        margin-top:28px;        text-align:center;        box-shadow:var(--shadow-sm);      }        .il-final h2 {        color:var(--p900);        font-size:24px;        line-height:1.2;        margin:0 0 8px;      }        .il-final p {        color:var(--muted);        line-height:1.65;        font-size:14.5px;        max-width:720px;        margin:0 auto;      }        .il-print-cover {        display:none;      }        @media(max-width:1100px) {        .il-roadmap {          grid-template-columns:repeat(2,1fr);        }          .il-flow {          grid-template-columns:1fr;        }          .il-flow-card:after {          display:none!important;        }      }        @media(max-width:860px) {        .il-layout {          display:block;        }          .il-sidebar {          position:relative;          width:100%;          min-width:0;          height:auto;        }          .il-content {          padding:28px 20px;        }          .il-topbar {          padding:0 20px;        }          .il-grid,        .il-contact-grid,        .il-hero-stats {          grid-template-columns:1fr;        }      }        @media(max-width:620px) {        .il-roadmap {          grid-template-columns:1fr;        }          .il-title {          font-size:30px;        }          .il-hero {          padding:26px;        }      }        @media print {        body {          background:#fff!important;        }          .il-manual-app {          background:#fff!important;          color:#111!important;        }          .il-layout {          display:block!important;          background:#fff!important;        }          .il-sidebar,        .il-topbar {          display:none!important;        }          .il-main {          display:block!important;          background:#fff!important;        }          .il-content {          padding:0!important;          max-width:100%!important;        }          .il-print-cover {          display:block!important;          page-break-after:always;          min-height:92vh;          padding:60px 48px;          border:2px solid #5A1E5E;        }          .il-print-cover h1 {          font-size:42px;          line-height:1.05;          color:#2C0A2E;          margin:0 0 16px;        }          .il-print-cover p {          font-size:16px;          line-height:1.65;          color:#333;          max-width:680px;        }          .il-print-cover .meta {          margin-top:50px;          display:grid;          grid-template-columns:repeat(3,1fr);          gap:14px;        }          .il-print-cover .meta div {          border:1px solid #ddd;          border-radius:12px;          padding:16px;        }          .il-page {          display:block!important;          page-break-before:always;          padding:24px 28px!important;        }          .il-page:first-of-type {          page-break-before:auto;        }          .il-page-header,        .il-hero,        .il-section-head,        .il-field,        .il-callout,        .il-step,        .il-table,        .il-contact-card,        .il-final,        .il-road-card,        .il-flow-card {          page-break-inside:avoid!important;          break-inside:avoid!important;        }          .il-hero {          background:#5A1E5E!important;          box-shadow:none!important;        }          .il-hero:before {          display:none!important;        }          .il-field,        .il-contact-card,        .il-road-card,        .il-flow-card,        .il-final {          box-shadow:none!important;        }          .il-roadmap {          grid-template-columns:repeat(2,1fr)!important;        }          .il-flow {          grid-template-columns:1fr!important;        }          .il-flow-card:after {          display:none!important;        }          .il-title {          font-size:30px!important;        }          .il-desc {          font-size:14px!important;        }          .il-grid,        .il-contact-grid {          grid-template-columns:1fr 1fr!important;        }          a {          color:#5A1E5E!important;          text-decoration:none!important;        }      }    <\/style>      <div class=\"il-layout\">        <aside class=\"il-sidebar\">        <div class=\"il-sidebar-brand\">          <div class=\"il-brand-logo\">            <div class=\"il-brand-dot\"><i class=\"ti ti-shield-check\"><\/i><\/div>            <span class=\"il-brand-name\">IntegriLine<\/span>          <\/div>          <div class=\"il-brand-tag\">Manual de configuraci\u00f3n v2.0<\/div>        <\/div>          <div class=\"il-nav-group\">          <div class=\"il-nav-label\">Inicio<\/div>          <div class=\"il-nav-item active\" data-section=\"presentacion\"><span class=\"il-nav-number\">0<\/span>Presentaci\u00f3n<\/div>          <div class=\"il-nav-item\" data-section=\"ruta\"><span class=\"il-nav-number\">\u2713<\/span>Ruta r\u00e1pida<\/div>        <\/div>          <div class=\"il-nav-group\">          <div class=\"il-nav-label\">Configuraci\u00f3n base<\/div>          <div class=\"il-nav-item\" data-section=\"acceso\"><span class=\"il-nav-number\">1<\/span>Acceso al sistema<\/div>          <div class=\"il-nav-item\" data-section=\"general\"><span class=\"il-nav-number\">2<\/span>Configuraci\u00f3n general<\/div>        <\/div>          <div class=\"il-nav-group\">          <div class=\"il-nav-label\">Operaci\u00f3n interna<\/div>          <div class=\"il-nav-item\" data-section=\"usuarios\"><span class=\"il-nav-number\">3<\/span>Usuarios<\/div>          <div class=\"il-nav-item\" data-section=\"categorias\"><span class=\"il-nav-number\">4<\/span>Categor\u00edas<\/div>        <\/div>          <div class=\"il-nav-group\">          <div class=\"il-nav-label\">Visibilidad del canal<\/div>          <div class=\"il-nav-item\" data-section=\"partes\"><span class=\"il-nav-number\">5<\/span>Partes interesadas<\/div>          <div class=\"il-nav-item\" data-section=\"preguntas\"><span class=\"il-nav-number\">6<\/span>Banco de preguntas<\/div>        <\/div>          <div class=\"il-nav-group\">          <div class=\"il-nav-label\">Operaci\u00f3n<\/div>          <div class=\"il-nav-item\" data-section=\"reportes\"><span class=\"il-nav-number\">7<\/span>Reportes<\/div>        <\/div>          <div class=\"il-sidebar-footer\">          <a class=\"il-support-link\" href=\"mailto:capacitacion@amitai.com\">            <strong>\u00bfNecesitas ayuda?<\/strong>            capacitacion@amitai.com<br>            soporte@amitai.com<br>            Tel. 9000 4050          <\/a>        <\/div>      <\/aside>        <main class=\"il-main\">        <div class=\"il-topbar\">          <div class=\"il-breadcrumb\">            <i class=\"ti ti-book\"><\/i>            <span>Manual<\/span>            <i class=\"ti ti-chevron-right\"><\/i>            <span class=\"il-breadcrumb-active\" id=\"ilBreadcrumb\">Presentaci\u00f3n<\/span>          <\/div>          <button class=\"il-print-btn\" onclick=\"window.print()\">            <i class=\"ti ti-printer\"><\/i> Exportar PDF          <\/button>        <\/div>          <div class=\"il-content\">            <div class=\"il-print-cover\">            <h1>Manual de configuraci\u00f3n IntegriLine 2.0<\/h1>            <p>Gu\u00eda para configurar el canal de denuncia AMITAI\u00ae IntegriLine desde el acceso inicial hasta la operaci\u00f3n y generaci\u00f3n de reportes.<\/p>            <div class=\"meta\">              <div><strong>Objetivo<\/strong><br>Canal listo para recibir denuncias.<\/div>              <div><strong>Perfil<\/strong><br>Administrador o responsable interno.<\/div>              <div><strong>Ruta<\/strong><br>7 pasos de configuraci\u00f3n.<\/div>            <\/div>          <\/div>            <section class=\"il-page active\" id=\"presentacion\">            <div class=\"il-page-header\">              <div class=\"il-tag\"><i class=\"ti ti-file-description\"><\/i> Introducci\u00f3n<\/div>              <h1 class=\"il-title\">Bienvenido al Manual IntegriLine<\/h1>              <p class=\"il-desc\">Este manual gu\u00eda al administrador en la configuraci\u00f3n inicial del canal de denuncia AMITAI\u00ae IntegriLine. La intenci\u00f3n es que el usuario entienda qu\u00e9 debe configurar, en qu\u00e9 orden debe hacerlo y qu\u00e9 resultado debe obtener al finalizar cada paso.<\/p>            <\/div>              <div class=\"il-hero\">              <h2>\u00bfQu\u00e9 es IntegriLine?<\/h2>              <p>Un canal seguro y an\u00f3nimo que permite a colaboradores, clientes, proveedores u otras partes interesadas reportar conductas irregulares. Su infraestructura est\u00e1 orientada a proteger la confidencialidad y reducir el riesgo de represalias.<\/p>              <div class=\"il-hero-stats\">                <div class=\"il-stat\"><strong>100%<\/strong><span>Confidencial<\/span><\/div>                <div class=\"il-stat\"><strong>7<\/strong><span>Pasos clave<\/span><\/div>                <div class=\"il-stat\"><strong>24\/7<\/strong><span>Disponible<\/span><\/div>              <\/div>            <\/div>              <div class=\"il-section-head\">              <div class=\"il-section-icon\"><i class=\"ti ti-target-arrow\"><\/i><\/div>              <div>                <div class=\"il-section-title\">Objetivo del manual<\/div>                <div class=\"il-section-sub\">Qu\u00e9 debe lograr el administrador<\/div>              <\/div>            <\/div>              <div class=\"il-grid\">              <div class=\"il-field\">                <div class=\"il-field-label\">Configurar el canal<\/div>                <div class=\"il-field-desc\">Personalizar la identidad, textos, pol\u00edtica de privacidad, idioma, zona horaria y link de acceso.<\/div>              <\/div>              <div class=\"il-field\">                <div class=\"il-field-label\">Definir responsables<\/div>                <div class=\"il-field-desc\">Crear usuarios internos y asignar permisos seg\u00fan su rol dentro del proceso.<\/div>              <\/div>              <div class=\"il-field\">                <div class=\"il-field-label\">Organizar denuncias<\/div>                <div class=\"il-field-desc\">Crear categor\u00edas y subcategor\u00edas para clasificar correctamente los reportes recibidos.<\/div>              <\/div>              <div class=\"il-field\">                <div class=\"il-field-label\">Activar operaci\u00f3n<\/div>                <div class=\"il-field-desc\">Permitir el acceso a las partes interesadas y generar reportes para seguimiento.<\/div>              <\/div>            <\/div>              <div class=\"il-callout tip\">              <i class=\"ti ti-info-circle\"><\/i>              <p><strong>Recomendaci\u00f3n:<\/strong> antes de configurar el sistema, define internamente qui\u00e9nes ser\u00e1n responsables, qu\u00e9 categor\u00edas existir\u00e1n y qu\u00e9 grupos podr\u00e1n usar el canal.<\/p>            <\/div>              <div class=\"il-section-head\">              <div class=\"il-section-icon\"><i class=\"ti ti-headset\"><\/i><\/div>              <div>                <div class=\"il-section-title\">Contacto y soporte<\/div>                <div class=\"il-section-sub\">Canales de atenci\u00f3n AMITAI\u00ae<\/div>              <\/div>            <\/div>              <div class=\"il-contact-grid\">              <div class=\"il-contact-card\">                <div class=\"il-contact-icon\"><i class=\"ti ti-school\"><\/i><\/div>                <div>                  <div class=\"il-contact-label\">Capacitaci\u00f3n<\/div>                  <div class=\"il-contact-val\"><a href=\"mailto:capacitacion@amitai.com\">capacitacion@amitai.com<\/a><\/div>                <\/div>              <\/div>              <div class=\"il-contact-card\">                <div class=\"il-contact-icon\"><i class=\"ti ti-tools\"><\/i><\/div>                <div>                  <div class=\"il-contact-label\">Soporte t\u00e9cnico<\/div>                  <div class=\"il-contact-val\"><a href=\"mailto:soporte@amitai.com\">soporte@amitai.com<\/a><\/div>                <\/div>              <\/div>              <div class=\"il-contact-card\">                <div class=\"il-contact-icon\"><i class=\"ti ti-phone\"><\/i><\/div>                <div>                  <div class=\"il-contact-label\">Tel\u00e9fono<\/div>                  <div class=\"il-contact-val\">9000 4050<\/div>                <\/div>              <\/div>              <div class=\"il-contact-card\">                <div class=\"il-contact-icon\"><i class=\"ti ti-world\"><\/i><\/div>                <div>                  <div class=\"il-contact-label\">Portal<\/div>                  <div class=\"il-contact-val\"><a href=\"https:\/\/app.amitaisystem.com\/selection\" target=\"_blank\" rel=\"noopener\">app.amitaisystem.com<\/a><\/div>                <\/div>              <\/div>            <\/div>          <\/section>            <section class=\"il-page\" id=\"ruta\">            <div class=\"il-page-header\">              <div class=\"il-tag\"><i class=\"ti ti-route\"><\/i> Ruta de implementaci\u00f3n<\/div>              <h1 class=\"il-title\">El proceso completo en 7 pasos<\/h1>              <p class=\"il-desc\">La configuraci\u00f3n de IntegriLine debe seguir un orden l\u00f3gico. Esta ruta evita confusiones entre usuarios, categor\u00edas, partes interesadas y preguntas adicionales.<\/p>            <\/div>              <div class=\"il-roadmap\">              <div class=\"il-road-card\"><div class=\"il-road-number\">1<\/div><h3>Acceso<\/h3><p>Ingresar al portal y seleccionar el m\u00f3dulo IntegriLine.<\/p><\/div>              <div class=\"il-road-card\"><div class=\"il-road-number\">2<\/div><h3>Configuraci\u00f3n general<\/h3><p>Cargar identidad, textos y datos generales del canal.<\/p><\/div>              <div class=\"il-road-card\"><div class=\"il-road-number\">3<\/div><h3>Usuarios<\/h3><p>Crear responsables internos y definir permisos.<\/p><\/div>              <div class=\"il-road-card\"><div class=\"il-road-number\">4<\/div><h3>Categor\u00edas<\/h3><p>Definir los tipos de denuncia y subcategor\u00edas.<\/p><\/div>              <div class=\"il-road-card\"><div class=\"il-road-number\">5<\/div><h3>Partes interesadas<\/h3><p>Definir qui\u00e9nes podr\u00e1n acceder al canal.<\/p><\/div>              <div class=\"il-road-card\"><div class=\"il-road-number\">6<\/div><h3>Banco de preguntas<\/h3><p>Agregar preguntas abiertas adicionales.<\/p><\/div>              <div class=\"il-road-card\"><div class=\"il-road-number\">7<\/div><h3>Reportes<\/h3><p>Consultar gr\u00e1ficas y descargar reportes.<\/p><\/div>            <\/div>              <div class=\"il-section-head\">              <div class=\"il-section-icon\"><i class=\"ti ti-git-branch\"><\/i><\/div>              <div>                <div class=\"il-section-title\">C\u00f3mo se conectan los m\u00f3dulos<\/div>                <div class=\"il-section-sub\">La l\u00f3gica que debe entender el administrador<\/div>              <\/div>            <\/div>              <div class=\"il-flow\">              <div class=\"il-flow-card\"><strong>Usuarios<\/strong><span>Son los responsables internos que administran o atienden las denuncias.<\/span><\/div>              <div class=\"il-flow-card\"><strong>Categor\u00edas<\/strong><span>Son los temas que el denunciante puede seleccionar al reportar.<\/span><\/div>              <div class=\"il-flow-card\"><strong>Partes interesadas<\/strong><span>Son los grupos que pueden acceder al canal: colaboradores, clientes o proveedores.<\/span><\/div>              <div class=\"il-flow-card\"><strong>Preguntas<\/strong><span>Son campos adicionales que ayudan a obtener m\u00e1s contexto.<\/span><\/div>            <\/div>              <div class=\"il-callout warn\">              <i class=\"ti ti-alert-triangle\"><\/i>              <p><strong>Orden recomendado:<\/strong> primero configura los datos generales, despu\u00e9s crea usuarios, luego categor\u00edas, posteriormente partes interesadas y al final preguntas adicionales.<\/p>            <\/div>          <\/section>            <section class=\"il-page\" id=\"acceso\">            <div class=\"il-page-header\">              <div class=\"il-tag\"><i class=\"ti ti-login\"><\/i> Paso 1<\/div>              <h1 class=\"il-title\">Acceso al sistema<\/h1>              <p class=\"il-desc\">Este paso permite entrar al portal administrativo de AMITAI\u00ae y seleccionar el m\u00f3dulo IntegriLine para comenzar la configuraci\u00f3n.<\/p>            <\/div>              <div class=\"il-steps\">              <div class=\"il-step\">                <div class=\"il-step-num\">1<\/div>                <div class=\"il-step-body\">                  <p class=\"il-step-title\">Abre el portal<\/p>                  <p class=\"il-step-desc\">Accede desde un navegador moderno como Chrome, Firefox o Edge.<\/p>                  <a class=\"il-code-link\" href=\"https:\/\/app.amitaisystem.com\/selection\" target=\"_blank\" rel=\"noopener\"><i class=\"ti ti-external-link\"><\/i> app.amitaisystem.com\/selection<\/a>                <\/div>              <\/div>              <div class=\"il-step\">                <div class=\"il-step-num\">2<\/div>                <div class=\"il-step-body\">                  <p class=\"il-step-title\">Selecciona Administrar<\/p>                  <p class=\"il-step-desc\">En la pantalla de bienvenida, haz clic en el bot\u00f3n Administrar para acceder con credenciales.<\/p>                <\/div>              <\/div>              <div class=\"il-step\">                <div class=\"il-step-num\">3<\/div>                <div class=\"il-step-body\">                  <p class=\"il-step-title\">Ingresa tus credenciales<\/p>                  <p class=\"il-step-desc\">Captura ID de Usuario, ID de Empresa y Contrase\u00f1a proporcionados por AMITAI\u00ae.<\/p>                <\/div>              <\/div>              <div class=\"il-step\">                <div class=\"il-step-num\">4<\/div>                <div class=\"il-step-body\">                  <p class=\"il-step-title\">Selecciona IntegriLine<\/p>                  <p class=\"il-step-desc\">Una vez dentro del sistema, elige el m\u00f3dulo IntegriLine para entrar al panel principal.<\/p>                <\/div>              <\/div>            <\/div>              <div class=\"il-callout tip\">              <i class=\"ti ti-info-circle\"><\/i>              <p>El panel principal muestra gr\u00e1ficas de estatus y permite consultar informaci\u00f3n general de las denuncias registradas.<\/p>            <\/div>          <\/section>            <section class=\"il-page\" id=\"general\">            <div class=\"il-page-header\">              <div class=\"il-tag\"><i class=\"ti ti-adjustments\"><\/i> Paso 2<\/div>              <h1 class=\"il-title\">Configuraci\u00f3n general<\/h1>              <p class=\"il-desc\">Aqu\u00ed se personaliza el canal con la identidad de la empresa, textos visibles para el denunciante, pol\u00edtica de privacidad y datos generales de operaci\u00f3n.<\/p>            <\/div>              <div class=\"il-grid\">              <div class=\"il-field\"><div class=\"il-field-label\">Logo <span class=\"il-badge il-badge-opt\">opcional<\/span><\/div><div class=\"il-field-desc\">Permite cargar el logo de la empresa. El sistema lo ajusta al formato requerido.<\/div><\/div>              <div class=\"il-field\"><div class=\"il-field-label\">Link de acceso directo<\/div><div class=\"il-field-desc\">URL para compartir el canal o insertarlo dentro del sitio web de la empresa.<\/div><\/div>              <div class=\"il-field\"><div class=\"il-field-label\">Sector e industria <span class=\"il-badge il-badge-req\">requerido<\/span><\/div><div class=\"il-field-desc\">Clasificaci\u00f3n de la empresa para filtros, estad\u00edsticas y operaci\u00f3n interna.<\/div><\/div>              <div class=\"il-field\"><div class=\"il-field-label\">Idioma y zona horaria <span class=\"il-badge il-badge-req\">requerido<\/span><\/div><div class=\"il-field-desc\">Define el idioma de interfaz y la zona horaria para registros y notificaciones.<\/div><\/div>              <div class=\"il-field\"><div class=\"il-field-label\">Texto de bienvenida<\/div><div class=\"il-field-desc\">Mensaje que ve el denunciante antes de iniciar. Debe explicar el prop\u00f3sito del canal.<\/div><\/div>              <div class=\"il-field\"><div class=\"il-field-label\">Mensaje final<\/div><div class=\"il-field-desc\">Mensaje que aparece al terminar la denuncia. Confirma recepci\u00f3n y pr\u00f3ximos pasos.<\/div><\/div>              <div class=\"il-field\" style=\"grid-column:1\/-1\"><div class=\"il-field-label\">Pol\u00edtica de privacidad<\/div><div class=\"il-field-desc\">Texto legal general aplicable al canal. Puede complementarse con pol\u00edticas espec\u00edficas por grupo.<\/div><\/div>            <\/div>              <div class=\"il-callout warn\">              <i class=\"ti ti-alert-triangle\"><\/i>              <p>Al finalizar, haz clic en <strong>Continuar<\/strong>. Si no se guarda, la informaci\u00f3n no queda registrada.<\/p>            <\/div>          <\/section>            <section class=\"il-page\" id=\"usuarios\">            <div class=\"il-page-header\">              <div class=\"il-tag\"><i class=\"ti ti-user-plus\"><\/i> Paso 3<\/div>              <h1 class=\"il-title\">Usuarios<\/h1>              <p class=\"il-desc\">En esta secci\u00f3n se crean los responsables internos que podr\u00e1n administrar, visualizar o dar seguimiento a las denuncias.<\/p>            <\/div>              <div class=\"il-steps\">              <div class=\"il-step\"><div class=\"il-step-num\">1<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Crear usuario<\/p><p class=\"il-step-desc\">Ingresa correo, contrase\u00f1a, nombre y datos de contacto del responsable.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">2<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Configurar seguridad<\/p><p class=\"il-step-desc\">Define si el usuario requiere doble factor de autenticaci\u00f3n o una fecha de caducidad.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">3<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Definir permisos de pantalla<\/p><p class=\"il-step-desc\">Selecciona IntegriLine y habilita solo las secciones que el usuario debe visualizar.<\/p><\/div><\/div>            <\/div>              <table class=\"il-table\">              <thead>                <tr><th>M\u00f3dulo<\/th><th>Admin completo<\/th><th>Responsable de \u00e1rea<\/th><th>Solo lectura<\/th><\/tr>              <\/thead>              <tbody>                <tr><td>Dashboard<\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><\/tr>                <tr><td>Denuncias \/ Tickets<\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><\/tr>                <tr><td>Configuraci\u00f3n<\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-minus il-minus\"><\/i><\/td><td><i class=\"ti ti-minus il-minus\"><\/i><\/td><\/tr>                <tr><td>Usuarios<\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-minus il-minus\"><\/i><\/td><td><i class=\"ti ti-minus il-minus\"><\/i><\/td><\/tr>                <tr><td>Categor\u00edas<\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-minus il-minus\"><\/i><\/td><\/tr>                <tr><td>Reportes<\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><td><i class=\"ti ti-check il-check\"><\/i><\/td><\/tr>              <\/tbody>            <\/table>              <div class=\"il-callout tip\">              <i class=\"ti ti-info-circle\"><\/i>              <p>El acceso a reportes se habilita cuando el usuario tiene una categor\u00eda asignada y existe al menos una denuncia registrada.<\/p>            <\/div>          <\/section>            <section class=\"il-page\" id=\"categorias\">            <div class=\"il-page-header\">              <div class=\"il-tag\"><i class=\"ti ti-tag\"><\/i> Paso 4<\/div>              <h1 class=\"il-title\">Categor\u00edas<\/h1>              <p class=\"il-desc\">Las categor\u00edas definen los tipos de denuncia disponibles en el canal. Tambi\u00e9n permiten asignar responsables y organizar el seguimiento.<\/p>            <\/div>              <div class=\"il-callout warn\">              <i class=\"ti ti-alert-triangle\"><\/i>              <p><strong>Antes de este paso:<\/strong> crea primero los usuarios responsables para poder asignarlos despu\u00e9s a cada categor\u00eda.<\/p>            <\/div>              <div class=\"il-steps\">              <div class=\"il-step\"><div class=\"il-step-num\">1<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Crear categor\u00eda principal<\/p><p class=\"il-step-desc\">Ingresa nombre y descripci\u00f3n. Si es una categor\u00eda principal, selecciona \u201cNo aplica\u201d en categor\u00eda padre.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">2<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Crear subcategor\u00eda<\/p><p class=\"il-step-desc\">Si pertenece a una categor\u00eda superior, relaci\u00f3nala desde el campo Categor\u00eda padre.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">3<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Definir visibilidad y anonimato<\/p><p class=\"il-step-desc\">Indica si la descripci\u00f3n ser\u00e1 visible para el reportante y si se permitir\u00e1 denuncia an\u00f3nima.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">4<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Asignar responsables<\/p><p class=\"il-step-desc\">Desde Editar, agrega a los usuarios responsables. Ellos recibir\u00e1n las notificaciones por correo.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">5<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Relacionar partes interesadas<\/p><p class=\"il-step-desc\">Define qu\u00e9 grupos podr\u00e1n ver cada categor\u00eda al realizar una denuncia.<\/p><\/div><\/div>            <\/div>              <div class=\"il-grid\">              <div class=\"il-field\"><div class=\"il-field-label\">Categor\u00eda principal<\/div><div class=\"il-field-desc\">Ejemplos: Fraude, Acoso laboral, Discriminaci\u00f3n, Violencia en el trabajo.<\/div><\/div>              <div class=\"il-field\"><div class=\"il-field-label\">Subcategor\u00eda<\/div><div class=\"il-field-desc\">Ejemplos: Robo interno, soborno, consumo de sustancias, datos personales.<\/div><\/div>            <\/div>          <\/section>            <section class=\"il-page\" id=\"partes\">            <div class=\"il-page-header\">              <div class=\"il-tag\"><i class=\"ti ti-people\"><\/i> Paso 5<\/div>              <h1 class=\"il-title\">Partes interesadas<\/h1>              <p class=\"il-desc\">Aqu\u00ed se define qui\u00e9nes podr\u00e1n acceder al canal de denuncia y qu\u00e9 categor\u00edas podr\u00e1 ver cada grupo.<\/p>            <\/div>              <div class=\"il-callout warn\">              <i class=\"ti ti-alert-triangle\"><\/i>              <p><strong>Antes de este paso:<\/strong> crea primero las categor\u00edas para poder asignarlas correctamente a cada grupo.<\/p>            <\/div>              <div class=\"il-steps\">              <div class=\"il-step\"><div class=\"il-step-num\">1<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Crear grupo<\/p><p class=\"il-step-desc\">Escribe el nombre de la parte interesada. Ejemplos: colaboradores, proveedores, clientes.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">2<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Agregar pol\u00edtica espec\u00edfica<\/p><p class=\"il-step-desc\">Si el grupo tiene una pol\u00edtica de privacidad diferente, capt\u00farala aqu\u00ed. Si no, aplica la pol\u00edtica general.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">3<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Asignar categor\u00edas visibles<\/p><p class=\"il-step-desc\">Desde la edici\u00f3n de cada categor\u00eda, agrega los grupos que podr\u00e1n verla.<\/p><\/div><\/div>            <\/div>              <div class=\"il-callout tip\">              <i class=\"ti ti-bulb\"><\/i>              <p>Ejemplo: colaboradores ven todas las categor\u00edas; clientes solo pueden ver atenci\u00f3n deficiente o fraude; proveedores pueden ver incumplimiento contractual.<\/p>            <\/div>          <\/section>            <section class=\"il-page\" id=\"preguntas\">            <div class=\"il-page-header\">              <div class=\"il-tag\"><i class=\"ti ti-help-circle\"><\/i> Paso 6<\/div>              <h1 class=\"il-title\">Banco de preguntas<\/h1>              <p class=\"il-desc\">El banco de preguntas permite agregar preguntas abiertas adicionales al formulario de denuncia. Estas preguntas complementan las preguntas predeterminadas del sistema.<\/p>            <\/div>              <div class=\"il-callout warn\">              <i class=\"ti ti-alert-triangle\"><\/i>              <p><strong>Importante:<\/strong> las preguntas adicionales son opcionales y no sustituyen las preguntas predeterminadas.<\/p>            <\/div>              <div class=\"il-steps\">              <div class=\"il-step\"><div class=\"il-step-num\">1<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Redactar pregunta<\/p><p class=\"il-step-desc\">Ingresa la pregunta abierta y haz clic en Agregar. La pregunta quedar\u00e1 guardada en el banco.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">2<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Vincular a categor\u00eda<\/p><p class=\"il-step-desc\">Entra a editar una categor\u00eda, selecciona Preguntas adjuntas y agrega las preguntas que correspondan.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">3<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Guardar cambios<\/p><p class=\"il-step-desc\">Haz clic en Continuar para que las preguntas queden asociadas a la categor\u00eda.<\/p><\/div><\/div>            <\/div>          <\/section>            <section class=\"il-page\" id=\"reportes\">            <div class=\"il-page-header\">              <div class=\"il-tag\"><i class=\"ti ti-chart-bar\"><\/i> Paso 7<\/div>              <h1 class=\"il-title\">Reportes<\/h1>              <p class=\"il-desc\">Una vez que el canal est\u00e1 configurado y comienza a recibir denuncias, el dashboard permite consultar gr\u00e1ficas y descargar reportes en PDF.<\/p>            <\/div>              <div class=\"il-steps\">              <div class=\"il-step\"><div class=\"il-step-num\">1<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Seleccionar rango de fechas<\/p><p class=\"il-step-desc\">En el dashboard principal, usa el selector de fechas para consultar el periodo deseado.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">2<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Consultar gr\u00e1ficas<\/p><p class=\"il-step-desc\">Revisa distribuci\u00f3n por categor\u00eda, estatus y evoluci\u00f3n de denuncias.<\/p><\/div><\/div>              <div class=\"il-step\"><div class=\"il-step-num\">3<\/div><div class=\"il-step-body\"><p class=\"il-step-title\">Descargar PDF<\/p><p class=\"il-step-desc\">Haz clic en el bot\u00f3n PDF para generar el reporte final.<\/p><\/div><\/div>            <\/div>              <div class=\"il-callout success\">              <i class=\"ti ti-circle-check\"><\/i>              <p>Al finalizar la configuraci\u00f3n, el canal queda listo para recibir denuncias, asignarlas a responsables y generar reportes de seguimiento.<\/p>            <\/div>              <div class=\"il-final\">              <h2>Canal listo para operar<\/h2>              <p>Una vez completados los 7 pasos, IntegriLine queda configurado para operar como canal de denuncia de la empresa.<\/p>            <\/div>          <\/section>          <\/div>      <\/main>    <\/div>      <script>\r\n    (function(){\r\n      const root = document.querySelector('.il-manual-app');\r\n      if(!root) return;\r\n\r\n      const items = root.querySelectorAll('.il-nav-item');\r\n      const pages = root.querySelectorAll('.il-page');\r\n      const breadcrumb = root.querySelector('#ilBreadcrumb');\r\n\r\n      items.forEach(item => {\r\n        item.addEventListener('click', function(){\r\n          const section = this.getAttribute('data-section');\r\n          const target = root.querySelector('#' + section);\r\n          if(!target) return;\r\n\r\n          items.forEach(i => i.classList.remove('active'));\r\n          pages.forEach(p => p.classList.remove('active'));\r\n\r\n          this.classList.add('active');\r\n          target.classList.add('active');\r\n\r\n          if(breadcrumb){\r\n            breadcrumb.textContent = this.textContent.trim().replace(\/^[0-9\u2713]+\/, '').trim();\r\n          }\r\n\r\n          const main = root.querySelector('.il-main');\r\n          if(main){\r\n            main.scrollTo({top:0, behavior:'smooth'});\r\n          }\r\n\r\n          window.scrollTo({top:root.offsetTop, behavior:'smooth'});\r\n        });\r\n      });\r\n    })();\r\n  <\/script>    <style>    .il-chatbot {      position: fixed;      right: 24px;      bottom: 24px;      z-index: 9999;      font-family: 'DM Sans', sans-serif;    }      .il-chat-toggle {      width: 58px;      height: 58px;      border-radius: 20px;      border: none;      background: linear-gradient(135deg,#5A1E5E,#9B4D9E);      color: #fff;      box-shadow: 0 10px 30px rgba(90,30,94,.32);      cursor: pointer;      display: flex;      align-items: center;      justify-content: center;    }      .il-chat-toggle i {      font-size: 27px;    }      .il-chat-panel {      position: absolute;      right: 0;      bottom: 72px;      width: 360px;      max-width: calc(100vw - 32px);      background: #fff;      border: 1px solid #E8D5E9;      border-radius: 22px;      box-shadow: 0 18px 48px rgba(90,30,94,.22);      overflow: hidden;      display: none;    }      .il-chat-panel.open {      display: block;      animation: ilChatIn .18s ease;    }      @keyframes ilChatIn {      from {opacity:0; transform: translateY(8px);}      to {opacity:1; transform: translateY(0);}    }      .il-chat-header {      background: linear-gradient(135deg,#2C0A2E,#5A1E5E);      color: #fff;      padding: 18px 18px 16px;    }      .il-chat-header strong {      display: block;      font-size: 15px;      margin-bottom: 3px;    }      .il-chat-header span {      display: block;      font-size: 12px;      color: rgba(255,255,255,.68);      line-height: 1.45;    }      .il-chat-body {      padding: 16px;      max-height: 360px;      overflow-y: auto;      background: #FBF5FC;    }      .il-chat-message {      margin-bottom: 12px;      display: flex;    }      .il-chat-message.bot {      justify-content: flex-start;    }      .il-chat-message.user {      justify-content: flex-end;    }      .il-chat-bubble {      max-width: 88%;      padding: 11px 13px;      border-radius: 15px;      font-size: 13px;      line-height: 1.5;    }      .il-chat-message.bot .il-chat-bubble {      background: #fff;      border: 1px solid #E8D5E9;      color: #1C0A1E;    }      .il-chat-message.user .il-chat-bubble {      background: #5A1E5E;      color: #fff;    }      .il-chat-actions {      display: flex;      flex-wrap: wrap;      gap: 8px;      margin-top: 10px;    }      .il-chat-action {      border: 1px solid #D4A8D6;      background: #F5EAF6;      color: #5A1E5E;      border-radius: 999px;      padding: 7px 10px;      font-size: 12px;      cursor: pointer;      font-family: 'DM Sans', sans-serif;    }      .il-chat-action:hover {      background: #EACFEB;    }      .il-chat-input-area {      display: flex;      gap: 8px;      padding: 12px;      background: #fff;      border-top: 1px solid #E8D5E9;    }      .il-chat-input {      flex: 1;      border: 1px solid #E8D5E9;      border-radius: 12px;      padding: 10px 12px;      font-family: 'DM Sans', sans-serif;      font-size: 13px;      outline: none;    }      .il-chat-input:focus {      border-color: #B87ABB;    }      .il-chat-send {      width: 42px;      border: none;      border-radius: 12px;      background: #5A1E5E;      color: #fff;      cursor: pointer;    }      .il-chat-suggestions {      padding: 0 12px 12px;      background: #fff;      display: flex;      flex-wrap: wrap;      gap: 8px;    }      .il-chat-suggestion {      border: 1px solid #E8D5E9;      background: #fff;      color: #6B4A6D;      border-radius: 999px;      padding: 6px 9px;      font-size: 11.5px;      cursor: pointer;      font-family: 'DM Sans', sans-serif;    }      .il-chat-suggestion:hover {      color: #5A1E5E;      border-color: #D4A8D6;      background: #F5EAF6;    }      @media print {      .il-chatbot {        display: none !important;      }    }      @media(max-width:620px) {      .il-chatbot {        right: 16px;        bottom: 16px;      }        .il-chat-panel {        width: calc(100vw - 32px);        right: 0;      }    }  <\/style>    <div class=\"il-chatbot\" id=\"ilChatbot\">    <div class=\"il-chat-panel\" id=\"ilChatPanel\">      <div class=\"il-chat-header\">        <strong>Asistente IntegriLine<\/strong>        <span>Preg\u00fantame d\u00f3nde configurar usuarios, categor\u00edas, partes interesadas, preguntas o reportes.<\/span>      <\/div>        <div class=\"il-chat-body\" id=\"ilChatBody\">        <div class=\"il-chat-message bot\">          <div class=\"il-chat-bubble\">            Hola, soy tu gu\u00eda r\u00e1pida. Puedo ayudarte a encontrar la secci\u00f3n correcta del manual.            <div class=\"il-chat-actions\">              <button class=\"il-chat-action\" data-go=\"ruta\">Ver ruta r\u00e1pida<\/button>              <button class=\"il-chat-action\" data-go=\"categorias\">Configurar categor\u00edas<\/button>              <button class=\"il-chat-action\" data-go=\"usuarios\">Crear usuarios<\/button>            <\/div>          <\/div>        <\/div>      <\/div>        <div class=\"il-chat-suggestions\">        <button class=\"il-chat-suggestion\" data-question=\"\u00bfC\u00f3mo creo un usuario?\">Crear usuario<\/button>        <button class=\"il-chat-suggestion\" data-question=\"\u00bfC\u00f3mo configuro categor\u00edas?\">Categor\u00edas<\/button>        <button class=\"il-chat-suggestion\" data-question=\"\u00bfQu\u00e9 son partes interesadas?\">Partes interesadas<\/button>        <button class=\"il-chat-suggestion\" data-question=\"\u00bfC\u00f3mo descargo un reporte?\">Reportes<\/button>      <\/div>        <div class=\"il-chat-input-area\">        <input class=\"il-chat-input\" id=\"ilChatInput\" type=\"text\" placeholder=\"Escribe tu duda...\">        <button class=\"il-chat-send\" id=\"ilChatSend\" aria-label=\"Enviar\">          <i class=\"ti ti-send\"><\/i>        <\/button>      <\/div>    <\/div>      <button class=\"il-chat-toggle\" id=\"ilChatToggle\" aria-label=\"Abrir asistente\">      <i class=\"ti ti-message-chatbot\"><\/i>    <\/button>  <\/div>    <script>\r\n  (function(){\r\n    const chatToggle = document.querySelector('#ilChatToggle');\r\n    const chatPanel = document.querySelector('#ilChatPanel');\r\n    const chatBody = document.querySelector('#ilChatBody');\r\n    const chatInput = document.querySelector('#ilChatInput');\r\n    const chatSend = document.querySelector('#ilChatSend');\r\n\r\n    if(!chatToggle || !chatPanel || !chatBody || !chatInput || !chatSend) return;\r\n\r\n    const answers = [\r\n      {\r\n        section: 'ruta',\r\n        keywords: ['ruta','orden','proceso','empezar','inicio','flujo','pasos','primero','secuencia'],\r\n        title: 'Ruta r\u00e1pida',\r\n        answer: 'La configuraci\u00f3n recomendada es: acceso, configuraci\u00f3n general, usuarios, categor\u00edas, partes interesadas, banco de preguntas y reportes. Te llevo a la ruta r\u00e1pida.'\r\n      },\r\n      {\r\n        section: 'acceso',\r\n        keywords: ['acceso','entrar','ingresar','login','portal','credenciales','contrase\u00f1a','id usuario','id empresa','administrar'],\r\n        title: 'Acceso al sistema',\r\n        answer: 'Para ingresar debes entrar al portal de AMITAI\u00ae, seleccionar Administrar, capturar tus credenciales y elegir el m\u00f3dulo IntegriLine.'\r\n      },\r\n      {\r\n        section: 'general',\r\n        keywords: ['configuraci\u00f3n','configuracion','logo','privacidad','politica','bienvenida','mensaje final','idioma','zona horaria','sector','industria','link'],\r\n        title: 'Configuraci\u00f3n general',\r\n        answer: 'En Configuraci\u00f3n general se cargan logo, link directo, sector, industria, idioma, zona horaria, textos del denunciante y pol\u00edtica de privacidad.'\r\n      },\r\n      {\r\n        section: 'usuarios',\r\n        keywords: ['usuario','usuarios','responsable','responsables','permisos','doble factor','token','caducidad','correo','contrase\u00f1a'],\r\n        title: 'Usuarios',\r\n        answer: 'En Usuarios das de alta a los responsables internos, defines sus datos, seguridad y permisos de pantalla.'\r\n      },\r\n      {\r\n        section: 'categorias',\r\n        keywords: ['categor\u00eda','categorias','categor\u00edas','categoria','subcategor\u00eda','subcategoria','denuncia anonima','an\u00f3nima','anonima','responsables','tipo de denuncia'],\r\n        title: 'Categor\u00edas',\r\n        answer: 'En Categor\u00edas defines los tipos de denuncia, subcategor\u00edas, visibilidad, anonimato y responsables de cada categor\u00eda.'\r\n      },\r\n      {\r\n        section: 'partes',\r\n        keywords: ['partes interesadas','colaboradores','clientes','proveedores','grupo','grupos','qui\u00e9n puede denunciar','quien puede denunciar','alcance','visible'],\r\n        title: 'Partes interesadas',\r\n        answer: 'En Partes interesadas defines qu\u00e9 grupos pueden acceder al canal y qu\u00e9 categor\u00edas puede ver cada grupo.'\r\n      },\r\n      {\r\n        section: 'preguntas',\r\n        keywords: ['pregunta','preguntas','banco','preguntas adjuntas','formulario','preguntas adicionales','opci\u00f3n m\u00faltiple','opcion multiple'],\r\n        title: 'Banco de preguntas',\r\n        answer: 'En Banco de preguntas puedes crear preguntas abiertas adicionales y vincularlas a categor\u00edas espec\u00edficas.'\r\n      },\r\n      {\r\n        section: 'reportes',\r\n        keywords: ['reporte','reportes','pdf','descargar','gr\u00e1ficas','graficas','dashboard','tickets','denuncias','rango de fechas'],\r\n        title: 'Reportes',\r\n        answer: 'En Reportes puedes seleccionar un rango de fechas, revisar gr\u00e1ficas y descargar el PDF del periodo.'\r\n      }\r\n    ];\r\n\r\n    function normalize(text){\r\n      return text.toLowerCase()\r\n        .normalize('NFD')\r\n        .replace(\/[\\u0300-\\u036f]\/g,'')\r\n        .replace(\/[\u00bf?.,;:!]\/g,'')\r\n        .trim();\r\n    }\r\n\r\n    function addMessage(type, html){\r\n      const row = document.createElement('div');\r\n      row.className = 'il-chat-message ' + type;\r\n\r\n      const bubble = document.createElement('div');\r\n      bubble.className = 'il-chat-bubble';\r\n      bubble.innerHTML = html;\r\n\r\n      row.appendChild(bubble);\r\n      chatBody.appendChild(row);\r\n      chatBody.scrollTop = chatBody.scrollHeight;\r\n    }\r\n\r\n    function goToSection(section){\r\n      const navItem = document.querySelector('.il-nav-item[data-section=\"' + section + '\"]');\r\n      if(navItem){\r\n        navItem.click();\r\n        chatPanel.classList.remove('open');\r\n      }\r\n    }\r\n\r\n    function findAnswer(question){\r\n      const q = normalize(question);\r\n\r\n      let best = null;\r\n      let score = 0;\r\n\r\n      answers.forEach(item => {\r\n        let localScore = 0;\r\n        item.keywords.forEach(keyword => {\r\n          const k = normalize(keyword);\r\n          if(q.includes(k)) localScore += k.length > 8 ? 2 : 1;\r\n        });\r\n\r\n        if(localScore > score){\r\n          score = localScore;\r\n          best = item;\r\n        }\r\n      });\r\n\r\n      return best;\r\n    }\r\n\r\n    async function askGemini(question){\r\n\r\n  const response = await fetch('\/es\/wp-json\/amitai\/v1\/integri-assistant', {\r\n\r\n    method: 'POST',\r\n\r\n    headers: {\r\n      'Content-Type': 'application\/json'\r\n    },\r\n\r\n    body: JSON.stringify({\r\n      message: question\r\n    })\r\n\r\n  });\r\n\r\n  return await response.json();\r\n\r\n}\r\n\r\nasync function respond(question){\r\n\r\n  if(!question.trim()) return;\r\n\r\n  addMessage('user', question);\r\n\r\n  chatInput.value = '';\r\n\r\n  addMessage('bot', 'Estoy revisando el manual...');\r\n\r\n  try {\r\n\r\n    const result = await askGemini(question);\r\n\r\n    const loadingMessage = chatBody.lastElementChild;\r\n\r\n    if(loadingMessage){\r\n      loadingMessage.remove();\r\n    }\r\n\r\n    let buttons = '';\r\n\r\n    if(result.section){\r\n\r\n      buttons =\r\n      '<div class=\"il-chat-actions\">' +\r\n        '<button class=\"il-chat-action\" data-go=\"' + result.section + '\">' +\r\n          'Ir a la secci\u00f3n' +\r\n        '<\/button>' +\r\n\r\n        '<button class=\"il-chat-action\" data-go=\"ruta\">' +\r\n          'Ver ruta completa' +\r\n        '<\/button>' +\r\n      '<\/div>';\r\n\r\n    }\r\n\r\n    addMessage(\r\n      'bot',\r\n      result.answer + buttons\r\n    );\r\n\r\n  } catch(error){\r\n\r\n    console.error(error);\r\n\r\n    const loadingMessage = chatBody.lastElementChild;\r\n\r\n    if(loadingMessage){\r\n      loadingMessage.remove();\r\n    }\r\n\r\n    addMessage(\r\n      'bot',\r\n      'No pude conectar con el asistente en este momento.'\r\n    );\r\n\r\n  }\r\n\r\n}\r\n\r\n    chatToggle.addEventListener('click', function(){\r\n      chatPanel.classList.toggle('open');\r\n      setTimeout(() => chatInput.focus(), 100);\r\n    });\r\n\r\n    chatSend.addEventListener('click', function(){\r\n      respond(chatInput.value);\r\n    });\r\n\r\n    chatInput.addEventListener('keydown', function(e){\r\n      if(e.key === 'Enter'){\r\n        respond(chatInput.value);\r\n      }\r\n    });\r\n\r\n    document.addEventListener('click', function(e){\r\n      const goButton = e.target.closest('[data-go]');\r\n      if(goButton){\r\n        goToSection(goButton.getAttribute('data-go'));\r\n      }\r\n\r\n      const suggestion = e.target.closest('[data-question]');\r\n      if(suggestion){\r\n        respond(suggestion.getAttribute('data-question'));\r\n      }\r\n    });\r\n  })();\r\n<\/script>  <\/section>\t\t\t\t<\/div> \t\t\t\t\t<\/div> \t\t\t\t<\/div> \t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>IntegriLine Manual de configuraci\u00f3n v2.0 Inicio 0Presentaci\u00f3n \u2713Ruta r\u00e1pida Configuraci\u00f3n base 1Acceso al sistema 2Configuraci\u00f3n general Operaci\u00f3n interna 3Usuarios 4Categor\u00edas<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"folder":[3826],"class_list":["post-6746","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/comments?post=6746"}],"version-history":[{"count":13,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6746\/revisions"}],"predecessor-version":[{"id":6774,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6746\/revisions\/6774"}],"wp:attachment":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/media?parent=6746"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/folder?post=6746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}