fix(pos): remove hardcoded demo data from inventory, customers, invoicing, accounting pages

Demo/sample rows in HTML tables were visible on first render before JS
populated real data. Replaced all hardcoded tbody rows and finance cards
with empty containers that JS populates from API on load.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-04 23:20:06 +00:00
parent c1d0638b45
commit 04340f2f29
4 changed files with 42 additions and 1409 deletions

View File

@@ -1498,73 +1498,12 @@
</tr>
</thead>
<tbody>
<tr>
<td class="td--mono">FA-2026-0892</td>
<td class="td--primary">Taller Mecánico El Rayo</td>
<td>01/03/2026</td>
<td>31/03/2026</td>
<td class="td--amount">$45,320.00</td>
<td class="td--amount">$0.00</td>
<td class="td--amount">$45,320.00</td>
<td><span class="badge badge--pending">Vigente</span></td>
<td><button class="btn btn--ghost btn--sm">Cobrar</button></td>
</tr>
<tr>
<td class="td--mono">FA-2026-0887</td>
<td class="td--primary">AutoServicio Hernández</td>
<td>25/02/2026</td>
<td>27/03/2026</td>
<td class="td--amount">$23,150.00</td>
<td class="td--amount">$10,000.00</td>
<td class="td--amount">$13,150.00</td>
<td><span class="badge badge--partial">Parcial</span></td>
<td><button class="btn btn--ghost btn--sm">Cobrar</button></td>
</tr>
<tr>
<td class="td--mono">FA-2026-0879</td>
<td class="td--primary">Refaccionaria López</td>
<td>18/02/2026</td>
<td>20/03/2026</td>
<td class="td--amount">$67,890.00</td>
<td class="td--amount">$67,890.00</td>
<td class="td--amount">$0.00</td>
<td><span class="badge badge--ok">Pagada</span></td>
<td><button class="btn btn--ghost btn--sm">Ver</button></td>
</tr>
<tr>
<td class="td--mono">FA-2026-0865</td>
<td class="td--primary">Taller Express Monterrey</td>
<td>10/02/2026</td>
<td>12/03/2026</td>
<td class="td--amount">$31,200.00</td>
<td class="td--amount">$0.00</td>
<td class="td--amount">$31,200.00</td>
<td><span class="badge badge--overdue">Vencida</span></td>
<td><button class="btn btn--ghost btn--sm">Cobrar</button></td>
</tr>
<tr>
<td class="td--mono">FA-2026-0851</td>
<td class="td--primary">Grupo Automotriz del Norte</td>
<td>03/02/2026</td>
<td>05/03/2026</td>
<td class="td--amount">$128,450.00</td>
<td class="td--amount">$80,000.00</td>
<td class="td--amount">$48,450.00</td>
<td><span class="badge badge--partial">Parcial</span></td>
<td><button class="btn btn--ghost btn--sm">Cobrar</button></td>
</tr>
<!-- Populated by JS -->
</tbody>
</table>
<div class="pagination">
<span>Mostrando 1-5 de 23 registros</span>
<div class="pagination__pages">
<button class="pagination__btn">&laquo;</button>
<button class="pagination__btn is-active">1</button>
<button class="pagination__btn">2</button>
<button class="pagination__btn">3</button>
<button class="pagination__btn">5</button>
<button class="pagination__btn">&raquo;</button>
</div>
<span></span>
<div class="pagination__pages"></div>
</div>
</div>
</div>
@@ -1606,73 +1545,12 @@
</tr>
</thead>
<tbody>
<tr>
<td class="td--mono">PROV-48291</td>
<td class="td--primary">Distribuidora Automotriz Nacional</td>
<td>05/03/2026</td>
<td>04/04/2026</td>
<td class="td--amount">$234,500.00</td>
<td class="td--amount">$0.00</td>
<td class="td--amount">$234,500.00</td>
<td><span class="badge badge--pending">Vigente</span></td>
<td><button class="btn btn--ghost btn--sm">Pagar</button></td>
</tr>
<tr>
<td class="td--mono">PROV-47830</td>
<td class="td--primary">SKF de México S.A.</td>
<td>20/02/2026</td>
<td>22/03/2026</td>
<td class="td--amount">$89,200.00</td>
<td class="td--amount">$0.00</td>
<td class="td--amount">$89,200.00</td>
<td><span class="badge badge--overdue">Vencida</span></td>
<td><button class="btn btn--ghost btn--sm">Pagar</button></td>
</tr>
<tr>
<td class="td--mono">PROV-47615</td>
<td class="td--primary">Monroe de México</td>
<td>15/02/2026</td>
<td>17/03/2026</td>
<td class="td--amount">$56,780.00</td>
<td class="td--amount">$0.00</td>
<td class="td--amount">$56,780.00</td>
<td><span class="badge badge--overdue">Vencida</span></td>
<td><button class="btn btn--ghost btn--sm">Pagar</button></td>
</tr>
<tr>
<td class="td--mono">PROV-47401</td>
<td class="td--primary">Gates Rubber de México</td>
<td>10/02/2026</td>
<td>12/03/2026</td>
<td class="td--amount">$145,300.00</td>
<td class="td--amount">$100,000.00</td>
<td class="td--amount">$45,300.00</td>
<td><span class="badge badge--partial">Parcial</span></td>
<td><button class="btn btn--ghost btn--sm">Pagar</button></td>
</tr>
<tr>
<td class="td--mono">PROV-47190</td>
<td class="td--primary">Bosch Autopartes</td>
<td>01/02/2026</td>
<td>03/03/2026</td>
<td class="td--amount">$187,970.00</td>
<td class="td--amount">$187,970.00</td>
<td class="td--amount">$0.00</td>
<td><span class="badge badge--ok">Pagada</span></td>
<td><button class="btn btn--ghost btn--sm">Ver</button></td>
</tr>
<!-- Populated by JS -->
</tbody>
</table>
<div class="pagination">
<span>Mostrando 1-5 de 18 registros</span>
<div class="pagination__pages">
<button class="pagination__btn">&laquo;</button>
<button class="pagination__btn is-active">1</button>
<button class="pagination__btn">2</button>
<button class="pagination__btn">3</button>
<button class="pagination__btn">4</button>
<button class="pagination__btn">&raquo;</button>
</div>
<span></span>
<div class="pagination__pages"></div>
</div>
</div>
</div>
@@ -1698,108 +1576,8 @@
</button>
</div>
<div class="finance-grid" style="grid-template-columns: 1fr 1fr;">
<!-- Activos -->
<div class="finance-card">
<div class="finance-card__header">
<div class="finance-card__title">Activos</div>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Activo Circulante</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Caja y Bancos</span>
<span class="finance-card__row-value">$1,234,500.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Cuentas por Cobrar</span>
<span class="finance-card__row-value">$438,920.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Inventarios</span>
<span class="finance-card__row-value">$3,456,780.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">IVA por Acreditar</span>
<span class="finance-card__row-value">$89,320.00</span>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Activo Fijo</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Mobiliario y Equipo</span>
<span class="finance-card__row-value">$456,000.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Equipo de Transporte</span>
<span class="finance-card__row-value">$890,000.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Dep. Acumulada</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$234,500.00</span>
</div>
<div class="finance-card__row finance-card__row--total">
<span class="finance-card__row-label">Total Activos</span>
<span class="finance-card__row-value">$6,331,020.00</span>
</div>
</div>
<!-- Pasivos + Capital -->
<div class="finance-card">
<div class="finance-card__header">
<div class="finance-card__title">Pasivo + Capital</div>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Pasivo Corto Plazo</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Proveedores</span>
<span class="finance-card__row-value">$612,750.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">IVA por Pagar</span>
<span class="finance-card__row-value">$156,320.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">ISR por Pagar</span>
<span class="finance-card__row-value">$234,180.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Sueldos por Pagar</span>
<span class="finance-card__row-value">$189,500.00</span>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Pasivo Largo Plazo</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Préstamo Bancario</span>
<span class="finance-card__row-value">$800,000.00</span>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Capital Contable</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Capital Social</span>
<span class="finance-card__row-value">$2,500,000.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Utilidades Acumuladas</span>
<span class="finance-card__row-value">$914,430.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Utilidad del Ejercicio</span>
<span class="finance-card__row-value finance-card__row-value--positive">$923,840.00</span>
</div>
<div class="finance-card__row finance-card__row--total">
<span class="finance-card__row-label">Total Pasivo + Capital</span>
<span class="finance-card__row-value">$6,331,020.00</span>
</div>
</div>
<div class="finance-grid" style="grid-template-columns: 1fr 1fr;" id="balanceContent">
<!-- Populated by JS -->
</div>
</div>
@@ -1824,90 +1602,8 @@
</button>
</div>
<div class="finance-grid" style="grid-template-columns: 1fr;">
<div class="finance-card" style="max-width: 700px;">
<div class="finance-card__header">
<div class="finance-card__title">Estado de Resultados — Marzo 2026</div>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Ingresos</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Ventas de Refacciones</span>
<span class="finance-card__row-value">$2,654,820.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Servicios de Instalación</span>
<span class="finance-card__row-value">$192,500.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label" style="font-weight:var(--font-weight-semibold)">Total Ingresos</span>
<span class="finance-card__row-value">$2,847,320.00</span>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Costo de Ventas</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Costo de Mercancía Vendida</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$1,423,480.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label" style="font-weight:var(--font-weight-semibold)">Utilidad Bruta</span>
<span class="finance-card__row-value finance-card__row-value--positive">$1,423,840.00</span>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Gastos de Operación</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Sueldos y Salarios</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$189,500.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Renta de Local</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$45,000.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Servicios (luz, agua, tel)</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$18,500.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Publicidad y Marketing</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$12,000.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Depreciación</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$19,500.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Otros Gastos</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$15,500.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label" style="font-weight:var(--font-weight-semibold)">Total Gastos Operación</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$300,000.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label" style="font-weight:var(--font-weight-semibold)">Utilidad de Operación</span>
<span class="finance-card__row-value finance-card__row-value--positive">$1,123,840.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">ISR (30%)</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$200,000.00</span>
</div>
<div class="finance-card__row finance-card__row--total">
<span class="finance-card__row-label">Utilidad Neta</span>
<span class="finance-card__row-value finance-card__row-value--positive">$923,840.00</span>
</div>
</div>
<div class="finance-grid" style="grid-template-columns: 1fr;" id="resultadosContent">
<!-- Populated by JS -->
</div>
</div>
@@ -1927,80 +1623,8 @@
</button>
</div>
<div class="finance-grid" style="grid-template-columns: 1fr;">
<div class="finance-card" style="max-width: 700px;">
<div class="finance-card__header">
<div class="finance-card__title">Flujo de Efectivo — Marzo 2026</div>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Actividades de Operación</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Cobros a Clientes</span>
<span class="finance-card__row-value finance-card__row-value--positive">$2,408,400.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Pagos a Proveedores</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$1,567,200.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Pagos de Nómina</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$189,500.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Pagos de Impuestos</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$156,320.00</span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Otros Gastos Operativos</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$91,000.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label" style="font-weight:var(--font-weight-semibold)">Flujo Neto Operación</span>
<span class="finance-card__row-value finance-card__row-value--positive">$404,380.00</span>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Actividades de Inversión</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Compra de Equipo</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$45,000.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label" style="font-weight:var(--font-weight-semibold)">Flujo Neto Inversión</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$45,000.00</span>
</div>
<div class="finance-card__row finance-card__row--section">
<span class="finance-card__row-label">Actividades de Financiamiento</span>
<span></span>
</div>
<div class="finance-card__row finance-card__row--indent">
<span class="finance-card__row-label">Pago Préstamo Bancario</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$50,000.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label" style="font-weight:var(--font-weight-semibold)">Flujo Neto Financiamiento</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$50,000.00</span>
</div>
<div class="finance-card__row finance-card__row--total">
<span class="finance-card__row-label">Incremento Neto en Efectivo</span>
<span class="finance-card__row-value finance-card__row-value--positive">$309,380.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label">Efectivo Inicial del Periodo</span>
<span class="finance-card__row-value">$925,120.00</span>
</div>
<div class="finance-card__row finance-card__row--total">
<span class="finance-card__row-label">Efectivo Final del Periodo</span>
<span class="finance-card__row-value finance-card__row-value--positive">$1,234,500.00</span>
</div>
</div>
<div class="finance-grid" style="grid-template-columns: 1fr;" id="flujoContent">
<!-- Populated by JS -->
</div>
</div>
@@ -2026,112 +1650,8 @@
<button class="btn btn--primary btn--sm">Conciliar Automático</button>
</div>
<div class="section-header">
<div class="section-title">Movimientos Conciliados</div>
<span class="badge badge--ok">12 coincidencias</span>
</div>
<div class="match-row match-row--matched">
<div class="match-row__side">
<span class="match-row__label">Sistema</span>
<span class="match-row__amount">$45,320.00</span>
<span class="match-row__desc">Cobro FA-2026-0879 · Refaccionaria López</span>
</div>
<div class="match-row__connector">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="match-row__side">
<span class="match-row__label">Banco</span>
<span class="match-row__amount">$45,320.00</span>
<span class="match-row__desc">DEP SPEI · Ref: 2026030145320</span>
</div>
</div>
<div class="match-row match-row--matched">
<div class="match-row__side">
<span class="match-row__label">Sistema</span>
<span class="match-row__amount">-$89,200.00</span>
<span class="match-row__desc">Pago PROV-47830 · SKF de México</span>
</div>
<div class="match-row__connector">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="match-row__side">
<span class="match-row__label">Banco</span>
<span class="match-row__amount">-$89,200.00</span>
<span class="match-row__desc">TRANS SPEI · Ref: SKF890322</span>
</div>
</div>
<div style="margin-top: var(--space-6);">
<div class="section-header">
<div class="section-title">Movimientos sin Conciliar</div>
<span class="badge badge--partial">4 pendientes</span>
</div>
<div class="match-row match-row--unmatched">
<div class="match-row__side">
<span class="match-row__label">Sistema</span>
<span class="match-row__amount">$12,500.00</span>
<span class="match-row__desc">Cobro mostrador · Ticket #4521</span>
</div>
<div class="match-row__connector" style="background: rgba(234,179,8,.15);">
<svg viewBox="0 0 24 24" style="stroke: var(--color-warning);"><line x1="5" y1="12" x2="19" y2="12"/></svg>
</div>
<div class="match-row__side">
<span class="match-row__label">Banco</span>
<span class="match-row__amount" style="color: var(--color-text-muted);">Sin coincidencia</span>
<span class="match-row__desc"></span>
</div>
</div>
<div class="match-row match-row--unmatched">
<div class="match-row__side">
<span class="match-row__label">Sistema</span>
<span class="match-row__amount" style="color: var(--color-text-muted);">Sin registro</span>
<span class="match-row__desc"></span>
</div>
<div class="match-row__connector" style="background: rgba(234,179,8,.15);">
<svg viewBox="0 0 24 24" style="stroke: var(--color-warning);"><line x1="5" y1="12" x2="19" y2="12"/></svg>
</div>
<div class="match-row__side">
<span class="match-row__label">Banco</span>
<span class="match-row__amount">-$3,450.00</span>
<span class="match-row__desc">COMISIÓN BANCARIA · Ref: COM032026</span>
</div>
</div>
</div>
<div style="margin-top: var(--space-6);">
<div class="finance-card" style="max-width: 400px;">
<div class="finance-card__header">
<div class="finance-card__title">Resumen Conciliación</div>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label">Saldo según Banco</span>
<span class="finance-card__row-value">$1,248,370.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label">(+) Depósitos en tránsito</span>
<span class="finance-card__row-value finance-card__row-value--positive">$12,500.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label">(-) Comisiones no registradas</span>
<span class="finance-card__row-value finance-card__row-value--negative">-$3,450.00</span>
</div>
<div class="finance-card__row finance-card__row--total">
<span class="finance-card__row-label">Saldo Conciliado</span>
<span class="finance-card__row-value">$1,257,420.00</span>
</div>
<div class="finance-card__row">
<span class="finance-card__row-label">Saldo según Sistema</span>
<span class="finance-card__row-value">$1,234,500.00</span>
</div>
<div class="finance-card__row finance-card__row--total">
<span class="finance-card__row-label">Diferencia</span>
<span class="finance-card__row-value finance-card__row-value--negative">$22,920.00</span>
</div>
</div>
<div id="conciliacionContent">
<!-- Populated by JS -->
</div>
</div>
@@ -2152,99 +1672,8 @@
</button>
</div>
<div class="section-header">
<div class="section-title">Checklist de Cierre — Marzo 2026</div>
<span class="badge badge--partial">5/8 completados</span>
</div>
<div class="checklist">
<div class="checklist-item checklist-item--done">
<div class="checklist-item__check">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="checklist-item__body">
<div class="checklist-item__title">Conciliación bancaria completada</div>
<div class="checklist-item__desc">Todas las cuentas bancarias conciliadas al 31/03/2026</div>
</div>
<span class="badge badge--ok checklist-item__badge">Listo</span>
</div>
<div class="checklist-item checklist-item--done">
<div class="checklist-item__check">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="checklist-item__body">
<div class="checklist-item__title">Facturas de venta timbradas</div>
<div class="checklist-item__desc">142 CFDI emitidos y timbrados correctamente</div>
</div>
<span class="badge badge--ok checklist-item__badge">Listo</span>
</div>
<div class="checklist-item checklist-item--done">
<div class="checklist-item__check">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="checklist-item__body">
<div class="checklist-item__title">Inventario físico validado</div>
<div class="checklist-item__desc">Conteo completado el 29/03/2026 — 3 ajustes aplicados</div>
</div>
<span class="badge badge--ok checklist-item__badge">Listo</span>
</div>
<div class="checklist-item checklist-item--done">
<div class="checklist-item__check">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="checklist-item__body">
<div class="checklist-item__title">Depreciación del mes calculada</div>
<div class="checklist-item__desc">Póliza de depreciación POL-2026-0312 generada</div>
</div>
<span class="badge badge--ok checklist-item__badge">Listo</span>
</div>
<div class="checklist-item checklist-item--done">
<div class="checklist-item__check">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="checklist-item__body">
<div class="checklist-item__title">Provisiones de nómina registradas</div>
<div class="checklist-item__desc">Sueldos, IMSS, Infonavit y SAR provisionados</div>
</div>
<span class="badge badge--ok checklist-item__badge">Listo</span>
</div>
<div class="checklist-item">
<div class="checklist-item__check">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="checklist-item__body">
<div class="checklist-item__title">Cálculo de IVA mensual</div>
<div class="checklist-item__desc">Determinar IVA trasladado vs IVA acreditable</div>
</div>
<span class="badge badge--pending checklist-item__badge">Pendiente</span>
</div>
<div class="checklist-item">
<div class="checklist-item__check">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="checklist-item__body">
<div class="checklist-item__title">Provisión de ISR</div>
<div class="checklist-item__desc">Calcular y registrar provisión de ISR del periodo</div>
</div>
<span class="badge badge--pending checklist-item__badge">Pendiente</span>
</div>
<div class="checklist-item">
<div class="checklist-item__check">
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<div class="checklist-item__body">
<div class="checklist-item__title">Revisión y aprobación de estados financieros</div>
<div class="checklist-item__desc">Balance, Estado de Resultados y Flujo de Efectivo revisados por el contador</div>
</div>
<span class="badge badge--pending checklist-item__badge">Pendiente</span>
</div>
<div id="cierreContent">
<!-- Populated by JS -->
</div>
</div>