Legal Architecture

• Necesitas un diagrama de flujo de litigios que muestre la cadena desde las partes → pruebas → hechos → derecho aplicable → sentencia.
• Estás revisando un contrato y deseas un mapa visual de las partes, derechos/obligaciones, hitos de cumplimiento y consecuencias por incumplimiento.
• Necesitas un diagrama de procedimiento regulatorio (solicitud → revisión → decisión → recurso) para la comunicación con clientes o la formación interna.
• Deseas un diagrama de cadena probatoria, un cuadro de análisis de fundamentos de la pretensión o un mapa de jerarquía normativa para un expediente o presentación.

• Necesitas un archivo vectorial editable (p. ej., .svg, .ai, .vsdx) en lugar de un documento HTML independiente.
• Necesitas paneles interactivos o basados en datos con JavaScript — esta habilidad produce únicamente SVG estático.
• Tu visualización es de naturaleza completamente no jurídica (organigramas, arquitectura de ingeniería, etc.) — una habilidad de diagramación general sería más adecuada.

Cada diagrama se entrega como un único archivo .html con todo el CSS y SVG integrados. Sin imágenes externas, sin JavaScript y sin necesidad de servidor — simplemente ábrelo en un navegador o incrústalo directamente en Word o PowerPoint.

Siete categorías de colores predefinidas se asignan a tipos distintos de componentes legales: partes (azul), hechos (gris pizarra), pruebas (ámbar), derecho (esmeralda), procedimiento (violeta), sentencia (rojo) y cuestiones controvertidas (naranja). Esto hace que los diagramas sean inmediatamente comprensibles para los profesionales del derecho.

Admite tres diseños especializados: flujo de litigación (en capas de arriba a abajo con cuadros de grupo discontinuos), relación contractual (concentrador y radio o dos columnas) y marco jurídico (árbol jerárquico). El diseño se selecciona automáticamente en función del tipo de contenido.

Utiliza un fondo claro #f8fafc, la tipografía Inter (cargada a través de Google Fonts) y componentes de rectángulo redondeado con reglas de espaciado precisas. El resultado tiene un aspecto profesional al imprimir directamente desde un navegador.

Las flechas siempre se dibujan antes que los cuadros de componentes en el orden del documento SVG, de modo que las líneas de conexión aparecen de forma limpia detrás de los nodos. Los rectángulos de fondo blanco opacos evitan además que las flechas se filtren a través de los cuadros de colores.

Cada salida incluye un encabezado (título, número de caso, tribunal), una tarjeta de diagrama, una cuadrícula de metadatos de tres columnas (partes, resumen de pruebas, puntos clave del fallo) y un pie de página, lo que produce un documento completo, no solo un diagrama sin procesar.

Un abogado que se prepara para un juicio utiliza esta habilidad para generar un diagrama de flujo en capas que muestra demandante/demandado → cuestiones controvertidas → pruebas → conclusiones de hecho → base jurídica → sentencia. El resultado se comparte con el cliente como un archivo HTML listo para imprimir.

Un gestor de contratos introduce un acuerdo complejo con múltiples partes y obtiene un diagrama de tipo hub-and-spoke que ilustra las obligaciones de cada parte, los hitos clave de rendimiento y las cláusulas de responsabilidad por incumplimiento — listo para incorporar en un informe de revisión.

Un equipo de cumplimiento normativo utiliza esta habilidad de Legal Architecture para diagramar un procedimiento administrativo (solicitud → revisión → decisión → apelación/recurso) para una guía de presentación regulatoria o material de capacitación interno.

Un abogado visualiza la cadena lógica que vincula las piezas individuales de evidencia con los hechos establecidos y, en última instancia, con la base de la reclamación legal, creando un anexo claro para presentaciones ante tribunales o arbitrajes.