{"id":1117,"date":"2026-08-03T16:53:32","date_gmt":"2026-08-03T16:53:32","guid":{"rendered":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/?page_id=1117"},"modified":"2026-08-03T17:23:14","modified_gmt":"2026-08-03T17:23:14","slug":"derivaciones","status":"publish","type":"page","link":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/derivaciones\/","title":{"rendered":"Derivaciones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1117\" class=\"elementor elementor-1117\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f57c42 e-flex e-con-boxed e-con e-parent\" data-id=\"1f57c42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3904ab7 elementor-widget elementor-widget-html\" data-id=\"3904ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  :root{\n    --azul:#1B3A6B;\n    --azul-osc:#122a52;\n    --rojo:#C8102E;\n    --dorado:#C9A227;\n    --gris-bg:#F4F5F7;\n    --gris-borde:#DCE0E6;\n    --texto:#1A1D23;\n    --texto-sec:#6B7280;\n    --verde:#1E8E5A;\n    --blanco:#FFFFFF;\n  }\n  *{box-sizing:border-box;}\n  .form-derivaciones-container{\n    margin:0;\n    font-family:'DM Sans','Inter',system-ui,-apple-system,sans-serif;\n    background:var(--gris-bg);\n    color:var(--texto);\n    min-height:100vh;\n    display:flex;\n    justify-content:center;\n  }\n  .wrap{\n    width:100%;\n    max-width:440px;\n    min-height:100vh;\n    background:var(--blanco);\n    display:flex;\n    flex-direction:column;\n  }\n  header{\n    background:linear-gradient(135deg, var(--azul) 0%, var(--azul-osc) 100%);\n    color:var(--blanco);\n    padding:28px 24px 22px;\n    position:relative;\n    overflow:hidden;\n  }\n  header::after{\n    content:\"\";\n    position:absolute;\n    right:-30px;\n    top:-30px;\n    width:130px;\n    height:130px;\n    border-radius:50%;\n    background:rgba(201,162,39,0.18);\n  }\n  header .eyebrow{\n    font-size:12px;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n    color:var(--dorado);\n    font-weight:700;\n    margin:0 0 6px;\n  }\n  header h1{\n    margin:0;\n    font-size:22px;\n    font-weight:800;\n    line-height:1.25;\n  }\n  header p{\n    margin:8px 0 0;\n    font-size:13.5px;\n    color:rgba(255,255,255,0.78);\n  }\n\n  main{\n    flex:1;\n    padding:22px 20px 100px;\n  }\n\n  .campo{ margin-bottom:20px; }\n  .campo label{\n    display:block;\n    font-size:13px;\n    font-weight:700;\n    color:var(--texto);\n    margin-bottom:7px;\n  }\n  .campo .hint{\n    font-size:12px;\n    color:var(--texto-sec);\n    margin-top:5px;\n  }\n  input[type=\"date\"],\n  input[type=\"text\"],\n  input[type=\"number\"]{\n    width:100%;\n    padding:13px 14px;\n    border:1.5px solid var(--gris-borde);\n    border-radius:10px;\n    font-size:16px;\n    font-family:inherit;\n    color:var(--texto);\n    background:var(--blanco);\n    transition:border-color .15s ease;\n  }\n  input[type=\"date\"]{\n    -webkit-appearance:none;\n    appearance:none;\n    min-height:20px;\n  }\n  input[type=\"date\"]::-webkit-date-and-time-value{\n    text-align:left;\n    font-size:16px;\n    font-weight:400;\n    padding:0;\n  }\n  input[type=\"date\"]::-webkit-datetime-edit{\n    font-size:16px;\n  }\n  input:focus{\n    outline:none;\n    border-color:var(--azul);\n    box-shadow:0 0 0 3px rgba(27,58,107,0.12);\n  }\n  input::placeholder{ color:#B0B5BD; }\n\n  .vendedor-check{\n    display:none;\n    align-items:center;\n    gap:6px;\n    font-size:12.5px;\n    font-weight:700;\n    margin-top:7px;\n    padding:7px 10px;\n    border-radius:8px;\n  }\n  .vendedor-check.visible{ display:flex; }\n  .vendedor-check.ok{\n    color:var(--verde);\n    background:rgba(30,142,90,0.08);\n  }\n  .vendedor-check.warn{\n    color:#B8860B;\n    background:rgba(201,162,39,0.12);\n  }\n\n  .foto-picker{\n    position:relative;\n    border:1.5px dashed var(--gris-borde);\n    border-radius:12px;\n    background:var(--gris-bg);\n    min-height:120px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    overflow:hidden;\n    cursor:pointer;\n    transition:border-color .15s ease;\n  }\n  .foto-picker.tiene-foto{\n    border-style:solid;\n    border-color:var(--gris-borde);\n    background:var(--blanco);\n  }\n  .foto-placeholder{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    gap:8px;\n    color:var(--texto-sec);\n    font-size:13px;\n    font-weight:600;\n    padding:20px;\n  }\n  #foto-preview{\n    display:none;\n    width:100%;\n    max-height:220px;\n    object-fit:contain;\n    background:#111;\n  }\n  #foto-preview.visible{ display:block; }\n  .foto-picker.tiene-foto .foto-placeholder{ display:none; }\n  #foto-input{\n    position:absolute;\n    width:0.1px;\n    height:0.1px;\n    opacity:0;\n    overflow:hidden;\n  }\n\n  .toggle-group{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:10px;\n  }\n  .toggle-btn{\n    padding:16px 10px;\n    border-radius:12px;\n    border:1.5px solid var(--gris-borde);\n    background:var(--blanco);\n    font-size:15px;\n    font-weight:700;\n    font-family:inherit;\n    color:var(--texto-sec);\n    cursor:pointer;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n    transition:all .15s ease;\n    -webkit-tap-highlight-color:transparent;\n  }\n  .toggle-btn .dot{\n    width:9px;height:9px;border-radius:50%;\n    background:var(--gris-borde);\n    flex-shrink:0;\n  }\n  .toggle-btn.apto.activo{\n    border-color:var(--verde);\n    background:rgba(30,142,90,0.08);\n    color:var(--verde);\n  }\n  .toggle-btn.apto.activo .dot{ background:var(--verde); }\n  .toggle-btn.no-apto.activo{\n    border-color:var(--rojo);\n    background:rgba(200,16,46,0.06);\n    color:var(--rojo);\n  }\n  .toggle-btn.no-apto.activo .dot{ background:var(--rojo); }\n\n  .motivo-wrap{\n    max-height:0;\n    opacity:0;\n    overflow:hidden;\n    transition:max-height .25s ease, opacity .2s ease, margin .25s ease;\n  }\n  .motivo-wrap.abierto{\n    max-height:220px;\n    opacity:1;\n    margin-top:14px;\n  }\n  select{\n    width:100%;\n    padding:13px 14px;\n    border:1.5px solid var(--gris-borde);\n    border-radius:10px;\n    font-size:16px;\n    font-family:inherit;\n    color:var(--texto);\n    background:var(--blanco);\n    appearance:none;\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n    background-repeat:no-repeat;\n    background-position:right 14px center;\n  }\n  select:focus{\n    outline:none;\n    border-color:var(--azul);\n    box-shadow:0 0 0 3px rgba(27,58,107,0.12);\n  }\n\n  .footer-bar{\n    position:sticky;\n    bottom:0;\n    background:var(--blanco);\n    border-top:1px solid var(--gris-borde);\n    padding:14px 20px calc(14px + env(safe-area-inset-bottom));\n    max-width:440px;\n    margin:0 auto;\n    width:100%;\n  }\n  .btn-registrar{\n    width:100%;\n    padding:16px;\n    border:none;\n    border-radius:12px;\n    background:var(--azul);\n    color:var(--blanco);\n    font-size:16px;\n    font-weight:800;\n    font-family:inherit;\n    cursor:pointer;\n    transition:background .15s ease, transform .1s ease;\n  }\n  .btn-registrar:active{ transform:scale(0.98); }\n  .btn-registrar:disabled{\n    background:#A9B4C4;\n    cursor:not-allowed;\n  }\n  .error-msg{\n    color:var(--rojo);\n    font-size:12.5px;\n    margin-top:6px;\n    display:none;\n  }\n  .error-msg.visible{ display:block; }\n\n  \/* Pantalla de confirmaci\u00f3n *\/\n  .confirm-screen{\n    flex:1;\n    display:none;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    padding:40px 30px;\n    text-align:center;\n  }\n  .confirm-screen.visible{ display:flex; }\n  .check-circle{\n    width:74px;height:74px;\n    border-radius:50%;\n    background:rgba(30,142,90,0.1);\n    display:flex;align-items:center;justify-content:center;\n    margin-bottom:22px;\n  }\n  .confirm-screen h2{\n    font-size:19px;\n    margin:0 0 10px;\n    font-weight:800;\n  }\n  .confirm-screen p{\n    font-size:14px;\n    color:var(--texto-sec);\n    margin:0 0 30px;\n    line-height:1.5;\n  }\n  .btn-nuevo{\n    padding:14px 28px;\n    border-radius:12px;\n    border:1.5px solid var(--azul);\n    background:var(--blanco);\n    color:var(--azul);\n    font-size:15px;\n    font-weight:700;\n    font-family:inherit;\n    cursor:pointer;\n  }\n\n  .estado-envio{\n    text-align:center;\n    font-size:12.5px;\n    color:var(--texto-sec);\n    margin-top:10px;\n    display:none;\n  }\n  .estado-envio.visible{ display:block; }\n<\/style>\n<\/head>\n<body>\n<div class=\"form-derivaciones-container\">\n<div class=\"wrap\">\n  <header>\n    <p class=\"eyebrow\">El Palacio de la Oportunidad<\/p>\n    <h1>Registro de derivaciones<\/h1>\n    <p>Carg\u00e1 cada cliente derivado por un vendedor al stand.<\/p>\n  <\/header>\n\n  <main>\n    <form id=\"form-derivacion\">\n      <div class=\"campo\">\n        <label for=\"fecha\">Fecha<\/label>\n        <input type=\"date\" id=\"fecha\" required>\n      <\/div>\n\n      <div class=\"campo\">\n        <label for=\"dni\">DNI del cliente<\/label>\n        <input type=\"text\" id=\"dni\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"Ej: 32456789\" required maxlength=\"10\">\n        <div class=\"error-msg\" id=\"error-dni\">Ingres\u00e1 un DNI v\u00e1lido (7 u 8 d\u00edgitos).<\/div>\n      <\/div>\n\n      <div class=\"campo\">\n        <label for=\"vendedor\">N\u00b0 de vendedor<\/label>\n        <input type=\"text\" id=\"vendedor\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"Ej: 14\" required maxlength=\"6\">\n        <div class=\"vendedor-check\" id=\"vendedor-check\"><\/div>\n      <\/div>\n\n      <div class=\"campo\">\n        <label for=\"foto-input\">Foto del comprobante<\/label>\n        <div class=\"foto-picker\" id=\"foto-picker\">\n          <div class=\"foto-placeholder\" id=\"foto-placeholder\">\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 7h3l1.5-2h7L17 7h3a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1z\" stroke=\"#6B7280\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"13\" r=\"3.5\" stroke=\"#6B7280\" stroke-width=\"1.6\"\/><\/svg>\n            <span>Tomar o elegir foto<\/span>\n          <\/div>\n          <img id=\"foto-preview\" alt=\"Vista previa del comprobante\">\n        <\/div>\n        <input type=\"file\" id=\"foto-input\" accept=\"image\/*\" capture=\"environment\">\n      <\/div>\n\n      <div class=\"campo\">\n        <label>Resultado<\/label>\n        <div class=\"toggle-group\">\n          <button type=\"button\" class=\"toggle-btn apto\" data-valor=\"Apto\">\n            <span class=\"dot\"><\/span> Apto\n          <\/button>\n          <button type=\"button\" class=\"toggle-btn no-apto\" data-valor=\"No apto\">\n            <span class=\"dot\"><\/span> No apto\n          <\/button>\n        <\/div>\n        <div class=\"error-msg\" id=\"error-resultado\">Seleccion\u00e1 un resultado.<\/div>\n\n        <div class=\"motivo-wrap\" id=\"motivo-wrap\">\n          <label for=\"motivo\" style=\"margin-top:0;\">Motivo (opcional)<\/label>\n          <select id=\"motivo\">\n            <option value=\"\">Sin especificar<\/option>\n            <option value=\"Sin ingresos demostrables\">Sin ingresos demostrables<\/option>\n            <option value=\"Situaci\u00f3n crediticia (Veraz\/BCRA)\">Situaci\u00f3n crediticia (Veraz\/BCRA)<\/option>\n            <option value=\"Documentaci\u00f3n incompleta\">Documentaci\u00f3n incompleta<\/option>\n            <option value=\"No reside en la zona\">No reside en la zona<\/option>\n            <option value=\"Se arrepinti\u00f3 \/ no quiso continuar\">Se arrepinti\u00f3 \/ no quiso continuar<\/option>\n            <option value=\"Otro\">Otro<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n    <\/form>\n  <\/main>\n\n  <div class=\"confirm-screen\" id=\"confirm-screen\">\n    <div class=\"check-circle\">\n      <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <path d=\"M20 6L9 17l-5-5\" stroke=\"#1E8E5A\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/div>\n    <h2>Derivaci\u00f3n registrada<\/h2>\n    <p>Los datos se guardaron correctamente. Ya pod\u00e9s cargar el pr\u00f3ximo cliente.<\/p>\n    <button type=\"button\" class=\"btn-nuevo\" id=\"btn-nuevo\">Cargar otro cliente<\/button>\n  <\/div>\n\n  <div class=\"footer-bar\" id=\"footer-bar\">\n    <button type=\"submit\" form=\"form-derivacion\" class=\"btn-registrar\" id=\"btn-registrar\">Registrar<\/button>\n    <div class=\"estado-envio\" id=\"estado-envio\">Enviando\u2026<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n  \/\/ Peg\u00e1 ac\u00e1 la URL de tu Google Apps Script Web App (ver instructivo aparte)\n  const SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbx6iLzlR5HMQiStYrOcN_S5chSAbTZQ9oIcGHItCYZVDAH9BmxGyD5HBripXP22bNKPtQ\/exec\";\n\n  const VENDEDORES = {\n    1: \"ARAGON MARIELA\",\n    2: \"ASTRADA RUTH NOEMI\",\n    3: \"AVALOS RAMON ALEJANDRO\",\n    4: \"BARRIOS GLADYS\",\n    5: \"CABRERA FLORENCIA ANDREA\",\n    6: \"CABRERA PAOLA\",\n    7: \"CUCCO ANALIA\",\n    8: \"CUCCO LORENA\",\n    9: \"ESCOBAR JESICA NOELIA\",\n    10: \"ESCOBAR LUCRECIA AYELEN\",\n    11: \"FLORES TAMARA MAILEN\",\n    12: \"FRAILES CINTIA ARACELI\",\n    13: \"GOMEZ OLGA ANABEL\",\n    14: \"JONES YAMILA\",\n    15: \"LEDESMA LAURA NAOMI\",\n    16: \"LOBOS ESTEFANIA\",\n    17: \"LOPEZ ANIBAL RODOLFO\",\n    18: \"MACHUCA CRISTINA\",\n    19: \"MARTINEZ MIRNA BERENICE\",\n    20: \"MEYER YOANA ELIZABET\",\n    21: \"OBREGON MELANIA\",\n    22: \"RIVAS DAMIAN EZEQUIEL\",\n    23: \"SAN MARTIN LAURA EUGENIA\",\n    24: \"SIVILA NANCY GABRIELA\",\n    25: \"ZARATE PAOLA\",\n    26: \"ACEVEDO HECTOR ADRIAN\",\n    27: \"BAIGORRIA MAGALI ROCIO\",\n    28: \"BARAGANO DANIELA\",\n    29: \"BIASUTTI PAOLA MARCELA\",\n    30: \"CANCIANI GUSTAVO DANIEL\",\n    31: \"CASCO ACOSTA JULIETA TAMARA\",\n    32: \"DOMINGUEZ WALTER\",\n    33: \"ESCOBAR MARIA JOSE\",\n    34: \"GAMBOA FRANCO GABRIEL\",\n    35: \"MAC CORMICK CINTIA MARISOL\",\n    36: \"MANGIARACINA GIULIANO FRANCO\",\n    37: \"MARTINEZ STELLA MARIS\",\n    38: \"MICARI BRENDON\",\n    39: \"ORELLANO RAUL RICARDO\",\n    40: \"PAEZ DANIELA SOLEDAD\",\n    41: \"PE\u00d1A LAURA BEATRIZ\",\n    42: \"RAGONESE STELA\",\n    43: \"RUBIOLO MARIA DEL CARMEN\",\n    44: \"SANDOBAL CLAUDIA BELEN\",\n    45: \"STRAPPA NICOLAS LEONEL\",\n    46: \"TRAVAGLIANTE ROBERTO\",\n    47: \"VERA NOELIA CAROLINA\",\n    48: \"VERON MICAELA GESEL\",\n    49: \"ZIERNOLI BARBARA\",\n    50: \"ZUNIGA GARCIA TERESA\",\n    51: \"AMALIO CAROLINA VERONICA\",\n    52: \"MUSUMECI RUTH ALDANA\",\n    53: \"ALVAREZ CINTIA JORGELINA\",\n    54: \"BOGONI SARA MAXIMA\",\n    55: \"BRUSSA HORACIO ALBERTO\",\n    56: \"BUSCARDO SAMANTA\",\n    57: \"BUSTAMANTE ROCIO SOLEDAD\",\n    58: \"DUARTE ERICA GISEL\",\n    59: \"ENRIQUE ANDREA FABIANA\",\n    60: \"ESPINOLA MARTINEZ JORGE ANTONIO\",\n    61: \"ESPINOLA WALTER DANIEL\",\n    62: \"FERNANDEZ GISELA MABEL\",\n    63: \"GIMENEZ JESICA YANINA\",\n    64: \"GONZALEZ BRENDA SOFIA\",\n    65: \"GONZALEZ DAIANA\",\n    66: \"GONZALEZ JESICA ALEJANDRA\",\n    67: \"LEDESMA NAHUEL\",\n    68: \"LEZCANO SILVINA\",\n    69: \"LOPEZ MONICA\",\n    70: \"MENDEZ ALEJANDRA DEL VALLE\",\n    71: \"MONTERO NOELIA SILVANA\",\n    72: \"PISTONO MARIA DE LOS ANGELES\",\n    73: \"RETAMOZO ANDREA VANINA\",\n    74: \"SCHARFSPITZ BRIAN NICOLAS\",\n    75: \"SCHARFSPITZ HUGO SEBASTIAN\",\n    76: \"VASQUEZ DENIS RENE\",\n    77: \"VASQUEZ MATIAS GABRIEL\",\n    78: \"VERASTEGUI DIAZ HAYDON RAUL\",\n    79: \"VERGARA JESICA\",\n    80: \"GILIO JUAN CARLOS GABRIEL\",\n    81: \"HEREDIA JUAN PABLO\",\n    82: \"VALLEJOS JONATAN FRANCO\",\n    83: \"MANNO MARIEL\",\n    84: \"ACCIARESI MARIA ALEJANDRA\",\n    85: \"BRESSAN PAMELA\",\n    86: \"CETERONI JORGELINA\",\n    87: \"CHAUVIN MATIAS EZEQUIEL\",\n    88: \"LLANES DAIANA\",\n    89: \"MORATO HERNAN\",\n    90: \"RODRIGUEZ GRISELDA\",\n    91: \"ATARDO AYELEN SOLEDAD\",\n    92: \"BEJARAN CLAUDIA CARINA\",\n    93: \"RODRIGUEZ MARCELO MAXIMILIANO\",\n    94: \"BAEZ GEORGINA NOELI\",\n    95: \"FERREYRA ANGELINA\",\n    96: \"GIMENEZ CAROL VANESA\",\n    97: \"GOMEZ JAQUELINA FERNANDA\",\n    98: \"GOROSITO DAIANA\",\n    99: \"NASSO RUTH\",\n    100: \"OJEDA ALEJANDRA\",\n    101: \"ORELLANO LUCAS MATIAS\",\n    102: \"RIOS SUSANA MARIA DE LUJAN\",\n    103: \"RODRIGUEZ GISELA\",\n    104: \"ROSALES MELISA\",\n    105: \"RUBIOLO MARIA LAURA\",\n    106: \"URQUIZA ANA\",\n    107: \"GARCIA M.MARTA\",\n    108: \"IANELLI MIRIAM\",\n    109: \"PRUEBA\"\n  };\n\n  const form = document.getElementById('form-derivacion');\n  const fechaInput = document.getElementById('fecha');\n  const dniInput = document.getElementById('dni');\n  const vendedorInput = document.getElementById('vendedor');\n  const vendedorCheck = document.getElementById('vendedor-check');\n  const fotoPicker = document.getElementById('foto-picker');\n  const fotoInput = document.getElementById('foto-input');\n  const fotoPreview = document.getElementById('foto-preview');\n  const toggleBtns = document.querySelectorAll('.toggle-btn');\n  const motivoWrap = document.getElementById('motivo-wrap');\n  const motivoSelect = document.getElementById('motivo');\n  const errorResultado = document.getElementById('error-resultado');\n  const errorDni = document.getElementById('error-dni');\n  const btnRegistrar = document.getElementById('btn-registrar');\n  const estadoEnvio = document.getElementById('estado-envio');\n  const footerBar = document.getElementById('footer-bar');\n  const confirmScreen = document.getElementById('confirm-screen');\n  const btnNuevo = document.getElementById('btn-nuevo');\n  const mainEl = document.querySelector('main');\n\n  let resultadoSeleccionado = null;\n  let fotoBase64 = null; \/\/ solo los datos, sin el prefijo \"data:image\/...;base64,\"\n  let fotoMimeType = null;\n\n  \/\/ Fecha de hoy por defecto\n  const hoy = new Date();\n  fechaInput.value = hoy.toISOString().split('T')[0];\n\n  fotoPicker.addEventListener('click', () => fotoInput.click());\n\n  vendedorInput.addEventListener('input', () => {\n    const numero = parseInt(vendedorInput.value.trim(), 10);\n    if (!vendedorInput.value.trim()) {\n      vendedorCheck.classList.remove('visible', 'ok', 'warn');\n      return;\n    }\n    const nombre = VENDEDORES[numero];\n    vendedorCheck.classList.add('visible');\n    if (nombre) {\n      vendedorCheck.classList.remove('warn');\n      vendedorCheck.classList.add('ok');\n      vendedorCheck.textContent = '\u2713 ' + nombre;\n    } else {\n      vendedorCheck.classList.remove('ok');\n      vendedorCheck.classList.add('warn');\n      vendedorCheck.textContent = '\u26a0 N\u00b0 no encontrado en la lista, verific\u00e1';\n    }\n  });\n\n  fotoInput.addEventListener('change', () => {\n    const archivo = fotoInput.files[0];\n    if (!archivo) return;\n\n    const lector = new FileReader();\n    lector.onload = (ev) => {\n      const img = new Image();\n      img.onload = () => {\n        \/\/ Redimensiona\/comprime para que la foto no sea pesada al enviar\n        const maxAncho = 1000;\n        const escala = Math.min(1, maxAncho \/ img.width);\n        const canvas = document.createElement('canvas');\n        canvas.width = img.width * escala;\n        canvas.height = img.height * escala;\n        const ctx = canvas.getContext('2d');\n        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\n\n        const dataUrl = canvas.toDataURL('image\/jpeg', 0.75);\n        fotoBase64 = dataUrl.split(',')[1];\n        fotoMimeType = 'image\/jpeg';\n\n        fotoPreview.src = dataUrl;\n        fotoPreview.classList.add('visible');\n        fotoPicker.classList.add('tiene-foto');\n      };\n      img.src = ev.target.result;\n    };\n    lector.readAsDataURL(archivo);\n  });\n\n  toggleBtns.forEach(btn => {\n    btn.addEventListener('click', () => {\n      toggleBtns.forEach(b => b.classList.remove('activo'));\n      btn.classList.add('activo');\n      resultadoSeleccionado = btn.dataset.valor;\n      errorResultado.classList.remove('visible');\n\n      if (resultadoSeleccionado === 'No apto') {\n        motivoWrap.classList.add('abierto');\n      } else {\n        motivoWrap.classList.remove('abierto');\n        motivoSelect.value = '';\n      }\n    });\n  });\n\n  form.addEventListener('submit', async (e) => {\n    e.preventDefault();\n\n    let valido = true;\n\n    const dniLimpio = dniInput.value.replace(\/\\D\/g, '');\n    if (dniLimpio.length < 7 || dniLimpio.length > 8) {\n      errorDni.classList.add('visible');\n      valido = false;\n    } else {\n      errorDni.classList.remove('visible');\n    }\n\n    if (!resultadoSeleccionado) {\n      errorResultado.classList.add('visible');\n      valido = false;\n    }\n\n    if (!vendedorInput.value.trim()) {\n      valido = false;\n    }\n\n    if (!valido) return;\n\n    const payload = {\n      fecha: fechaInput.value,\n      dni: dniLimpio,\n      vendedor: vendedorInput.value.trim(),\n      vendedorNombre: VENDEDORES[parseInt(vendedorInput.value.trim(), 10)] || '',\n      resultado: resultadoSeleccionado,\n      motivo: motivoSelect.value,\n      fotoBase64: fotoBase64,\n      fotoMimeType: fotoMimeType\n    };\n\n    btnRegistrar.disabled = true;\n    estadoEnvio.textContent = 'Enviando\u2026';\n    estadoEnvio.classList.add('visible');\n\n    try {\n      if (SCRIPT_URL && SCRIPT_URL.indexOf('PEGAR_URL') === -1) {\n        await fetch(SCRIPT_URL, {\n          method: 'POST',\n          mode: 'no-cors',\n          headers: { 'Content-Type': 'text\/plain;charset=utf-8' },\n          body: JSON.stringify(payload)\n        });\n      } else {\n        console.log('Simulaci\u00f3n de env\u00edo (falta configurar SCRIPT_URL):', payload);\n        await new Promise(r => setTimeout(r, 500));\n      }\n\n      mainEl.style.display = 'none';\n      footerBar.style.display = 'none';\n      confirmScreen.classList.add('visible');\n\n    } catch (err) {\n      estadoEnvio.textContent = 'Error al enviar. Prob\u00e1 de nuevo.';\n      btnRegistrar.disabled = false;\n    }\n  });\n\n  btnNuevo.addEventListener('click', () => {\n    form.reset();\n    fechaInput.value = new Date().toISOString().split('T')[0];\n    toggleBtns.forEach(b => b.classList.remove('activo'));\n    motivoWrap.classList.remove('abierto');\n    resultadoSeleccionado = null;\n    fotoBase64 = null;\n    fotoMimeType = null;\n    fotoPreview.classList.remove('visible');\n    fotoPreview.src = '';\n    fotoPicker.classList.remove('tiene-foto');\n    vendedorCheck.classList.remove('visible', 'ok', 'warn');\n    errorDni.classList.remove('visible');\n    errorResultado.classList.remove('visible');\n\n    confirmScreen.classList.remove('visible');\n    mainEl.style.display = 'block';\n    footerBar.style.display = 'block';\n    btnRegistrar.disabled = false;\n    estadoEnvio.classList.remove('visible');\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>El Palacio de la Oportunidad Registro de derivaciones Carg\u00e1 cada cliente derivado por un vendedor al stand. Fecha DNI del cliente Ingres\u00e1 un DNI v\u00e1lido (7 u 8 d\u00edgitos). N\u00b0 de vendedor Foto del comprobante Tomar o elegir foto Resultado Apto No apto Seleccion\u00e1 un resultado. Motivo (opcional) Sin especificarSin ingresos demostrablesSituaci\u00f3n crediticia (Veraz\/BCRA)Documentaci\u00f3n incompletaNo [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/wp-json\/wp\/v2\/pages\/1117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/wp-json\/wp\/v2\/comments?post=1117"}],"version-history":[{"count":20,"href":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/wp-json\/wp\/v2\/pages\/1117\/revisions"}],"predecessor-version":[{"id":1180,"href":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/wp-json\/wp\/v2\/pages\/1117\/revisions\/1180"}],"wp:attachment":[{"href":"https:\/\/elpalaciodelaoportunidad.com\/palacio\/wp-json\/wp\/v2\/media?parent=1117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}