Sales Sheet | Brand Center AMITAI<\/title> <style> * { box-sizing: border-box; } body { margin: 0; font-family: 'Montserrat', Arial, sans-serif; background: linear-gradient(135deg, #003f7f 0%, #006fb8 45%, #eaf6fb 100%); color: #ffffff; } .page { min-height: 100vh; padding: 60px 5%; } .container { max-width: 1280px; margin: 0 auto; } .top-link { display: inline-block; margin-bottom: 26px; color: rgba(255,255,255,.86); text-decoration: none; font-weight: 700; font-size: 14px; } .header { max-width: 820px; margin-bottom: 38px; } .eyebrow { display: inline-block; margin-bottom: 14px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.16); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; } .header h1 { margin: 0 0 18px; font-size: clamp(38px, 6vw, 68px); line-height: 1; font-weight: 800; } .header p { margin: 0; max-width: 720px; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.82); } .app-grid { display: grid; grid-template-columns: 420px 1fr; gap: 24px; align-items: start; } .panel { background: rgba(255,255,255,.94); color: #1f2933; border-radius: 28px; padding: 28px; box-shadow: 0 24px 70px rgba(0,0,0,.16); } .panel h2 { margin: 0 0 22px; color: #003f7f; font-size: 24px; line-height: 1.2; } label { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #003f7f; } input, select, textarea { width: 100%; margin-bottom: 16px; padding: 14px 15px; border: 1px solid #d6dde6; border-radius: 14px; font-family: inherit; font-size: 15px; color: #1f2933; background: #ffffff; outline: none; } textarea { min-height: 86px; resize: vertical; } input:focus, select:focus, textarea:focus { border-color: #006fb8; box-shadow: 0 0 0 4px rgba(0,111,184,.12); } .mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; } .mode-btn { border: 1px solid #d6dde6; background: #fff; color: #003f7f; padding: 13px; border-radius: 14px; font-weight: 800; cursor: pointer; } .mode-btn.active { background: #003f7f; color: #fff; border-color: #003f7f; } .button-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 8px; } button { width: 100%; border: none; border-radius: 14px; padding: 15px 18px; font-family: inherit; font-weight: 800; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; } button:hover { transform: translateY(-2px); } .primary { background: #003f7f; color: #ffffff; box-shadow: 0 14px 28px rgba(0,63,127,.22); } .secondary { background: #eaf3fb; color: #003f7f; } .sheet-wrap { overflow: auto; padding: 24px; border-radius: 28px; background: rgba(255,255,255,.22); border: 1px solid rgba(255,255,255,.22); } .sales-sheet { width: 816px; min-height: 1056px; margin: 0 auto; background: #ffffff; color: #1f2933; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 70px rgba(0,0,0,.18); } .sheet-hero { padding: 38px 42px; color: #fff; background: linear-gradient(135deg, #003f7f 0%, #006fb8 70%); position: relative; } .sheet-hero::after { content: \"\"; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px; border-radius: 50%; background: rgba(255,255,255,.14); } .sheet-logo { width: 130px; height: auto; margin-bottom: 32px; background: #fff; padding: 10px; border-radius: 14px; } .sheet-kicker { font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .84; margin-bottom: 12px; } .sheet-title { margin: 0 0 14px; font-size: 42px; line-height: 1; font-weight: 850; max-width: 620px; } .sheet-subtitle { margin: 0; font-size: 17px; line-height: 1.55; max-width: 610px; opacity: .9; } .sheet-body { padding: 38px 42px; } .intro-box { padding: 22px; border-radius: 20px; background: #f3f8fc; border-left: 6px solid #f1d400; margin-bottom: 28px; } .intro-box p { margin: 0; font-size: 16px; line-height: 1.6; color: #3f4953; } .section-title { margin: 0 0 14px; color: #003f7f; font-size: 22px; } .benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; } .benefit { padding: 18px; border-radius: 18px; background: #f7f9fb; border: 1px solid #e3e8ee; } .benefit strong { display: block; color: #003f7f; margin-bottom: 6px; font-size: 15px; } .benefit span { font-size: 13px; line-height: 1.5; color: #5d6670; } .services-list { display: grid; gap: 12px; margin-bottom: 28px; } .service-item { display: grid; grid-template-columns: 12px 1fr; gap: 12px; align-items: start; padding: 14px 16px; border-radius: 16px; background: #f7f9fb; } .dot { width: 12px; height: 12px; border-radius: 999px; background: #006fb8; margin-top: 5px; } .service-item h4 { margin: 0 0 4px; color: #003f7f; font-size: 16px; } .service-item p { margin: 0; color: #5d6670; font-size: 13px; line-height: 1.45; } .cta { display: grid; grid-template-columns: 1fr 260px; gap: 20px; padding: 22px; border-radius: 22px; background: #003f7f; color: #ffffff; align-items: center; } .cta h3 { margin: 0 0 8px; font-size: 22px; } .cta p { margin: 0; font-size: 14px; line-height: 1.5; opacity: .88; } .contact-card { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); border-radius: 16px; padding: 16px; font-size: 13px; line-height: 1.6; } .contact-card strong { display: block; font-size: 15px; margin-bottom: 4px; } .legal { padding: 16px 42px 28px; font-size: 10px; color: #818084; line-height: 1.4; } .toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); padding: 14px 20px; border-radius: 999px; background: #003f7f; color: #ffffff; font-weight: 800; box-shadow: 0 18px 40px rgba(0,0,0,.22); opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease; } .toast.show { opacity: 1; transform: translateX(-50%) translateY(-6px); } @media (max-width: 1050px) { .app-grid { grid-template-columns: 1fr; } .sheet-wrap { overflow-x: auto; } } @media (max-width: 640px) { .page { padding: 48px 5%; } .button-row, .mode-grid { grid-template-columns: 1fr; } } <\/style> <\/head> <body> <main class=\"page\"> <div class=\"container\"> <a href=\"\/\" class=\"top-link\">\u2190 Volver al Brand Center<\/a> <header class=\"header\"> <span class=\"eyebrow\">Brand Center<\/span> <h1>Generador de Sales Sheet<\/h1> <p> Crea una ficha comercial personalizada por servicio o por soluci\u00f3n, lista para enviar a prospectos. <\/p> <\/header> <div class=\"app-grid\"> <aside class=\"panel\"> <h2>Configurar pieza<\/h2> <label>Tipo de sales sheet<\/label> <div class=\"mode-grid\"> <button class=\"mode-btn active\" id=\"btnService\" type=\"button\" onclick=\"setMode('service')\">Por servicio<\/button> <button class=\"mode-btn\" id=\"btnSolution\" type=\"button\" onclick=\"setMode('solution')\">Por soluci\u00f3n<\/button> <\/div> <div id=\"serviceField\"> <label>Servicio<\/label> <select id=\"serviceSelect\" onchange=\"updateSheet()\"> <option value=\"honestidad\">AMITAI Honestidad<\/option> <option value=\"integriline\">Integri-Line<\/option> <option value=\"background\">Background Check<\/option> <option value=\"esurvey\">E-Survey<\/option> <option value=\"ethics\">E-thics Learning<\/option> <option value=\"perfiles\">Perfiles<\/option> <\/select> <\/div> <div id=\"solutionField\" style=\"display:none;\"> <label>Soluci\u00f3n combinada<\/label> <select id=\"solutionSelect\" onchange=\"updateSheet()\"> <option value=\"prescreening\">Pre-employment Screening<\/option> <option value=\"compliance\">Cultura \u00e9tica y cumplimiento<\/option> <option value=\"suite\">Suite AMITAI completa<\/option> <\/select> <\/div> <label>Nombre del prospecto \/ empresa<\/label> <input id=\"prospect\" value=\"Empresa prospecto\" oninput=\"updateSheet()\" \/> <label>Objetivo comercial<\/label> <select id=\"objective\" onchange=\"updateSheet()\"> <option value=\"primer\">Primer contacto<\/option> <option value=\"seguimiento\">Seguimiento<\/option> <option value=\"cierre\">Cierre \/ propuesta<\/option> <\/select> <label>Mensaje personalizado<\/label> <textarea id=\"customMessage\" oninput=\"updateSheet()\">Le comparto una soluci\u00f3n pensada para fortalecer sus procesos de prevenci\u00f3n, \u00e9tica y cumplimiento.<\/textarea> <label>Nombre del comercial<\/label> <input id=\"sellerName\" value=\"Juan Palao Garc\u00eda\" oninput=\"updateSheet()\" \/> <label>Puesto<\/label> <input id=\"sellerPosition\" value=\"Gerente de Marketing\" oninput=\"updateSheet()\" \/> <label>Correo<\/label> <input id=\"sellerEmail\" value=\"juan.palao@amitai.com\" oninput=\"updateSheet()\" \/> <label>Tel\u00e9fono<\/label> <input id=\"sellerPhone\" value=\"+52 55 0000 0000\" oninput=\"updateSheet()\" \/> <div class=\"button-row\"> <button class=\"primary\" onclick=\"generatePDF()\">Exportar PDF<\/button> <button class=\"secondary\" onclick=\"copyLink()\">Copiar link<\/button> <\/div> <\/aside> <section class=\"sheet-wrap\"> <article class=\"sales-sheet\" id=\"salesSheet\"> <div class=\"sheet-hero\" id=\"sheetHero\"> <img decoding=\"async\" class=\"sheet-logo\" id=\"logo\" src=\"https:\/\/amitaisignaturegenerator.netlify.app\/media\/logo-amitai.png\" alt=\"AMITAI\" \/> <div class=\"sheet-kicker\" id=\"kicker\">Sales Sheet Comercial<\/div> <h1 class=\"sheet-title\" id=\"sheetTitle\">AMITAI Honestidad<\/h1> <p class=\"sheet-subtitle\" id=\"sheetSubtitle\"> Evaluaci\u00f3n para identificar tendencias de riesgo y fortalecer procesos de selecci\u00f3n. <\/p> <\/div> <div class=\"sheet-body\"> <div class=\"intro-box\"> <p id=\"introText\"><\/p> <\/div> <h2 class=\"section-title\">Beneficios clave<\/h2> <div class=\"benefits\" id=\"benefits\"><\/div> <h2 class=\"section-title\">Soluci\u00f3n incluida<\/h2> <div class=\"services-list\" id=\"servicesList\"><\/div> <div class=\"cta\"> <div> <h3>Estamos listos para apoyar a tu empresa<\/h3> <p id=\"ctaText\"> Agenda una conversaci\u00f3n para revisar necesidades, alcance y pr\u00f3ximos pasos. <\/p> <\/div> <div class=\"contact-card\"> <strong id=\"contactName\">Juan Palao Garc\u00eda<\/strong> <span id=\"contactPosition\">Gerente de Marketing<\/span><br> <span id=\"contactEmail\">juan.palao@amitai.com<\/span><br> <span id=\"contactPhone\">+52 55 0000 0000<\/span> <\/div> <\/div> <\/div> <div class=\"legal\"> AMITAI es una marca registrada. Uso bajo licencia HRD Global Solutions Ltd. Material comercial generado desde Brand Center. <\/div> <\/article> <\/section> <\/div> <\/div> <\/main> <div id=\"toast\" class=\"toast\">Listo<\/div> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script> <script>\n let mode = \"service\";\n\n const serviceData = {\n honestidad: {\n title: \"AMITAI Honestidad\",\n color1: \"#003f7f\",\n color2: \"#2078bd\",\n kicker: \"Pre-employment screening\",\n subtitle: \"Evaluaci\u00f3n para conocer de manera confiable tendencias de candidatos o colaboradores hacia conductas de riesgo.\",\n intro: \"AMITAI Honestidad ayuda a fortalecer la toma de decisiones en selecci\u00f3n y gesti\u00f3n de talento, identificando tendencias relacionadas con honestidad, cumplimiento de normas, trabajo en equipo y relaci\u00f3n con la autoridad.\",\n benefits: [\n [\"Reduce riesgos en contrataci\u00f3n\", \"Detecta se\u00f1ales conductuales relevantes antes de integrar talento.\"],\n [\"Mejora decisiones de selecci\u00f3n\", \"Aporta informaci\u00f3n objetiva para complementar entrevistas y filtros internos.\"],\n [\"Incluye True Identity\", \"Verificaci\u00f3n de identidad y an\u00e1lisis apoyado con inteligencia artificial.\"],\n [\"Reportes accionables\", \"Informaci\u00f3n clara para equipos de RH, cumplimiento y direcci\u00f3n.\"]\n ],\n services: [\n [\"Test de Honestidad AMITAI\", \"Mide tendencias conductuales vinculadas con honestidad, normas, autoridad y trabajo en equipo.\"],\n [\"Reporte de Inteligencia Artificial\", \"Apoya el an\u00e1lisis de resultados y facilita una lectura m\u00e1s ejecutiva.\"],\n [\"Ranking comparativo\", \"Permite comparar evaluados y priorizar decisiones.\"]\n ]\n },\n\n integriline: {\n title: \"Integri-Line\",\n color1: \"#5b245c\",\n color2: \"#812a80\",\n kicker: \"L\u00ednea de denuncia\",\n subtitle: \"Sistema seguro y configurable para la recepci\u00f3n y gesti\u00f3n de denuncias internas.\",\n intro: \"Integri-Line permite documentar, gestionar y dar seguimiento a reportes internos de manera estructurada, confidencial y adaptable a las necesidades de la organizaci\u00f3n.\",\n benefits: [\n [\"Canal seguro de denuncia\", \"Facilita la recepci\u00f3n de reportes internos con confidencialidad.\"],\n [\"Gesti\u00f3n estructurada de casos\", \"Documenta evidencia y seguimiento de cada denuncia.\"],\n [\"Flexible por organizaci\u00f3n\", \"Configurable seg\u00fan \u00e1reas, permisos y procesos internos.\"],\n [\"Fortalece cumplimiento\", \"Apoya programas de \u00e9tica, integridad y prevenci\u00f3n de riesgos.\"]\n ],\n services: [\n [\"Recepci\u00f3n de denuncias\", \"Canales configurables para recibir reportes.\"],\n [\"Gesti\u00f3n de casos\", \"Seguimiento, documentaci\u00f3n y trazabilidad.\"],\n [\"Permisos por usuario\", \"M\u00faltiples contactos y niveles de acceso.\"]\n ]\n },\n\n background: {\n title: \"Background Check\",\n color1: \"#741d1b\",\n color2: \"#AF1E35\",\n kicker: \"Validaci\u00f3n de antecedentes\",\n subtitle: \"Reporte automatizado para consultar informaci\u00f3n socioecon\u00f3mica, laboral y penal con consentimiento.\",\n intro: \"Background Check ayuda a complementar procesos de selecci\u00f3n con informaci\u00f3n relevante del candidato, bajo consentimiento y de forma segura.\",\n benefits: [\n [\"Informaci\u00f3n en minutos\", \"Automatiza la consulta y entrega de reportes.\"],\n [\"Mayor seguridad en selecci\u00f3n\", \"Aporta contexto adicional para reducir riesgos.\"],\n [\"Proceso documentado\", \"Permite mantener trazabilidad de la informaci\u00f3n revisada.\"],\n [\"Apoyo a cumplimiento\", \"Refuerza controles previos a la contrataci\u00f3n.\"]\n ],\n services: [\n [\"Consulta socioecon\u00f3mica\", \"Informaci\u00f3n contextual del candidato.\"],\n [\"Validaci\u00f3n laboral\", \"Apoyo en revisi\u00f3n de antecedentes laborales.\"],\n [\"Validaci\u00f3n penal\", \"Consulta bajo autorizaci\u00f3n y consentimiento.\"]\n ]\n },\n\n esurvey: {\n title: \"E-Survey\",\n color1: \"#306e1f\",\n color2: \"#80AA45\",\n kicker: \"Diagn\u00f3stico de cultura \u00e9tica\",\n subtitle: \"Encuesta en l\u00ednea configurable para autodiagnosticar la cultura \u00e9tica de la organizaci\u00f3n.\",\n intro: \"E-Survey permite levantar informaci\u00f3n interna de forma estructurada para entender percepciones, riesgos y \u00e1reas de oportunidad en cultura \u00e9tica.\",\n benefits: [\n [\"Diagn\u00f3stico organizacional\", \"Mide percepciones internas de cultura y cumplimiento.\"],\n [\"Configuraci\u00f3n flexible\", \"Adaptable a los objetivos de cada empresa.\"],\n [\"Informaci\u00f3n accionable\", \"Facilita reportes para direcci\u00f3n y compliance.\"],\n [\"Mejora continua\", \"Ayuda a identificar brechas y prioridades.\"]\n ],\n services: [\n [\"Encuesta configurable\", \"Preguntas adaptadas a necesidades internas.\"],\n [\"Autodiagn\u00f3stico\", \"Lectura de cultura \u00e9tica y percepci\u00f3n interna.\"],\n [\"Resultados ejecutivos\", \"Reportes para an\u00e1lisis y seguimiento.\"]\n ]\n },\n\n ethics: {\n title: \"E-thics Learning\",\n color1: \"#2e2550\",\n color2: \"#54518E\",\n kicker: \"Educaci\u00f3n en l\u00ednea\",\n subtitle: \"Plataforma de capacitaci\u00f3n para fortalecer cultura \u00e9tica y cumplimiento.\",\n intro: \"E-thics Learning ayuda a capacitar equipos en temas de \u00e9tica, integridad y cumplimiento a trav\u00e9s de contenidos en l\u00ednea.\",\n benefits: [\n [\"Capacitaci\u00f3n escalable\", \"Entrena equipos sin depender de sesiones presenciales.\"],\n [\"Refuerzo de cultura\", \"Impulsa h\u00e1bitos y criterios \u00e9ticos dentro de la organizaci\u00f3n.\"],\n [\"Seguimiento de usuarios\", \"Permite administrar avances y participaci\u00f3n.\"],\n [\"Apoyo a programas internos\", \"Complementa iniciativas de compliance y prevenci\u00f3n.\"]\n ],\n services: [\n [\"Cursos en l\u00ednea\", \"Contenido formativo para usuarios internos.\"],\n [\"Certificaci\u00f3n\", \"Apoyo a la formalizaci\u00f3n del aprendizaje.\"],\n [\"Webinars programados\", \"Capacitaci\u00f3n constante durante la vigencia.\"]\n ]\n },\n\n perfiles: {\n title: \"Perfiles\",\n color1: \"#003f7f\",\n color2: \"#00AEEF\",\n kicker: \"Evaluaci\u00f3n de competencias\",\n subtitle: \"Eval\u00faa la adecuaci\u00f3n entre el perfil del candidato y el perfil del puesto.\",\n intro: \"Perfiles ayuda a optimizar decisiones de selecci\u00f3n de personal a partir de competencias, alineaci\u00f3n al puesto y criterios definidos por la organizaci\u00f3n.\",\n benefits: [\n [\"Mejor ajuste al puesto\", \"Eval\u00faa adecuaci\u00f3n entre candidato y rol.\"],\n [\"Decisiones m\u00e1s objetivas\", \"Complementa la entrevista con informaci\u00f3n estructurada.\"],\n [\"Optimiza selecci\u00f3n\", \"Apoya procesos m\u00e1s consistentes y comparables.\"],\n [\"Enfoque por competencias\", \"Aporta informaci\u00f3n \u00fatil para RH y l\u00edderes.\"]\n ],\n services: [\n [\"Evaluaci\u00f3n de perfiles\", \"An\u00e1lisis de adecuaci\u00f3n candidato-puesto.\"],\n [\"Competencias\", \"Lectura de habilidades y criterios relevantes.\"],\n [\"Reporte ejecutivo\", \"Informaci\u00f3n clara para toma de decisiones.\"]\n ]\n }\n };\n\n const solutionData = {\n prescreening: {\n title: \"Soluci\u00f3n Pre-employment Screening\",\n color1: \"#003f7f\",\n color2: \"#2078bd\",\n kicker: \"Suite de selecci\u00f3n segura\",\n subtitle: \"Integra evaluaciones y verificaciones para reducir riesgos antes de contratar.\",\n intro: \"Esta soluci\u00f3n combina herramientas clave para fortalecer procesos de selecci\u00f3n, mejorar la calidad de contrataci\u00f3n y reducir riesgos asociados a candidatos.\",\n benefits: [\n [\"Proceso m\u00e1s robusto\", \"Integra evaluaci\u00f3n, validaci\u00f3n y an\u00e1lisis del candidato.\"],\n [\"Menor exposici\u00f3n al riesgo\", \"Ayuda a detectar se\u00f1ales antes de la contrataci\u00f3n.\"],\n [\"Decisiones comparables\", \"Facilita criterios m\u00e1s consistentes entre candidatos.\"],\n [\"Mayor eficiencia\", \"Acelera filtros sin perder profundidad de an\u00e1lisis.\"]\n ],\n services: [\n [\"AMITAI Honestidad\", \"Mide tendencias conductuales relacionadas con honestidad y cumplimiento.\"],\n [\"Background Check\", \"Valida informaci\u00f3n socioecon\u00f3mica, laboral y penal con consentimiento.\"],\n [\"Perfiles\", \"Eval\u00faa adecuaci\u00f3n entre candidato y puesto.\"]\n ]\n },\n\n compliance: {\n title: \"Soluci\u00f3n Cultura \u00c9tica y Cumplimiento\",\n color1: \"#5b245c\",\n color2: \"#2078bd\",\n kicker: \"\u00c9tica organizacional\",\n subtitle: \"Fortalece la prevenci\u00f3n, detecci\u00f3n y formaci\u00f3n en temas de \u00e9tica y cumplimiento.\",\n intro: \"Esta soluci\u00f3n combina denuncia, diagn\u00f3stico y capacitaci\u00f3n para consolidar programas internos de integridad, \u00e9tica y cumplimiento.\",\n benefits: [\n [\"Canaliza reportes internos\", \"Facilita que colaboradores reporten situaciones de riesgo.\"],\n [\"Diagnostica cultura\", \"Mide percepciones internas y \u00e1reas de oportunidad.\"],\n [\"Capacita equipos\", \"Refuerza criterios \u00e9ticos y buenas pr\u00e1cticas.\"],\n [\"Fortalece gobernanza\", \"Apoya la documentaci\u00f3n y seguimiento de acciones.\"]\n ],\n services: [\n [\"Integri-Line\", \"Sistema para recepci\u00f3n y gesti\u00f3n de denuncias.\"],\n [\"E-Survey\", \"Encuesta configurable para autodiagn\u00f3stico de cultura \u00e9tica.\"],\n [\"E-thics Learning\", \"Plataforma de educaci\u00f3n en l\u00ednea.\"]\n ]\n },\n\n suite: {\n title: \"Suite AMITAI\",\n color1: \"#003f7f\",\n color2: \"#006fb8\",\n kicker: \"Soluci\u00f3n integral\",\n subtitle: \"Ecosistema de soluciones para riesgo, \u00e9tica, cumplimiento y selecci\u00f3n.\",\n intro: \"Suite AMITAI re\u00fane herramientas para fortalecer la prevenci\u00f3n de riesgos internos, la cultura \u00e9tica y los procesos de selecci\u00f3n en organizaciones de Latinoam\u00e9rica.\",\n benefits: [\n [\"Ecosistema integral\", \"Soluciones conectadas para distintas etapas del riesgo organizacional.\"],\n [\"M\u00e1s de 25 a\u00f1os\", \"Experiencia apoyando empresas en \u00e9tica y cumplimiento.\"],\n [\"Cobertura regional\", \"Soluciones utilizadas en m\u00faltiples pa\u00edses de habla hispana.\"],\n [\"Control y trazabilidad\", \"Herramientas tecnol\u00f3gicas para documentar y gestionar informaci\u00f3n.\"]\n ],\n services: [\n [\"AMITAI Honestidad\", \"Evaluaci\u00f3n de tendencias conductuales en candidatos y colaboradores.\"],\n [\"Integri-Line\", \"Recepci\u00f3n y gesti\u00f3n de denuncias internas.\"],\n [\"Background Check\", \"Validaci\u00f3n de antecedentes con consentimiento.\"],\n [\"E-Survey\", \"Diagn\u00f3stico de cultura \u00e9tica.\"],\n [\"E-thics Learning\", \"Capacitaci\u00f3n en l\u00ednea.\"]\n ]\n }\n };\n\n function setMode(selectedMode) {\n mode = selectedMode;\n\n document.getElementById(\"btnService\").classList.toggle(\"active\", mode === \"service\");\n document.getElementById(\"btnSolution\").classList.toggle(\"active\", mode === \"solution\");\n\n document.getElementById(\"serviceField\").style.display = mode === \"service\" ? \"block\" : \"none\";\n document.getElementById(\"solutionField\").style.display = mode === \"solution\" ? \"block\" : \"none\";\n\n updateSheet();\n }\n\n function getCurrentData() {\n return mode === \"service\"\n ? serviceData[document.getElementById(\"serviceSelect\").value]\n : solutionData[document.getElementById(\"solutionSelect\").value];\n }\n\n function updateSheet() {\n const data = getCurrentData();\n\n const prospect = document.getElementById(\"prospect\").value;\n const objective = document.getElementById(\"objective\").value;\n const customMessage = document.getElementById(\"customMessage\").value;\n\n const sellerName = document.getElementById(\"sellerName\").value;\n const sellerPosition = document.getElementById(\"sellerPosition\").value;\n const sellerEmail = document.getElementById(\"sellerEmail\").value;\n const sellerPhone = document.getElementById(\"sellerPhone\").value;\n\n document.getElementById(\"sheetHero\").style.background =\n `linear-gradient(135deg, ${data.color1} 0%, ${data.color2} 75%)`;\n\n document.getElementById(\"kicker\").textContent = data.kicker;\n document.getElementById(\"sheetTitle\").textContent = data.title;\n document.getElementById(\"sheetSubtitle\").textContent = data.subtitle;\n\n const objectiveText = {\n primer: \"Como primer acercamiento,\",\n seguimiento: \"Como seguimiento a nuestra conversaci\u00f3n,\",\n cierre: \"Para avanzar hacia una propuesta concreta,\"\n };\n\n document.getElementById(\"introText\").textContent =\n `${objectiveText[objective]} compartimos esta ficha para ${prospect}. ${customMessage} ${data.intro}`;\n\n document.getElementById(\"benefits\").innerHTML = data.benefits.map(item => `\n <div class=\"benefit\">\n <strong>${item[0]}<\/strong>\n <span>${item[1]}<\/span>\n <\/div>\n `).join(\"\");\n\n document.getElementById(\"servicesList\").innerHTML = data.services.map(item => `\n <div class=\"service-item\">\n <div class=\"dot\" style=\"background:${data.color2};\"><\/div>\n <div>\n <h4>${item[0]}<\/h4>\n <p>${item[1]}<\/p>\n <\/div>\n <\/div>\n `).join(\"\");\n\n document.getElementById(\"ctaText\").textContent =\n `Podemos revisar el caso de ${prospect} y proponer una ruta de implementaci\u00f3n alineada a sus necesidades.`;\n\n document.getElementById(\"contactName\").textContent = sellerName;\n document.getElementById(\"contactPosition\").textContent = sellerPosition;\n document.getElementById(\"contactEmail\").textContent = sellerEmail;\n document.getElementById(\"contactPhone\").textContent = sellerPhone;\n\n saveData();\n }\n\n async function generatePDF() {\n showToast(\"Generando PDF...\");\n\n const { jsPDF } = window.jspdf;\n const sheet = document.getElementById(\"salesSheet\");\n\n const canvas = await html2canvas(sheet, {\n scale: 2,\n useCORS: true,\n backgroundColor: \"#ffffff\"\n });\n\n const imgData = canvas.toDataURL(\"image\/png\");\n\n const pdf = new jsPDF({\n orientation: \"portrait\",\n unit: \"px\",\n format: [816, 1056]\n });\n\n pdf.addImage(imgData, \"PNG\", 0, 0, 816, 1056);\n\n const type = mode === \"service\"\n ? document.getElementById(\"serviceSelect\").value\n : document.getElementById(\"solutionSelect\").value;\n\n const prospect = document.getElementById(\"prospect\").value\n .toLowerCase()\n .replace(\/\\s+\/g, \"-\")\n .replace(\/[^a-z0-9\u00e1\u00e9\u00ed\u00f3\u00fa\u00f1-]\/gi, \"\");\n\n pdf.save(`sales-sheet-${type}-${prospect || \"amitai\"}.pdf`);\n\n showToast(\"PDF descargado\");\n }\n\n function copyLink() {\n const params = new URLSearchParams();\n\n params.set(\"mode\", mode);\n\n if (mode === \"service\") {\n params.set(\"service\", document.getElementById(\"serviceSelect\").value);\n } else {\n params.set(\"solution\", document.getElementById(\"solutionSelect\").value);\n }\n\n const url = `${window.location.origin}${window.location.pathname}?${params.toString()}`;\n\n navigator.clipboard.writeText(url);\n showToast(\"Link copiado\");\n }\n\n function showToast(message) {\n const toast = document.getElementById(\"toast\");\n toast.textContent = message;\n toast.classList.add(\"show\");\n\n setTimeout(() => {\n toast.classList.remove(\"show\");\n }, 1800);\n }\n\n function saveData() {\n const data = {\n mode,\n service: document.getElementById(\"serviceSelect\").value,\n solution: document.getElementById(\"solutionSelect\").value,\n prospect: document.getElementById(\"prospect\").value,\n objective: document.getElementById(\"objective\").value,\n customMessage: document.getElementById(\"customMessage\").value,\n sellerName: document.getElementById(\"sellerName\").value,\n sellerPosition: document.getElementById(\"sellerPosition\").value,\n sellerEmail: document.getElementById(\"sellerEmail\").value,\n sellerPhone: document.getElementById(\"sellerPhone\").value\n };\n\n localStorage.setItem(\"salesSheetData\", JSON.stringify(data));\n }\n\n function loadData() {\n const saved = localStorage.getItem(\"salesSheetData\");\n const params = new URLSearchParams(window.location.search);\n\n if (saved) {\n const data = JSON.parse(saved);\n\n if (data.service) document.getElementById(\"serviceSelect\").value = data.service;\n if (data.solution) document.getElementById(\"solutionSelect\").value = data.solution;\n if (data.prospect) document.getElementById(\"prospect\").value = data.prospect;\n if (data.objective) document.getElementById(\"objective\").value = data.objective;\n if (data.customMessage) document.getElementById(\"customMessage\").value = data.customMessage;\n if (data.sellerName) document.getElementById(\"sellerName\").value = data.sellerName;\n if (data.sellerPosition) document.getElementById(\"sellerPosition\").value = data.sellerPosition;\n if (data.sellerEmail) document.getElementById(\"sellerEmail\").value = data.sellerEmail;\n if (data.sellerPhone) document.getElementById(\"sellerPhone\").value = data.sellerPhone;\n\n if (data.mode) mode = data.mode;\n }\n\n if (params.get(\"mode\")) mode = params.get(\"mode\");\n if (params.get(\"service\")) document.getElementById(\"serviceSelect\").value = params.get(\"service\");\n if (params.get(\"solution\")) document.getElementById(\"solutionSelect\").value = params.get(\"solution\");\n\n setMode(mode);\n }\n\n loadData();\n <\/script> <\/body> <\/html>\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>Sales Sheet | Brand Center AMITAI \u2190 Volver al Brand Center Brand Center Generador de Sales Sheet Crea una ficha<\/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":[3819],"class_list":["post-6440","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6440","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=6440"}],"version-history":[{"count":8,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6440\/revisions"}],"predecessor-version":[{"id":6465,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6440\/revisions\/6465"}],"wp:attachment":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/media?parent=6440"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/folder?post=6440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\t\t\t\t

\t\t\t\t\t

\t\t\t\t

\t\t\t\t\t Sales Sheet | Brand Center AMITAI<\/title> <style> * { box-sizing: border-box; } body { margin: 0; font-family: 'Montserrat', Arial, sans-serif; background: linear-gradient(135deg, #003f7f 0%, #006fb8 45%, #eaf6fb 100%); color: #ffffff; } .page { min-height: 100vh; padding: 60px 5%; } .container { max-width: 1280px; margin: 0 auto; } .top-link { display: inline-block; margin-bottom: 26px; color: rgba(255,255,255,.86); text-decoration: none; font-weight: 700; font-size: 14px; } .header { max-width: 820px; margin-bottom: 38px; } .eyebrow { display: inline-block; margin-bottom: 14px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.16); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; } .header h1 { margin: 0 0 18px; font-size: clamp(38px, 6vw, 68px); line-height: 1; font-weight: 800; } .header p { margin: 0; max-width: 720px; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.82); } .app-grid { display: grid; grid-template-columns: 420px 1fr; gap: 24px; align-items: start; } .panel { background: rgba(255,255,255,.94); color: #1f2933; border-radius: 28px; padding: 28px; box-shadow: 0 24px 70px rgba(0,0,0,.16); } .panel h2 { margin: 0 0 22px; color: #003f7f; font-size: 24px; line-height: 1.2; } label { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #003f7f; } input, select, textarea { width: 100%; margin-bottom: 16px; padding: 14px 15px; border: 1px solid #d6dde6; border-radius: 14px; font-family: inherit; font-size: 15px; color: #1f2933; background: #ffffff; outline: none; } textarea { min-height: 86px; resize: vertical; } input:focus, select:focus, textarea:focus { border-color: #006fb8; box-shadow: 0 0 0 4px rgba(0,111,184,.12); } .mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; } .mode-btn { border: 1px solid #d6dde6; background: #fff; color: #003f7f; padding: 13px; border-radius: 14px; font-weight: 800; cursor: pointer; } .mode-btn.active { background: #003f7f; color: #fff; border-color: #003f7f; } .button-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 8px; } button { width: 100%; border: none; border-radius: 14px; padding: 15px 18px; font-family: inherit; font-weight: 800; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; } button:hover { transform: translateY(-2px); } .primary { background: #003f7f; color: #ffffff; box-shadow: 0 14px 28px rgba(0,63,127,.22); } .secondary { background: #eaf3fb; color: #003f7f; } .sheet-wrap { overflow: auto; padding: 24px; border-radius: 28px; background: rgba(255,255,255,.22); border: 1px solid rgba(255,255,255,.22); } .sales-sheet { width: 816px; min-height: 1056px; margin: 0 auto; background: #ffffff; color: #1f2933; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 70px rgba(0,0,0,.18); } .sheet-hero { padding: 38px 42px; color: #fff; background: linear-gradient(135deg, #003f7f 0%, #006fb8 70%); position: relative; } .sheet-hero::after { content: \"\"; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px; border-radius: 50%; background: rgba(255,255,255,.14); } .sheet-logo { width: 130px; height: auto; margin-bottom: 32px; background: #fff; padding: 10px; border-radius: 14px; } .sheet-kicker { font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .84; margin-bottom: 12px; } .sheet-title { margin: 0 0 14px; font-size: 42px; line-height: 1; font-weight: 850; max-width: 620px; } .sheet-subtitle { margin: 0; font-size: 17px; line-height: 1.55; max-width: 610px; opacity: .9; } .sheet-body { padding: 38px 42px; } .intro-box { padding: 22px; border-radius: 20px; background: #f3f8fc; border-left: 6px solid #f1d400; margin-bottom: 28px; } .intro-box p { margin: 0; font-size: 16px; line-height: 1.6; color: #3f4953; } .section-title { margin: 0 0 14px; color: #003f7f; font-size: 22px; } .benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; } .benefit { padding: 18px; border-radius: 18px; background: #f7f9fb; border: 1px solid #e3e8ee; } .benefit strong { display: block; color: #003f7f; margin-bottom: 6px; font-size: 15px; } .benefit span { font-size: 13px; line-height: 1.5; color: #5d6670; } .services-list { display: grid; gap: 12px; margin-bottom: 28px; } .service-item { display: grid; grid-template-columns: 12px 1fr; gap: 12px; align-items: start; padding: 14px 16px; border-radius: 16px; background: #f7f9fb; } .dot { width: 12px; height: 12px; border-radius: 999px; background: #006fb8; margin-top: 5px; } .service-item h4 { margin: 0 0 4px; color: #003f7f; font-size: 16px; } .service-item p { margin: 0; color: #5d6670; font-size: 13px; line-height: 1.45; } .cta { display: grid; grid-template-columns: 1fr 260px; gap: 20px; padding: 22px; border-radius: 22px; background: #003f7f; color: #ffffff; align-items: center; } .cta h3 { margin: 0 0 8px; font-size: 22px; } .cta p { margin: 0; font-size: 14px; line-height: 1.5; opacity: .88; } .contact-card { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); border-radius: 16px; padding: 16px; font-size: 13px; line-height: 1.6; } .contact-card strong { display: block; font-size: 15px; margin-bottom: 4px; } .legal { padding: 16px 42px 28px; font-size: 10px; color: #818084; line-height: 1.4; } .toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); padding: 14px 20px; border-radius: 999px; background: #003f7f; color: #ffffff; font-weight: 800; box-shadow: 0 18px 40px rgba(0,0,0,.22); opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease; } .toast.show { opacity: 1; transform: translateX(-50%) translateY(-6px); } @media (max-width: 1050px) { .app-grid { grid-template-columns: 1fr; } .sheet-wrap { overflow-x: auto; } } @media (max-width: 640px) { .page { padding: 48px 5%; } .button-row, .mode-grid { grid-template-columns: 1fr; } } <\/style> <\/head> <body> <main class=\"page\"> <div class=\"container\"> <a href=\"\/\" class=\"top-link\">\u2190 Volver al Brand Center<\/a> <header class=\"header\"> <span class=\"eyebrow\">Brand Center<\/span> <h1>Generador de Sales Sheet<\/h1> <p> Crea una ficha comercial personalizada por servicio o por soluci\u00f3n, lista para enviar a prospectos. <\/p> <\/header> <div class=\"app-grid\"> <aside class=\"panel\"> <h2>Configurar pieza<\/h2> <label>Tipo de sales sheet<\/label> <div class=\"mode-grid\"> <button class=\"mode-btn active\" id=\"btnService\" type=\"button\" onclick=\"setMode('service')\">Por servicio<\/button> <button class=\"mode-btn\" id=\"btnSolution\" type=\"button\" onclick=\"setMode('solution')\">Por soluci\u00f3n<\/button> <\/div> <div id=\"serviceField\"> <label>Servicio<\/label> <select id=\"serviceSelect\" onchange=\"updateSheet()\"> <option value=\"honestidad\">AMITAI Honestidad<\/option> <option value=\"integriline\">Integri-Line<\/option> <option value=\"background\">Background Check<\/option> <option value=\"esurvey\">E-Survey<\/option> <option value=\"ethics\">E-thics Learning<\/option> <option value=\"perfiles\">Perfiles<\/option> <\/select> <\/div> <div id=\"solutionField\" style=\"display:none;\"> <label>Soluci\u00f3n combinada<\/label> <select id=\"solutionSelect\" onchange=\"updateSheet()\"> <option value=\"prescreening\">Pre-employment Screening<\/option> <option value=\"compliance\">Cultura \u00e9tica y cumplimiento<\/option> <option value=\"suite\">Suite AMITAI completa<\/option> <\/select> <\/div> <label>Nombre del prospecto \/ empresa<\/label> <input id=\"prospect\" value=\"Empresa prospecto\" oninput=\"updateSheet()\" \/> <label>Objetivo comercial<\/label> <select id=\"objective\" onchange=\"updateSheet()\"> <option value=\"primer\">Primer contacto<\/option> <option value=\"seguimiento\">Seguimiento<\/option> <option value=\"cierre\">Cierre \/ propuesta<\/option> <\/select> <label>Mensaje personalizado<\/label> <textarea id=\"customMessage\" oninput=\"updateSheet()\">Le comparto una soluci\u00f3n pensada para fortalecer sus procesos de prevenci\u00f3n, \u00e9tica y cumplimiento.<\/textarea> <label>Nombre del comercial<\/label> <input id=\"sellerName\" value=\"Juan Palao Garc\u00eda\" oninput=\"updateSheet()\" \/> <label>Puesto<\/label> <input id=\"sellerPosition\" value=\"Gerente de Marketing\" oninput=\"updateSheet()\" \/> <label>Correo<\/label> <input id=\"sellerEmail\" value=\"juan.palao@amitai.com\" oninput=\"updateSheet()\" \/> <label>Tel\u00e9fono<\/label> <input id=\"sellerPhone\" value=\"+52 55 0000 0000\" oninput=\"updateSheet()\" \/> <div class=\"button-row\"> <button class=\"primary\" onclick=\"generatePDF()\">Exportar PDF<\/button> <button class=\"secondary\" onclick=\"copyLink()\">Copiar link<\/button> <\/div> <\/aside> <section class=\"sheet-wrap\"> <article class=\"sales-sheet\" id=\"salesSheet\"> <div class=\"sheet-hero\" id=\"sheetHero\"> <img decoding=\"async\" class=\"sheet-logo\" id=\"logo\" src=\"https:\/\/amitaisignaturegenerator.netlify.app\/media\/logo-amitai.png\" alt=\"AMITAI\" \/> <div class=\"sheet-kicker\" id=\"kicker\">Sales Sheet Comercial<\/div> <h1 class=\"sheet-title\" id=\"sheetTitle\">AMITAI Honestidad<\/h1> <p class=\"sheet-subtitle\" id=\"sheetSubtitle\"> Evaluaci\u00f3n para identificar tendencias de riesgo y fortalecer procesos de selecci\u00f3n. <\/p> <\/div> <div class=\"sheet-body\"> <div class=\"intro-box\"> <p id=\"introText\"><\/p> <\/div> <h2 class=\"section-title\">Beneficios clave<\/h2> <div class=\"benefits\" id=\"benefits\"><\/div> <h2 class=\"section-title\">Soluci\u00f3n incluida<\/h2> <div class=\"services-list\" id=\"servicesList\"><\/div> <div class=\"cta\"> <div> <h3>Estamos listos para apoyar a tu empresa<\/h3> <p id=\"ctaText\"> Agenda una conversaci\u00f3n para revisar necesidades, alcance y pr\u00f3ximos pasos. <\/p> <\/div> <div class=\"contact-card\"> <strong id=\"contactName\">Juan Palao Garc\u00eda<\/strong> <span id=\"contactPosition\">Gerente de Marketing<\/span><br> <span id=\"contactEmail\">juan.palao@amitai.com<\/span><br> <span id=\"contactPhone\">+52 55 0000 0000<\/span> <\/div> <\/div> <\/div> <div class=\"legal\"> AMITAI es una marca registrada. Uso bajo licencia HRD Global Solutions Ltd. Material comercial generado desde Brand Center. <\/div> <\/article> <\/section> <\/div> <\/div> <\/main> <div id=\"toast\" class=\"toast\">Listo<\/div> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script> <script>\n let mode = \"service\";\n\n const serviceData = {\n honestidad: {\n title: \"AMITAI Honestidad\",\n color1: \"#003f7f\",\n color2: \"#2078bd\",\n kicker: \"Pre-employment screening\",\n subtitle: \"Evaluaci\u00f3n para conocer de manera confiable tendencias de candidatos o colaboradores hacia conductas de riesgo.\",\n intro: \"AMITAI Honestidad ayuda a fortalecer la toma de decisiones en selecci\u00f3n y gesti\u00f3n de talento, identificando tendencias relacionadas con honestidad, cumplimiento de normas, trabajo en equipo y relaci\u00f3n con la autoridad.\",\n benefits: [\n [\"Reduce riesgos en contrataci\u00f3n\", \"Detecta se\u00f1ales conductuales relevantes antes de integrar talento.\"],\n [\"Mejora decisiones de selecci\u00f3n\", \"Aporta informaci\u00f3n objetiva para complementar entrevistas y filtros internos.\"],\n [\"Incluye True Identity\", \"Verificaci\u00f3n de identidad y an\u00e1lisis apoyado con inteligencia artificial.\"],\n [\"Reportes accionables\", \"Informaci\u00f3n clara para equipos de RH, cumplimiento y direcci\u00f3n.\"]\n ],\n services: [\n [\"Test de Honestidad AMITAI\", \"Mide tendencias conductuales vinculadas con honestidad, normas, autoridad y trabajo en equipo.\"],\n [\"Reporte de Inteligencia Artificial\", \"Apoya el an\u00e1lisis de resultados y facilita una lectura m\u00e1s ejecutiva.\"],\n [\"Ranking comparativo\", \"Permite comparar evaluados y priorizar decisiones.\"]\n ]\n },\n\n integriline: {\n title: \"Integri-Line\",\n color1: \"#5b245c\",\n color2: \"#812a80\",\n kicker: \"L\u00ednea de denuncia\",\n subtitle: \"Sistema seguro y configurable para la recepci\u00f3n y gesti\u00f3n de denuncias internas.\",\n intro: \"Integri-Line permite documentar, gestionar y dar seguimiento a reportes internos de manera estructurada, confidencial y adaptable a las necesidades de la organizaci\u00f3n.\",\n benefits: [\n [\"Canal seguro de denuncia\", \"Facilita la recepci\u00f3n de reportes internos con confidencialidad.\"],\n [\"Gesti\u00f3n estructurada de casos\", \"Documenta evidencia y seguimiento de cada denuncia.\"],\n [\"Flexible por organizaci\u00f3n\", \"Configurable seg\u00fan \u00e1reas, permisos y procesos internos.\"],\n [\"Fortalece cumplimiento\", \"Apoya programas de \u00e9tica, integridad y prevenci\u00f3n de riesgos.\"]\n ],\n services: [\n [\"Recepci\u00f3n de denuncias\", \"Canales configurables para recibir reportes.\"],\n [\"Gesti\u00f3n de casos\", \"Seguimiento, documentaci\u00f3n y trazabilidad.\"],\n [\"Permisos por usuario\", \"M\u00faltiples contactos y niveles de acceso.\"]\n ]\n },\n\n background: {\n title: \"Background Check\",\n color1: \"#741d1b\",\n color2: \"#AF1E35\",\n kicker: \"Validaci\u00f3n de antecedentes\",\n subtitle: \"Reporte automatizado para consultar informaci\u00f3n socioecon\u00f3mica, laboral y penal con consentimiento.\",\n intro: \"Background Check ayuda a complementar procesos de selecci\u00f3n con informaci\u00f3n relevante del candidato, bajo consentimiento y de forma segura.\",\n benefits: [\n [\"Informaci\u00f3n en minutos\", \"Automatiza la consulta y entrega de reportes.\"],\n [\"Mayor seguridad en selecci\u00f3n\", \"Aporta contexto adicional para reducir riesgos.\"],\n [\"Proceso documentado\", \"Permite mantener trazabilidad de la informaci\u00f3n revisada.\"],\n [\"Apoyo a cumplimiento\", \"Refuerza controles previos a la contrataci\u00f3n.\"]\n ],\n services: [\n [\"Consulta socioecon\u00f3mica\", \"Informaci\u00f3n contextual del candidato.\"],\n [\"Validaci\u00f3n laboral\", \"Apoyo en revisi\u00f3n de antecedentes laborales.\"],\n [\"Validaci\u00f3n penal\", \"Consulta bajo autorizaci\u00f3n y consentimiento.\"]\n ]\n },\n\n esurvey: {\n title: \"E-Survey\",\n color1: \"#306e1f\",\n color2: \"#80AA45\",\n kicker: \"Diagn\u00f3stico de cultura \u00e9tica\",\n subtitle: \"Encuesta en l\u00ednea configurable para autodiagnosticar la cultura \u00e9tica de la organizaci\u00f3n.\",\n intro: \"E-Survey permite levantar informaci\u00f3n interna de forma estructurada para entender percepciones, riesgos y \u00e1reas de oportunidad en cultura \u00e9tica.\",\n benefits: [\n [\"Diagn\u00f3stico organizacional\", \"Mide percepciones internas de cultura y cumplimiento.\"],\n [\"Configuraci\u00f3n flexible\", \"Adaptable a los objetivos de cada empresa.\"],\n [\"Informaci\u00f3n accionable\", \"Facilita reportes para direcci\u00f3n y compliance.\"],\n [\"Mejora continua\", \"Ayuda a identificar brechas y prioridades.\"]\n ],\n services: [\n [\"Encuesta configurable\", \"Preguntas adaptadas a necesidades internas.\"],\n [\"Autodiagn\u00f3stico\", \"Lectura de cultura \u00e9tica y percepci\u00f3n interna.\"],\n [\"Resultados ejecutivos\", \"Reportes para an\u00e1lisis y seguimiento.\"]\n ]\n },\n\n ethics: {\n title: \"E-thics Learning\",\n color1: \"#2e2550\",\n color2: \"#54518E\",\n kicker: \"Educaci\u00f3n en l\u00ednea\",\n subtitle: \"Plataforma de capacitaci\u00f3n para fortalecer cultura \u00e9tica y cumplimiento.\",\n intro: \"E-thics Learning ayuda a capacitar equipos en temas de \u00e9tica, integridad y cumplimiento a trav\u00e9s de contenidos en l\u00ednea.\",\n benefits: [\n [\"Capacitaci\u00f3n escalable\", \"Entrena equipos sin depender de sesiones presenciales.\"],\n [\"Refuerzo de cultura\", \"Impulsa h\u00e1bitos y criterios \u00e9ticos dentro de la organizaci\u00f3n.\"],\n [\"Seguimiento de usuarios\", \"Permite administrar avances y participaci\u00f3n.\"],\n [\"Apoyo a programas internos\", \"Complementa iniciativas de compliance y prevenci\u00f3n.\"]\n ],\n services: [\n [\"Cursos en l\u00ednea\", \"Contenido formativo para usuarios internos.\"],\n [\"Certificaci\u00f3n\", \"Apoyo a la formalizaci\u00f3n del aprendizaje.\"],\n [\"Webinars programados\", \"Capacitaci\u00f3n constante durante la vigencia.\"]\n ]\n },\n\n perfiles: {\n title: \"Perfiles\",\n color1: \"#003f7f\",\n color2: \"#00AEEF\",\n kicker: \"Evaluaci\u00f3n de competencias\",\n subtitle: \"Eval\u00faa la adecuaci\u00f3n entre el perfil del candidato y el perfil del puesto.\",\n intro: \"Perfiles ayuda a optimizar decisiones de selecci\u00f3n de personal a partir de competencias, alineaci\u00f3n al puesto y criterios definidos por la organizaci\u00f3n.\",\n benefits: [\n [\"Mejor ajuste al puesto\", \"Eval\u00faa adecuaci\u00f3n entre candidato y rol.\"],\n [\"Decisiones m\u00e1s objetivas\", \"Complementa la entrevista con informaci\u00f3n estructurada.\"],\n [\"Optimiza selecci\u00f3n\", \"Apoya procesos m\u00e1s consistentes y comparables.\"],\n [\"Enfoque por competencias\", \"Aporta informaci\u00f3n \u00fatil para RH y l\u00edderes.\"]\n ],\n services: [\n [\"Evaluaci\u00f3n de perfiles\", \"An\u00e1lisis de adecuaci\u00f3n candidato-puesto.\"],\n [\"Competencias\", \"Lectura de habilidades y criterios relevantes.\"],\n [\"Reporte ejecutivo\", \"Informaci\u00f3n clara para toma de decisiones.\"]\n ]\n }\n };\n\n const solutionData = {\n prescreening: {\n title: \"Soluci\u00f3n Pre-employment Screening\",\n color1: \"#003f7f\",\n color2: \"#2078bd\",\n kicker: \"Suite de selecci\u00f3n segura\",\n subtitle: \"Integra evaluaciones y verificaciones para reducir riesgos antes de contratar.\",\n intro: \"Esta soluci\u00f3n combina herramientas clave para fortalecer procesos de selecci\u00f3n, mejorar la calidad de contrataci\u00f3n y reducir riesgos asociados a candidatos.\",\n benefits: [\n [\"Proceso m\u00e1s robusto\", \"Integra evaluaci\u00f3n, validaci\u00f3n y an\u00e1lisis del candidato.\"],\n [\"Menor exposici\u00f3n al riesgo\", \"Ayuda a detectar se\u00f1ales antes de la contrataci\u00f3n.\"],\n [\"Decisiones comparables\", \"Facilita criterios m\u00e1s consistentes entre candidatos.\"],\n [\"Mayor eficiencia\", \"Acelera filtros sin perder profundidad de an\u00e1lisis.\"]\n ],\n services: [\n [\"AMITAI Honestidad\", \"Mide tendencias conductuales relacionadas con honestidad y cumplimiento.\"],\n [\"Background Check\", \"Valida informaci\u00f3n socioecon\u00f3mica, laboral y penal con consentimiento.\"],\n [\"Perfiles\", \"Eval\u00faa adecuaci\u00f3n entre candidato y puesto.\"]\n ]\n },\n\n compliance: {\n title: \"Soluci\u00f3n Cultura \u00c9tica y Cumplimiento\",\n color1: \"#5b245c\",\n color2: \"#2078bd\",\n kicker: \"\u00c9tica organizacional\",\n subtitle: \"Fortalece la prevenci\u00f3n, detecci\u00f3n y formaci\u00f3n en temas de \u00e9tica y cumplimiento.\",\n intro: \"Esta soluci\u00f3n combina denuncia, diagn\u00f3stico y capacitaci\u00f3n para consolidar programas internos de integridad, \u00e9tica y cumplimiento.\",\n benefits: [\n [\"Canaliza reportes internos\", \"Facilita que colaboradores reporten situaciones de riesgo.\"],\n [\"Diagnostica cultura\", \"Mide percepciones internas y \u00e1reas de oportunidad.\"],\n [\"Capacita equipos\", \"Refuerza criterios \u00e9ticos y buenas pr\u00e1cticas.\"],\n [\"Fortalece gobernanza\", \"Apoya la documentaci\u00f3n y seguimiento de acciones.\"]\n ],\n services: [\n [\"Integri-Line\", \"Sistema para recepci\u00f3n y gesti\u00f3n de denuncias.\"],\n [\"E-Survey\", \"Encuesta configurable para autodiagn\u00f3stico de cultura \u00e9tica.\"],\n [\"E-thics Learning\", \"Plataforma de educaci\u00f3n en l\u00ednea.\"]\n ]\n },\n\n suite: {\n title: \"Suite AMITAI\",\n color1: \"#003f7f\",\n color2: \"#006fb8\",\n kicker: \"Soluci\u00f3n integral\",\n subtitle: \"Ecosistema de soluciones para riesgo, \u00e9tica, cumplimiento y selecci\u00f3n.\",\n intro: \"Suite AMITAI re\u00fane herramientas para fortalecer la prevenci\u00f3n de riesgos internos, la cultura \u00e9tica y los procesos de selecci\u00f3n en organizaciones de Latinoam\u00e9rica.\",\n benefits: [\n [\"Ecosistema integral\", \"Soluciones conectadas para distintas etapas del riesgo organizacional.\"],\n [\"M\u00e1s de 25 a\u00f1os\", \"Experiencia apoyando empresas en \u00e9tica y cumplimiento.\"],\n [\"Cobertura regional\", \"Soluciones utilizadas en m\u00faltiples pa\u00edses de habla hispana.\"],\n [\"Control y trazabilidad\", \"Herramientas tecnol\u00f3gicas para documentar y gestionar informaci\u00f3n.\"]\n ],\n services: [\n [\"AMITAI Honestidad\", \"Evaluaci\u00f3n de tendencias conductuales en candidatos y colaboradores.\"],\n [\"Integri-Line\", \"Recepci\u00f3n y gesti\u00f3n de denuncias internas.\"],\n [\"Background Check\", \"Validaci\u00f3n de antecedentes con consentimiento.\"],\n [\"E-Survey\", \"Diagn\u00f3stico de cultura \u00e9tica.\"],\n [\"E-thics Learning\", \"Capacitaci\u00f3n en l\u00ednea.\"]\n ]\n }\n };\n\n function setMode(selectedMode) {\n mode = selectedMode;\n\n document.getElementById(\"btnService\").classList.toggle(\"active\", mode === \"service\");\n document.getElementById(\"btnSolution\").classList.toggle(\"active\", mode === \"solution\");\n\n document.getElementById(\"serviceField\").style.display = mode === \"service\" ? \"block\" : \"none\";\n document.getElementById(\"solutionField\").style.display = mode === \"solution\" ? \"block\" : \"none\";\n\n updateSheet();\n }\n\n function getCurrentData() {\n return mode === \"service\"\n ? serviceData[document.getElementById(\"serviceSelect\").value]\n : solutionData[document.getElementById(\"solutionSelect\").value];\n }\n\n function updateSheet() {\n const data = getCurrentData();\n\n const prospect = document.getElementById(\"prospect\").value;\n const objective = document.getElementById(\"objective\").value;\n const customMessage = document.getElementById(\"customMessage\").value;\n\n const sellerName = document.getElementById(\"sellerName\").value;\n const sellerPosition = document.getElementById(\"sellerPosition\").value;\n const sellerEmail = document.getElementById(\"sellerEmail\").value;\n const sellerPhone = document.getElementById(\"sellerPhone\").value;\n\n document.getElementById(\"sheetHero\").style.background =\n `linear-gradient(135deg, ${data.color1} 0%, ${data.color2} 75%)`;\n\n document.getElementById(\"kicker\").textContent = data.kicker;\n document.getElementById(\"sheetTitle\").textContent = data.title;\n document.getElementById(\"sheetSubtitle\").textContent = data.subtitle;\n\n const objectiveText = {\n primer: \"Como primer acercamiento,\",\n seguimiento: \"Como seguimiento a nuestra conversaci\u00f3n,\",\n cierre: \"Para avanzar hacia una propuesta concreta,\"\n };\n\n document.getElementById(\"introText\").textContent =\n `${objectiveText[objective]} compartimos esta ficha para ${prospect}. ${customMessage} ${data.intro}`;\n\n document.getElementById(\"benefits\").innerHTML = data.benefits.map(item => `\n <div class=\"benefit\">\n <strong>${item[0]}<\/strong>\n <span>${item[1]}<\/span>\n <\/div>\n `).join(\"\");\n\n document.getElementById(\"servicesList\").innerHTML = data.services.map(item => `\n <div class=\"service-item\">\n <div class=\"dot\" style=\"background:${data.color2};\"><\/div>\n <div>\n <h4>${item[0]}<\/h4>\n <p>${item[1]}<\/p>\n <\/div>\n <\/div>\n `).join(\"\");\n\n document.getElementById(\"ctaText\").textContent =\n `Podemos revisar el caso de ${prospect} y proponer una ruta de implementaci\u00f3n alineada a sus necesidades.`;\n\n document.getElementById(\"contactName\").textContent = sellerName;\n document.getElementById(\"contactPosition\").textContent = sellerPosition;\n document.getElementById(\"contactEmail\").textContent = sellerEmail;\n document.getElementById(\"contactPhone\").textContent = sellerPhone;\n\n saveData();\n }\n\n async function generatePDF() {\n showToast(\"Generando PDF...\");\n\n const { jsPDF } = window.jspdf;\n const sheet = document.getElementById(\"salesSheet\");\n\n const canvas = await html2canvas(sheet, {\n scale: 2,\n useCORS: true,\n backgroundColor: \"#ffffff\"\n });\n\n const imgData = canvas.toDataURL(\"image\/png\");\n\n const pdf = new jsPDF({\n orientation: \"portrait\",\n unit: \"px\",\n format: [816, 1056]\n });\n\n pdf.addImage(imgData, \"PNG\", 0, 0, 816, 1056);\n\n const type = mode === \"service\"\n ? document.getElementById(\"serviceSelect\").value\n : document.getElementById(\"solutionSelect\").value;\n\n const prospect = document.getElementById(\"prospect\").value\n .toLowerCase()\n .replace(\/\\s+\/g, \"-\")\n .replace(\/[^a-z0-9\u00e1\u00e9\u00ed\u00f3\u00fa\u00f1-]\/gi, \"\");\n\n pdf.save(`sales-sheet-${type}-${prospect || \"amitai\"}.pdf`);\n\n showToast(\"PDF descargado\");\n }\n\n function copyLink() {\n const params = new URLSearchParams();\n\n params.set(\"mode\", mode);\n\n if (mode === \"service\") {\n params.set(\"service\", document.getElementById(\"serviceSelect\").value);\n } else {\n params.set(\"solution\", document.getElementById(\"solutionSelect\").value);\n }\n\n const url = `${window.location.origin}${window.location.pathname}?${params.toString()}`;\n\n navigator.clipboard.writeText(url);\n showToast(\"Link copiado\");\n }\n\n function showToast(message) {\n const toast = document.getElementById(\"toast\");\n toast.textContent = message;\n toast.classList.add(\"show\");\n\n setTimeout(() => {\n toast.classList.remove(\"show\");\n }, 1800);\n }\n\n function saveData() {\n const data = {\n mode,\n service: document.getElementById(\"serviceSelect\").value,\n solution: document.getElementById(\"solutionSelect\").value,\n prospect: document.getElementById(\"prospect\").value,\n objective: document.getElementById(\"objective\").value,\n customMessage: document.getElementById(\"customMessage\").value,\n sellerName: document.getElementById(\"sellerName\").value,\n sellerPosition: document.getElementById(\"sellerPosition\").value,\n sellerEmail: document.getElementById(\"sellerEmail\").value,\n sellerPhone: document.getElementById(\"sellerPhone\").value\n };\n\n localStorage.setItem(\"salesSheetData\", JSON.stringify(data));\n }\n\n function loadData() {\n const saved = localStorage.getItem(\"salesSheetData\");\n const params = new URLSearchParams(window.location.search);\n\n if (saved) {\n const data = JSON.parse(saved);\n\n if (data.service) document.getElementById(\"serviceSelect\").value = data.service;\n if (data.solution) document.getElementById(\"solutionSelect\").value = data.solution;\n if (data.prospect) document.getElementById(\"prospect\").value = data.prospect;\n if (data.objective) document.getElementById(\"objective\").value = data.objective;\n if (data.customMessage) document.getElementById(\"customMessage\").value = data.customMessage;\n if (data.sellerName) document.getElementById(\"sellerName\").value = data.sellerName;\n if (data.sellerPosition) document.getElementById(\"sellerPosition\").value = data.sellerPosition;\n if (data.sellerEmail) document.getElementById(\"sellerEmail\").value = data.sellerEmail;\n if (data.sellerPhone) document.getElementById(\"sellerPhone\").value = data.sellerPhone;\n\n if (data.mode) mode = data.mode;\n }\n\n if (params.get(\"mode\")) mode = params.get(\"mode\");\n if (params.get(\"service\")) document.getElementById(\"serviceSelect\").value = params.get(\"service\");\n if (params.get(\"solution\")) document.getElementById(\"solutionSelect\").value = params.get(\"solution\");\n\n setMode(mode);\n }\n\n loadData();\n <\/script> <\/body> <\/html>\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>Sales Sheet | Brand Center AMITAI \u2190 Volver al Brand Center Brand Center Generador de Sales Sheet Crea una ficha<\/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":[3819],"class_list":["post-6440","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6440","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=6440"}],"version-history":[{"count":8,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6440\/revisions"}],"predecessor-version":[{"id":6465,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6440\/revisions\/6465"}],"wp:attachment":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/media?parent=6440"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/folder?post=6440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}