Demostración Interactiva

Portal de clientes para abogados

Acceso seguro para tus clientes: consulta de avances en tiempo real, expediente digital, solicitudes de documentos y estado de cuenta.

Quiero esta herramienta en mi sitio
← Todas las funciones
Aviso legal: Información general con fines informativos; no sustituye la asesoría ni el patrocinio legal de un abogado. Los despachos, nombres y cifras presentados son ficticios y corresponden a datos de ejemplo.
👤 Vista actual:
🔒 Simulación interactiva sin contraseñas
Expediente de Ejemplo

Exp. Laboral 1420/2026

Cliente: Ing. Mariana Salinas • Materia: Derecho del Trabajo

Fase 3 de 5: Presentación
Juzgado 2º Laboral del Poder Judicial

Progreso Procesal del Asunto:

✓
1. Consulta Evaluación y estrategia
✓
2. Convenio Firma y poder legal
3
3. Demanda Ingresada en juzgado
4
4. Audiencias Pruebas y alegatos
5
5. Resolución Sentencia o convenio
🗓️
Próximo paso procesal: Audiencia Preliminar Fecha programada: 28 de Octubre de 2026, 10:30 hrs (Sala 4, Ciudad Judicial)

📁 Documentos del Expediente

📄 Escrito Inicial de Demanda.pdf Cargado por despacho • 12 Oct 2026
Entregado
📄 Comprobantes de Nómina (3 meses).pdf Cargado por cliente • 05 Oct 2026
Aprobado
⚠️ Constancia de Semanas Cotizadas IMSS Solicitado por el abogado • Pendiente de carga
💳 Estado de Honorarios (Modo Demostración)
Honorario pactado: $18,000 MXN
Anticipo recibido: $9,000 MXN (Pagado)
Saldo pendiente (Etapa 4): $9,000 MXN

💬 Comunicación Directa con el Despacho

Lic. Alejandro Garza (Despacho): Estimada Mariana, hemos presentado con éxito el escrito en el juzgado. Te notificaremos en cuanto el actuario fije la primera fecha.
12 Oct, 11:40
Mariana Salinas: Muchas gracias Licenciado, quedo atenta si necesitan algún documento adicional.
12 Oct, 11:45

🔒 Privacidad garantizada: no guardamos nada en esta página. Los cálculos y simulaciones se procesan localmente en tu navegador.

let faseActualCliente = 3; function setPortalVista(v) { document.getElementById('btn-vista-cli').classList.toggle('on', v === 'cliente'); document.getElementById('btn-vista-abg').classList.toggle('on', v === 'abogado'); document.getElementById('portal-seccion-cliente').style.display = (v === 'cliente') ? 'block' : 'none'; document.getElementById('portal-seccion-abogado').style.display = (v === 'abogado') ? 'block' : 'none'; } function simularSubidaDoc() { const nombre = prompt('Ingresa el nombre del documento a cargar (ej. Comprobante de Domicilio.pdf):', 'Comprobante_CFE.pdf'); if (nombre) { const div = document.createElement('div'); div.className = 'doc-item'; div.innerHTML = `
📄 ${nombre} Cargado por cliente • Justo ahora
En revisión `; document.getElementById('lista-docs-cliente').prepend(div); alert('✅ Documento recibido en el expediente digital.'); } } function cumplirDocSolicitado() { const item = document.getElementById('doc-solicitado-preview'); item.style.borderColor = '#10B981'; item.style.background = 'rgba(16,185,129,.1)'; item.innerHTML = `
✓ Constancia de Semanas Cotizadas IMSS.pdf Cargado exitosamente • Esperando cotejo del abogado
Entregado `; } function enviarMensajePortal() { const inp = document.getElementById('inp-portal-msg'); const val = inp.value.trim(); if (!val) return; const box = document.getElementById('chat-portal-box'); // Mensaje cliente const dCli = document.createElement('div'); dCli.style = 'background:rgba(47,107,255,.2);padding:8px 12px;border-radius:8px;font-size:12.5px;max-width:85%;align-self:flex-end'; dCli.innerHTML = `Mariana Salinas:${val}
Justo ahora
`; box.appendChild(dCli); inp.value = ''; box.scrollTop = box.scrollHeight; // Respuesta automática del despacho tras 1s setTimeout(() => { const dAbg = document.createElement('div'); dAbg.style = 'background:var(--navy2);padding:8px 12px;border-radius:8px;font-size:12.5px;max-width:85%;align-self:flex-start'; dAbg.innerHTML = `Despacho Jurídico:Hemos recibido tu mensaje respecto al expediente. Un asistente legal del equipo revisará la información antes de las 18:00 hrs.`; box.appendChild(dAbg); box.scrollTop = box.scrollHeight; }, 900); } function abogadoAvanzarFase() { faseActualCliente = 4; document.getElementById('cli-fase-badge').textContent = 'Fase 4 de 5: Audiencias'; document.getElementById('cli-fase-badge').className = 'urg-badge urg-alta'; const steps = document.querySelectorAll('#timeline-box .tl-step'); steps[2].className = 'tl-step done'; steps[2].querySelector('.tl-num').textContent = '✓'; steps[3].className = 'tl-step active'; steps[3].querySelector('.tl-num').textContent = '4'; alert('📢 Estatus actualizado: El cliente recibirá una notificación automática por WhatsApp y correo: "Tu expediente Exp. 1420/2026 ha avanzado a Fase 4: Desahogo de Audiencias". Cambia a Vista Cliente para comprobarlo.'); setPortalVista('cliente'); } function abogadoPedirDoc() { const docNom = prompt('Nombre del documento a solicitar al cliente:', 'Comprobante de Ingresos 2026'); if (docNom) { const lista = document.getElementById('lista-docs-cliente'); const div = document.createElement('div'); div.className = 'doc-item'; div.style.borderColor = '#F59E0B'; div.style.background = 'rgba(245,158,11,.08)'; div.innerHTML = `
⚠️ ${docNom} Solicitado por el abogado • Pendiente de entrega
`; lista.prepend(div); alert(`🔔 Solicitud de "${docNom}" enviada al portal del cliente.`); setPortalVista('cliente'); } }