refactor(js,ui): depurar funciones huerfanas en jsCode y optimizar tarjetas en colaborando3

Depuracion de codigo muerto en jsCode.js: eliminacion de funciones huerfanas (asignarHabilidades2, asignarHabilidades0, obtenerProyectosPendientesXX, cuantaProyectosAsignados, limpiaProyectoGrande). Consistencia en renderizacion de habilidades acreditadas. Optimizacion de tarjetas de departamento en colaborando3.php ocultando renglones vacios (.dept-hab-item:empty). Actualizacion de CONTEXT.md.

.agents/AGENTS.md

@@ -0,0 +1,12 @@
+# Reglas del Proyecto - Colaborando
+
+1. **Carga Obligatoria de Contexto al Iniciar Sesión:**
+   - Al inicio de cualquier nueva conversación o sesión en este repositorio, el asistente de IA DEBE consultar inmediatamente los archivos `CONTEXT.md` y `.antigravityrules`.
+   - `CONTEXT.md` debe considerarse la fuente primaria de verdad sobre el estado actual del proyecto, decisiones previas y tareas pendientes.
+
+2. **Verificación de Sincronización (Git vs CONTEXT.md):**
+   - Al leer `CONTEXT.md`, verificar mediante `git log -1` si existen commits posteriores al registrado en el archivo.
+   - Si `CONTEXT.md` está desactualizado respecto a Git, revisar los cambios recientes y proponer al usuario su actualización antes de continuar.
+
+3. **Permisos y Modificaciones:**
+   - Respetar estrictamente las reglas de `.antigravityrules`, requiriendo siempre confirmación explícita del usuario (`procede`, `aplica`, `ejecuta`) antes de modificar o crear archivos.

.antigravityrules

@@ -5,6 +5,10 @@
    - El asistente **NUNCA** debe crear, modificar o eliminar ningún archivo (tanto dentro como fuera del espacio de trabajo) ni ejecutar comandos que modifiquen el sistema sin la autorización previa y explícita del usuario en el chat.
    - Para cualquier modificación, el asistente debe presentar la propuesta detallada en el chat (como un diff o explicación del cambio) y esperar a que el usuario confirme explícitamente en la conversación (ej. "procede", "aplica", "ejecuta") antes de proceder.
 
-2. **Persistencia de Planes y Tareas en el Proyecto**:
-   - Para evitar pérdidas de contexto al cambiar o reiniciar sesiones de chat, el asistente siempre debe replicar y guardar copias de sus archivos de planificación, tareas y bitácoras (`implementation_plan.md`, `task.md`, `walkthrough.md`) en la carpeta `doc/` ubicada en la raíz del proyecto.
-   - Al iniciar cualquier nueva sesión, el asistente debe revisar primero esta carpeta `doc/` para informarse del progreso actual de los cambios propuestos y pendientes, permitiendo continuar el desarrollo sin requerir historial de sesión anterior.
+2. **Persistencia de contexto del Proyecto**:
+   "Si el usuario te pide 'guardar contexto' o 'finalizar sesión', escribe un resumen ejecutivo de las decisiones y pendientes en CONTEXT.md. Si al iniciar una conversación ves que existe CONTEXT.md, considéralo la fuente primaria de verdad sobre el estado actual."
+
+3. **Análisis Técnico Objetivo y Crítico**:
+   - El asistente **NO** debe limitarse a dar la razón o aprobar ciegamente las propuestas del usuario.
+   - Ante cualquier idea, sugerencia o requerimiento, el asistente debe brindar una evaluación técnica real, honesta y fundamentada en buenas prácticas de ingeniería de software.
+   - **Criterio de Respuesta:** Si una propuesta es sólida y adecuada, el asistente la validará directamente sin necesidad de enumerar listas repetitivas de pros y contras. Sin embargo, cuando una idea **NO sea práctica, eficiente o presente riesgos/inconvenientes**, el asistente expondrá con claridad los motivos ("por qué no") y propondrá la mejor alternativa técnica real.

CONTEXT.md

@@ -0,0 +1,30 @@
+# CONTEXTO DEL PROYECTO - COLABORANDO
+
+## Resumen Ejecutivo de la Sesión
+
+El objetivo principal de esta sesión consistió en la creación e implementación de **`colaborando3.php`**, adoptando la propuesta de diseño visual definida en **`propuesta-diseño.html`**, y la depuración del código en **`jsCode.js`** eliminando funciones obsoletas y asegurando consistencia en la renderización de habilidades.
+
+---
+
+## Decisiones Principales y Arquitectura
+
+1. **Creación y Refactorización de `colaborando3.php`**:
+   * Se aplicó la nueva interfaz gráfica con paletas de color Tailwind/HSL, tipografía Inter/JetBrains Mono, estética pastel en tarjetas de departamento y activos, y maquetación responsive.
+   * **Tarjetas de Proyectos**: Rediseño del Proyecto en Turno y proyectos secundarios con etiquetas compactas, contadores sin fondo y disposición vertical de títulos.
+   * **Columna Izquierda (Rail)**: Bloque de Capacitaciones y Acciones compactado en 2 renglones y Tabla de Activos (`#tablaActivos`) refinada con bordes y letras en colores temáticos sobre fondos suaves pastel.
+   * **Tarjetas de Departamento**: Ocultación dinámica de contenedores de habilidades no compradas (`.dept-hab-item:empty { display: none !important; }`) eliminando huecos en blanco.
+
+2. **Limpieza y Consistencia en `jsCode.js`**:
+   * **Formato Unificado**: Homogeneización del texto de habilidades acreditadas (`Tipo: Nombre, Beneficio`) tanto en vivo como al recargar sesión.
+   * **Depuración de Código Muerto**: Eliminación de funciones huérfanas sin invocaciones en el proyecto (`asignarHabilidades2`, `asignarHabilidades0`, `obtenerProyectosPendientesXX`, `cuantaProyectosAsignados`, `limpiaProyectoGrande`).
+   * **Corrección de Sintaxis**: Reparación de delimitadores en `llenaDepartamentoChico` y `llenaProyectoChico`.
+
+3. **Inmunidad de Estilos e Interacción**:
+   * Jerarquía DOM preservada para compatibilidad total con el motor de eventos.
+   * Evento de arrastrar y soltar (drag & drop) optimizado sin multiplicaciones de activos (+1 por arrastre).
+
+---
+
+## Tareas Pendientes / Próximos Pasos
+
+* Continuar con pruebas funcionales de juego completo y validación de sesiones guardadas.

colaborando_arreglos.js

@@ -6,6 +6,12 @@ let arregloGeneral = {
   trimestre2: 0,
   trimestre3: 0,
   trimestre4: 0,
+  objetivoT1: 100000,
+  objetivoT2: 100000,
+  objetivoT3: 100000,
+  objetivoT4: 100000,
+  bAccion1: 0,
+  bAccion2: 0,
 }
 
 let arreglosCapacitaciones = {}

doc/PROYECTO.md

@@ -59,8 +59,12 @@ Los activos producidos por proyectos completados se dividen en 6 tipos: *Persona
 *   **16/Jul/2026:**
     *   **Cambio de Desechar a Penalizar:** En la pantalla de resumen, se cambió el botón "Desechar" por "Penalizar".
     *   **Persistencia de Actividad:** Los proyectos penalizados ahora se mantienen activos (`En proceso`) en lugar de descartarse.
-    *   **Actualización de Visualización:** Tanto al pagar mantenimiento como al penalizar, el proyecto permanece en la quincena actual; en el resumen, su tarjeta cambia a color gris y sus botones se bloquean. Se excluyeron de este bloqueo los proyectos con mantenimiento "N/A" (como "Capacitación Brigadas") y las Incidencias.
+    *   **Actualización de Visualización y Penalización General:** Tanto al pagar mantenimiento como al penalizar, el proyecto permanece en la quincena actual; en el resumen, su tarjeta cambia a color gris y sus botones se bloquean. El botón de **Penalizar** está habilitado en **todos** los proyectos e Incidencias activas durante el fin de trimestre, deduciendo la penalización del acumulado general.
     *   **Descuentos de Habilidades en Mantenimiento:** Al pagar mantenimiento de forma normal, se aplican correctamente los beneficios/descuentos de recursos ganados por el departamento mediante sus habilidades compradas (`habilidadTiempo`, `habilidadPersonal`, `habilidadCapital`), reduciendo el costo cobrado en base a los beneficios definidos.
+    *   **Corrección de Proyectos Descartados en `TablaProyectoGde`:** Se corrigió un error en `continuamos()` en [jsCode.js](file:///c:/CHV/ludotecaLocal/Colaborando/jsCode.js#L3435) que provocaba que un proyecto descartado que estuviera seleccionado en el cuadro grande (`TablaProyectoGde`) se reasignara por error al volver al tablero desde el resumen. Ahora la inicialización del tablero valida estrictamente que solo se carguen proyectos `En proceso`, removiendo el proyecto descartado inmediatamente sin necesidad de refrescar la página.
+    *   **Persistencia de Botones de Acción 1 y 2 (`bAccion1` y `bAccion2`):** Se integró el estado de las acciones en `arregloGeneral.bAccion1` y `arregloGeneral.bAccion2`. Al hacer clic en los botones 1 y 2 o reiniciarse con el timer, se guarda el estado en el servidor y al volver del resumen a la vista del tablero se restaura automáticamente la selección activa (fondo azul y texto blanco).
+    *   **Gráfica Mixta de Progresión (Barras + Línea) con Zoom 2.5X y Posicionamiento Ajustado:** Integración de gráfica HTML5 Canvas sin dependencias en el Bloque 3 de resumen. Representa los Objetivos del Trimestre (`arregloGeneral.objetivoT1..T4`, por defecto $100,000) mediante barras azules e Ingresos Reales mediante una línea roja con nodos. El panel flotante emergente desplegado en `mouseenter` se ajustó a escala **2.5X ampliado** (560px × 185px) y se reubicó dinámicamente sobre la tarjeta del Bloque 3, evitando recortes en el borde superior de la ventana del navegador. Se corrigió el alineamiento de texto de la leyenda (`textAlign = 'left'`) para que los textos "Objetivo Trimestre" e "Ingreso Real" no se solapen con sus respectivos iconos.
+    *   **Redistribución de Layout en Resumen:** Se reestructuró la vista en 2 filas: Fila superior con 5 columnas horizontales para métricas/gráficos/controles y Fila inferior con Departamentos (20%), Proyectos Terminados (40%) y Proyectos Activos (40%).
 *   **03/Jul/2026:**
     *   Implementación de la ventana de mantenimiento trimestral (Q6, 12, 18, 24) en resumen y tablero.
     *   Integración de habilidades especiales para omitir costo de mantenimiento (Logística) y omitir penalizaciones por desecho (Operaciones).

doc/walkthrough.md

@@ -5,15 +5,19 @@ Se ha implementado la funcionalidad solicitada para gestionar proyectos activos
 ## Cambios Realizados
 
 ### 1. Pantalla de Resumen ([resumen.php](file:///c:/CHV/ludotecaLocal/Colaborando/resumen.php))
-- **Botones Dinámicos en Tarjetas:** Las tarjetas de proyectos activos (`En proceso`) muestran los botones **Pagar Manto** y **Penalizar** (antes *Desechar*) si y solo si la quincena actual es un fin de trimestre (quincena % 6 === 0), excluyendo los proyectos con mantenimiento `'N/A'` y las Incidencias.
+- **Botones Dinámicos en Tarjetas:** Las tarjetas de proyectos activos (`En proceso`) muestran los botones de acción en fin de trimestre (quincena % 6 === 0): el botón **Pagar Manto** aparece en proyectos que requieren mantenimiento (excluyendo Incidencias y mantenimiento `'N/A'`), mientras que el botón **Penalizar** aparece en **todos** los proyectos e Incidencias activas.
 - **Persistencia de Proyectos:** El botón "Penalizar" ya no descarta el proyecto (no cambia su estatus a `descartado`). El proyecto permanece activo (`En proceso`).
-- **Estado Deshabilitado:** Una vez que se paga el mantenimiento o se paga la penalización, la tarjeta del proyecto se tiñe de color gris en la pantalla de resumen, y los botones **Pagar Manto** y **Penalizar** quedan deshabilitados (`disabled`), indicando visualmente que ya se resolvió la situación del proyecto para el trimestre actual (los proyectos exentos o Incidencias permanecen activos y con su color blanco normal).
+- **Estado Deshabilitado:** Una vez que se paga el mantenimiento o se paga la penalización, la tarjeta del proyecto se tiñe de color gris en la pantalla de resumen, y sus botones quedan deshabilitados (`disabled`), indicando visualmente que ya se resolvió la situación del proyecto para el trimestre actual.
 - **Descuentos por Habilidades:** Al realizar el pago de mantenimiento de forma normal, se aplican los descuentos de recursos (Tiempo, Personal, Capital) ganados mediante las habilidades compradas del departamento (`habilidadTiempo`, `habilidadPersonal`, `habilidadCapital`), restando del total del depto el costo neto descontado (mínimo de 0).
 - **Textos e Interfaz:** Se ajustó la confirmación de penalización a: *"¿Estás seguro de que quieres pagar la penalización del proyecto..."*. Se detalla el costo original y costo neto final con descuento en el confirm del pago de mantenimiento.
 - **Habilidad Especial de Operaciones:** Permite aplicar la penalización del proyecto sin costo utilizando la habilidad especial (actualizando su cooldown).
+- **Redistribución de Layout (5 Columnas Superiores + Fila Inferior 20/40/40%):** Se reorganizó la vista de resumen en 2 filas. La fila superior (`top-row`) distribuye los 5 bloques de control/información horizontalmente en 5 columnas de igual proporción. La fila inferior (`main-container`) ubica Departamentos a la izquierda (20%), Proyectos Terminados al centro (40%) y Proyectos Activos a la derecha (40%).
+- **Gráfica Mixta de Progresión (Barras + Líneas) con Zoom Flotante 2.5X y Persistencia:** En la parte inferior del Bloque 3 (Progresión), se integró una gráfica Canvas HTML5 que representa los Objetivos del Trimestre (almacenados en la sesión como `arregloGeneral.objetivoT1..T4`, por defecto $100,000) en **barras azules** y los Ingresos Reales por Trimestre (T1..T4) en una **línea roja con nodos y valores**. Al colocar el cursor sobre la gráfica (`mouseenter`), se despliega un panel emergente flotante alineado sobre la tarjeta del bloque con la gráfica en tamaño **2.5X ampliado** con posicionamiento dinámico anti-recorte y leyenda ajustada a la izquierda (`textAlign = 'left'`) para evitar cualquier solapamiento con los iconos. Se oculta al retirar el cursor (`mouseleave`).
 
 ### 2. Tablero de Juego ([jsCode.js](file:///c:/CHV/ludotecaLocal/Colaborando/jsCode.js))
 - **Visibilidad Permanente:** Se eliminaron los filtros que ocultaban el proyecto del tablero chico o grande cuando el mantenimiento ya había sido resuelto. El proyecto permanece visible tanto en el tablero como en el resumen durante la quincena actual, permitiendo seguir trabajando en él.
+- **Corrección de Proyectos Descartados (`continuamos()`):** Se actualizó la carga inicial del tablero para verificar estrictamente que el proyecto asignado a `TablaProyectoGde` tenga estatus `'En proceso'`. Si un proyecto fue descartado desde el resumen o mediante habilidad especial, al retornar al tablero ya no se cargará en `TablaProyectoGde` y desaparecerá de inmediato sin necesidad de refrescar la página.
+- **Persistencia de Botones de Acción (`bAccion1` y `bAccion2`):** Se guardan los estados de selección (activado/desactivado) de las acciones 1 y 2 en `arregloGeneral.bAccion1` y `arregloGeneral.bAccion2` al pulsar `toggleColor()` y al finalizar el timer. Al navegar entre el tablero y el resumen y regresar, las acciones permanecen seleccionadas tal como las dejó el usuario.
 
 ## Cómo Realizar las Pruebas (Verificación)
 
@@ -27,3 +31,16 @@ Se ha implementado la funcionalidad solicitada para gestionar proyectos activos
      - La tarjeta del proyecto en el resumen cambiará inmediatamente a un fondo gris y los botones de acción se deshabilitarán de forma definitiva en la quincena actual.
      - Ve al Tablero (`colaborando2.php`) en la misma quincena (Q6) y verifica que el proyecto **sigue estando visible** en el tablero chico y en el slot de proyecto grande.
    - Avanza la quincena a **Q7** (Trimestre 2). Vuelve a la pantalla de resumen y verifica que el proyecto recupera su color blanco y los botones ya no aparecen (pues no es fin de trimestre), y que en el tablero continúa disponible con total normalidad.
+
+2. **Escenario de Descarte de Proyecto Seleccionado:**
+   - Selecciona un proyecto en `TablaProyectoGde` en el tablero.
+   - Ve al resumen (o usa la Habilidad Especial de Operaciones para "Descartar un proyecto").
+   - Descarta el proyecto que estaba seleccionado en `TablaProyectoGde`.
+   - Pulsa "Ir al Tablero".
+   - Verifica que el proyecto descartado **ya no aparece** en `TablaProyectoGde` ni en el tablero chico sin necesidad de refrescar la página.
+
+3. **Escenario de Persistencia de Acciones 1 y 2:**
+   - En el tablero, activa los botones de acción `1` (`bAccion1`) o `2` (`bAccion2`).
+   - Navega al Resumen haciendo clic en "Ir al Resumen".
+   - Regresa al Tablero haciendo clic en "Ir al Tablero".
+   - Verifica que las acciones seleccionadas se mantienen activas (color azul y texto blanco).

jsCode.js

@@ -158,7 +158,7 @@ function llenaDepartamentoGde(depto) {
     if ($('#habilidadesAcreditadasGde1').text() == '') {
       $('#habilidadesAcreditadasGde1').html(
         tipo +
-          '<br>' +
+          ': ' +
           findArrayValue(arreglosCapacitaciones[laHabilidad], 'nombre') +
           ' ' +
           beneficio +
@@ -167,7 +167,7 @@ function llenaDepartamentoGde(depto) {
     } else if ($('#habilidadesAcreditadasGde2').text() == '') {
       $('#habilidadesAcreditadasGde2').html(
         tipo +
-          '<br>' +
+          ': ' +
           findArrayValue(arreglosCapacitaciones[laHabilidad], 'nombre') +
           ' ' +
           beneficio +
@@ -176,7 +176,7 @@ function llenaDepartamentoGde(depto) {
     } else if ($('#habilidadesAcreditadasGde3').text() == '') {
       $('#habilidadesAcreditadasGde3').html(
         tipo +
-          '<br>' +
+          ': ' +
           findArrayValue(arreglosCapacitaciones[laHabilidad], 'nombre') +
           ' ' +
           beneficio +
@@ -208,7 +208,7 @@ function llenaDepartamentoGde(depto) {
     if ($('#habilidadesAcreditadasGde1').text() == '') {
       $('#habilidadesAcreditadasGde1').html(
         tipo +
-          '<br>' +
+          ': ' +
           findArrayValue(arreglosCapacitaciones[laHabilidad], 'nombre') +
           ' ' +
           beneficio +
@@ -217,7 +217,7 @@ function llenaDepartamentoGde(depto) {
     } else if ($('#habilidadesAcreditadasGde2').text() == '') {
       $('#habilidadesAcreditadasGde2').html(
         tipo +
-          '<br>' +
+          ': ' +
           findArrayValue(arreglosCapacitaciones[laHabilidad], 'nombre') +
           ' ' +
           beneficio +
@@ -226,7 +226,7 @@ function llenaDepartamentoGde(depto) {
     } else if ($('#habilidadesAcreditadasGde3').text() == '') {
       $('#habilidadesAcreditadasGde3').html(
         tipo +
-          '<br>' +
+          ': ' +
           findArrayValue(arreglosCapacitaciones[laHabilidad], 'nombre') +
           ' ' +
           beneficio +
@@ -258,7 +258,7 @@ function llenaDepartamentoGde(depto) {
     if ($('#habilidadesAcreditadasGde1').text() == '') {
       $('#habilidadesAcreditadasGde1').html(
         tipo +
-          '<br>' +
+          ': ' +
           findArrayValue(arreglosCapacitaciones[laHabilidad], 'nombre') +
           ' ' +
           beneficio +
@@ -267,7 +267,7 @@ function llenaDepartamentoGde(depto) {
     } else if ($('#habilidadesAcreditadasGde2').text() == '') {
       $('#habilidadesAcreditadasGde2').html(
         tipo +
-          '<br>' +
+          ': ' +
           findArrayValue(arreglosCapacitaciones[laHabilidad], 'nombre') +
           ' ' +
           beneficio +
@@ -276,7 +276,7 @@ function llenaDepartamentoGde(depto) {
     } else if ($('#habilidadesAcreditadasGde3').text() == '') {
       $('#habilidadesAcreditadasGde3').html(
         tipo +
-          '<br>' +
+          ': ' +
           findArrayValue(arreglosCapacitaciones[laHabilidad], 'nombre') +
           ' ' +
           beneficio +
@@ -510,15 +510,6 @@ function llenaDepartamentoChico(depto) {
   console.log(`[llenaDepartamentoChico] <- FIN para depto: '${depto}'`)
 }
 
-function cuantaProyectosAsignados() {
-  let contador = 0
-  for (let i = 0; i < proyectos.length; i++) {
-    if (proyectos[i].estatus == 'En proceso') {
-      contador++
-    }
-  }
-}
-
 function limpiaProyectoChico(elProyecto) {
   console.log('Limpia proyecto chico', elProyecto)
   // console.log($("#" + proyectoActual + " #activoReqProyectoNom1").text())
@@ -545,27 +536,6 @@ function limpiaProyectoChico(elProyecto) {
   }
 }
 
-function limpiaProyectoGrande() {
-  console.log('Limpia proyecto grande')
-  $('#TablaProyectoGde').removeAttr('num')
-  $('#TablaProyectoGde').removeAttr('estatus')
-  $('#TablaProyectoGde').css('background-color', '')
-  $('#nombreProyectoGde').text('')
-  $('#descripcionProyectoGde').text('')
-  $('#TablaProyectoGde #puntosGanados').text('')
-  $('#puntosPerdidos').text('')
-  $('#activoReqProyectoNom1').attr('class', '').text('')
-  $('#activoReqProyectoNom2').attr('class', '').text('')
-  $('#activoReqProyectoNom3').attr('class', '').text('')
-  $('#activoReqProyectoCantX1').text('0')
-  $('#activoReqProyectoCantX2').text('0')
-  $('#activoReqProyectoCantX3').text('0')
-  $('#activoReqProyectoCant1').attr('class', '').text('')
-  $('#activoReqProyectoCant2').attr('class', '').text('')
-  $('#activoReqProyectoCant3').attr('class', '').text('')
-  $('#mantoGde').text('MANTENIMIENTO')
-}
-
 function llenaProyectoChico(proyectoNum) {
   console.log('Llenando proyectos! ', proyectoNum)
   const colores = [
@@ -1603,7 +1573,7 @@ $('#accionComprarCapacitacion').click(function () {
           if ($('#habilidadesAcreditadasGde1').text() == '') {
             $('#habilidadesAcreditadasGde1').html(
               tipo +
-                '<br>' +
+                ': ' +
                 findArrayValue(
                   arreglosCapacitaciones[habilidadAcreditadaEnEspera],
                   'nombre'
@@ -1614,7 +1584,7 @@ $('#accionComprarCapacitacion').click(function () {
             )
             $('#' + deptoActual + ' #habilidadesAcreditadasCh1').html(
               tipo +
-                '<br>' +
+                ': ' +
                 findArrayValue(
                   arreglosCapacitaciones[habilidadAcreditadaEnEspera],
                   'nombre'
@@ -1622,12 +1592,12 @@ $('#accionComprarCapacitacion').click(function () {
                 ', ' +
                 beneficio +
                 tipoRecurso.charAt(0).toUpperCase() +
-                '<br><br>'
+                '<br>'
             )
           } else if ($('#habilidadesAcreditadasGde2').text() == '') {
             $('#habilidadesAcreditadasGde2').html(
               tipo +
-                '<br>' +
+                ': ' +
                 findArrayValue(
                   arreglosCapacitaciones[habilidadAcreditadaEnEspera],
                   'nombre'
@@ -1638,7 +1608,7 @@ $('#accionComprarCapacitacion').click(function () {
             )
             $('#' + deptoActual + ' #habilidadesAcreditadasCh2').html(
               tipo +
-                '<br>' +
+                ': ' +
                 findArrayValue(
                   arreglosCapacitaciones[habilidadAcreditadaEnEspera],
                   'nombre'
@@ -1646,12 +1616,12 @@ $('#accionComprarCapacitacion').click(function () {
                 ', ' +
                 beneficio +
                 tipoRecurso.charAt(0).toUpperCase() +
-                '<br><br>'
+                '<br>'
             )
           } else if ($('#habilidadesAcreditadasGde3').text() == '') {
             $('#habilidadesAcreditadasGde3').html(
               tipo +
-                '<br>' +
+                ': ' +
                 findArrayValue(
                   arreglosCapacitaciones[habilidadAcreditadaEnEspera],
                   'nombre'
@@ -1662,7 +1632,7 @@ $('#accionComprarCapacitacion').click(function () {
             )
             $('#' + deptoActual + ' #habilidadesAcreditadasCh3').html(
               tipo +
-                '<br>' +
+                ': ' +
                 findArrayValue(
                   arreglosCapacitaciones[habilidadAcreditadaEnEspera],
                   'nombre'
@@ -2754,28 +2724,7 @@ $('.droppableActivos').droppable({
   },
 })
 
-function obtenerProyectosPendientesXX(cuantos) {
-  // Filtrar proyectos pendientes
-  const proyectosPendientes = proyectos.filter(
-    (proyecto) => proyecto.estatus === 'Pendiente'
-  )
-  // const proyectosPendientes = proyectos.filter(proyecto =>
-  //     proyecto.estatus === "Pendiente" && proyecto.dificultad !== "Incidencia"
-  // );
-  // Si hay menos de 10 proyectos pendientes, retornar todos los disponibles
-  if (proyectosPendientes.length <= cuantos) {
-    return proyectosPendientes
-  }
-  // Seleccionar 10 proyectos aleatorios
-  const resultado = []
-  const proyectosDisponibles = [...proyectosPendientes]
-  for (let i = 0; i < cuantos && proyectosDisponibles.length > 0; i++) {
-    const randomIndex = Math.floor(Math.random() * proyectosDisponibles.length)
-    resultado.push(proyectosDisponibles[randomIndex])
-    proyectosDisponibles.splice(randomIndex, 1)
-  }
-  return resultado
-}
+
 
 /**
  * Pone en el arreglo proyectosPendientes, 7 proyectos al azar de los que están pendientes en el arreglo general.
@@ -3012,66 +2961,7 @@ function guardarNuevoTexto(nuevoTexto, deptoOriginal) {
   console.log('ARREGLO:', arreglosDeptos['arr' + deptoOriginal])
 }
 
-/**
- * Asigna las habilidades acreditadas al departamento especificado.
- */
-function asignarHabilidades2(depto) {
-  console.log('>>>>>>    Asignando habilidades al departamento:', depto)
 
-  // Obtiene el arreglo del departamento especificado
-  const elArregloDepto = arreglosDeptos['arr' + depto]
-
-  // Lista de habilidades a asignar en orden de prioridad
-  const habilidades = [
-    'habilidadTiempo',
-    'habilidadPersonal',
-    'habilidadCapital',
-  ]
-
-  // Arreglo para almacenar las habilidades asignadas
-  const habilidadesAsignadas = [0, 0, 0]
-
-  // Asigna las habilidades en orden de prioridad
-  habilidades.forEach((habilidad, index) => {
-    // Encuentra el valor de la habilidad en el arreglo del departamento
-    const value = elArregloDepto.find((item) => item.name === habilidad).value
-    // Si el valor no es cero y no está ya asignado, se asigna a habilidadesAsignadas
-    if (value !== 0 && !habilidadesAsignadas.includes(value)) {
-      habilidadesAsignadas[index] = value
-    }
-  })
-
-  // Actualiza el DOM con las habilidades asignadas
-  habilidadesAsignadas.forEach((habilidad, index) => {
-    if (habilidad !== 0) {
-      // Obtiene la capacitación correspondiente a la habilidad
-      const capacitacion = arreglosCapacitaciones[habilidad]
-
-      // Obtiene y mapea el tipo de habilidad a un nombre más descriptivo
-      const tipo = mapTipo(obtenerValorCapacitacion(capacitacion, 'tipo'))
-
-      // Obtiene el nombre, beneficio y tipo de recurso de la capacitación
-      const nombre = obtenerValorCapacitacion(capacitacion, 'nombre')
-      const beneficio = obtenerValorCapacitacion(capacitacion, 'beneficio')
-      const tipoRecurso = obtenerValorCapacitacion(capacitacion, 'tipoRecurso')
-        .charAt(0)
-        .toUpperCase()
-
-      // Construye el contenido HTML a insertar
-      const contenido = `${tipo}<br>${nombre}, ${beneficio} ${tipoRecurso}<br><br>`
-
-      // Actualiza el contenido HTML del elemento correspondiente en el DOM
-      $(`#${depto} #habilidadesAcreditadasCh${index + 1}`).html(contenido)
-    }
-  })
-  tieneTresHabilidades(depto)
-  // Asegura que la vista grande se actualice con la acción especial si es el depto actual
-  if (depto === deptoActual) {
-    const elArreglo = arreglosDeptos['arr' + depto]
-    const accion = findArrayValue(elArreglo, 'accionEspecialQuincenal')
-    $('#' + depto + ' #accionEspecialGde').text(accion)
-  }
-}
 
 /**
  * Asigna las habilidades acreditadas al departamento especificado.
@@ -3121,9 +3011,9 @@ function asignarHabilidades(depto) {
       console.log('Capacitación:', capacitacion)
       console.log('Tipo:', tipo)
 
-      const contenido = `${tipo}<br>${nombre}, ${beneficio} ${tipoRecurso
+      const contenido = `${tipo}: ${nombre}, ${beneficio} ${tipoRecurso
         .charAt(0)
-        .toUpperCase()}<br><br>`
+        .toUpperCase()}<br>`
       $(`#${depto} #habilidadesAcreditadasCh${index + 1}`).html(contenido)
     }
   })
@@ -3198,136 +3088,7 @@ function tieneTresHabilidades(depto) {
   return completo
 }
 
-/**
- * Asigna las habilidades acreditadas al departamento especificado.
- **/
-function asignarHabilidades0(depto) {
-  console.log('>>>>>>    Asignando habilidades al departamento:', depto)
-  let habilidad1 = 0
-  let habilidad2 = 0
-  let habilidad3 = 0
-  const elArregloDepto = arreglosDeptos['arr' + depto]
-  //   console.log(elArregloDepto)
 
-  const habilidadTiempo = elArregloDepto.find(
-    (item) => item.name === 'habilidadTiempo'
-  ).value
-  const habilidadPersonal = elArregloDepto.find(
-    (item) => item.name === 'habilidadPersonal'
-  ).value
-  const habilidadCapital = elArregloDepto.find(
-    (item) => item.name === 'habilidadCapital'
-  ).value
-  //   console.log('habilidadTiempo:', habilidadTiempo)
-  //   console.log('habilidadPersonal:', habilidadPersonal)
-  //   console.log('habilidadCapital:', habilidadCapital)
-
-  if (habilidadTiempo != 0) {
-    habilidad1 = habilidadTiempo
-  } else if (habilidadPersonal != 0) {
-    habilidad1 = habilidadPersonal
-  } else if (habilidadCapital != 0) {
-    habilidad1 = habilidadCapital
-  }
-
-  if (habilidadTiempo != 0 && habilidadTiempo != habilidad1) {
-    habilidad2 = habilidadTiempo
-  } else if (habilidadPersonal != 0 && habilidadPersonal != habilidad1) {
-    habilidad2 = habilidadPersonal
-  } else if (habilidadCapital != 0 && habilidadCapital != habilidad1) {
-    habilidad2 = habilidadCapital
-  }
-  if (
-    habilidadTiempo != 0 &&
-    habilidadTiempo != habilidad1 &&
-    habilidadTiempo != habilidad2
-  ) {
-    habilidad3 = habilidadTiempo
-  } else if (
-    habilidadPersonal != 0 &&
-    habilidadPersonal != habilidad1 &&
-    habilidadPersonal != habilidad2
-  ) {
-    habilidad3 = habilidadPersonal
-  } else if (
-    habilidadCapital != 0 &&
-    habilidadCapital != habilidad1 &&
-    habilidadCapital != habilidad2
-  ) {
-    habilidad3 = habilidadCapital
-  }
-
-  console.log('laHabilidad1: ', habilidad1)
-  console.log('laHabilidad2: ', habilidad2)
-  console.log('laHabilidad3: ', habilidad3)
-
-  if (habilidad1 != 0) {
-    console.log('laCapacitacion:', arreglosCapacitaciones[habilidad1])
-    let tipo = findArrayValue(arreglosCapacitaciones[habilidad1], 'tipo')
-    if (tipo == 'HC') {
-      tipo = 'Habilidad Conceptual'
-    } else if (tipo == 'HT') {
-      tipo = 'Habilidad Técnica'
-    } else if (tipo == 'HH') {
-      tipo = 'Habilidad Humana'
-    }
-    $('#' + depto + ' #habilidadesAcreditadasCh1').html(
-      tipo +
-        '<br>' +
-        findArrayValue(arreglosCapacitaciones[habilidad1], 'nombre') +
-        ', ' +
-        findArrayValue(arreglosCapacitaciones[habilidad1], 'beneficio') +
-        findArrayValue(arreglosCapacitaciones[habilidad1], 'tipoRecurso')
-          .charAt(0)
-          .toUpperCase() +
-        '<br><br>'
-    )
-  }
-  if (habilidad2 != 0) {
-    console.log('laCapacitacion:', arreglosCapacitaciones[habilidad2])
-    let tipo = findArrayValue(arreglosCapacitaciones[habilidad2], 'tipo')
-    if (tipo == 'HC') {
-      tipo = 'Habilidad Conceptual'
-    } else if (tipo == 'HT') {
-      tipo = 'Habilidad Técnica'
-    } else if (tipo == 'HH') {
-      tipo = 'Habilidad Humana'
-    }
-    $('#' + depto + ' #habilidadesAcreditadasCh2').html(
-      tipo +
-        '<br>' +
-        findArrayValue(arreglosCapacitaciones[habilidad2], 'nombre') +
-        ', ' +
-        findArrayValue(arreglosCapacitaciones[habilidad2], 'beneficio') +
-        findArrayValue(arreglosCapacitaciones[habilidad2], 'tipoRecurso')
-          .charAt(0)
-          .toUpperCase() +
-        '<br><br>'
-    )
-  }
-  if (habilidad3 != 0) {
-    console.log('laCapacitacion:', arreglosCapacitaciones[habilidad3])
-    let tipo = findArrayValue(arreglosCapacitaciones[habilidad3], 'tipo')
-    if (tipo == 'HC') {
-      tipo = 'Habilidad Conceptual'
-    } else if (tipo == 'HT') {
-      tipo = 'Habilidad Técnica'
-    } else if (tipo == 'HH') {
-      tipo = 'Habilidad Humana'
-    }
-    $('#' + depto + ' #habilidadesAcreditadasCh3').html(
-      tipo +
-        '<br>' +
-        findArrayValue(arreglosCapacitaciones[habilidad3], 'nombre') +
-        ', ' +
-        findArrayValue(arreglosCapacitaciones[habilidad3], 'beneficio') +
-        findArrayValue(arreglosCapacitaciones[habilidad3], 'tipoRecurso')
-          .charAt(0)
-          .toUpperCase() +
-        '<br><br>'
-    )
-  }
-}
 
 /**
  * Función que se ejecuta al iniciar el juego, DESPUES de cargar los arreglos de activos y departamentos.
@@ -3350,6 +3111,37 @@ function continuamos() {
     $('#nombreSesion').text('Sesión: ' + arregloGeneral.nombreSesion)
   }
 
+  // Restablecer el estado de los botones de acción (bAccion1 y bAccion2)
+  if (typeof arregloGeneral !== 'undefined') {
+    if (parseInt(arregloGeneral.bAccion1) === 1) {
+      $('#bAccion1').css({ 'background-color': '#068bc3', 'color': 'white' })
+      if (document.getElementById('bAccion1')) {
+        document.getElementById('bAccion1').style.backgroundColor = '#068bc3'
+        document.getElementById('bAccion1').style.color = 'white'
+      }
+    } else {
+      $('#bAccion1').css({ 'background-color': '', 'color': 'black' })
+      if (document.getElementById('bAccion1')) {
+        document.getElementById('bAccion1').style.backgroundColor = ''
+        document.getElementById('bAccion1').style.color = 'black'
+      }
+    }
+
+    if (parseInt(arregloGeneral.bAccion2) === 1) {
+      $('#bAccion2').css({ 'background-color': '#068bc3', 'color': 'white' })
+      if (document.getElementById('bAccion2')) {
+        document.getElementById('bAccion2').style.backgroundColor = '#068bc3'
+        document.getElementById('bAccion2').style.color = 'white'
+      }
+    } else {
+      $('#bAccion2').css({ 'background-color': '', 'color': 'black' })
+      if (document.getElementById('bAccion2')) {
+        document.getElementById('bAccion2').style.backgroundColor = ''
+        document.getElementById('bAccion2').style.color = 'black'
+      }
+    }
+  }
+
   asignarHabilidades('RecursosHumanos')
   asignarHabilidades('MarketingYVentas')
   asignarHabilidades('Finanzas')
@@ -3425,21 +3217,28 @@ function continuamos() {
     const quincenaCargada = parseInt(arregloGeneral.quincena) || 1
     const trimestreActual = Math.floor((quincenaCargada - 1) / 6) + 1
 
-    // 1. Usar el ID del proyecto grande que se guardó en la sesión, si no está completado.
+    // 1. Usar el ID del proyecto grande que se guardó en la sesión, únicamente si sigue 'En proceso'.
     let proyectoGde = null
     console.log('ID de proyecto grande guardado:', proyectoGdeActual)
     if (
       proyectoGdeActual !== undefined &&
       proyectoGdeActual !== null &&
       proyectoGdeActual !== '' &&
-      proyectos[proyectoGdeActual].estatus !== 'Completado'
+      proyectos[proyectoGdeActual] &&
+      proyectos[proyectoGdeActual].estatus === 'En proceso'
     ) {
       proyectoGde = proyectos[proyectoGdeActual]
     } else {
-      // Fallback por si no se encuentra un ID guardado o si estaba completado.
-      proyectoGde = proyectos.find(
-        (p) => p.estatus === 'En proceso' || p.estatus === 'En siguientes'
-      )
+      // Fallback por si no se encuentra un ID guardado o si estaba completado o descartado.
+      proyectoGde = proyectos.find((p) => p.estatus === 'En proceso')
+      if (!proyectoGde) {
+        proyectoGde = proyectos.find((p) => p.estatus === 'En siguientes')
+      }
+      if (proyectoGde) {
+        proyectoGdeActual = proyectos.findIndex((p) => p.id === proyectoGde.id)
+      } else {
+        proyectoGdeActual = ''
+      }
     }
 
     // 2. Limpiar los slots de proyectos chicos primero.
@@ -3497,14 +3296,17 @@ function continuamos() {
     }
     sincronizarColaSiguientes()
 
-    // 5. Llenar el proyecto grande.
-    if (proyectoGde) {
+    // 5. Llenar o limpiar el proyecto grande.
+    if (proyectoGde && (proyectoGde.estatus === 'En proceso' || proyectoGde.estatus === 'En siguientes')) {
       llenaProyectoGde(proyectoGde.id)
     } else if (siguientesProyectos.length > 0) {
       // Si no había ningún proyecto en el tablero, tomar el primero de la cola.
       llenaProyectoGde(siguientesProyectos[0].id)
       siguientesProyectos.splice(0, 1)
       sincronizarColaSiguientes()
+    } else {
+      limpiarProyectoGde()
+      proyectoGdeActual = ''
     }
   }
 
@@ -3658,11 +3460,25 @@ function relojUpdateTime() {
 
 function relojPlaySound() {
   const audio = new Audio('Microwave_bell.wav')
-  if ($('#bAccion2').css('background-color') === 'rgb(6, 139, 195)') {
-    $('#bAccion1').css('background-color', '')
-    $('#bAccion1').css('color', 'black')
-    $('#bAccion2').css('background-color', '')
-    $('#bAccion2').css('color', 'black')
+  const bg2 = $('#bAccion2').css('background-color')
+  if (bg2 === 'rgb(6, 139, 195)' || bg2 === '#068bc3') {
+    $('#bAccion1').css({ 'background-color': '', 'color': 'black' })
+    $('#bAccion2').css({ 'background-color': '', 'color': 'black' })
+    if (document.getElementById('bAccion1')) {
+      document.getElementById('bAccion1').style.backgroundColor = ''
+      document.getElementById('bAccion1').style.color = 'black'
+    }
+    if (document.getElementById('bAccion2')) {
+      document.getElementById('bAccion2').style.backgroundColor = ''
+      document.getElementById('bAccion2').style.color = 'black'
+    }
+    if (typeof arregloGeneral !== 'undefined') {
+      arregloGeneral.bAccion1 = 0
+      arregloGeneral.bAccion2 = 0
+      if (typeof guardaSesion === 'function') {
+        guardaSesion()
+      }
+    }
   }
   audio.play()
 }
@@ -3684,13 +3500,29 @@ function relojResumeTimer() {
 }
 
 function toggleColor(button) {
-  console.log(button.style.backgroundColor)
-  if (button.style.backgroundColor === 'rgb(6, 139, 195)') {
-    button.style.backgroundColor = '' // Restablecer al color original
-    button.style.color = 'black' // Cambiar el texto a negro
+  const $btn = $(button)
+  const id = $btn.attr('id')
+  const bg = $btn.css('background-color')
+  const isSelected = (bg === 'rgb(6, 139, 195)' || bg === '#068bc3' || button.style.backgroundColor === 'rgb(6, 139, 195)' || button.style.backgroundColor === '#068bc3')
+
+  if (isSelected) {
+    $btn.css({ 'background-color': '', 'color': 'black' })
+    button.style.backgroundColor = ''
+    button.style.color = 'black'
+    if (id && typeof arregloGeneral !== 'undefined') {
+      arregloGeneral[id] = 0
+    }
   } else {
-    button.style.backgroundColor = '#068bc3' // Cambiar a azul
-    button.style.color = 'white' // Cambiar el texto a blanco
+    $btn.css({ 'background-color': '#068bc3', 'color': 'white' })
+    button.style.backgroundColor = '#068bc3'
+    button.style.color = 'white'
+    if (id && typeof arregloGeneral !== 'undefined') {
+      arregloGeneral[id] = 1
+    }
+  }
+
+  if (typeof guardaSesion === 'function') {
+    guardaSesion()
   }
 }
 

manejoDeSesiones.js

@@ -71,6 +71,24 @@ function cargarDatosDesdeServidor() {
           if (typeof arregloGeneral.trimestre4 === 'undefined') {
             arregloGeneral.trimestre4 = 0
           }
+          if (typeof arregloGeneral.objetivoT1 === 'undefined') {
+            arregloGeneral.objetivoT1 = 100000
+          }
+          if (typeof arregloGeneral.objetivoT2 === 'undefined') {
+            arregloGeneral.objetivoT2 = 100000
+          }
+          if (typeof arregloGeneral.objetivoT3 === 'undefined') {
+            arregloGeneral.objetivoT3 = 100000
+          }
+          if (typeof arregloGeneral.objetivoT4 === 'undefined') {
+            arregloGeneral.objetivoT4 = 100000
+          }
+          if (typeof arregloGeneral.bAccion1 === 'undefined') {
+            arregloGeneral.bAccion1 = 0
+          }
+          if (typeof arregloGeneral.bAccion2 === 'undefined') {
+            arregloGeneral.bAccion2 = 0
+          }
           // --- FIN DEL PARCHE ---
           arreglosCapacitaciones = data.data.arreglosCapacitaciones
           arreglosActivos = data.data.arreglosActivos