Excelente, ya tengo toda la información necesaria. Voy a crear una aplicación web interactiva con un cronograma completo para el proyecto ATTALEA de Panam Ingenieros SAS, integrando tanto las actividades de obra como las de SST (Seguridad y Salud en el Trabajo).

Ahora voy a crear la aplicación de cronograma completo para el proyecto ATTALEA. Primero actualizaré los estilos globales y luego crearé los componentes.

Ahora voy a crear los componentes del cronograma. Empezaré con los datos y componentes principales:

Ahora voy a crear la página principal que integra todos los componentes:

Todos los componentes UI necesarios ya existen. Vamos a verificar que la aplicación se ejecute correctamente:

La aplicación se está compilando. He creado un cronograma de trabajo completo para el proyecto ATTALEA de Panam Ingenieros SAS con las siguientes características:

Resumen del Cronograma

📊 Componentes principales:

1. Diagrama de Gantt interactivo - Visualización semanal de las 26 semanas del proyecto con:

   • Navegación por semanas
   • Barras de colores según tipo de actividad (fachada, cubierta, ductos, preliminar, entrega)
   • Indicadores de pagos programados (Anticipo + 5 pagos)
   • Agrupación por torres (Torres 5-4-1, Torres 6-9, Torres 8-7, Torres 2-3)

2. Lista de Actividades - Vista detallada con:

   • Accordion por zona/torre
   • Estado de cada actividad (pendiente, en proceso, completado)
   • Información de equipo de trabajo (6, 10 y 15 operarios según la fase)
   • Pagos programados
   • Responsables SST

3. Cronograma SST (Código FT-SST-097) - Actividades de seguridad en 4 categorías:

   • Personas (exámenes médicos, capacitaciones)
   • Infraestructura (inspecciones, puntos de anclaje)
   • Equipos (EPP, inspecciones)
   • Procedimientos (ATS, permisos de trabajo)

4. Procedimiento de Seguridad (PRC-SST-023) - Incluye:

   • Matriz de riesgos y controles
   • EPP obligatorio
   • Inspección preoperacional
   • Condiciones de suspensión
   • Requisitos antes de iniciar actividades