* **Nuevo botón de Pantalla Completa:** Integrado en los encabezados de la pantalla de Resumen y el Tablero mediante la API de Fullscreen de HTML5, actualizando su texto de forma reactiva a eventos del navegador.

*   **Alineación de Departamentos:** Se fijó la altura (38px) de la celda de habilidad especial en el tablero y se restauró el tamaño de letra original (14px) con un line-height controlado (1.2) para evitar desfases de altura cuando el texto ocupa dos líneas sin perder legibilidad.

jsCode.js

@@ -504,7 +504,9 @@ function llenaDepartamentoChico(depto) {
   $('#' + deptoActual + ' #capitalHA').text(
     findArrayValue(elArreglo, 'habilidadCapital')
   )
-  // $("#accionEspecialGde").text(findArrayValue(elArreglo, "accionEspecialQuincenal"));
+  $('#' + deptoActual + ' #accionEspecialGde').text(
+    findArrayValue(elArreglo, 'accionEspecialQuincenal') || ''
+  )
   console.log(`[llenaDepartamentoChico] <- FIN para depto: '${depto}'`)
 }
 
@@ -543,6 +545,27 @@ 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 = [
@@ -3403,6 +3426,9 @@ function continuamos() {
     })
     // --- FIN DEL PARCHE ---
 
+    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.
     let proyectoGde = null
     console.log('ID de proyecto grande guardado:', proyectoGdeActual)
@@ -3429,7 +3455,9 @@ function continuamos() {
     // 3. Llenar los proyectos chicos con los que están 'En proceso' (excluyendo el grande).
     const proyectosEnTablero = proyectos.filter(
       (p) =>
-        p.estatus === 'En proceso' && (!proyectoGde || p.id !== proyectoGde.id)
+        p.estatus === 'En proceso' &&
+        (!proyectoGde || p.id !== proyectoGde.id) &&
+        (p.mantenimiento === 'N/A' || p.mantenimientoPagadoEnTrimestre !== trimestreActual)
     )
 
     console.log('Proyectos para mostrar en tablero chico:', proyectosEnTablero)
@@ -3477,7 +3505,11 @@ function continuamos() {
 
     // 5. Llenar el proyecto grande.
     if (proyectoGde) {
-      llenaProyectoGde(proyectoGde.id)
+      if (proyectoGde.mantenimiento !== 'N/A' && proyectoGde.mantenimientoPagadoEnTrimestre === trimestreActual) {
+        limpiaProyectoGrande()
+      } else {
+        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)
@@ -3674,12 +3706,13 @@ function toggleColor(button) {
 
 $(function () {
   // Sobrescribir la función alert
-  window.alert = function (message) {
+  window.alert = function (message, customWidth) {
     $('<div></div>')
       .html(message)
       .dialog({
         modal: true,
         title: 'Atención',
+        width: customWidth || 450,
         buttons: {
           Ok: function () {
             $(this).dialog('close')