Calculadora de Costos CENARD 2025<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }\r\n body { background: #ffffff; color: #333; padding: 20px; min-height: 100vh; display: flex; justify-content: center; align-items: center; }\r\n .container { max-width: 1200px; margin: 0 auto; width: 100%; }\r\n .calculator-card { background: white; border-radius: 20px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; max-width: 1200px; border: 1px solid #e0e0e0; }\r\n .header { background: #1a2a6c; color: white; padding: 25px; text-align: center; position: relative; }\r\n .header h1 { font-size: 2.2rem; margin-bottom: 10px; font-weight: 700; }\r\n .header p { font-size: 1.1rem; opacity: 0.9; }\r\n .logo { position: absolute; top: 20px; left: 20px; background: white; border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }\r\n .logo i { font-size: 40px; color: #1a2a6c; }\r\n .content { display: flex; flex-wrap: wrap; padding: 0; }\r\n .form-section { flex: 1; min-width: 350px; padding: 30px; background: #f9f9ff; border-right: 1px solid #eee; }\r\n .result-section { flex: 1; min-width: 350px; padding: 30px; background: #fff; display: flex; flex-direction: column; }\r\n .section-title { color: #1a2a6c; font-size: 1.5rem; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #1a2a6c; font-weight: 600; text-align: center; }\r\n .form-group { margin-bottom: 25px; }\r\n label { display: block; margin-bottom: 8px; font-weight: 600; color: #444; text-align: center; }\r\n input, select { width: 100%; padding: 14px; border: 1px solid #ddd; border-radius: 10px; font-size: 16px; transition: all 0.3s; background: white; }\r\n input:focus, select:focus { border-color: #1a2a6c; box-shadow: 0 0 0 3px rgba(26, 42, 108, 0.2); outline: none; }\r\n .radio-group { display: flex; gap: 20px; margin-top: 10px; justify-content: center; }\r\n .radio-option { display: flex; align-items: center; gap: 8px; }\r\n .checkbox-group { display: flex; align-items: center; gap: 10px; margin-top: 10px; }\r\n .btn { background: #1a2a6c; color: white; border: none; padding: 16px 30px; font-size: 18px; border-radius: 10px; cursor: pointer; font-weight: 600; transition: all 0.3s; width: 100%; margin-top: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); text-align: center; display: inline-block; text-decoration: none; }\r\n .btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); background: #2a3a8c; }\r\n .btn:active { transform: translateY(1px); }\r\n .btn-outline { background: transparent; border: 2px solid #1a2a6c; color: #1a2a6c; }\r\n .btn-outline:hover { background: #1a2a6c; color: white; }\r\n .result-box { background: #f0f8ff; border-radius: 15px; padding: 25px; margin-bottom: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); }\r\n .cost-item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed #ddd; }\r\n .cost-item:last-child { border-bottom: none; }\r\n .total-cost { font-size: 1.8rem; font-weight: 700; color: #1a2a6c; text-align: center; margin: 20px 0; padding: 15px; background: linear-gradient(to right, #f8f9ff, #eef2ff); border-radius: 10px; border: 2px solid #1a2a6c; }\r\n .disclaimer { background: #fff8e1; border-left: 4px solid #ffc107; padding: 15px; border-radius: 0 8px 8px 0; margin-top: 25px; font-size: 0.9rem; }\r\n .footer { background: #1a2a6c; color: white; text-align: center; padding: 20px; font-size: 0.9rem; margin-top: auto; }\r\n .result-placeholder { text-align: center; padding: 50px 20px; color: #777; font-size: 1.1rem; }\r\n .result-placeholder i { font-size: 50px; margin-bottom: 20px; color: #1a2a6c; opacity: 0.5; }\r\n .tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; justify-content: center; }\r\n .tab { flex: 0 0 calc(33% - 10px); padding: 12px; text-align: center; background: #e0e0ff; border-radius: 10px; cursor: pointer; transition: all 0.3s; font-weight: 600; border: 2px solid transparent; font-size: 0.9rem; }\r\n .tab:hover { background: #c5c5f1; }\r\n .tab.active { background: #1a2a6c; color: white; border-color: #0d1a4d; }\r\n .process-section { display: none; }\r\n .process-section.active { display: block; }\r\n .currency-notice { background: #fff8e1; border: 2px solid #ffc107; border-radius: 10px; padding: 20px; margin: 20px 0; text-align: center; display: none; }\r\n .currency-notice h3 { color: #d35400; margin-bottom: 15px; }\r\n .currency-notice p { margin-bottom: 10px; line-height: 1.6; }\r\n .currency-notice .contact { font-weight: 600; color: #1a2a6c; }\r\n .input-group { position: relative; }\r\n .currency-symbol { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-weight: 600; color: #555; z-index: 1; }\r\n .currency-input { padding-left: 35px !important; }\r\n .reconvention-options { display: flex; gap: 15px; margin-top: 10px; justify-content: center; }\r\n .reconvention-option { display: flex; align-items: center; justify-content: center; gap: 8px; background: #f0f4ff; padding: 12px 20px; border-radius: 10px; cursor: pointer; transition: all 0.3s; min-width: 100px; border: 2px solid #d0d8ff; }\r\n .reconvention-option.selected { background: #1a2a6c; color: white; border-color: #0d1a4d; }\r\n .reconvention-option.selected label { color: white; }\r\n .reconvention-option i { font-size: 1.2rem; }\r\n .option-label { font-weight: 600; }\r\n .info-message { background: #e8f4f8; border-radius: 10px; padding: 20px; text-align: center; margin-bottom: 20px; }\r\n .info-message i { font-size: 2rem; color: #1a2a6c; margin-bottom: 15px; }\r\n .info-message p { margin-bottom: 15px; line-height: 1.6; }\r\n .board-message { background: #f0f8ff; border-radius: 15px; padding: 25px; margin-bottom: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); text-align: center; }\r\n\r\n \/* === Junta de Prevenci\u00f3n (tabla) === *\/\r\n .fee-table { width: 100%; border-collapse: collapse; margin: 10px 0 16px 0; }\r\n .fee-table th, .fee-table td { border: 1px solid #ddd; padding: 10px; text-align: center; }\r\n .fee-table th { background: #1a2a6c; color: #fff; }\r\n .fee-table caption { caption-side: top; text-align: left; font-weight: 600; margin-bottom: 6px; color: #1a2a6c; }\r\n .highlight-row { background: #fff8e1; }\r\n .fee-note { font-size: 0.9rem; color: #555; margin-top: 6px; }\r\n\r\n @media (max-width: 768px) {\r\n .content { flex-direction: column; }\r\n .form-section { border-right: none; border-bottom: 1px solid #eee; }\r\n .tabs { flex-direction: column; }\r\n .tab { flex: 1; min-width: auto; }\r\n .reconvention-options { flex-direction: row; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"calculator-card\">\r\n <div class=\"header\">\r\n <div class=\"logo\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\r\n <h1>CALCULADORA DE COSTOS CENARD 2025<\/h1>\r\n <p>Reglamento de Costos del Centro Nacional para la Resoluci\u00f3n de Disputas<\/p>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n <div class=\"form-section\">\r\n <h2 class=\"section-title\">Seleccione la Moneda<\/h2>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"currency\">Moneda:<\/label>\r\n <select id=\"currency\">\r\n <option value=\"PEN\">Soles (S\/)<\/option>\r\n <option value=\"USD\">D\u00f3lares (US$)<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div id=\"pen-processes\">\r\n <h2 class=\"section-title\">Seleccione el Tipo de Proceso<\/h2>\r\n\r\n <div class=\"tabs\">\r\n <div class=\"tab active\" data-tab=\"regular\">Arbitraje Regular<\/div>\r\n <div class=\"tab\" data-tab=\"emergency\">Arbitraje de Emergencia<\/div>\r\n <div class=\"tab\" data-tab=\"indeterminate\">Cuant\u00eda Indeterminada<\/div>\r\n <div class=\"tab\" data-tab=\"additional\">Servicios Adicionales<\/div>\r\n <div class=\"tab\" data-tab=\"board\">Junta de Prevenci\u00f3n<\/div>\r\n <div class=\"tab\" data-tab=\"withdrawal\">Devoluci\u00f3n<\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"regular-section\" class=\"process-section active\">\r\n <div class=\"form-group\">\r\n <label for=\"amount\">Cuant\u00eda Reclamada:<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"amount\" class=\"currency-input\" placeholder=\"Ingrese el monto\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>\u00bfIncluye Reconvenci\u00f3n?<\/label>\r\n <div class=\"reconvention-options\">\r\n <div class=\"reconvention-option\" data-value=\"si\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span class=\"option-label\">S\u00ed<\/span>\r\n <input type=\"radio\" id=\"reconvention-si\" name=\"reconvention\" value=\"si\" style=\"display:none;\">\r\n <\/div>\r\n <div class=\"reconvention-option selected\" data-value=\"no\">\r\n <i class=\"fas fa-times-circle\"><\/i>\r\n <span class=\"option-label\">No<\/span>\r\n <input type=\"radio\" id=\"reconvention-no\" name=\"reconvention\" value=\"no\" checked style=\"display:none;\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>N\u00famero de \u00c1rbitros:<\/label>\r\n <div class=\"radio-group\">\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"arbitrator-1\" name=\"arbitrators\" value=\"1\" checked>\r\n <label for=\"arbitrator-1\" style=\"display:inline; font-weight:normal;\">\u00c1rbitro \u00danico<\/label>\r\n <\/div>\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"arbitrator-3\" name=\"arbitrators\" value=\"3\">\r\n <label for=\"arbitrator-3\" style=\"display:inline; font-weight:normal;\">Tribunal (3 \u00e1rbitros)<\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"emergency-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <p style=\"padding:15px; background:#e8f4f8; border-radius:10px; text-align:center;\">\r\n <i class=\"fas fa-exclamation-triangle\" style=\"color:#d35400; font-size:1.5rem;\"><\/i><br>\r\n El costo total del arbitraje de emergencia es fijo y asumido por la parte solicitante.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"indeterminate-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <label>\u00bfEl contrato tiene cuant\u00eda?<\/label>\r\n <div class=\"radio-group\">\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"has-amount-yes\" name=\"has-amount\" value=\"yes\" checked>\r\n <label for=\"has-amount-yes\" style=\"display:inline; font-weight:normal;\">S\u00ed<\/label>\r\n <\/div>\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"has-amount-no\" name=\"has-amount\" value=\"no\">\r\n <label for=\"has-amount-no\" style=\"display:inline; font-weight:normal;\">No<\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"indeterminate-with-amount\">\r\n <div class=\"form-group\">\r\n <label for=\"contract-amount\">Monto Total del Contrato:<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"contract-amount\" class=\"currency-input\" placeholder=\"Ingrese el monto\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"claims-count\">N\u00famero de Pretensiones Indeterminadas:<\/label>\r\n <input type=\"number\" id=\"claims-count\" value=\"1\" min=\"1\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>N\u00famero de \u00c1rbitros:<\/label>\r\n <div class=\"radio-group\">\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"ind-arbitrator-1\" name=\"ind-arbitrators\" value=\"1\" checked>\r\n <label for=\"ind-arbitrator-1\" style=\"display:inline; font-weight:normal;\">\u00c1rbitro \u00danico<\/label>\r\n <\/div>\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"ind-arbitrator-3\" name=\"ind-arbitrators\" value=\"3\">\r\n <label for=\"ind-arbitrator-3\" style=\"display:inline; font-weight:normal;\">Tribunal (3 \u00e1rbitros)<\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"additional-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <label for=\"additional-service\">Seleccione el servicio:<\/label>\r\n <select id=\"additional-service\">\r\n <option value=\"\">Seleccione un servicio<\/option>\r\n <option value=\"appointment\">Nombramiento de \u00e1rbitro<\/option>\r\n <option value=\"recusation\">Recusaci\u00f3n y remoci\u00f3n de \u00e1rbitro<\/option>\r\n <option value=\"custody\">Custodia de actuaciones<\/option>\r\n <option value=\"secretary\">Secretar\u00eda arbitral ad hoc<\/option>\r\n <option value=\"copy\">Copia certificada<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div id=\"custody-details\" style=\"display:none;\">\r\n <div class=\"form-group\">\r\n <label for=\"custody-months\">N\u00famero de bimestres:<\/label>\r\n <input type=\"number\" id=\"custody-months\" min=\"1\" value=\"1\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"secretary-details\" style=\"display:none;\">\r\n <div class=\"form-group\">\r\n <label for=\"secretary-amount\">Cuant\u00eda Reclamada:<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"secretary-amount\" class=\"currency-input\" placeholder=\"Ingrese el monto\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"copy-details\" style=\"display:none;\">\r\n <div class=\"form-group\">\r\n <label for=\"copy-pages\">N\u00famero de hojas:<\/label>\r\n <input type=\"number\" id=\"copy-pages\" min=\"1\" value=\"1\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"board-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <label for=\"board-amount\">Cuant\u00eda del Contrato (opcional, solo para resaltar el rango):<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"board-amount\" class=\"currency-input\" placeholder=\"Ingrese el monto (opcional)\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-message\" style=\"margin-top:4px;\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <p>Los importes son <strong>netos<\/strong> y fijos por rango de cuant\u00eda, seg\u00fan el Reglamento de Costos.<\/p>\r\n <p>Si ingresas una cuant\u00eda, se resaltar\u00e1 el rango aplicable.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"withdrawal-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <label for=\"total-paid\">Monto Total Pagado:<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"total-paid\" class=\"currency-input\" placeholder=\"Ingrese el monto\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Etapa de Desistimiento:<\/label>\r\n <div class=\"radio-group\">\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"withdrawal-1\" name=\"withdrawal-stage\" value=\"1\" checked>\r\n <label for=\"withdrawal-1\" style=\"display:inline; font-weight:normal;\">Antes de presentar demanda<\/label>\r\n <\/div>\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"withdrawal-2\" name=\"withdrawal-stage\" value=\"2\">\r\n <label for=\"withdrawal-2\" style=\"display:inline; font-weight:normal;\">Antes de presentar alegatos<\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn\" onclick=\"calculateCost()\">\r\n <i class=\"fas fa-calculator\"><\/i> CALCULAR COSTOS\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"result-section\">\r\n <h2 class=\"section-title\">Resultado del C\u00e1lculo<\/h2>\r\n <div id=\"result-container\">\r\n <div class=\"result-placeholder\">\r\n <i class=\"fas fa-file-invoice-dollar\"><\/i>\r\n <p>Complete los datos a la izquierda y haga clic en \"Calcular Costos\" para ver los resultados<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"usd-notice\" class=\"currency-notice\">\r\n <h3><i class=\"fas fa-exclamation-triangle\"><\/i> C\u00e1lculos en Moneda Extranjera<\/h3>\r\n <p>Para c\u00e1lculos en d\u00f3lares u otra moneda extranjera, debe solicitar el c\u00e1lculo del arbitraje directamente al Centro Nacional para la Resoluci\u00f3n de Disputas CENARD.<\/p>\r\n <p>El centro ofrecer\u00e1 el tipo de cambio basado en la tasa del d\u00eda para brindarle un c\u00e1lculo preciso.<\/p>\r\n <p class=\"contact\">Contacto: secretariageneral@cenardarbitraje.com<\/p>\r\n <p class=\"contact\">Tel\u00e9fono: (01) 123-4567<\/p>\r\n <\/div>\r\n\r\n <div class=\"disclaimer\">\r\n <p><strong>Nota importante:<\/strong> Los c\u00e1lculos son estimados seg\u00fan el Reglamento de Costos CENARD 2025. La liquidaci\u00f3n definitiva ser\u00e1 determinada por la Secretar\u00eda General, considerando la complejidad del caso y otros factores.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer\">\r\n <p>\u00a9 2025 Centro Nacional para la Resoluci\u00f3n de Disputas - CENARD<\/p>\r\n <p>secretariageneral@cenardarbitraje.com | mesadepartes@cenardarbitraje.com<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ===== Utilidades de moneda =====\r\n function formatCurrency(value) {\r\n if (!value && value !== 0) return '';\r\n const number = parseFloat(value.toString().replace(\/[^\\d.]\/g, ''));\r\n if (isNaN(number)) return '';\r\n return number.toLocaleString('es-PE', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\n }\r\n function parseCurrency(value) {\r\n if (!value) return 0;\r\n return parseFloat(value.toString().replace(\/[^\\d.]\/g, ''));\r\n }\r\n function formatMoney(amount) {\r\n return 'S\/ ' + (amount || 0).toLocaleString('es-PE', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\n }\r\n\r\n \/\/ ===== Junta de Prevenci\u00f3n \u2013 Rangos fijos (NETO) =====\r\n const BOARD_RANGES = [\r\n { min: 0, max: 50000000, label: \"Hasta S\/ 50'000,000.00\", tribunal: 17000, unico: 8000, centro: 5200 },\r\n { min: 50000001, max: 70000000, label: \"De S\/ 50'000,001.00 hasta S\/ 70'000,000.00\", tribunal: 19800, unico: 10000, centro: 6200 },\r\n { min: 70000001, max: 100000000, label: \"De S\/ 70'000,001.00 hasta S\/ 100'000,000.00\", tribunal: 22800, unico: 12000, centro: 7200 },\r\n { min: 100000001, max: 150000000, label: \"De S\/ 100'000,001.00 hasta S\/ 150'000,000.00\",tribunal: 25800, unico: 14000, centro: 8200 },\r\n { min: 150000001, max: Infinity, label: \"Desde S\/ 150'000,001.00 en adelante\", tribunal: 28800, unico: 16000, centro: 9200 }\r\n ];\r\n function getBoardRangeByAmount(q) {\r\n if (q === null || isNaN(q)) return null;\r\n for (const r of BOARD_RANGES) { if (q >= r.min && q <= r.max) return r; }\r\n return null;\r\n }\r\n function renderBoardTable(qAmount = null) {\r\n const resultContainer = document.getElementById('result-container');\r\n const selected = getBoardRangeByAmount(qAmount);\r\n let rows1 = '', rows2 = '';\r\n BOARD_RANGES.forEach(r => {\r\n const highlight = (selected && selected.label === r.label) ? ' class=\"highlight-row\"' : '';\r\n rows1 += `\r\n <tr${highlight}>\r\n <td>${r.label}<\/td>\r\n <td>S\/ ${formatCurrency(r.tribunal)}<\/td>\r\n <td>S\/ ${formatCurrency(r.unico)}<\/td>\r\n <\/tr>`;\r\n rows2 += `\r\n <tr${highlight}>\r\n <td>${r.label}<\/td>\r\n <td>S\/ ${formatCurrency(r.centro)}<\/td>\r\n <\/tr>`;\r\n });\r\n const summary = selected ? `\r\n <div class=\"result-box\" style=\"margin-top:10px;\">\r\n <h3>Rango aplicable para ${formatMoney(qAmount)}<\/h3>\r\n <div class=\"cost-item\"><span>Tribunal Adjudicador (neto):<\/span><span>${formatMoney(selected.tribunal)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Adjudicador \u00danico (neto):<\/span><span>${formatMoney(selected.unico)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>CENTRO (neto):<\/span><span>${formatMoney(selected.centro)}<\/span><\/div>\r\n <p class=\"fee-note\" style=\"margin-top:10px;\">Importes netos (sin IGV). Para total con IGV multiplicar cada rubro por 1.18.<\/p>\r\n <\/div>` : '';\r\n resultContainer.innerHTML = `\r\n <div class=\"result-box\">\r\n <h3>Junta de Prevenci\u00f3n y Resoluci\u00f3n de Disputas<\/h3>\r\n\r\n <table class=\"fee-table\">\r\n <caption>Montos por Cuant\u00eda \u2013 \u00c1rbitros (neto)<\/caption>\r\n <thead>\r\n <tr>\r\n <th>MONTO DEL CONTRATO<\/th>\r\n <th>CUANT\u00cdA POR TRIBUNAL ADJUDICADOR (neto)<\/th>\r\n <th>CUANT\u00cdA POR ADJUDICADOR \u00daNICO (neto)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>${rows1}<\/tbody>\r\n <\/table>\r\n\r\n <table class=\"fee-table\">\r\n <caption>Montos por Cuant\u00eda \u2013 CENTRO (neto)<\/caption>\r\n <thead>\r\n <tr>\r\n <th>MONTO DEL CONTRATO<\/th>\r\n <th>CENTRO (neto)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>${rows2}<\/tbody>\r\n <\/table>\r\n\r\n <div class=\"fee-note\">Fuente: Reglamento de Costos CENARD 2025. Importes netos (no incluyen IGV).<\/div>\r\n <\/div>\r\n ${summary}\r\n `;\r\n }\r\n\r\n \/\/ ===== C\u00e1lculos vigentes para otros procesos =====\r\n function calcularCostoCentro(cuantia) {\r\n if (cuantia <= 50000) { return 7600; }\r\n else if (cuantia > 50000 && cuantia <= 200000) { return 7600 + 0.01 * cuantia; }\r\n else if (cuantia > 200000 && cuantia <= 500000) { return 7600 + 0.01 * cuantia; }\r\n else if (cuantia > 500000 && cuantia <= 2000000) { return 7600 + 0.008 * cuantia; }\r\n else if (cuantia > 2000000 && cuantia <= 10000000) { return 7600 + 0.006 * cuantia; }\r\n else if (cuantia > 10000000 && cuantia <= 50000000) { return 7600 + 0.004 * cuantia; }\r\n else if (cuantia > 50000000 && cuantia <= 150000000) { return 7600 + 0.003 * cuantia; }\r\n else { return 460000; }\r\n }\r\n function calcularCostoArbitro(cuantia) { return calcularCostoCentro(cuantia); }\r\n function calcularIGV(monto) { return monto * 0.18; }\r\n\r\n \/\/ ===== Inicializaci\u00f3n y eventos =====\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ Formato de moneda (blur\/focus)\r\n const currencyInputs = document.querySelectorAll('input[data-type=\"currency\"]');\r\n currencyInputs.forEach(input => {\r\n input.addEventListener('blur', function () {\r\n if (this.value) { this.value = 'S\/ ' + formatCurrency(this.value); }\r\n });\r\n input.addEventListener('focus', function () {\r\n this.value = this.value.replace(\/[^\\d.]\/g, '');\r\n });\r\n });\r\n\r\n \/\/ Cambio de moneda\r\n document.getElementById('currency').addEventListener('change', function () {\r\n const currency = this.value;\r\n const penProcesses = document.getElementById('pen-processes');\r\n const usdNotice = document.getElementById('usd-notice');\r\n if (currency === 'PEN') {\r\n penProcesses.style.display = 'block';\r\n usdNotice.style.display = 'none';\r\n document.getElementById('result-container').innerHTML = `\r\n <div class=\"result-placeholder\">\r\n <i class=\"fas fa-file-invoice-dollar\"><\/i>\r\n <p>Complete los datos a la izquierda y haga clic en \"Calcular Costos\" para ver los resultados<\/p>\r\n <\/div>`;\r\n } else {\r\n penProcesses.style.display = 'none';\r\n usdNotice.style.display = 'block';\r\n }\r\n });\r\n\r\n \/\/ Selecci\u00f3n de reconvenci\u00f3n (toggle visual)\r\n const reconventionOptions = document.querySelectorAll('.reconvention-option');\r\n reconventionOptions.forEach(option => {\r\n option.addEventListener('click', function () {\r\n reconventionOptions.forEach(opt => opt.classList.remove('selected'));\r\n this.classList.add('selected');\r\n const value = this.getAttribute('data-value');\r\n document.querySelector(`input[name=\"reconvention\"][value=\"${value}\"]`).checked = true;\r\n });\r\n });\r\n\r\n \/\/ Tabs\r\n document.querySelectorAll('.tab').forEach(tab => {\r\n tab.addEventListener('click', function () {\r\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\r\n document.querySelectorAll('.process-section').forEach(s => s.classList.remove('active'));\r\n\r\n this.classList.add('active');\r\n const tabId = this.getAttribute('data-tab');\r\n document.getElementById(`${tabId}-section`).classList.add('active');\r\n\r\n if (tabId === 'board') {\r\n renderBoardTable(); \/\/ Mostrar la tabla al entrar\r\n } else {\r\n document.getElementById('result-container').innerHTML = `\r\n <div class=\"result-placeholder\">\r\n <i class=\"fas fa-file-invoice-dollar\"><\/i>\r\n <p>Complete los datos a la izquierda y haga clic en \"Calcular Costos\" para ver los resultados<\/p>\r\n <\/div>`;\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ ===== Orquestador principal =====\r\n function calculateCost() {\r\n const activeTab = document.querySelector('.tab.active').getAttribute('data-tab');\r\n const resultContainer = document.getElementById('result-container');\r\n let resultHTML = '';\r\n\r\n if (activeTab === 'regular') {\r\n const amount = parseCurrency(document.getElementById('amount').value);\r\n if (!amount || amount < 0) { alert('Por favor ingrese una cuant\u00eda v\u00e1lida'); return; }\r\n const hasReconvention = document.querySelector('input[name=\"reconvention\"]:checked').value === 'si';\r\n const numArbitrators = parseInt(document.querySelector('input[name=\"arbitrators\"]:checked').value);\r\n\r\n const solicitud = 1000;\r\n const reconvencion = hasReconvention ? 1000 : 0;\r\n\r\n const baseCentro = calcularCostoCentro(amount);\r\n const igvCentro = calcularIGV(baseCentro);\r\n const totalCentro = baseCentro + igvCentro;\r\n\r\n const baseArbitro = calcularCostoArbitro(amount);\r\n const igvArbitro = calcularIGV(baseArbitro);\r\n const totalPorArbitro = baseArbitro + igvArbitro;\r\n const totalArbitros = totalPorArbitro * numArbitrators;\r\n\r\n const total = totalCentro + totalArbitros + solicitud + reconvencion;\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Detalle de Costos - Arbitraje Regular<\/h3>\r\n <div class=\"cost-item\"><span>Solicitud de Arbitraje:<\/span><span>${formatMoney(solicitud)}<\/span><\/div>\r\n ${hasReconvention ? `<div class=\"cost-item\"><span>Reconvenci\u00f3n:<\/span><span>${formatMoney(reconvencion)}<\/span><\/div>` : ''}\r\n <div class=\"cost-item\"><span>Costo del CENTRO:<\/span><span>${formatMoney(baseCentro)} + IGV ${formatMoney(igvCentro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Costo por \u00e1rbitro:<\/span><span>${formatMoney(baseArbitro)} + IGV ${formatMoney(igvArbitro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Total tribunal (${numArbitrators} \u00e1rbitro${numArbitrators > 1 ? 's' : ''}):<\/span><span>${formatMoney(totalArbitros)}<\/span><\/div>\r\n <div class=\"total-cost\">TOTAL ESTIMADO: ${formatMoney(total)}<\/div>\r\n <\/div>`;\r\n }\r\n else if (activeTab === 'emergency') {\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Arbitraje de Emergencia<\/h3>\r\n <p style=\"text-align:center; font-size:1.2rem; padding:20px;\">\r\n Costo total asumido por la parte solicitante:<br>\r\n <strong style=\"font-size:1.8rem;\">${formatMoney(40000)}<\/strong>\r\n <\/p>\r\n <\/div>`;\r\n }\r\n else if (activeTab === 'indeterminate') {\r\n const hasAmount = document.querySelector('input[name=\"has-amount\"]:checked').value === 'yes';\r\n const numArbitrators = parseInt(document.querySelector('input[name=\"ind-arbitrators\"]:checked').value);\r\n\r\n if (hasAmount) {\r\n const contractAmount = parseCurrency(document.getElementById('contract-amount').value);\r\n const claimsCount = parseInt(document.getElementById('claims-count').value);\r\n if (!contractAmount || contractAmount < 0) { alert('Por favor ingrese un monto de contrato v\u00e1lido'); return; }\r\n if (!claimsCount || claimsCount < 1) { alert('Por favor ingrese un n\u00famero v\u00e1lido de pretensiones'); return; }\r\n\r\n const amount = 0.05 * contractAmount * claimsCount;\r\n\r\n const baseCentro = calcularCostoCentro(amount);\r\n const igvCentro = calcularIGV(baseCentro);\r\n const totalCentro = baseCentro + igvCentro;\r\n\r\n const baseArbitro = calcularCostoArbitro(amount);\r\n const igvArbitro = calcularIGV(baseArbitro);\r\n const totalPorArbitro = baseArbitro + igvArbitro;\r\n const totalArbitros = totalPorArbitro * numArbitrators;\r\n\r\n const total = totalCentro + totalArbitros;\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Detalle de Costos - Cuant\u00eda Indeterminada<\/h3>\r\n <div class=\"cost-item\"><span>Cuant\u00eda calculada (5% del contrato \u00d7 ${claimsCount} pretensiones):<\/span><span>${formatMoney(amount)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Costo del CENTRO:<\/span><span>${formatMoney(baseCentro)} + IGV ${formatMoney(igvCentro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Costo por \u00e1rbitro:<\/span><span>${formatMoney(baseArbitro)} + IGV ${formatMoney(igvArbitro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Total tribunal (${numArbitrators} \u00e1rbitro${numArbitrators > 1 ? 's' : ''}):<\/span><span>${formatMoney(totalArbitros)}<\/span><\/div>\r\n <div class=\"total-cost\">TOTAL ESTIMADO: ${formatMoney(total)}<\/div>\r\n <\/div>`;\r\n } else {\r\n const totalCentro = 50000 * 1.18;\r\n const totalArbitros = 50000 * numArbitrators;\r\n const total = totalCentro + totalArbitros;\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Detalle de Costos - Contrato sin Cuant\u00eda<\/h3>\r\n <div class=\"cost-item\"><span>Costo del CENTRO (preliminar):<\/span><span>S\/ 50,000.00 + IGV = ${formatMoney(totalCentro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Costo por \u00e1rbitro:<\/span><span>S\/ 50,000.00 (neto)<\/span><\/div>\r\n <div class=\"cost-item\"><span>Total tribunal (${numArbitrators} \u00e1rbitro${numArbitrators > 1 ? 's' : ''}):<\/span><span>${formatMoney(totalArbitros)}<\/span><\/div>\r\n <div class=\"total-cost\">TOTAL PRELIMINAR: ${formatMoney(total)}<\/div>\r\n <p style=\"margin-top:15px; font-style:italic;\">Nota: La liquidaci\u00f3n definitiva ser\u00e1 determinada por la Secretar\u00eda General<\/p>\r\n <\/div>`;\r\n }\r\n }\r\n else if (activeTab === 'additional') {\r\n const service = document.getElementById('additional-service').value;\r\n if (!service) { alert('Por favor seleccione un servicio adicional'); return; }\r\n\r\n let serviceName = '', cost = 0, details = '';\r\n if (service === 'appointment') {\r\n serviceName = 'Nombramiento de \u00e1rbitro'; cost = 2000; details = `Costo fijo: ${formatMoney(2000)} (incluye IGV)`;\r\n } else if (service === 'recusation') {\r\n serviceName = 'Recusaci\u00f3n y remoci\u00f3n de \u00e1rbitro'; cost = 2000; details = `Costo fijo: ${formatMoney(2000)} (incluye IGV)`;\r\n } else if (service === 'custody') {\r\n serviceName = 'Custodia de actuaciones';\r\n const bimestres = parseInt(document.getElementById('custody-months').value) || 1;\r\n const baseCustodia = 2000 * bimestres;\r\n const igvCustodia = calcularIGV(baseCustodia);\r\n cost = baseCustodia + igvCustodia;\r\n details = `Costo base (${bimestres} bimestres): ${formatMoney(baseCustodia)}<br>IGV (18%): ${formatMoney(igvCustodia)}`;\r\n } else if (service === 'secretary') {\r\n serviceName = 'Secretar\u00eda arbitral ad hoc';\r\n const amountSecretary = parseCurrency(document.getElementById('secretary-amount').value);\r\n if (!amountSecretary || amountSecretary < 0) { alert('Por favor ingrese una cuant\u00eda v\u00e1lida'); return; }\r\n const baseCentroSecretary = calcularCostoCentro(amountSecretary) \/ 2;\r\n const igvSecretary = calcularIGV(baseCentroSecretary);\r\n cost = baseCentroSecretary + igvSecretary;\r\n details = `Costo del CENTRO para cuant\u00eda ${formatMoney(amountSecretary)}: ${formatMoney(calcularCostoCentro(amountSecretary))}<br>Mitad para secretar\u00eda: ${formatMoney(baseCentroSecretary)}<br>IGV (18%): ${formatMoney(igvSecretary)}`;\r\n } else if (service === 'copy') {\r\n serviceName = 'Copia certificada';\r\n const pages = parseInt(document.getElementById('copy-pages').value) || 1;\r\n cost = 7 * pages;\r\n details = `Costo: S\/ 7.00 por hoja<br>N\u00famero de hojas: ${pages}`;\r\n }\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Servicio Adicional: ${serviceName}<\/h3>\r\n <div class=\"cost-item\">\r\n <span>Detalle:<\/span>\r\n <span>${details.replace(\/<br>\/g, '<\/span><\/div><div class=\"cost-item\"><span><\/span><span>')}<\/span>\r\n <\/div>\r\n <div class=\"total-cost\">TOTAL: ${formatMoney(cost)}<\/div>\r\n <\/div>`;\r\n }\r\n else if (activeTab === 'board') {\r\n \/\/ Mostrar tabla y (opcional) resaltar rango si se ingres\u00f3 cuant\u00eda\r\n const amtInput = document.getElementById('board-amount')?.value || '';\r\n const amount = parseCurrency(amtInput) || null;\r\n renderBoardTable(amount);\r\n return; \/\/ ya renderizamos\r\n }\r\n else if (activeTab === 'withdrawal') {\r\n const totalPaid = parseCurrency(document.getElementById('total-paid').value);\r\n const stage = parseInt(document.querySelector('input[name=\"withdrawal-stage\"]:checked').value);\r\n if (!totalPaid || totalPaid <= 0) { alert('Por favor ingrese un monto v\u00e1lido'); return; }\r\n let percentage = 0, stageName = '';\r\n if (stage === 1) { percentage = 0.7; stageName = 'Antes de presentar demanda'; }\r\n else { percentage = 0.2; stageName = 'Antes de presentar alegatos'; }\r\n const refund = totalPaid * percentage;\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Devoluci\u00f3n por Desistimiento<\/h3>\r\n <div class=\"cost-item\"><span>Etapa de desistimiento:<\/span><span>${stageName}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Porcentaje de devoluci\u00f3n:<\/span><span>${percentage * 100}%<\/span><\/div>\r\n <div class=\"cost-item\"><span>Monto total pagado:<\/span><span>${formatMoney(totalPaid)}<\/span><\/div>\r\n <div class=\"total-cost\">DEVOLUCI\u00d3N ESTIMADA: ${formatMoney(refund)}<\/div>\r\n <\/div>`;\r\n }\r\n\r\n resultContainer.innerHTML = resultHTML;\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Calculadora de Costos CENARD 2025 CALCULADORA DE COSTOS CENARD 2025 Reglamento de Costos del Centro Nacional para la Resoluci\u00f3n de Disputas Seleccione la Moneda Moneda: Soles (S\/)D\u00f3lares (US$) Seleccione el Tipo de Proceso Arbitraje Regular Arbitraje de Emergencia Cuant\u00eda Indeterminada Servicios Adicionales Junta de Prevenci\u00f3n Devoluci\u00f3n Cuant\u00eda Reclamada: S\/ \u00bfIncluye Reconvenci\u00f3n? S\u00ed No N\u00famero de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25349","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/pages\/25349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/comments?post=25349"}],"version-history":[{"count":23,"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/pages\/25349\/revisions"}],"predecessor-version":[{"id":25815,"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/pages\/25349\/revisions\/25815"}],"wp:attachment":[{"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/media?parent=25349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Calculadora de Costos CENARD 2025<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }\r\n body { background: #ffffff; color: #333; padding: 20px; min-height: 100vh; display: flex; justify-content: center; align-items: center; }\r\n .container { max-width: 1200px; margin: 0 auto; width: 100%; }\r\n .calculator-card { background: white; border-radius: 20px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; max-width: 1200px; border: 1px solid #e0e0e0; }\r\n .header { background: #1a2a6c; color: white; padding: 25px; text-align: center; position: relative; }\r\n .header h1 { font-size: 2.2rem; margin-bottom: 10px; font-weight: 700; }\r\n .header p { font-size: 1.1rem; opacity: 0.9; }\r\n .logo { position: absolute; top: 20px; left: 20px; background: white; border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }\r\n .logo i { font-size: 40px; color: #1a2a6c; }\r\n .content { display: flex; flex-wrap: wrap; padding: 0; }\r\n .form-section { flex: 1; min-width: 350px; padding: 30px; background: #f9f9ff; border-right: 1px solid #eee; }\r\n .result-section { flex: 1; min-width: 350px; padding: 30px; background: #fff; display: flex; flex-direction: column; }\r\n .section-title { color: #1a2a6c; font-size: 1.5rem; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #1a2a6c; font-weight: 600; text-align: center; }\r\n .form-group { margin-bottom: 25px; }\r\n label { display: block; margin-bottom: 8px; font-weight: 600; color: #444; text-align: center; }\r\n input, select { width: 100%; padding: 14px; border: 1px solid #ddd; border-radius: 10px; font-size: 16px; transition: all 0.3s; background: white; }\r\n input:focus, select:focus { border-color: #1a2a6c; box-shadow: 0 0 0 3px rgba(26, 42, 108, 0.2); outline: none; }\r\n .radio-group { display: flex; gap: 20px; margin-top: 10px; justify-content: center; }\r\n .radio-option { display: flex; align-items: center; gap: 8px; }\r\n .checkbox-group { display: flex; align-items: center; gap: 10px; margin-top: 10px; }\r\n .btn { background: #1a2a6c; color: white; border: none; padding: 16px 30px; font-size: 18px; border-radius: 10px; cursor: pointer; font-weight: 600; transition: all 0.3s; width: 100%; margin-top: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); text-align: center; display: inline-block; text-decoration: none; }\r\n .btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); background: #2a3a8c; }\r\n .btn:active { transform: translateY(1px); }\r\n .btn-outline { background: transparent; border: 2px solid #1a2a6c; color: #1a2a6c; }\r\n .btn-outline:hover { background: #1a2a6c; color: white; }\r\n .result-box { background: #f0f8ff; border-radius: 15px; padding: 25px; margin-bottom: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); }\r\n .cost-item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed #ddd; }\r\n .cost-item:last-child { border-bottom: none; }\r\n .total-cost { font-size: 1.8rem; font-weight: 700; color: #1a2a6c; text-align: center; margin: 20px 0; padding: 15px; background: linear-gradient(to right, #f8f9ff, #eef2ff); border-radius: 10px; border: 2px solid #1a2a6c; }\r\n .disclaimer { background: #fff8e1; border-left: 4px solid #ffc107; padding: 15px; border-radius: 0 8px 8px 0; margin-top: 25px; font-size: 0.9rem; }\r\n .footer { background: #1a2a6c; color: white; text-align: center; padding: 20px; font-size: 0.9rem; margin-top: auto; }\r\n .result-placeholder { text-align: center; padding: 50px 20px; color: #777; font-size: 1.1rem; }\r\n .result-placeholder i { font-size: 50px; margin-bottom: 20px; color: #1a2a6c; opacity: 0.5; }\r\n .tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; justify-content: center; }\r\n .tab { flex: 0 0 calc(33% - 10px); padding: 12px; text-align: center; background: #e0e0ff; border-radius: 10px; cursor: pointer; transition: all 0.3s; font-weight: 600; border: 2px solid transparent; font-size: 0.9rem; }\r\n .tab:hover { background: #c5c5f1; }\r\n .tab.active { background: #1a2a6c; color: white; border-color: #0d1a4d; }\r\n .process-section { display: none; }\r\n .process-section.active { display: block; }\r\n .currency-notice { background: #fff8e1; border: 2px solid #ffc107; border-radius: 10px; padding: 20px; margin: 20px 0; text-align: center; display: none; }\r\n .currency-notice h3 { color: #d35400; margin-bottom: 15px; }\r\n .currency-notice p { margin-bottom: 10px; line-height: 1.6; }\r\n .currency-notice .contact { font-weight: 600; color: #1a2a6c; }\r\n .input-group { position: relative; }\r\n .currency-symbol { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-weight: 600; color: #555; z-index: 1; }\r\n .currency-input { padding-left: 35px !important; }\r\n .reconvention-options { display: flex; gap: 15px; margin-top: 10px; justify-content: center; }\r\n .reconvention-option { display: flex; align-items: center; justify-content: center; gap: 8px; background: #f0f4ff; padding: 12px 20px; border-radius: 10px; cursor: pointer; transition: all 0.3s; min-width: 100px; border: 2px solid #d0d8ff; }\r\n .reconvention-option.selected { background: #1a2a6c; color: white; border-color: #0d1a4d; }\r\n .reconvention-option.selected label { color: white; }\r\n .reconvention-option i { font-size: 1.2rem; }\r\n .option-label { font-weight: 600; }\r\n .info-message { background: #e8f4f8; border-radius: 10px; padding: 20px; text-align: center; margin-bottom: 20px; }\r\n .info-message i { font-size: 2rem; color: #1a2a6c; margin-bottom: 15px; }\r\n .info-message p { margin-bottom: 15px; line-height: 1.6; }\r\n .board-message { background: #f0f8ff; border-radius: 15px; padding: 25px; margin-bottom: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); text-align: center; }\r\n\r\n \/* === Junta de Prevenci\u00f3n (tabla) === *\/\r\n .fee-table { width: 100%; border-collapse: collapse; margin: 10px 0 16px 0; }\r\n .fee-table th, .fee-table td { border: 1px solid #ddd; padding: 10px; text-align: center; }\r\n .fee-table th { background: #1a2a6c; color: #fff; }\r\n .fee-table caption { caption-side: top; text-align: left; font-weight: 600; margin-bottom: 6px; color: #1a2a6c; }\r\n .highlight-row { background: #fff8e1; }\r\n .fee-note { font-size: 0.9rem; color: #555; margin-top: 6px; }\r\n\r\n @media (max-width: 768px) {\r\n .content { flex-direction: column; }\r\n .form-section { border-right: none; border-bottom: 1px solid #eee; }\r\n .tabs { flex-direction: column; }\r\n .tab { flex: 1; min-width: auto; }\r\n .reconvention-options { flex-direction: row; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"calculator-card\">\r\n <div class=\"header\">\r\n <div class=\"logo\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\r\n <h1>CALCULADORA DE COSTOS CENARD 2025<\/h1>\r\n <p>Reglamento de Costos del Centro Nacional para la Resoluci\u00f3n de Disputas<\/p>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n <div class=\"form-section\">\r\n <h2 class=\"section-title\">Seleccione la Moneda<\/h2>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"currency\">Moneda:<\/label>\r\n <select id=\"currency\">\r\n <option value=\"PEN\">Soles (S\/)<\/option>\r\n <option value=\"USD\">D\u00f3lares (US$)<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div id=\"pen-processes\">\r\n <h2 class=\"section-title\">Seleccione el Tipo de Proceso<\/h2>\r\n\r\n <div class=\"tabs\">\r\n <div class=\"tab active\" data-tab=\"regular\">Arbitraje Regular<\/div>\r\n <div class=\"tab\" data-tab=\"emergency\">Arbitraje de Emergencia<\/div>\r\n <div class=\"tab\" data-tab=\"indeterminate\">Cuant\u00eda Indeterminada<\/div>\r\n <div class=\"tab\" data-tab=\"additional\">Servicios Adicionales<\/div>\r\n <div class=\"tab\" data-tab=\"board\">Junta de Prevenci\u00f3n<\/div>\r\n <div class=\"tab\" data-tab=\"withdrawal\">Devoluci\u00f3n<\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"regular-section\" class=\"process-section active\">\r\n <div class=\"form-group\">\r\n <label for=\"amount\">Cuant\u00eda Reclamada:<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"amount\" class=\"currency-input\" placeholder=\"Ingrese el monto\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>\u00bfIncluye Reconvenci\u00f3n?<\/label>\r\n <div class=\"reconvention-options\">\r\n <div class=\"reconvention-option\" data-value=\"si\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span class=\"option-label\">S\u00ed<\/span>\r\n <input type=\"radio\" id=\"reconvention-si\" name=\"reconvention\" value=\"si\" style=\"display:none;\">\r\n <\/div>\r\n <div class=\"reconvention-option selected\" data-value=\"no\">\r\n <i class=\"fas fa-times-circle\"><\/i>\r\n <span class=\"option-label\">No<\/span>\r\n <input type=\"radio\" id=\"reconvention-no\" name=\"reconvention\" value=\"no\" checked style=\"display:none;\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>N\u00famero de \u00c1rbitros:<\/label>\r\n <div class=\"radio-group\">\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"arbitrator-1\" name=\"arbitrators\" value=\"1\" checked>\r\n <label for=\"arbitrator-1\" style=\"display:inline; font-weight:normal;\">\u00c1rbitro \u00danico<\/label>\r\n <\/div>\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"arbitrator-3\" name=\"arbitrators\" value=\"3\">\r\n <label for=\"arbitrator-3\" style=\"display:inline; font-weight:normal;\">Tribunal (3 \u00e1rbitros)<\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"emergency-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <p style=\"padding:15px; background:#e8f4f8; border-radius:10px; text-align:center;\">\r\n <i class=\"fas fa-exclamation-triangle\" style=\"color:#d35400; font-size:1.5rem;\"><\/i><br>\r\n El costo total del arbitraje de emergencia es fijo y asumido por la parte solicitante.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"indeterminate-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <label>\u00bfEl contrato tiene cuant\u00eda?<\/label>\r\n <div class=\"radio-group\">\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"has-amount-yes\" name=\"has-amount\" value=\"yes\" checked>\r\n <label for=\"has-amount-yes\" style=\"display:inline; font-weight:normal;\">S\u00ed<\/label>\r\n <\/div>\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"has-amount-no\" name=\"has-amount\" value=\"no\">\r\n <label for=\"has-amount-no\" style=\"display:inline; font-weight:normal;\">No<\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"indeterminate-with-amount\">\r\n <div class=\"form-group\">\r\n <label for=\"contract-amount\">Monto Total del Contrato:<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"contract-amount\" class=\"currency-input\" placeholder=\"Ingrese el monto\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"claims-count\">N\u00famero de Pretensiones Indeterminadas:<\/label>\r\n <input type=\"number\" id=\"claims-count\" value=\"1\" min=\"1\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>N\u00famero de \u00c1rbitros:<\/label>\r\n <div class=\"radio-group\">\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"ind-arbitrator-1\" name=\"ind-arbitrators\" value=\"1\" checked>\r\n <label for=\"ind-arbitrator-1\" style=\"display:inline; font-weight:normal;\">\u00c1rbitro \u00danico<\/label>\r\n <\/div>\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"ind-arbitrator-3\" name=\"ind-arbitrators\" value=\"3\">\r\n <label for=\"ind-arbitrator-3\" style=\"display:inline; font-weight:normal;\">Tribunal (3 \u00e1rbitros)<\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"additional-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <label for=\"additional-service\">Seleccione el servicio:<\/label>\r\n <select id=\"additional-service\">\r\n <option value=\"\">Seleccione un servicio<\/option>\r\n <option value=\"appointment\">Nombramiento de \u00e1rbitro<\/option>\r\n <option value=\"recusation\">Recusaci\u00f3n y remoci\u00f3n de \u00e1rbitro<\/option>\r\n <option value=\"custody\">Custodia de actuaciones<\/option>\r\n <option value=\"secretary\">Secretar\u00eda arbitral ad hoc<\/option>\r\n <option value=\"copy\">Copia certificada<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div id=\"custody-details\" style=\"display:none;\">\r\n <div class=\"form-group\">\r\n <label for=\"custody-months\">N\u00famero de bimestres:<\/label>\r\n <input type=\"number\" id=\"custody-months\" min=\"1\" value=\"1\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"secretary-details\" style=\"display:none;\">\r\n <div class=\"form-group\">\r\n <label for=\"secretary-amount\">Cuant\u00eda Reclamada:<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"secretary-amount\" class=\"currency-input\" placeholder=\"Ingrese el monto\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"copy-details\" style=\"display:none;\">\r\n <div class=\"form-group\">\r\n <label for=\"copy-pages\">N\u00famero de hojas:<\/label>\r\n <input type=\"number\" id=\"copy-pages\" min=\"1\" value=\"1\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"board-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <label for=\"board-amount\">Cuant\u00eda del Contrato (opcional, solo para resaltar el rango):<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"board-amount\" class=\"currency-input\" placeholder=\"Ingrese el monto (opcional)\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-message\" style=\"margin-top:4px;\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <p>Los importes son <strong>netos<\/strong> y fijos por rango de cuant\u00eda, seg\u00fan el Reglamento de Costos.<\/p>\r\n <p>Si ingresas una cuant\u00eda, se resaltar\u00e1 el rango aplicable.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"withdrawal-section\" class=\"process-section\">\r\n <div class=\"form-group\">\r\n <label for=\"total-paid\">Monto Total Pagado:<\/label>\r\n <div class=\"input-group\">\r\n <span class=\"currency-symbol\">S\/<\/span>\r\n <input type=\"text\" id=\"total-paid\" class=\"currency-input\" placeholder=\"Ingrese el monto\" data-type=\"currency\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Etapa de Desistimiento:<\/label>\r\n <div class=\"radio-group\">\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"withdrawal-1\" name=\"withdrawal-stage\" value=\"1\" checked>\r\n <label for=\"withdrawal-1\" style=\"display:inline; font-weight:normal;\">Antes de presentar demanda<\/label>\r\n <\/div>\r\n <div class=\"radio-option\">\r\n <input type=\"radio\" id=\"withdrawal-2\" name=\"withdrawal-stage\" value=\"2\">\r\n <label for=\"withdrawal-2\" style=\"display:inline; font-weight:normal;\">Antes de presentar alegatos<\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn\" onclick=\"calculateCost()\">\r\n <i class=\"fas fa-calculator\"><\/i> CALCULAR COSTOS\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"result-section\">\r\n <h2 class=\"section-title\">Resultado del C\u00e1lculo<\/h2>\r\n <div id=\"result-container\">\r\n <div class=\"result-placeholder\">\r\n <i class=\"fas fa-file-invoice-dollar\"><\/i>\r\n <p>Complete los datos a la izquierda y haga clic en \"Calcular Costos\" para ver los resultados<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"usd-notice\" class=\"currency-notice\">\r\n <h3><i class=\"fas fa-exclamation-triangle\"><\/i> C\u00e1lculos en Moneda Extranjera<\/h3>\r\n <p>Para c\u00e1lculos en d\u00f3lares u otra moneda extranjera, debe solicitar el c\u00e1lculo del arbitraje directamente al Centro Nacional para la Resoluci\u00f3n de Disputas CENARD.<\/p>\r\n <p>El centro ofrecer\u00e1 el tipo de cambio basado en la tasa del d\u00eda para brindarle un c\u00e1lculo preciso.<\/p>\r\n <p class=\"contact\">Contacto: secretariageneral@cenardarbitraje.com<\/p>\r\n <p class=\"contact\">Tel\u00e9fono: (01) 123-4567<\/p>\r\n <\/div>\r\n\r\n <div class=\"disclaimer\">\r\n <p><strong>Nota importante:<\/strong> Los c\u00e1lculos son estimados seg\u00fan el Reglamento de Costos CENARD 2025. La liquidaci\u00f3n definitiva ser\u00e1 determinada por la Secretar\u00eda General, considerando la complejidad del caso y otros factores.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer\">\r\n <p>\u00a9 2025 Centro Nacional para la Resoluci\u00f3n de Disputas - CENARD<\/p>\r\n <p>secretariageneral@cenardarbitraje.com | mesadepartes@cenardarbitraje.com<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ===== Utilidades de moneda =====\r\n function formatCurrency(value) {\r\n if (!value && value !== 0) return '';\r\n const number = parseFloat(value.toString().replace(\/[^\\d.]\/g, ''));\r\n if (isNaN(number)) return '';\r\n return number.toLocaleString('es-PE', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\n }\r\n function parseCurrency(value) {\r\n if (!value) return 0;\r\n return parseFloat(value.toString().replace(\/[^\\d.]\/g, ''));\r\n }\r\n function formatMoney(amount) {\r\n return 'S\/ ' + (amount || 0).toLocaleString('es-PE', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\n }\r\n\r\n \/\/ ===== Junta de Prevenci\u00f3n \u2013 Rangos fijos (NETO) =====\r\n const BOARD_RANGES = [\r\n { min: 0, max: 50000000, label: \"Hasta S\/ 50'000,000.00\", tribunal: 17000, unico: 8000, centro: 5200 },\r\n { min: 50000001, max: 70000000, label: \"De S\/ 50'000,001.00 hasta S\/ 70'000,000.00\", tribunal: 19800, unico: 10000, centro: 6200 },\r\n { min: 70000001, max: 100000000, label: \"De S\/ 70'000,001.00 hasta S\/ 100'000,000.00\", tribunal: 22800, unico: 12000, centro: 7200 },\r\n { min: 100000001, max: 150000000, label: \"De S\/ 100'000,001.00 hasta S\/ 150'000,000.00\",tribunal: 25800, unico: 14000, centro: 8200 },\r\n { min: 150000001, max: Infinity, label: \"Desde S\/ 150'000,001.00 en adelante\", tribunal: 28800, unico: 16000, centro: 9200 }\r\n ];\r\n function getBoardRangeByAmount(q) {\r\n if (q === null || isNaN(q)) return null;\r\n for (const r of BOARD_RANGES) { if (q >= r.min && q <= r.max) return r; }\r\n return null;\r\n }\r\n function renderBoardTable(qAmount = null) {\r\n const resultContainer = document.getElementById('result-container');\r\n const selected = getBoardRangeByAmount(qAmount);\r\n let rows1 = '', rows2 = '';\r\n BOARD_RANGES.forEach(r => {\r\n const highlight = (selected && selected.label === r.label) ? ' class=\"highlight-row\"' : '';\r\n rows1 += `\r\n <tr${highlight}>\r\n <td>${r.label}<\/td>\r\n <td>S\/ ${formatCurrency(r.tribunal)}<\/td>\r\n <td>S\/ ${formatCurrency(r.unico)}<\/td>\r\n <\/tr>`;\r\n rows2 += `\r\n <tr${highlight}>\r\n <td>${r.label}<\/td>\r\n <td>S\/ ${formatCurrency(r.centro)}<\/td>\r\n <\/tr>`;\r\n });\r\n const summary = selected ? `\r\n <div class=\"result-box\" style=\"margin-top:10px;\">\r\n <h3>Rango aplicable para ${formatMoney(qAmount)}<\/h3>\r\n <div class=\"cost-item\"><span>Tribunal Adjudicador (neto):<\/span><span>${formatMoney(selected.tribunal)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Adjudicador \u00danico (neto):<\/span><span>${formatMoney(selected.unico)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>CENTRO (neto):<\/span><span>${formatMoney(selected.centro)}<\/span><\/div>\r\n <p class=\"fee-note\" style=\"margin-top:10px;\">Importes netos (sin IGV). Para total con IGV multiplicar cada rubro por 1.18.<\/p>\r\n <\/div>` : '';\r\n resultContainer.innerHTML = `\r\n <div class=\"result-box\">\r\n <h3>Junta de Prevenci\u00f3n y Resoluci\u00f3n de Disputas<\/h3>\r\n\r\n <table class=\"fee-table\">\r\n <caption>Montos por Cuant\u00eda \u2013 \u00c1rbitros (neto)<\/caption>\r\n <thead>\r\n <tr>\r\n <th>MONTO DEL CONTRATO<\/th>\r\n <th>CUANT\u00cdA POR TRIBUNAL ADJUDICADOR (neto)<\/th>\r\n <th>CUANT\u00cdA POR ADJUDICADOR \u00daNICO (neto)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>${rows1}<\/tbody>\r\n <\/table>\r\n\r\n <table class=\"fee-table\">\r\n <caption>Montos por Cuant\u00eda \u2013 CENTRO (neto)<\/caption>\r\n <thead>\r\n <tr>\r\n <th>MONTO DEL CONTRATO<\/th>\r\n <th>CENTRO (neto)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>${rows2}<\/tbody>\r\n <\/table>\r\n\r\n <div class=\"fee-note\">Fuente: Reglamento de Costos CENARD 2025. Importes netos (no incluyen IGV).<\/div>\r\n <\/div>\r\n ${summary}\r\n `;\r\n }\r\n\r\n \/\/ ===== C\u00e1lculos vigentes para otros procesos =====\r\n function calcularCostoCentro(cuantia) {\r\n if (cuantia <= 50000) { return 7600; }\r\n else if (cuantia > 50000 && cuantia <= 200000) { return 7600 + 0.01 * cuantia; }\r\n else if (cuantia > 200000 && cuantia <= 500000) { return 7600 + 0.01 * cuantia; }\r\n else if (cuantia > 500000 && cuantia <= 2000000) { return 7600 + 0.008 * cuantia; }\r\n else if (cuantia > 2000000 && cuantia <= 10000000) { return 7600 + 0.006 * cuantia; }\r\n else if (cuantia > 10000000 && cuantia <= 50000000) { return 7600 + 0.004 * cuantia; }\r\n else if (cuantia > 50000000 && cuantia <= 150000000) { return 7600 + 0.003 * cuantia; }\r\n else { return 460000; }\r\n }\r\n function calcularCostoArbitro(cuantia) { return calcularCostoCentro(cuantia); }\r\n function calcularIGV(monto) { return monto * 0.18; }\r\n\r\n \/\/ ===== Inicializaci\u00f3n y eventos =====\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ Formato de moneda (blur\/focus)\r\n const currencyInputs = document.querySelectorAll('input[data-type=\"currency\"]');\r\n currencyInputs.forEach(input => {\r\n input.addEventListener('blur', function () {\r\n if (this.value) { this.value = 'S\/ ' + formatCurrency(this.value); }\r\n });\r\n input.addEventListener('focus', function () {\r\n this.value = this.value.replace(\/[^\\d.]\/g, '');\r\n });\r\n });\r\n\r\n \/\/ Cambio de moneda\r\n document.getElementById('currency').addEventListener('change', function () {\r\n const currency = this.value;\r\n const penProcesses = document.getElementById('pen-processes');\r\n const usdNotice = document.getElementById('usd-notice');\r\n if (currency === 'PEN') {\r\n penProcesses.style.display = 'block';\r\n usdNotice.style.display = 'none';\r\n document.getElementById('result-container').innerHTML = `\r\n <div class=\"result-placeholder\">\r\n <i class=\"fas fa-file-invoice-dollar\"><\/i>\r\n <p>Complete los datos a la izquierda y haga clic en \"Calcular Costos\" para ver los resultados<\/p>\r\n <\/div>`;\r\n } else {\r\n penProcesses.style.display = 'none';\r\n usdNotice.style.display = 'block';\r\n }\r\n });\r\n\r\n \/\/ Selecci\u00f3n de reconvenci\u00f3n (toggle visual)\r\n const reconventionOptions = document.querySelectorAll('.reconvention-option');\r\n reconventionOptions.forEach(option => {\r\n option.addEventListener('click', function () {\r\n reconventionOptions.forEach(opt => opt.classList.remove('selected'));\r\n this.classList.add('selected');\r\n const value = this.getAttribute('data-value');\r\n document.querySelector(`input[name=\"reconvention\"][value=\"${value}\"]`).checked = true;\r\n });\r\n });\r\n\r\n \/\/ Tabs\r\n document.querySelectorAll('.tab').forEach(tab => {\r\n tab.addEventListener('click', function () {\r\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\r\n document.querySelectorAll('.process-section').forEach(s => s.classList.remove('active'));\r\n\r\n this.classList.add('active');\r\n const tabId = this.getAttribute('data-tab');\r\n document.getElementById(`${tabId}-section`).classList.add('active');\r\n\r\n if (tabId === 'board') {\r\n renderBoardTable(); \/\/ Mostrar la tabla al entrar\r\n } else {\r\n document.getElementById('result-container').innerHTML = `\r\n <div class=\"result-placeholder\">\r\n <i class=\"fas fa-file-invoice-dollar\"><\/i>\r\n <p>Complete los datos a la izquierda y haga clic en \"Calcular Costos\" para ver los resultados<\/p>\r\n <\/div>`;\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ ===== Orquestador principal =====\r\n function calculateCost() {\r\n const activeTab = document.querySelector('.tab.active').getAttribute('data-tab');\r\n const resultContainer = document.getElementById('result-container');\r\n let resultHTML = '';\r\n\r\n if (activeTab === 'regular') {\r\n const amount = parseCurrency(document.getElementById('amount').value);\r\n if (!amount || amount < 0) { alert('Por favor ingrese una cuant\u00eda v\u00e1lida'); return; }\r\n const hasReconvention = document.querySelector('input[name=\"reconvention\"]:checked').value === 'si';\r\n const numArbitrators = parseInt(document.querySelector('input[name=\"arbitrators\"]:checked').value);\r\n\r\n const solicitud = 1000;\r\n const reconvencion = hasReconvention ? 1000 : 0;\r\n\r\n const baseCentro = calcularCostoCentro(amount);\r\n const igvCentro = calcularIGV(baseCentro);\r\n const totalCentro = baseCentro + igvCentro;\r\n\r\n const baseArbitro = calcularCostoArbitro(amount);\r\n const igvArbitro = calcularIGV(baseArbitro);\r\n const totalPorArbitro = baseArbitro + igvArbitro;\r\n const totalArbitros = totalPorArbitro * numArbitrators;\r\n\r\n const total = totalCentro + totalArbitros + solicitud + reconvencion;\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Detalle de Costos - Arbitraje Regular<\/h3>\r\n <div class=\"cost-item\"><span>Solicitud de Arbitraje:<\/span><span>${formatMoney(solicitud)}<\/span><\/div>\r\n ${hasReconvention ? `<div class=\"cost-item\"><span>Reconvenci\u00f3n:<\/span><span>${formatMoney(reconvencion)}<\/span><\/div>` : ''}\r\n <div class=\"cost-item\"><span>Costo del CENTRO:<\/span><span>${formatMoney(baseCentro)} + IGV ${formatMoney(igvCentro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Costo por \u00e1rbitro:<\/span><span>${formatMoney(baseArbitro)} + IGV ${formatMoney(igvArbitro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Total tribunal (${numArbitrators} \u00e1rbitro${numArbitrators > 1 ? 's' : ''}):<\/span><span>${formatMoney(totalArbitros)}<\/span><\/div>\r\n <div class=\"total-cost\">TOTAL ESTIMADO: ${formatMoney(total)}<\/div>\r\n <\/div>`;\r\n }\r\n else if (activeTab === 'emergency') {\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Arbitraje de Emergencia<\/h3>\r\n <p style=\"text-align:center; font-size:1.2rem; padding:20px;\">\r\n Costo total asumido por la parte solicitante:<br>\r\n <strong style=\"font-size:1.8rem;\">${formatMoney(40000)}<\/strong>\r\n <\/p>\r\n <\/div>`;\r\n }\r\n else if (activeTab === 'indeterminate') {\r\n const hasAmount = document.querySelector('input[name=\"has-amount\"]:checked').value === 'yes';\r\n const numArbitrators = parseInt(document.querySelector('input[name=\"ind-arbitrators\"]:checked').value);\r\n\r\n if (hasAmount) {\r\n const contractAmount = parseCurrency(document.getElementById('contract-amount').value);\r\n const claimsCount = parseInt(document.getElementById('claims-count').value);\r\n if (!contractAmount || contractAmount < 0) { alert('Por favor ingrese un monto de contrato v\u00e1lido'); return; }\r\n if (!claimsCount || claimsCount < 1) { alert('Por favor ingrese un n\u00famero v\u00e1lido de pretensiones'); return; }\r\n\r\n const amount = 0.05 * contractAmount * claimsCount;\r\n\r\n const baseCentro = calcularCostoCentro(amount);\r\n const igvCentro = calcularIGV(baseCentro);\r\n const totalCentro = baseCentro + igvCentro;\r\n\r\n const baseArbitro = calcularCostoArbitro(amount);\r\n const igvArbitro = calcularIGV(baseArbitro);\r\n const totalPorArbitro = baseArbitro + igvArbitro;\r\n const totalArbitros = totalPorArbitro * numArbitrators;\r\n\r\n const total = totalCentro + totalArbitros;\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Detalle de Costos - Cuant\u00eda Indeterminada<\/h3>\r\n <div class=\"cost-item\"><span>Cuant\u00eda calculada (5% del contrato \u00d7 ${claimsCount} pretensiones):<\/span><span>${formatMoney(amount)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Costo del CENTRO:<\/span><span>${formatMoney(baseCentro)} + IGV ${formatMoney(igvCentro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Costo por \u00e1rbitro:<\/span><span>${formatMoney(baseArbitro)} + IGV ${formatMoney(igvArbitro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Total tribunal (${numArbitrators} \u00e1rbitro${numArbitrators > 1 ? 's' : ''}):<\/span><span>${formatMoney(totalArbitros)}<\/span><\/div>\r\n <div class=\"total-cost\">TOTAL ESTIMADO: ${formatMoney(total)}<\/div>\r\n <\/div>`;\r\n } else {\r\n const totalCentro = 50000 * 1.18;\r\n const totalArbitros = 50000 * numArbitrators;\r\n const total = totalCentro + totalArbitros;\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Detalle de Costos - Contrato sin Cuant\u00eda<\/h3>\r\n <div class=\"cost-item\"><span>Costo del CENTRO (preliminar):<\/span><span>S\/ 50,000.00 + IGV = ${formatMoney(totalCentro)}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Costo por \u00e1rbitro:<\/span><span>S\/ 50,000.00 (neto)<\/span><\/div>\r\n <div class=\"cost-item\"><span>Total tribunal (${numArbitrators} \u00e1rbitro${numArbitrators > 1 ? 's' : ''}):<\/span><span>${formatMoney(totalArbitros)}<\/span><\/div>\r\n <div class=\"total-cost\">TOTAL PRELIMINAR: ${formatMoney(total)}<\/div>\r\n <p style=\"margin-top:15px; font-style:italic;\">Nota: La liquidaci\u00f3n definitiva ser\u00e1 determinada por la Secretar\u00eda General<\/p>\r\n <\/div>`;\r\n }\r\n }\r\n else if (activeTab === 'additional') {\r\n const service = document.getElementById('additional-service').value;\r\n if (!service) { alert('Por favor seleccione un servicio adicional'); return; }\r\n\r\n let serviceName = '', cost = 0, details = '';\r\n if (service === 'appointment') {\r\n serviceName = 'Nombramiento de \u00e1rbitro'; cost = 2000; details = `Costo fijo: ${formatMoney(2000)} (incluye IGV)`;\r\n } else if (service === 'recusation') {\r\n serviceName = 'Recusaci\u00f3n y remoci\u00f3n de \u00e1rbitro'; cost = 2000; details = `Costo fijo: ${formatMoney(2000)} (incluye IGV)`;\r\n } else if (service === 'custody') {\r\n serviceName = 'Custodia de actuaciones';\r\n const bimestres = parseInt(document.getElementById('custody-months').value) || 1;\r\n const baseCustodia = 2000 * bimestres;\r\n const igvCustodia = calcularIGV(baseCustodia);\r\n cost = baseCustodia + igvCustodia;\r\n details = `Costo base (${bimestres} bimestres): ${formatMoney(baseCustodia)}<br>IGV (18%): ${formatMoney(igvCustodia)}`;\r\n } else if (service === 'secretary') {\r\n serviceName = 'Secretar\u00eda arbitral ad hoc';\r\n const amountSecretary = parseCurrency(document.getElementById('secretary-amount').value);\r\n if (!amountSecretary || amountSecretary < 0) { alert('Por favor ingrese una cuant\u00eda v\u00e1lida'); return; }\r\n const baseCentroSecretary = calcularCostoCentro(amountSecretary) \/ 2;\r\n const igvSecretary = calcularIGV(baseCentroSecretary);\r\n cost = baseCentroSecretary + igvSecretary;\r\n details = `Costo del CENTRO para cuant\u00eda ${formatMoney(amountSecretary)}: ${formatMoney(calcularCostoCentro(amountSecretary))}<br>Mitad para secretar\u00eda: ${formatMoney(baseCentroSecretary)}<br>IGV (18%): ${formatMoney(igvSecretary)}`;\r\n } else if (service === 'copy') {\r\n serviceName = 'Copia certificada';\r\n const pages = parseInt(document.getElementById('copy-pages').value) || 1;\r\n cost = 7 * pages;\r\n details = `Costo: S\/ 7.00 por hoja<br>N\u00famero de hojas: ${pages}`;\r\n }\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Servicio Adicional: ${serviceName}<\/h3>\r\n <div class=\"cost-item\">\r\n <span>Detalle:<\/span>\r\n <span>${details.replace(\/<br>\/g, '<\/span><\/div><div class=\"cost-item\"><span><\/span><span>')}<\/span>\r\n <\/div>\r\n <div class=\"total-cost\">TOTAL: ${formatMoney(cost)}<\/div>\r\n <\/div>`;\r\n }\r\n else if (activeTab === 'board') {\r\n \/\/ Mostrar tabla y (opcional) resaltar rango si se ingres\u00f3 cuant\u00eda\r\n const amtInput = document.getElementById('board-amount')?.value || '';\r\n const amount = parseCurrency(amtInput) || null;\r\n renderBoardTable(amount);\r\n return; \/\/ ya renderizamos\r\n }\r\n else if (activeTab === 'withdrawal') {\r\n const totalPaid = parseCurrency(document.getElementById('total-paid').value);\r\n const stage = parseInt(document.querySelector('input[name=\"withdrawal-stage\"]:checked').value);\r\n if (!totalPaid || totalPaid <= 0) { alert('Por favor ingrese un monto v\u00e1lido'); return; }\r\n let percentage = 0, stageName = '';\r\n if (stage === 1) { percentage = 0.7; stageName = 'Antes de presentar demanda'; }\r\n else { percentage = 0.2; stageName = 'Antes de presentar alegatos'; }\r\n const refund = totalPaid * percentage;\r\n\r\n resultHTML = `\r\n <div class=\"result-box\">\r\n <h3>Devoluci\u00f3n por Desistimiento<\/h3>\r\n <div class=\"cost-item\"><span>Etapa de desistimiento:<\/span><span>${stageName}<\/span><\/div>\r\n <div class=\"cost-item\"><span>Porcentaje de devoluci\u00f3n:<\/span><span>${percentage * 100}%<\/span><\/div>\r\n <div class=\"cost-item\"><span>Monto total pagado:<\/span><span>${formatMoney(totalPaid)}<\/span><\/div>\r\n <div class=\"total-cost\">DEVOLUCI\u00d3N ESTIMADA: ${formatMoney(refund)}<\/div>\r\n <\/div>`;\r\n }\r\n\r\n resultContainer.innerHTML = resultHTML;\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Calculadora de Costos CENARD 2025 CALCULADORA DE COSTOS CENARD 2025 Reglamento de Costos del Centro Nacional para la Resoluci\u00f3n de Disputas Seleccione la Moneda Moneda: Soles (S\/)D\u00f3lares (US$) Seleccione el Tipo de Proceso Arbitraje Regular Arbitraje de Emergencia Cuant\u00eda Indeterminada Servicios Adicionales Junta de Prevenci\u00f3n Devoluci\u00f3n Cuant\u00eda Reclamada: S\/ \u00bfIncluye Reconvenci\u00f3n? S\u00ed No N\u00famero de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25349","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/pages\/25349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/comments?post=25349"}],"version-history":[{"count":23,"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/pages\/25349\/revisions"}],"predecessor-version":[{"id":25815,"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/pages\/25349\/revisions\/25815"}],"wp:attachment":[{"href":"https:\/\/cenardarbitraje.com\/web\/wp-json\/wp\/v2\/media?parent=25349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}