Calculadora de Impuesto Predial Colombia 2026

// ============================================================ // HELPERS // ============================================================ const fmtCOP = (n) => new Intl.NumberFormat('es-CO', { style: 'currency', currency: 'COP', minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(n); const fmtNum = (n) => new Intl.NumberFormat('es-CO').format(n);

function parsearAvaluo(str) { // Eliminar todo excepto dígitos return parseInt(str.replace(/\D/g, ''), 10) || 0; }

function formatearInput(input) { const raw = input.value.replace(/\D/g, ''); if (raw) { input.value = new Intl.NumberFormat('es-CO').format(parseInt(raw, 10)); } }

function calcularTarifa(ciudadData, tipo, avaluo, estrato) { const t = ciudadData.tarifas[tipo]; if (!t) return 0; if (typeof t === 'function') return t(avaluo, estrato); return t; }

// ============================================================ // INIT // ============================================================ const elCiudad = document.getElementById('ciudad'); const elTipo = document.getElementById('tipo'); const elEstrato = document.getElementById('estrato'); const elAvaluo = document.getElementById('avaluo'); const grupoEstrato = document.getElementById('grupo-estrato'); const elResultado = document.getElementById('resultado'); const btnCalcular = document.getElementById('btnCalcular'); const btnCompartir = document.getElementById('btnCompartir'); const copySuccess = document.getElementById('copySuccess');

// Formatear campo avalúo elAvaluo.addEventListener('input', () => formatearInput(elAvaluo)); elAvaluo.addEventListener('blur', () => formatearInput(elAvaluo));

// Mostrar/ocultar estrato elTipo.addEventListener('change', () => { if (elTipo.value === 'residencial') { grupoEstrato.classList.remove('hidden'); grupoEstrato.classList.add('visible'); elEstrato.setAttribute('required', 'required'); } else { grupoEstrato.classList.remove('visible'); grupoEstrato.classList.add('hidden'); elEstrato.removeAttribute('required'); elEstrato.value = ''; } });

// ============================================================ // HEADER DINÁMICO POR CIUDAD // Actualiza el título y subtítulo del widget según la ciudad seleccionada // ============================================================ function actualizarHeaderCiudad(ciudadKey) { const elTitulo = document.getElementById('calc-titulo'); const elSubtitulo = document.getElementById('calc-subtitulo'); if (!elTitulo || !elSubtitulo) return;

if (!ciudadKey || !TARIFAS_2026[ciudadKey]) { elTitulo.textContent = 'Calculadora de Impuesto Predial Colombia'; elSubtitulo.textContent = 'Calcula el valor de tu impuesto predial con tarifas vigentes para 30 ciudades. Incluye descuentos por pronto pago.'; return; }

const ciudad = TARIFAS_2026[ciudadKey]; const descuento = ciudad.descuento; elTitulo.textContent = 'Calculadora de Impuesto Predial — ' + ciudad.nombre; elSubtitulo.textContent = 'Tarifas vigentes 2026 para ' + ciudad.nombre + '. ' + (descuento ? 'Descuento por pronto pago del ' + descuento.pct + '% hasta el ' + descuento.texto + '.' : ''); }

// Actualizar header al cambiar ciudad en el dropdown elCiudad.addEventListener('change', () => actualizarHeaderCiudad(elCiudad.value));

// Preseleccionar ciudad vía URL param (function preseleccionarCiudad() { try { const params = new URLSearchParams(window.location.search); const ciudad = params.get('ciudad'); const tipo = params.get('tipo'); const avaluo = params.get('avaluo'); const estrato = params.get('estrato'); if (ciudad && TARIFAS_2026[ciudad]) { elCiudad.value = ciudad; actualizarHeaderCiudad(ciudad); } if (tipo) { elTipo.value = tipo; elTipo.dispatchEvent(new Event('change')); } if (avaluo) { elAvaluo.value = new Intl.NumberFormat('es-CO').format(parseInt(avaluo, 10)); } if (estrato) { elEstrato.value = estrato; } // Auto-calcular si vienen todos los params if (ciudad && tipo && avaluo) { document.getElementById('formCalculadora').dispatchEvent(new Event('submit')); } } catch(e) {} })();

// ============================================================ // CALCULAR // ============================================================ document.getElementById('formCalculadora').addEventListener('submit', function(e) { e.preventDefault();

const ciudadKey = elCiudad.value; const tipo = elTipo.value; const avaluoStr = elAvaluo.value; const estrato = elEstrato.value; const aplicaDescuento = document.querySelector('input[name="descuento"]:checked').value === 'si';

// Validación básica if (!ciudadKey) { elCiudad.focus(); elCiudad.style.borderColor = 'var(--color-primary)'; return; } if (!tipo) { elTipo.focus(); return; } if (!avaluoStr) { elAvaluo.focus(); return; } const avaluo = parsearAvaluo(avaluoStr); if (avaluo <= 0) { elAvaluo.focus(); return; } if (tipo === 'residencial' && !estrato) { elEstrato.focus(); return; }// Loading btnCalcular.classList.add('loading');setTimeout(() => { btnCalcular.classList.remove('loading');

const ciudad = TARIFAS_2026[ciudadKey]; if (!ciudad) return;

const tarifa = calcularTarifa(ciudad, tipo, avaluo, estrato); const impuestoBase = Math.round(avaluo * tarifa / 1000);

let descuentoMonto = 0; let totalPagar = impuestoBase;

if (aplicaDescuento && ciudad.descuento) { descuentoMonto = Math.round(impuestoBase * ciudad.descuento.pct / 100); totalPagar = impuestoBase - descuentoMonto; }

// Labels de tipo const tipoLabels = { residencial: 'Residencial', comercial: 'Comercial', industrial: 'Industrial', rural: 'Rural', lote: 'Lote', mixto: 'Mixto' };

// Actualizar DOM document.getElementById('r-total').textContent = fmtCOP(totalPagar); document.getElementById('r-ciudad-tipo').textContent = ciudad.nombre + ' · ' + tipoLabels[tipo] + (estrato ? ' E' + estrato : '') + ' · Avalúo ' + fmtCOP(avaluo); document.getElementById('r-avaluo').textContent = fmtCOP(avaluo); document.getElementById('r-tarifa').textContent = tarifa.toFixed(1) + ' ‰ (por mil)'; document.getElementById('r-base').textContent = fmtCOP(impuestoBase);

// Descuento const itemDescuento = document.getElementById('item-descuento'); const alertaDescuento = document.getElementById('alerta-descuento'); if (aplicaDescuento && descuentoMonto > 0) { document.getElementById('r-ahorro').textContent = '- ' + fmtCOP(descuentoMonto); itemDescuento.style.display = 'block'; document.getElementById('r-descuento-texto').innerHTML = 'Descuento pronto pago del ' + ciudad.descuento.pct + '% — Paga antes del ' + ciudad.descuento.texto + ' para ahorrar ' + fmtCOP(descuentoMonto) + '.'; alertaDescuento.style.display = 'flex'; } else { itemDescuento.style.display = 'none'; alertaDescuento.style.display = 'none'; }

// Portal de pago const portalLink = document.getElementById('r-portal'); portalLink.href = ciudad.portal; portalLink.textContent = 'Portal de pago ' + ciudad.nombre + ' →';

// Mostrar resultado elResultado.classList.add('visible'); elResultado.scrollIntoView({ behavior: 'smooth', block: 'nearest' });

// Mostrar botón compartir btnCompartir.style.display = 'inline-flex';

// Guardar URL params try { const url = new URL(window.location.href); url.searchParams.set('ciudad', ciudadKey); url.searchParams.set('tipo', tipo); url.searchParams.set('avaluo', avaluo); if (estrato) url.searchParams.set('estrato', estrato); window.history.replaceState({}, '', url.toString()); } catch(e) {}

}, 200); });

// ============================================================ // COMPARTIR // ============================================================ btnCompartir.addEventListener('click', () => { try { navigator.clipboard.writeText(window.location.href).then(() => { copySuccess.classList.add('show'); setTimeout(() => copySuccess.classList.remove('show'), 3000); }); } catch(e) { // Fallback const ta = document.createElement('textarea'); ta.value = window.location.href; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); copySuccess.classList.add('show'); setTimeout(() => copySuccess.classList.remove('show'), 3000); } });

Calcula el valor exacto de tu impuesto predial con tarifas actualizadas para 30 ciudades. Incluye descuentos por pronto pago, calendarios de pago y enlaces a portales oficiales.