{"id":6520,"date":"2026-05-05T13:53:08","date_gmt":"2026-05-05T19:53:08","guid":{"rendered":"https:\/\/www.amitai.com\/es\/?page_id=6520"},"modified":"2026-05-13T12:15:45","modified_gmt":"2026-05-13T18:15:45","slug":"generador-de-propuestas-comerciales","status":"publish","type":"page","link":"https:\/\/www.amitai.com\/es\/generador-de-propuestas-comerciales\/","title":{"rendered":"Generador de propuestas comerciales"},"content":{"rendered":"
\t\t\t\t
\t\t\t\t\t
\t\t\t\t
\t\t\t\t\t Generador de Propuestas AMITAI<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;700;900&display=swap\" rel=\"stylesheet\"> <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> <style> \/* \u2500\u2500 RESET \u2500\u2500 *\/ *{box-sizing:border-box;margin:0;padding:0} body{font-family:'Montserrat',Arial,sans-serif;background:#0a1628;min-height:100vh} \/* \u2500\u2500 APP SHELL \u2500\u2500 *\/ .app{display:grid;grid-template-columns:420px 1fr;min-height:100vh} \/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/ .sidebar{ background:linear-gradient(160deg,#003f7f 0%,#006fb8 60%,#1a9edf 100%); padding:28px 24px;overflow-y:auto;color:#fff;position:sticky;top:0;height:100vh; } .sidebar-kicker{display:inline-block;background:rgba(255,255,255,.15);padding:6px 12px;border-radius:999px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:12px} .sidebar-logo{font-size:22px;line-height:1.2;font-weight:900;color:#fff;margin-bottom:8px} .sidebar-sub{font-size:13px;line-height:1.5;color:rgba(255,255,255,.8);margin-bottom:24px} .sidebar h2{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.45);margin:20px 0 10px} label{display:block;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:4px} input,select{width:100%;padding:10px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:inherit;font-size:13px;margin-bottom:12px;outline:none;transition:border .2s,background .2s} input::placeholder{color:rgba(255,255,255,.3)} input:focus,select:focus{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.16)} select option{background:#003f7f;color:#fff} .two{display:grid;grid-template-columns:1fr 1fr;gap:8px} \/* \u2500\u2500 Propuesta bloque \u2500\u2500 *\/ .propuesta-item{ background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.2); border-radius:14px; padding:14px; margin-bottom:14px; } .propuesta-head{ display:flex;align-items:center;justify-content:space-between; margin-bottom:10px; } .propuesta-label{ font-size:12px;font-weight:900;text-transform:uppercase; letter-spacing:.08em;color:#7dd3fc; } .btn-remove-prop{ padding:4px 9px;font-size:10px;border-radius:6px; background:rgba(255,80,80,.2);color:#fca5a5; border:1px solid rgba(255,80,80,.3);cursor:pointer;font-family:inherit;font-weight:700 } .btn-remove-prop:hover{background:rgba(255,80,80,.35)} \/* \u2500\u2500 Soluci\u00f3n bloque \u2500\u2500 *\/ .solution-item{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.13); border-radius:10px; padding:12px; margin-bottom:10px; } .solution-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:900;text-transform:uppercase;color:rgba(255,255,255,.5)} .solution-item label{color:rgba(255,255,255,.55)} .solution-item input,.solution-item select{margin-bottom:8px} .mini-total{font-size:11px;font-weight:900;text-align:right;color:#7dd3fc;margin-top:2px} .btn-remove{padding:4px 9px;font-size:10px;border-radius:6px;background:rgba(255,80,80,.15);color:#fca5a5;border:1px solid rgba(255,80,80,.25);cursor:pointer;font-family:inherit;font-weight:700} .btn-remove:hover{background:rgba(255,80,80,.3)} .btn-add-sol{ width:100%;padding:8px; background:rgba(255,255,255,.07); border:1.5px dashed rgba(255,255,255,.22); border-radius:8px;color:rgba(255,255,255,.55); font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.2s; margin-top:2px; } .btn-add-sol:hover{background:rgba(255,255,255,.13);color:#fff} \/* precio row dentro de soluci\u00f3n *\/ .price-row{ display:grid; grid-template-columns:1fr .65fr .95fr; gap:8px; align-items:end; } .value-added-box{ min-height:52px; padding:7px 9px; border:1px solid rgba(255,255,255,.18); border-radius:8px; background:rgba(255,255,255,.07); display:flex; align-items:center; gap:7px; margin-bottom:8px; } .value-added-box input{width:auto;margin:0;accent-color:#7dd3fc} .value-added-box span{font-size:10px;line-height:1.2;font-weight:800;color:rgba(255,255,255,.76);text-transform:uppercase;letter-spacing:.04em} .btn-add-prop{ width:100%;padding:11px; background:rgba(255,255,255,.08); border:2px dashed rgba(255,255,255,.25); border-radius:10px;color:rgba(255,255,255,.6); font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.2s; } .btn-add-prop:hover{background:rgba(255,255,255,.16);color:#fff} .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px} .btn-primary{padding:12px;background:#fff;color:#003f7f;border:0;border-radius:10px;font-family:inherit;font-weight:900;font-size:12px;cursor:pointer;transition:.15s} .btn-primary:hover{background:#e0f0ff;transform:translateY(-1px)} .btn-export{padding:12px;background:linear-gradient(135deg,#f59e0b,#ef8c00);color:#fff;border:0;border-radius:10px;font-family:inherit;font-weight:900;font-size:12px;cursor:pointer;transition:.15s} .btn-export:hover{opacity:.9;transform:translateY(-1px)} .btn-export:disabled{opacity:.5;cursor:not-allowed;transform:none} .progress-wrap{margin-top:10px;display:none} .progress-wrap.show{display:block} .progress-bar{height:5px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden;margin-bottom:5px} .progress-fill{height:100%;background:linear-gradient(90deg,#00a6df,#fff);border-radius:999px;transition:width .3s;width:0} .progress-txt{font-size:10px;color:rgba(255,255,255,.6);text-align:center} \/* \u2500\u2500 PREVIEW \u2500\u2500 *\/ .preview-panel{background:#1a2540;padding:28px;overflow:auto} .preview-header{color:rgba(255,255,255,.4);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px} .preview-wrap{background:#666;border-radius:3px;overflow:hidden;display:inline-block;box-shadow:0 24px 64px rgba(0,0,0,.6)} \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PDF DOCUMENT 794 \u00d7 1123px por p\u00e1gina \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ #pdf-doc{ width:794px; font-family:Arial,Helvetica,sans-serif; color:#111;font-size:14px; display:block; } .pdf-page{ width:794px;height:1123px; overflow:hidden;position:relative; background:#fff;display:block; } \/* \u2550\u2550\u2550\u2550 PORTADA \u2550\u2550\u2550\u2550 *\/ .p-cover{background:#003f7f} .cover-bg-grid{ position:absolute;inset:0;z-index:0; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:48px 48px; } .cover-glow1{position:absolute;right:-120px;top:-120px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,166,223,.35) 0%,rgba(0,63,127,0) 70%);z-index:0} .cover-glow2{position:absolute;left:-80px;bottom:-80px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,166,223,.2) 0%,rgba(0,63,127,0) 70%);z-index:0} .cover-band{position:absolute;left:-60px;top:0;bottom:0;width:340px;background:linear-gradient(180deg,#0077cc,#005499);transform:skewX(-8deg);z-index:1} .cover-band2{position:absolute;left:260px;top:0;bottom:0;width:12px;background:#00a6df;transform:skewX(-8deg);z-index:2} .cover-corner{position:absolute;bottom:72px;right:0;width:180px;height:180px;border-top:2px solid rgba(0,166,223,.3);border-left:2px solid rgba(0,166,223,.3);border-radius:40px 0 0 0;z-index:3} .cover-topbar{position:absolute;top:0;left:0;right:0;height:86px;background:rgba(0,0,0,.28);z-index:5;display:flex;align-items:center;padding:0 46px;border-bottom:1px solid rgba(255,255,255,.1)} .cover-logo-svg{width:270px;height:70px;display:flex;align-items:center;justify-content:flex-start;overflow:visible} .cover-logo-svg img{width:auto!important;height:auto!important;max-width:260px!important;max-height:64px!important;object-fit:contain!important;display:block} .cover-tagline{font-size:9px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.18em;text-transform:uppercase;margin-left:20px;padding-left:20px;border-left:1px solid rgba(255,255,255,.18);line-height:1.5} .cover-center{position:absolute;left:0;right:0;top:43%;transform:translateY(-43%);z-index:6;text-align:center;padding:0 60px} .cover-eyebrow{display:inline-block;background:rgba(0,166,223,.2);border:1px solid rgba(0,166,223,.5);color:#00d4ff;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;padding:7px 20px;border-radius:999px;margin-bottom:18px} .cover-brand-svg{width:100%;height:150px;margin:0 auto 18px;display:flex;justify-content:center;align-items:center;overflow:visible} .cover-brand-svg img{width:auto!important;height:auto!important;max-width:440px!important;max-height:140px!important;object-fit:contain!important;display:block} .cover-divider{width:80px;height:3px;background:linear-gradient(90deg,#00a6df,rgba(0,166,223,0));margin:0 auto 18px;border-radius:2px} .cover-client-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 30px;display:inline-block;min-width:360px;text-align:left} .cover-client-label{font-size:9px;font-weight:800;letter-spacing:.2em;color:rgba(255,255,255,.4);text-transform:uppercase;margin-bottom:5px} .cover-client-name{font-size:22px;font-weight:700;color:#fff;margin-bottom:2px;line-height:1.15} .cover-client-person{font-size:15px;color:rgba(255,255,255,.6);line-height:1.3} .cover-dots{position:absolute;right:44px;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:10px;align-items:center} .cover-dots span{display:block;border-radius:50%;background:rgba(0,166,223,.4)} .cover-dots span:nth-child(1){width:6px;height:6px} .cover-dots span:nth-child(2){width:8px;height:8px;background:rgba(0,166,223,.65)} .cover-dots span:nth-child(3){width:10px;height:10px;background:#00a6df} .cover-dots span:nth-child(4){width:8px;height:8px;background:rgba(0,166,223,.65)} .cover-dots span:nth-child(5){width:6px;height:6px} .cover-footer{position:absolute;bottom:0;left:0;right:0;height:70px;background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.1);z-index:6;display:flex;align-items:center;justify-content:space-between;padding:0 48px} .cover-folio{font-size:12px;font-weight:700;color:rgba(255,255,255,.45);letter-spacing:.1em;text-transform:uppercase} .cover-folio span{color:#00a6df;font-weight:900} .cover-fecha{font-size:11px;color:rgba(255,255,255,.35);font-weight:600} \/* \u2550\u2550\u2550\u2550 P\u00c1GINAS INTERNAS \u2550\u2550\u2550\u2550 *\/ .pg-header{position:absolute;top:0;left:0;right:0;height:88px;background:#f0f1f2;z-index:2;display:flex;align-items:stretch} .pgh-left{flex:1} .pgh-logo-box{position:absolute;left:205px;top:14px;width:320px;height:60px;border-radius:13px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;z-index:3} .pgh-logo-svg{width:280px;height:54px;display:flex;align-items:center;justify-content:center;overflow:visible} .pgh-logo-svg img{width:auto!important;height:auto!important;max-width:270px!important;max-height:52px!important;object-fit:contain!important;display:block} .pgh-dark-box{position:absolute;right:24px;top:14px;width:64px;height:60px;border-radius:13px;background:#2d2f38;z-index:3} .pg-footer{position:absolute;bottom:0;left:0;right:0;height:68px;background:linear-gradient(90deg,#004a7f,#248dca);z-index:2} .pg-content{position:absolute;top:88px;left:0;right:0;bottom:68px;padding:18px 56px 18px;overflow:hidden;z-index:1} \/* \u2500\u2500 P\u00e1gina 2: tabla agrupada por propuesta \u2500\u2500 *\/ .client-block{font-size:15px;line-height:1.6;margin-bottom:8px} .spaced{letter-spacing:5px;font-weight:700} .pg-date{text-align:right;font-size:14px;margin-bottom:6px} .greeting{margin:10px 0 4px;font-size:14px} .intro-text{font-size:13px;line-height:1.5;margin-bottom:4px} .table-wrap{margin:12px -56px 0;padding:16px 16px;background:linear-gradient(90deg,#004a7f,#248dca)} \/* Tabla con grupos de propuesta *\/ table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed} th{background:#155985;color:#fff;padding:8px 7px;border:1px solid #9da5ad;text-align:center;font-size:12px} td{background:#fff;vertical-align:top;padding:8px 7px;border:1px solid #9da5ad;font-size:12px} \/* Fila de encabezado de propuesta *\/ .prop-group-header td{ background:#003f7f; color:#fff; font-weight:900; font-size:12px; letter-spacing:.06em; padding:7px 10px; border-color:#002d5c; } .prop-group-header td:first-child{ border-radius:0; } \/* Fila de subtotal *\/ .subtotal-row td{background:#dceefb;font-weight:700;color:#003f7f;font-size:11px} \/* Fila de total general *\/ .total-row td{background:#eaf3fb;font-weight:900;color:#003f7f;font-size:13px} \/* Separador entre propuestas *\/ .prop-separator td{height:5px;background:#e8f4fd;border:none;padding:0} .offer-box{margin:10px 0 0;padding:10px 14px;border:3px solid #e8ff3d;font-size:11.5px;line-height:1.4} .offer-box h3{text-align:center;color:#155985;font-size:12.5px;margin-bottom:7px} .offer-box p{margin-bottom:4px} .notes{margin-top:10px;font-size:11.5px;line-height:1.5} .privacy{margin-top:8px;font-size:10.5px;text-align:center;line-height:1.3;color:#333} \/* \u2500\u2500 P\u00e1gina 3: incluye \u2500\u2500 *\/ .inc-title{font-weight:900;font-size:14px;margin-bottom:10px} .inc-list p{font-size:11.5px;margin-bottom:5px;line-height:1.3} .blue-msg{margin:12px -56px 0;background:linear-gradient(90deg,#004a7f,#248dca);color:#fff;text-align:center;padding:14px 36px} .blue-msg p{color:#fff;font-size:13px;font-weight:800;line-height:1.3;margin-bottom:7px} .blue-msg p:last-child{font-size:11.5px;font-weight:400;margin-bottom:0} .signature{padding:12px 0 0;font-size:12px;line-height:1.6} \/* \u2500\u2500 P\u00e1gina 4: Por qu\u00e9 \u2500\u2500 *\/ .why-page{background:linear-gradient(180deg,#fff 0%,#eef5fa 100%)} .why-dark{position:absolute;left:0;top:0;width:400px;height:256px;background:#2d2f38;border-radius:0 0 28px 0;z-index:2} .why-ttl{position:absolute;left:0;top:0;width:400px;height:256px;padding:40px 0 0 56px;font-size:42px;font-weight:300;line-height:1.1;color:#fff;z-index:3} .why-ttl strong{font-weight:900} .why-num{position:absolute;right:52px;top:38px;color:#006fb8;font-size:96px;font-weight:900;line-height:.85;z-index:3} .why-label{position:absolute;right:52px;top:144px;font-size:21px;color:#b8861b;font-weight:700;z-index:3} .why-sub{position:absolute;right:28px;top:175px;width:270px;font-size:12px;line-height:1.3;font-weight:700;z-index:3} .why-grid{position:absolute;left:20px;right:20px;top:296px;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px} .why-card{background:#eef0f1;border-radius:12px;min-height:90px;padding:14px 14px 12px 78px;position:relative;font-size:11.5px;line-height:1.25;box-shadow:0 2px 8px rgba(0,0,0,.04)} .why-icon{position:absolute;left:-10px;top:14px;width:56px;height:56px;border-radius:50%;border:4px solid #1b6b9d;background:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;color:#1b6b9d;box-shadow:0 4px 12px rgba(0,0,0,.08)} .why-card strong{font-size:12px;display:block;margin-bottom:3px;color:#003f7f} \/* \u2500\u2500 P\u00e1gina 5: Soluciones \u2500\u2500 *\/ .sol-page{background:#fff} .sol-header{height:118px;padding:12px 38px;background:linear-gradient(90deg,#004a7f,#248dca);display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden} .sol-logo-svg{width:470px;height:96px;display:flex;align-items:center;justify-content:flex-start;overflow:visible;flex-shrink:0} .sol-logo-svg img{width:auto!important;height:auto!important;max-width:455px!important;max-height:92px!important;object-fit:contain!important;display:block} .sol-title{font-size:22px;line-height:1.25;color:#fff;font-weight:300;border-left:1px solid rgba(255,255,255,.34);padding-left:28px;width:170px;flex-shrink:0} .sol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 14px 6px} .sol-card{background:#f7f8fa;border-radius:11px;padding:11px 7px 9px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #e8eaed;min-height:142px} .sol-icon{width:112px!important;height:70px!important;margin-bottom:5px;display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0} .sol-icon img{width:auto!important;height:auto!important;max-width:104px!important;max-height:66px!important;object-fit:contain!important;display:block} .sol-name{font-size:9.5px;font-weight:900;color:#003f7f;margin-bottom:2px;line-height:1.2} .sol-desc{font-size:8.5px;color:#555;line-height:1.3} .hc-bar{margin:0 14px 6px;background:linear-gradient(90deg,#004a7f,#248dca);border-radius:9px;padding:7px 20px;display:flex;align-items:center;justify-content:center} .hc-bar span{font-size:13px;color:#fff;font-weight:300;letter-spacing:.04em} .hc-bar strong{font-weight:900} .hc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 14px 12px} \/* Tabla: celda de producto con logo *\/ .product-logo-cell{display:flex;align-items:center;gap:8px} .product-logo-cell img{width:auto!important;height:auto!important;max-width:30px!important;max-height:30px!important;object-fit:contain!important;display:block;flex-shrink:0} \/* price detail en tabla PDF *\/ .price-detail{font-size:10.5px;line-height:1.25;color:#333} .price-detail strong{color:#003f7f} .price-detail .muted{color:#777} .value-added-label{display:inline-block;padding:3px 7px;border-radius:999px;background:#eef8ff;color:#006fb8;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.04em} img{max-width:100%} <\/style> <\/head> <body> <div class=\"app\"> <!-- \u2550\u2550 SIDEBAR \u2550\u2550 --> <aside class=\"sidebar\"> <span class=\"sidebar-kicker\">Brand Center<\/span> <div class=\"sidebar-logo\">Generador de propuestas comerciales AMITAI<\/div> <div class=\"sidebar-sub\">Captura los datos del prospecto y genera una propuesta comercial lista para PDF.<\/div> <h2>Datos generales<\/h2> <input id=\"f-id\" type=\"hidden\" value=\"\"> <div class=\"two\"> <div><label>Fecha<\/label><input id=\"f-date\"><\/div> <div><label>Pa\u00eds<\/label><input id=\"f-country\" value=\"M\u00e9xico\"><\/div> <\/div> <label>Empresa<\/label> <input id=\"f-company\" value=\"NOMBRE DE LA EMPRESA\"> <label>Persona contacto<\/label> <input id=\"f-person\" value=\"NOMBRE DE LA PERSONA\"> <h2>Propuestas y soluciones<\/h2> <div id=\"propuestas-list\"><\/div> <button class=\"btn-add-prop\" id=\"btn-add-prop\">+ Agregar propuesta<\/button> <h2>Firma del asesor<\/h2> <label>Nombre<\/label><input id=\"f-advisor\" value=\"Nombre Asesor\"> <label>Email<\/label><input id=\"f-email\" value=\"email@amitai.com\"> <label>Celular<\/label><input id=\"f-phone\" value=\"Cel. 55 0000 0000\"> <div class=\"btns\" style=\"grid-template-columns:1fr;margin-top:16px\"> <button class=\"btn-export\" id=\"btn-pdf\">\u2b07 Exportar PDF<\/button> <\/div> <div class=\"progress-wrap\" id=\"prog-wrap\"> <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"prog-fill\"><\/div><\/div> <div class=\"progress-txt\" id=\"prog-txt\">Preparando...<\/div> <\/div> <\/aside> <!-- \u2550\u2550 PREVIEW \u2550\u2550 --> <main class=\"preview-panel\"> <div class=\"preview-header\">Vista previa \u2014 A4 (794 \u00d7 1123 px por p\u00e1gina)<\/div> <div class=\"preview-wrap\"> <div id=\"pdf-doc\"> <!-- \u2550\u2550 P\u00c1GINA 1: PORTADA \u2550\u2550 --> <div class=\"pdf-page p-cover\"> <div class=\"cover-bg-grid\"><\/div> <div class=\"cover-glow1\"><\/div> <div class=\"cover-glow2\"><\/div> <div class=\"cover-band\"><\/div> <div class=\"cover-band2\"><\/div> <div class=\"cover-corner\"><\/div> <div class=\"cover-topbar\"> <div class=\"cover-logo-svg\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/AMITAI-HC@3x.png\" alt=\"AMITAI\"><\/div> <div class=\"cover-tagline\">Managing risks,<br>the right way<\/div> <\/div> <div class=\"cover-dots\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/div> <div class=\"cover-center\"> <div class=\"cover-eyebrow\">Propuesta Comercial<\/div> <div class=\"cover-brand-svg\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/AMITAI-HC@3x.png\" alt=\"AMITAI Human Cloud\"><\/div> <div class=\"cover-divider\"><\/div> <div class=\"cover-client-box\"> <div class=\"cover-client-label\">Preparada para<\/div> <div class=\"cover-client-name\" id=\"v-cover-company\" data-company-bind>NOMBRE DE LA EMPRESA<\/div> <div class=\"cover-client-person\" id=\"v-cover-person\">Nombre del contacto<\/div> <\/div> <\/div> <div class=\"cover-footer\"> <div class=\"cover-folio\">Folio: <span id=\"v-id\"><\/span><\/div> <div class=\"cover-fecha\">Fecha: <span id=\"v-cover-date\"><\/span><\/div> <\/div> <\/div> <!-- \u2550\u2550 P\u00c1GINA 2: PROPUESTA \u2550\u2550 --> <div class=\"pdf-page\"> <div class=\"pg-header\"> <div class=\"pgh-left\"><\/div> <div class=\"pgh-logo-box\"> <div class=\"pgh-logo-svg\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/AMITAI-HC@3x.png\" alt=\"AMITAI\"><\/div> <\/div> <div class=\"pgh-dark-box\"><\/div> <\/div> <div class=\"pg-footer\"><\/div> <div class=\"pg-content\"> <div class=\"pg-date\">Fecha: <span id=\"v-date\"><\/span><\/div> <div class=\"client-block\"> <strong id=\"v-company\" data-company-bind><\/strong><br> <span id=\"v-person\"><\/span><br> <span class=\"spaced\">Presente.<\/span> <\/div> <p class=\"greeting\"><strong>Estimado\/a <span class=\"v-person-inline\"><\/span>:<\/strong><\/p> <p class=\"intro-text\">Me permito enviarte la siguiente propuesta comercial de AMITAI.<br>Gracias de antemano por permitirnos presentarte nuestros servicios.<\/p> <div class=\"table-wrap\"> <table> <thead> <tr> <th style=\"width:34%\">Soluci\u00f3n<\/th> <th style=\"width:22%\">Tipo de venta<\/th> <th style=\"width:24%\">Costo total<\/th> <th style=\"width:20%\">Importe<\/th> <\/tr> <\/thead> <tbody id=\"v-table-body\"><\/tbody> <tfoot> <tr class=\"total-row\"> <td colspan=\"3\"><strong>Total general<\/strong><\/td> <td><strong>$<span id=\"v-grand-total\">0<\/span><\/strong><\/td> <\/tr> <\/tfoot> <\/table> <\/div> <div class=\"offer-box\"> <h3>\u00bfSab\u00edas que durante esta compra puedes ahorrar si compras en paquete?<\/h3> <p><strong>Te presento estas ofertas:<\/strong><\/p> <p>\u2022 Agrega el historial de la persona, BackgroundCheck AMITAI a $190. cada uno.<\/p> <p>\u2022 Si adquieres la misma cantidad de evaluaciones de Psicometr\u00eda Human Cloud (Perfiles, Personalytic, Smartest y Cognity) se har\u00e1 un 15% de descuento en el total de tu compra.<\/p> <\/div> <div class=\"notes\"> \u2794 Los precios <strong>no<\/strong> incluyen IVA. El plazo de pago es de 15 d\u00edas.<br> \u2794 Las evaluaciones tienen una vigencia anual.<br> \u2794 La Licencia de uso es exclusiva para la empresa, pero puede tener m\u00faltiples usuarios. <\/div> <div class=\"privacy\"> Antes de decidir, conozca nuestro <strong style=\"color:#006fb8\">aviso de privacidad<\/strong> para saber c\u00f3mo le da AMITAI tratamiento confidencial a sus datos y los de sus candidatos o empleados. <\/div> <\/div> <\/div> <!-- \u2550\u2550 P\u00c1GINA 3: INCLUYE \u2550\u2550 --> <div class=\"pdf-page\"> <div class=\"pg-header\"> <div class=\"pgh-left\"><\/div> <div class=\"pgh-logo-box\"> <div class=\"pgh-logo-svg\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/AMITAI-HC@3x.png\" alt=\"AMITAI\"><\/div> <\/div> <div class=\"pgh-dark-box\"><\/div> <\/div> <div class=\"pg-footer\"><\/div> <div class=\"pg-content inc-list\"> <div class=\"inc-title\">Esta propuesta incluye:<\/div> <p>\u2022 <strong>Certificaci\u00f3n* AMITAI\u00ae.<\/strong> Curso de certificaci\u00f3n en l\u00ednea para su personal del \u00e1rea de Recursos Humanos, sin costo alguno. (Con Valor comercial de $9,000 pesos c\/u.)<\/p> <p>\u2022 <strong>Capacitaci\u00f3n permanente<\/strong> para todos sus usuarios sin costo alguno durante la vigencia de la licencia en nuestros webinars programados.<\/p> <p>\u2022 <strong>Panel de Control AMITAI.<\/strong> La nueva plataforma desde la cual pueden de manera sencilla crear un expediente del candidato, importar datos, exportar reportes, generar evaluaciones masivas, establecer alertas, configurar perfiles, comparar resultados, etc.<\/p> <p>\u2022 La opci\u00f3n de agregar preguntas propias de la empresa para cada dimensi\u00f3n o puesto, <strong>SIN<\/strong> afectar la estructura, validez, ni la confiabilidad del test.<\/p> <p>\u2022 Todos los tests incluyen nuestra tecnolog\u00eda de reconocimiento <strong>True Identity.<\/strong><\/p> <p>\u2022 <strong>Verificaci\u00f3n en dos pasos<\/strong> opcional v\u00eda SMS o correo electr\u00f3nico.<\/p> <p>\u2022 Opci\u00f3n de generar reportes de <strong>Background Check AMITAI<\/strong> y otras evaluaciones desde la aplicaci\u00f3n.<\/p> <p>\u2022 <strong>Encuesta de salida<\/strong>, tanto individual como grupal, con reportes en tiempo real.<\/p> <p>\u2022 <strong>Acceso 24\/7 desde cualquier dispositivo m\u00f3vil.<\/strong><\/p> <div class=\"blue-msg\"> <p>Estamos seguros de que nuestras soluciones ser\u00e1n la respuesta a sus necesidades para optimizar sus procesos de selecci\u00f3n y evaluaci\u00f3n de personal, reduciendo riesgos y aumentando la productividad.<\/p> <p>Esta propuesta fue elaborada especialmente para:<br><strong id=\"v-company2\" data-company-bind><\/strong><\/p> <p>Contamos con esquemas de licenciamiento adecuados a las necesidades de cada empresa y por sectores, que nos permiten ofrecer la mejor alternativa de precio a cada cliente.<\/p> <\/div> <div class=\"signature\"> <p><strong>Quedo a sus \u00f3rdenes para revisar juntos esta propuesta.<\/strong><\/p> <p><strong>Atentamente,<\/strong><\/p><br> <p><strong>AMITAI<\/strong><br> <span id=\"v-advisor\"><\/span><br> <span id=\"v-email\"><\/span><br> <span id=\"v-phone\"><\/span><\/p> <\/div> <\/div> <\/div> <!-- \u2550\u2550 P\u00c1GINA 4: POR QU\u00c9 AMITAI \u2550\u2550 --> <div class=\"pdf-page why-page\"> <div class=\"why-dark\"><\/div> <div class=\"why-ttl\">\u00bfPor qu\u00e9<br>los clientes<br><strong>prefieren<br>AMITAI?<\/strong><\/div> <div class=\"why-num\">25<\/div> <div class=\"why-label\">a\u00f1os<\/div> <div class=\"why-sub\"><strong>M\u00e1s de 25 a\u00f1os de liderazgo en M\u00e9xico y Latinoam\u00e9rica.<\/strong> M\u00e1s de 20,000 empresas en 14 pa\u00edses de habla hispana han usado y recomiendan nuestras soluciones.<\/div> <div class=\"why-grid\"> <div class=\"why-card\"><div class=\"why-icon\">\ud83d\udd12<\/div><strong>Tomamos la Seguridad de la Informaci\u00f3n muy en serio.<\/strong>Estamos certificados en la ISO-27001 vigente al 2024.<\/div> <div class=\"why-card\"><div class=\"why-icon\">\u2b50<\/div><strong>El Nivel de Confianza de nuestras evaluaciones es lo que nos ha convertido en el #1.<\/strong>Cumplimos con altos niveles de validez, confiabilidad, an\u00e1lisis de sesgo, y normas (baremos) para cada regi\u00f3n o pa\u00eds.<\/div> <div class=\"why-card\"><div class=\"why-icon\">\u2699\ufe0f<\/div><strong>Usamos tecnolog\u00eda de punta.<\/strong>Nadie invierte m\u00e1s que nosotros en Investigaci\u00f3n y Desarrollo, as\u00ed como en nuestra infraestructura Microsoft Azure.<\/div> <div class=\"why-card\"><div class=\"why-icon\">\ud83d\udd17<\/div><strong>Integraci\u00f3n con otras plataformas.<\/strong>Nuestra plataforma est\u00e1 dise\u00f1ada para poder ofrecerle a trav\u00e9s de nuestra API, exportar datos para integrarse con casi cualquier plataforma de Gesti\u00f3n de RH.<\/div> <div class=\"why-card\"><div class=\"why-icon\">\ud83d\udccb<\/div><strong>Gesti\u00f3n de candidatos.<\/strong>Puede enviar invitaciones para los tests individuales o m\u00faltiples y crear fichas de cada usuario y exportar datos para generar sus propias estad\u00edsticas.<\/div> <div class=\"why-card\"><div class=\"why-icon\">\ud83e\udde0<\/div><strong>Todas las evaluaciones incluyen nuestra metodolog\u00eda \"True Identity\".<\/strong>Para verificar qui\u00e9n respondi\u00f3 la evaluaci\u00f3n.<\/div> <div class=\"why-card\"><div class=\"why-icon\">\ud83d\udcca<\/div><strong>Panel de Control con Business Intelligence.<\/strong>Le permite conocer a simple vista el estado de su cuenta y sus evaluaciones, para darle informaci\u00f3n estad\u00edstica.<\/div> <div class=\"why-card\"><div class=\"why-icon\">\ud83d\udcf1<\/div><strong>Plataforma 100% Responsiva.<\/strong>Los evaluados pueden responder los tests y participar en las encuestas desde cualquier dispositivo m\u00f3vil o de escritorio.<\/div> <div class=\"why-card\"><div class=\"why-icon\">\ud83c\udfc6<\/div><strong>Nuestra plataforma le permite hacer comparativos y ranking de evaluados<\/strong> para cada puesto para comparar antes de decidir.<\/div> <\/div> <\/div> <!-- \u2550\u2550 P\u00c1GINA 5: SOLUCIONES \u2550\u2550 --> <div class=\"pdf-page sol-page\"> <div class=\"sol-header\"> <div class=\"sol-logo-svg\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/AMITAI-HC@3x.png\" alt=\"AMITAI Human Cloud\"><\/div> <span class=\"sol-title\">Conoce nuestras soluciones<\/span> <\/div> <!-- Un solo grid, sin repeticiones, orden: Honestidad \u00b7 BG \u00b7 Integri-Line \u00b7 Perfiles \u00b7 resto --> <div class=\"sol-grid\" style=\"grid-template-columns:repeat(4,1fr);padding:18px 18px 0;\"> <!-- 1. Honestidad --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Honestidad-Vertical@3x.png\" alt=\"Honestidad\"><\/div> <div class=\"sol-name\">Honestidad<\/div> <div class=\"sol-desc\">Test de honestidad pre-empleo con s\u00f3lida construcci\u00f3n psicom\u00e9trica.<\/div> <\/div> <!-- 2. Background Check --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Background-Vertical@3x.png\" alt=\"Background Check AMITAI\"><\/div> <div class=\"sol-name\">Background Check AMITAI<\/div> <div class=\"sol-desc\">Verifica antecedentes laborales, acad\u00e9micos y legales del candidato.<\/div> <\/div> <!-- 3. Integri-Line --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Integri-line-Vertical@3x-1.png\" alt=\"Integri-Line\"><\/div> <div class=\"sol-name\">Integri-Line<\/div> <div class=\"sol-desc\">L\u00ednea de denuncia flexible y segura a la medida de sus necesidades.<\/div> <\/div> <!-- 4. Test de Perfiles --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Perfiles-vertical@3x.png\" alt=\"Test de Perfiles\"><\/div> <div class=\"sol-name\">Test de Perfiles<\/div> <div class=\"sol-desc\">Competencias y tendencias en 4 ejes: Lucha, Relaci\u00f3n, Pausa y Adaptabilidad.<\/div> <\/div> <!-- 5. Test de Seguimiento --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Seguimiento-Vertical@3x.png\" alt=\"Test de Seguimiento\"><\/div> <div class=\"sol-name\">Test de Seguimiento<\/div> <div class=\"sol-desc\">Evaluaci\u00f3n peri\u00f3dica que muestra cambios en conducta y posibles riesgos.<\/div> <\/div> <!-- 6. Test de Permanencia --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Permanencia-Vertical@3x.png\" alt=\"Test de Permanencia\"><\/div> <div class=\"sol-name\">Test de Permanencia<\/div> <div class=\"sol-desc\">Eval\u00faa la probabilidad de que la persona permanezca en la empresa.<\/div> <\/div> <!-- 7. Encuesta de Salida --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Salida-Vertival@3x.png\" alt=\"Encuesta de Salida\"><\/div> <div class=\"sol-name\">Encuesta de Salida<\/div> <div class=\"sol-desc\">Integra informaci\u00f3n sobre causas individuales y tendencias estad\u00edsticas de salida.<\/div> <\/div> <!-- 8. Cognity --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Cognity-Vertical@3x.png\" alt=\"Cognity\"><\/div> <div class=\"sol-name\">Cognity<\/div> <div class=\"sol-desc\">Test de dominancia cerebral. Identifica las preferencias de pensamiento.<\/div> <\/div> <!-- 9. Smartest --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Smartes-Vertical@3x.png\" alt=\"Smartest\"><\/div> <div class=\"sol-name\">Smartest<\/div> <div class=\"sol-desc\">Mide el potencial intelectual de sus candidatos.<\/div> <\/div> <!-- 10. Personalytic --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Personalityc-Vertical@3x-1.png\" alt=\"Personalytic\"><\/div> <div class=\"sol-name\">Personalytic<\/div> <div class=\"sol-desc\">Eval\u00faa rasgos del temperamento con los 5 factores principales de personalidad.<\/div> <\/div> <!-- 11. Ethics Learning --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Ethics-Vertilca@3x.png\" alt=\"Ethics Learning\"><\/div> <div class=\"sol-name\">Ethics Learning<\/div> <div class=\"sol-desc\">Capacitaci\u00f3n en \u00e9tica e integridad para todos los niveles de la organizaci\u00f3n.<\/div> <\/div> <!-- 12. E-Survey --> <div class=\"sol-card\"> <div class=\"sol-icon\"><img decoding=\"async\" src=\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/E-survey-Vertical@3x.png\" alt=\"E-Survey\"><\/div> <div class=\"sol-name\">E-Survey<\/div> <div class=\"sol-desc\">Encuestas de clima y satisfacci\u00f3n laboral con resultados en tiempo real.<\/div> <\/div> <\/div> <\/div> <\/div><!-- \/pdf-doc --> <\/div> <\/main> <\/div> <script>\r\n(function(){\r\n \/* \u2550\u2550 CAT\u00c1LOGO \u2550\u2550 *\/\r\n const CATALOG=[\r\n {name:\"Honestidad Selecci\u00f3n\",price:405},\r\n {name:\"Background Check AMITAI\",price:190},\r\n {name:\"Human Cloud\",price:0},\r\n {name:\"Integri-Line\",price:0},\r\n {name:\"Ethics Learning\",price:0},\r\n {name:\"E-Survey\",price:0},\r\n {name:\"Test de Seguimiento\",price:0},\r\n {name:\"Test de Permanencia\",price:0},\r\n {name:\"Encuesta de Salida\",price:0},\r\n {name:\"Diagn\u00f3stico E+E\",price:0},\r\n {name:\"Cognity\",price:0},\r\n {name:\"Smartest\",price:0},\r\n {name:\"Personalytic\",price:0},\r\n {name:\"Personalityc\",price:0},\r\n {name:\"Test de Perfiles\",price:0}\r\n ];\r\n\r\n const LOGOS={\r\n \"Permanencia\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Permanencia-Vertical@3x.png\",\r\n \"Test de Permanencia\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Permanencia-Vertical@3x.png\",\r\n \"Perfiles\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Perfiles-vertical@3x.png\",\r\n \"Test de Perfiles\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Perfiles-vertical@3x.png\",\r\n \"Integri-Line\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Integri-line-Vertical@3x-1.png\",\r\n \"Honestidad\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Honestidad-Vertical@3x.png\",\r\n \"Honestidad Selecci\u00f3n\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Honestidad-Vertical@3x.png\",\r\n \"Habilidades cognitivas\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Habilidades-Cognitivas-Vertical@3x.png\",\r\n \"Ethics Learning\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Ethics-Vertilca@3x.png\",\r\n \"E-Survey\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/E-survey-Vertical@3x.png\",\r\n \"Cognity\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Cognity-Vertical@3x.png\",\r\n \"Background Check\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Background-Vertical@3x.png\",\r\n \"Background Check AMITAI\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Background-Vertical@3x.png\",\r\n \"AMITAI\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/AMITAI-HC@3x.png\",\r\n \"Human Cloud\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/AMITAI-HC@3x.png\",\r\n \"Smartest\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Smartes-Vertical@3x.png\",\r\n \"Honestidad Seguimiento\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Seguimiento-Vertical@3x.png\",\r\n \"Test de Seguimiento\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Seguimiento-Vertical@3x.png\",\r\n \"Encuesta de Salida\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Salida-Vertival@3x.png\",\r\n \"Pre Employment\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Pre-employment-Vertical@3x.png\",\r\n \"Pre Employment Screening\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Pre-employment-Vertical@3x.png\",\r\n \"Personalytic\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Personalityc-Vertical@3x-1.png\",\r\n \"Personalityc\":\"https:\/\/www.amitai.com\/es\/wp-content\/uploads\/2026\/05\/Personalityc-Vertical@3x-1.png\"\r\n };\r\n\r\n function logoFor(name){return LOGOS[name]||LOGOS[\"AMITAI\"]}\r\n\r\n const $=id=>document.getElementById(id);\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ESTRUCTURA DE DATOS:\r\n propuestas = [\r\n {\r\n nombre: \"Propuesta 1\",\r\n soluciones: [\r\n { name, saleType, price, discount, valueAdded }\r\n ]\r\n }\r\n ]\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n let propuestas=[\r\n {\r\n nombre:\"Propuesta 1\",\r\n soluciones:[\r\n {name:\"Honestidad Selecci\u00f3n\", saleType:\"100 evaluaciones\", price:405, discount:0, valueAdded:false}\r\n ]\r\n }\r\n ];\r\n\r\n const fields={\r\n id:$(\"f-id\"),date:$(\"f-date\"),country:$(\"f-country\"),\r\n company:$(\"f-company\"),person:$(\"f-person\"),\r\n advisor:$(\"f-advisor\"),email:$(\"f-email\"),phone:$(\"f-phone\")\r\n };\r\n\r\n function fmt(n){return Number(n||0).toLocaleString(\"es-MX\",{minimumFractionDigits:0,maximumFractionDigits:0})}\r\n\r\n function optHTML(sel){\r\n return CATALOG.map(c=>`<option value=\"${c.name}\" data-price=\"${c.price}\"${c.name===sel?\" selected\":\"\"}>${c.name}<\/option>`).join(\"\");\r\n }\r\n\r\n \/* \u2500\u2500 Render inputs sidebar \u2500\u2500 *\/\r\n function renderInputs(){\r\n const list=$(\"propuestas-list\");\r\n list.innerHTML=\"\";\r\n\r\n propuestas.forEach((prop,pi)=>{\r\n const propDiv=document.createElement(\"div\");\r\n propDiv.className=\"propuesta-item\";\r\n propDiv.dataset.pi=pi;\r\n\r\n \/\/ Header propuesta\r\n const propHead=document.createElement(\"div\");\r\n propHead.className=\"propuesta-head\";\r\n propHead.innerHTML=`\r\n <div style=\"display:flex;align-items:center;gap:8px;flex:1\">\r\n <span class=\"propuesta-label\">\ud83d\udccb<\/span>\r\n <input\r\n class=\"prop-nombre\"\r\n data-pi=\"${pi}\"\r\n value=\"${prop.nombre}\"\r\n placeholder=\"Nombre de propuesta\"\r\n style=\"flex:1;margin:0;font-size:12px;font-weight:900;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;\"\r\n >\r\n <\/div>\r\n ${propuestas.length>1?`<button class=\"btn-remove-prop\" data-pi=\"${pi}\" style=\"margin-left:8px;flex-shrink:0\">\u2715<\/button>`:\"\"}\r\n `;\r\n propDiv.appendChild(propHead);\r\n\r\n \/\/ Soluciones de esta propuesta\r\n const solContainer=document.createElement(\"div\");\r\n solContainer.className=\"sol-container\";\r\n solContainer.dataset.pi=pi;\r\n\r\n prop.soluciones.forEach((sol,si)=>{\r\n const finalUnit=sol.price*(1-(sol.discount||0)\/100);\r\n const solDiv=document.createElement(\"div\");\r\n solDiv.className=\"solution-item\";\r\n solDiv.dataset.pi=pi;\r\n solDiv.dataset.si=si;\r\n\r\n solDiv.innerHTML=`\r\n <div class=\"solution-head\">\r\n <span>Soluci\u00f3n ${si+1}<\/span>\r\n ${prop.soluciones.length>1?`<button class=\"btn-remove\" data-pi=\"${pi}\" data-si=\"${si}\">Eliminar<\/button>`:\"\"}\r\n <\/div>\r\n\r\n <label>Producto<\/label>\r\n <select class=\"s-name\" data-pi=\"${pi}\" data-si=\"${si}\">${optHTML(sol.name)}<\/select>\r\n\r\n <label>Tipo de venta<\/label>\r\n <input class=\"s-saletype\" data-pi=\"${pi}\" data-si=\"${si}\"\r\n type=\"text\"\r\n maxlength=\"60\"\r\n placeholder=\"Ej: 100 evaluaciones, Licencia anual\u2026\"\r\n value=\"${sol.saleType||''}\">\r\n\r\n <div class=\"price-row\">\r\n <div>\r\n <label>Costo total<\/label>\r\n <input class=\"s-price\" data-pi=\"${pi}\" data-si=\"${si}\" type=\"number\" min=\"0\" value=\"${sol.price}\">\r\n <\/div>\r\n <div>\r\n <label>Desc. %<\/label>\r\n <input class=\"s-discount\" data-pi=\"${pi}\" data-si=\"${si}\" type=\"number\" min=\"0\" max=\"100\" value=\"${sol.discount||0}\">\r\n <\/div>\r\n <label class=\"value-added-box\">\r\n <input class=\"s-valueadded\" data-pi=\"${pi}\" data-si=\"${si}\" type=\"checkbox\" ${sol.valueAdded?\"checked\":\"\"}>\r\n <span>Valor agregado<\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"mini-total\" id=\"mt-${pi}-${si}\">${sol.valueAdded?\"Valor agregado: sin cargo\":\"Total: $\"+fmt(sol.price*(1-(sol.discount||0)\/100))}<\/div>\r\n `;\r\n solContainer.appendChild(solDiv);\r\n });\r\n\r\n propDiv.appendChild(solContainer);\r\n\r\n \/\/ Bot\u00f3n agregar soluci\u00f3n\r\n const btnSol=document.createElement(\"button\");\r\n btnSol.className=\"btn-add-sol\";\r\n btnSol.dataset.pi=pi;\r\n btnSol.textContent=\"+ Agregar soluci\u00f3n\";\r\n propDiv.appendChild(btnSol);\r\n\r\n list.appendChild(propDiv);\r\n });\r\n }\r\n\r\n \/* \u2500\u2500 Sync inputs \u2192 data \u2500\u2500 *\/\r\n function syncInputs(){\r\n \/\/ sync propuesta nombres\r\n document.querySelectorAll(\".prop-nombre\").forEach(el=>{\r\n const pi=Number(el.dataset.pi);\r\n if(propuestas[pi]) propuestas[pi].nombre=el.value;\r\n });\r\n \/\/ sync soluciones\r\n document.querySelectorAll(\".solution-item\").forEach(el=>{\r\n const pi=Number(el.dataset.pi);\r\n const si=Number(el.dataset.si);\r\n if(!propuestas[pi]||!propuestas[pi].soluciones[si])return;\r\n const name=el.querySelector(\".s-name\").value;\r\n const saleType=el.querySelector(\".s-saletype\").value;\r\n const price=Number(el.querySelector(\".s-price\").value||0);\r\n const discount=Math.min(100,Math.max(0,Number(el.querySelector(\".s-discount\")?.value||0)));\r\n const valueAdded=!!el.querySelector(\".s-valueadded\")?.checked;\r\n propuestas[pi].soluciones[si]={name,saleType,price,discount,valueAdded};\r\n \/\/ update mini-total\r\n const mt=el.querySelector(\".mini-total\");\r\n if(mt){\r\n mt.textContent=valueAdded?\"Valor agregado: sin cargo\":\"Total: $\"+fmt(price*(1-discount\/100));\r\n }\r\n });\r\n }\r\n\r\n \/* \u2500\u2500 Render preview PDF \u2500\u2500 *\/\r\n function renderPreview(){\r\n $(\"v-id\").textContent=fields.id.value;\r\n $(\"v-date\").textContent=fields.date.value;\r\n $(\"v-cover-date\").textContent=fields.date.value;\r\n document.querySelectorAll(\"[data-company-bind]\").forEach(el=>el.textContent=fields.company.value);\r\n $(\"v-cover-person\").textContent=fields.person.value;\r\n $(\"v-person\").textContent=fields.person.value;\r\n $(\"v-advisor\").textContent=fields.advisor.value;\r\n $(\"v-email\").textContent=fields.email.value;\r\n $(\"v-phone\").textContent=fields.phone.value;\r\n document.querySelectorAll(\".v-person-inline\").forEach(el=>el.textContent=fields.person.value);\r\n\r\n const tbody=$(\"v-table-body\");\r\n tbody.innerHTML=\"\";\r\n let grandTotal=0;\r\n\r\n propuestas.forEach((prop,pi)=>{\r\n \/\/ Fila de encabezado de propuesta\r\n const headerRow=document.createElement(\"tr\");\r\n headerRow.className=\"prop-group-header\";\r\n headerRow.innerHTML=`<td colspan=\"4\">\ud83d\udccb ${prop.nombre||\"Propuesta \"+(pi+1)}<\/td>`;\r\n tbody.appendChild(headerRow);\r\n\r\n let propSubtotal=0;\r\n\r\n prop.soluciones.forEach(sol=>{\r\n const price=Number(sol.price||0);\r\n const discount=Math.min(100,Math.max(0,Number(sol.discount||0)));\r\n const valueAdded=!!sol.valueAdded;\r\n const finalPrice=valueAdded?0:price*(1-discount\/100);\r\n propSubtotal+=finalPrice;\r\n grandTotal+=finalPrice;\r\n\r\n const costCell=valueAdded\r\n ?`<span class=\"value-added-label\">Valor agregado<\/span>`\r\n :`<div class=\"price-detail\"><strong>$${fmt(finalPrice)}.<\/strong>${discount>0?`<br><span class=\"muted\">Base: $${fmt(price)} \u00b7 Desc. ${discount}%<\/span>`:\"\"}<\/div>`;\r\n\r\n const importeCell=valueAdded?\"\u2014\":\"$\"+fmt(finalPrice);\r\n\r\n const tr=document.createElement(\"tr\");\r\n tr.innerHTML=`\r\n <td><div class=\"product-logo-cell\"><img decoding=\"async\" src=\"${logoFor(sol.name)}\" alt=\"${sol.name}\"><span>${sol.name}<\/span><\/div><\/td>\r\n <td>${sol.saleType||\"\u2014\"}<\/td>\r\n <td>${costCell}<\/td>\r\n <td>${importeCell}<\/td>\r\n `;\r\n tbody.appendChild(tr);\r\n });\r\n\r\n \/\/ Fila subtotal de propuesta (solo si hay m\u00e1s de una propuesta)\r\n if(propuestas.length>1){\r\n const subRow=document.createElement(\"tr\");\r\n subRow.className=\"subtotal-row\";\r\n subRow.innerHTML=`<td colspan=\"3\" style=\"text-align:right;padding-right:10px\">Subtotal ${prop.nombre||\"Propuesta \"+(pi+1)}<\/td><td>$${fmt(propSubtotal)}<\/td>`;\r\n tbody.appendChild(subRow);\r\n }\r\n\r\n \/\/ Separador visual entre propuestas\r\n if(pi < propuestas.length-1){\r\n const sepRow=document.createElement(\"tr\");\r\n sepRow.className=\"prop-separator\";\r\n sepRow.innerHTML=`<td colspan=\"4\"><\/td>`;\r\n tbody.appendChild(sepRow);\r\n }\r\n });\r\n\r\n $(\"v-grand-total\").textContent=fmt(grandTotal);\r\n }\r\n\r\n function update(){\r\n syncInputs();\r\n renderPreview();\r\n }\r\n\r\n \/* \u2550\u2550 EVENT DELEGATION sidebar \u2550\u2550 *\/\r\n const propList=$(\"propuestas-list\");\r\n\r\n propList.addEventListener(\"input\",e=>{\r\n \/\/ nombres de propuesta\r\n if(e.target.matches(\".prop-nombre\")){update();return;}\r\n \/\/ campos de soluci\u00f3n\r\n if(e.target.matches(\".s-saletype,.s-price,.s-discount,.s-valueadded\")){update();}\r\n });\r\n\r\n propList.addEventListener(\"change\",e=>{\r\n if(e.target.matches(\".s-valueadded\")){update();return;}\r\n if(e.target.matches(\".s-name\")){\r\n const sel=e.target.options[e.target.selectedIndex];\r\n const price=Number(sel.dataset.price||0);\r\n if(price>0){\r\n const item=e.target.closest(\".solution-item\");\r\n if(item) item.querySelector(\".s-price\").value=price;\r\n }\r\n update();\r\n }\r\n });\r\n\r\n propList.addEventListener(\"click\",e=>{\r\n \/\/ Eliminar soluci\u00f3n\r\n if(e.target.matches(\".btn-remove\")){\r\n syncInputs();\r\n const pi=Number(e.target.dataset.pi);\r\n const si=Number(e.target.dataset.si);\r\n propuestas[pi].soluciones.splice(si,1);\r\n renderInputs();update();\r\n return;\r\n }\r\n \/\/ Eliminar propuesta\r\n if(e.target.matches(\".btn-remove-prop\")){\r\n syncInputs();\r\n const pi=Number(e.target.dataset.pi);\r\n propuestas.splice(pi,1);\r\n renderInputs();update();\r\n return;\r\n }\r\n \/\/ Agregar soluci\u00f3n\r\n if(e.target.matches(\".btn-add-sol\")){\r\n syncInputs();\r\n const pi=Number(e.target.dataset.pi);\r\n propuestas[pi].soluciones.push({name:\"Background Check AMITAI\",saleType:\"\",price:190,discount:0,valueAdded:false});\r\n renderInputs();update();\r\n return;\r\n }\r\n });\r\n\r\n \/\/ Agregar propuesta nueva\r\n $(\"btn-add-prop\").addEventListener(\"click\",()=>{\r\n syncInputs();\r\n const n=propuestas.length+1;\r\n propuestas.push({\r\n nombre:\"Propuesta \"+n,\r\n soluciones:[{name:\"Honestidad Selecci\u00f3n\",saleType:\"\",price:405,discount:0,valueAdded:false}]\r\n });\r\n renderInputs();update();\r\n });\r\n\r\n Object.values(fields).forEach(el=>el.addEventListener(\"input\",update));\r\n\r\n \/* \u2550\u2550 FOLIO \u2014 siempre empieza en 1 por dispositivo \u2550\u2550 *\/\r\n \/\/ Usamos sessionStorage para que cada nueva sesi\u00f3n\/pesta\u00f1a arranque en 1.\r\n \/\/ Si el usuario refresca la misma sesi\u00f3n, contin\u00faa desde donde qued\u00f3.\r\n const FOLIO_PREFIX=\"ID\";\r\n const FOLIO_KEY=\"amitai_folio_session_v1\";\r\n const SHEETS_WEBHOOK_URL=\"https:\/\/script.google.com\/macros\/s\/AKfycbyeVrKgrrnCmoQ_aOU6in3W7b5tTAzqoh2ugj1xNGFD1Lq9386uYWZm-bOdPo6kWbL_\/exec\";\r\n const API_KEY=\"AMITAI-PRIVATE-2026\";\r\n\r\n function currentFolio(){\r\n const saved=Number(sessionStorage.getItem(FOLIO_KEY)||0);\r\n return saved>0?saved:1;\r\n }\r\n\r\n function previewNextFolio(){\r\n fields.id.value=FOLIO_PREFIX+currentFolio();\r\n renderPreview();\r\n }\r\n\r\n function assignNextFolio(){\r\n const folio=currentFolio();\r\n sessionStorage.setItem(FOLIO_KEY,String(folio+1));\r\n fields.id.value=FOLIO_PREFIX+folio;\r\n renderPreview();\r\n return fields.id.value;\r\n }\r\n\r\n \/* \u2550\u2550 Sheets payload \u2550\u2550 *\/\r\n async function sendProposalToSheets(payload){\r\n if(!SHEETS_WEBHOOK_URL)return;\r\n try{\r\n await fetch(SHEETS_WEBHOOK_URL,{\r\n method:\"POST\",mode:\"no-cors\",\r\n headers:{\"Content-Type\":\"application\/json\"},\r\n body:JSON.stringify(payload)\r\n });\r\n }catch(err){console.warn(\"No se pudo registrar en Sheets:\",err)}\r\n }\r\n\r\n function buildProposalPayload(folio){\r\n const allSols=propuestas.flatMap((prop,pi)=>\r\n prop.soluciones.map(sol=>{\r\n const price=Number(sol.price||0);\r\n const discount=Math.min(100,Math.max(0,Number(sol.discount||0)));\r\n const valueAdded=!!sol.valueAdded;\r\n const finalPrice=valueAdded?0:price*(1-discount\/100);\r\n return {\r\n propuesta:prop.nombre||\"Propuesta \"+(pi+1),\r\n producto:sol.name,\r\n tipo_venta:sol.saleType,\r\n precio_base:price,\r\n descuento_pct:discount,\r\n valor_agregado:valueAdded,\r\n costo_total:finalPrice\r\n };\r\n })\r\n );\r\n const total_general=allSols.reduce((acc,r)=>acc+Number(r.costo_total||0),0);\r\n return {\r\n apiKey:API_KEY,folio,\r\n fecha:fields.date.value,pais:fields.country.value,\r\n empresa:fields.company.value,contacto:fields.person.value,\r\n asesor:fields.advisor.value,email:fields.email.value,celular:fields.phone.value,\r\n total_general,soluciones:allSols,\r\n creado_en:new Date().toISOString()\r\n };\r\n }\r\n\r\n \/* \u2550\u2550 Im\u00e1genes ready \u2550\u2550 *\/\r\n function waitForImages(root){\r\n return Promise.all([...root.querySelectorAll(\"img\")].map(img=>{\r\n if(img.complete&&img.naturalWidth>0)return Promise.resolve();\r\n return new Promise(res=>{img.onload=res;img.onerror=res});\r\n }));\r\n }\r\n\r\n \/* \u2550\u2550 EXPORT PDF \u2550\u2550 *\/\r\n $(\"btn-pdf\").addEventListener(\"click\",async()=>{\r\n update();\r\n const assignedFolio=assignNextFolio();\r\n const btn=$(\"btn-pdf\");\r\n const progWrap=$(\"prog-wrap\");\r\n const progFill=$(\"prog-fill\");\r\n const progTxt=$(\"prog-txt\");\r\n btn.disabled=true;\r\n progWrap.classList.add(\"show\");\r\n try{\r\n await waitForImages(document.getElementById(\"pdf-doc\"));\r\n const {jsPDF}=window.jspdf;\r\n const doc=new jsPDF({orientation:\"portrait\",unit:\"px\",format:[794,1123],compress:true});\r\n const pages=document.querySelectorAll(\"#pdf-doc .pdf-page\");\r\n const total=pages.length;\r\n for(let i=0;i<total;i++){\r\n const page=pages[i];\r\n progFill.style.width=Math.round((i\/total)*90)+\"%\";\r\n progTxt.textContent=`Capturando p\u00e1gina ${i+1} de ${total}...`;\r\n await new Promise(r=>setTimeout(r,80));\r\n const canvas=await html2canvas(page,{\r\n scale:2,useCORS:true,allowTaint:true,backgroundColor:null,\r\n logging:false,width:794,height:1123,windowWidth:794,\r\n scrollX:0,scrollY:0,x:0,y:0\r\n });\r\n const imgData=canvas.toDataURL(\"image\/jpeg\",0.95);\r\n if(i>0)doc.addPage([794,1123],\"px\");\r\n doc.addImage(imgData,\"JPEG\",0,0,794,1123,undefined,\"FAST\");\r\n }\r\n progFill.style.width=\"100%\";\r\n progTxt.textContent=\"Descargando PDF...\";\r\n const folio=fields.id.value||\"propuesta\";\r\n const empresa=(fields.company.value||\"cliente\").replace(\/[^a-z0-9]\/gi,\"-\").toLowerCase();\r\n doc.save(`AMITAI-${empresa}-${folio}.pdf`);\r\n await sendProposalToSheets(buildProposalPayload(assignedFolio));\r\n }catch(err){\r\n console.error(\"Error al generar PDF:\",err);\r\n alert(\"Error al generar el PDF. Revisa la consola para m\u00e1s detalles.\");\r\n }finally{\r\n setTimeout(()=>{\r\n btn.disabled=false;\r\n progWrap.classList.remove(\"show\");\r\n progFill.style.width=\"0\";\r\n progTxt.textContent=\"Preparando...\";\r\n },1500);\r\n }\r\n });\r\n\r\n \/* \u2500\u2500 Logos p\u00e1gina de soluciones \u2500\u2500 *\/\r\n function renderSolutionLogos(){\r\n document.querySelectorAll(\".sol-card\").forEach(card=>{\r\n const nameEl=card.querySelector(\".sol-name\");\r\n const iconEl=card.querySelector(\".sol-icon\");\r\n if(!nameEl||!iconEl||iconEl.querySelector(\"img\"))return;\r\n const name=nameEl.textContent.trim();\r\n iconEl.innerHTML=`<img decoding=\"async\" src=\"${logoFor(name)}\" alt=\"${name}\">`;\r\n });\r\n }\r\n\r\n \/* \u2500\u2500 Init \u2500\u2500 *\/\r\n function setToday(){\r\n if(fields.date.value)return;\r\n const t=new Date();\r\n fields.date.value=t.toLocaleDateString(\"es-MX\",{day:\"2-digit\",month:\"2-digit\",year:\"numeric\"});\r\n }\r\n\r\n setToday();\r\n renderSolutionLogos();\r\n renderInputs();\r\n previewNextFolio();\r\n})();\r\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>Generador de Propuestas AMITAI Brand Center Generador de propuestas comerciales AMITAI Captura los datos del prospecto y genera una propuesta<\/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-6520","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6520","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=6520"}],"version-history":[{"count":112,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6520\/revisions"}],"predecessor-version":[{"id":6764,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/pages\/6520\/revisions\/6764"}],"wp:attachment":[{"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/media?parent=6520"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.amitai.com\/es\/wp-json\/wp\/v2\/folder?post=6520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}