<!-- ESTE ARCHIVO VA EN:  Index   (la pantalla de siempre de GENERADORES · la version vive en INDEX_VERSION) -->
<!-- v3.54 28-sep-2026 [GENERADORES]: «CORREGIR FECHAS» (Maca: un supervisor pidio cambiar las fechas de todas las estimaciones, tambien las presentadas, y va a volver a pasar). Boton 📅 Corregir fechas en la fila de la obra, SOLO si el servidor manda puedeCorregirFechas (DIRECCION). Abre una tabla con todas las estimaciones: se captura FECHA y FIN, el INICIO se calcula y se ensena (est 1 = CONTRATO C15, las demas = dia siguiente al fin anterior), motivo obligatorio, «Revisar cambios» ensena antes -> despues y avisos, «Aplicar» escribe y ensena la relectura. Servidor: gxFechas.gs v1.0 (gxfLeer / gxfCorregir). La tabla se pinta una vez; revisar solo repinta #cfRes. -->
<!-- v3.53 27-sep-2026 [GENERADORES]: DOS TITULOS MAS PARA EL FINIQUITO (Maca). El selector «Título en el papel» pasa de 3 a 5 opciones: normal · «3 (TRES) Y FINIQUITO» · «3 Y FINIQUITO» · «3 (TRES), ÚLTIMA Y FINIQUITO» · «3, ÚLTIMA Y FINIQUITO». Cada opcion enseña el texto tal cual se imprime (lo arma el servidor con deEstTexto_). Se quita el aviso de «la palabra ESTIMACIÓN sale dos veces»: ya no sale. (Código v3.40 · GenExpediente v1.11) -->
<!-- v3.52 27-sep-2026 [GENERADORES]: solo el texto del aviso del finiquito (Maca): «corregir el volumen ajustado en CATALOGO» — la app donde se corrige —, no «en el MAESTRO». -->
<!-- v3.51 26-sep-2026 [GENERADORES]: EL FINIQUITO AVISA LO QUE NO CIERRA (Maca: «siempre debe coincidir lo ejecutado con el volumen ajustado»). Con la estimacion marcada como finiquito, debajo del titulo sale la lista de conceptos —tambien los que estan fuera de la estimacion— cuyo acumulado no es su volumen ajustado: cuanto falta o sobra y cuanto dinero es, con las dos salidas (capturar el volumen o corregir el ajustado del MAESTRO). Si todo cierra, lo dice en verde. Avisa, no bloquea. Y el selector deja de estirarse a todo lo ancho. (Código v3.39) -->
<!-- v3.50 26-sep-2026 [GENERADORES]: EL FINIQUITO (Maca). Debajo de la fila de la obra, un renglon «Título en el papel» con tres opciones —normal · «4 (CUATRO) Y FINIQUITO» · «ESTIMACIÓN 4 Y FINIQUITO»— y la VISTA PREVIA del renglon tal como sale impreso («ESTIMACIÓN: …»). Se guarda con gxGuardarFiniquito (Código v3.38, CONFIG GEN filas 9-10) y el papel lo lee (GenExpediente v1.10 y RevDatos v1.10 de REVISION). Solo se puede cambiar en una estimacion escribible; si es de solo consulta se ENSEÑA el titulo sin selector. Si la estimacion deja todos los conceptos sin pendiente sale la SUGERENCIA —no se marca sola: una obra puede cerrar sin llegar al 100 %—. -->
<!-- v3.48 23-sep-2026 [GENERADORES]: EL FILTRO DE ALERTA, MAS INTENSO (Maca: «que resalte mas»). Pasa del petroleo claro al petroleo SOLIDO con letra clara (--espera-solido / --espera-solido-tinta, fijos en los cuatro temas). Sigue distinguiendose del elegido porque ese va en carmin solido: dos matices lejanos, no dos intensidades del mismo. -->
<!-- v3.47 23-sep-2026 [GENERADORES]: LOS FILTROS QUE PIDEN MIRAR SE PINTAN EN PETROLEO (peticion de Maca). Cuatro filtros son de ALERTA —Sin clasificar, DUDA, Faltan T·C·F y Pagado > ejecutado— y se tinen con la senal de espera SOLO cuando su conteo pasa de cero: una marca que se enciende tambien cuando todo esta bien ensena a ignorarla. Con cero se quedan neutros. El filtro elegido sigue en carmin solido, sea de alerta o no. Los estados ya resueltos (terminado, cancelado...) no se tinen nunca. -->
<!-- v3.46 23-sep-2026 [GENERADORES]: LA COLUMNA DE GENERAR, DE VERDAD. En la pantalla de Maca (v3.45) el boton seguia saliendo «✎ Genera»: no era la barra de desplazamiento, era el boton mismo, que con IBM Plex pide mas de los 68 px utiles de una columna de 78. Sube a 92. Y el ancho de Concepto se calcula un pixel mas corto: la suma daba exacto el ancho del listado y el navegador redondeaba la tabla a 1813.14 contra 1813, lo que bastaba para abrir la barra horizontal. -->
<!-- v3.45 23-sep-2026 [GENERADORES]: ENTREGA 2 DE LA IDENTIDAD VISUAL — el capturador habla el sistema de diseno. (1) La barra de arriba es la de la casa: carmin hondo, el LOGOTIPO blanco (archivo Logo, compartido como Estilos) y el nombre del modulo en mayusculas. (2) Las cifras en su columna van en la fuente de numeros (Archivo Narrow): en la v3.44 IBM Plex no cabia y montos, P.U. y totales de partida salian cortados con puntos suspensivos. (3) La seccion B con los colores de CATALOGO (decision de Maca): AJUSTADO en el azul claro de la escalera, ACUMULADO ANTERIOR en el azul oscuro de ESTIMADO, PENDIENTE en pizarra con el encabezado mas oscuro que sus celdas. Las clases cAzul, cMorado y cVerde se llaman ahora cAj, cAnt y cPend: dicen que son, no de que color eran. (4) Las barras de PARTIDA en verde agua tenue: es la familia de lo que la obra ES (la misma del bloque concepto y contrato de CATALOGO), y no choca con ninguno de los azules de B. (5) Los botones azules y el verde de Registrar pasan a la marca (el verde es el color de lo que salio bien, no de una accion); avisos, pastillas y estados a las senales del sistema. (6) El listado reserva siempre el hueco de la barra de desplazamiento: el ancho de Concepto se calculaba antes de que apareciera y la ultima columna (Generar) quedaba cortada. Ningun color queda escrito a mano fuera de la hoja impresa y del velo del menu. -->
<!-- v3.44 23-sep-2026 [GENERADORES]: ENTREGA 1 DE LA IDENTIDAD VISUAL — la base. El proyecto pasa al Estilos v2.12 (el generado del sistema de diseno Terminus, carmin); este Index solo hace dos cosas: (1) apaga el tema de noche con el atributo de la etiqueta html, porque esta pantalla todavia tiene colores escritos a mano que suponen fondo claro — se enciende en la entrega 4, cuando esten todos migrados; (2) los chips que son BOTONES (filtros del listado y numeros de estimacion) conservan su caja normal: el Estilos nuevo pone todo .chip en mayusculas espaciadas, y medido con los datos de ejemplo eso le sumaba un renglon al bloque de filtros y 45 px a la fila de arriba, que se le quitan al listado. Si van en mayusculas o no se decide en la entrega 2, junto con su color. Nada mas cambia: los colores que se ven distintos son los que la capa de compatibilidad del Estilos ya traduce sola (--titulo-bg, --azul, etc.). -->
<!-- v3.43 23-sep-2026 [GENERADORES]: SE RETIRA EL CAMINO VIEJO Y SE ORDENAN LOS CHIPS — sale el bloque plegado «Proceso para generar el Google Sheet (obsoleto)» con sus casillas, opciones, generacion paso a paso y el arreglo de PLANTILLAS; los chips solo ensenan las estimaciones ABIERTAS (con casillas o fecha de apertura) con su etiqueta (EN CAPTURA · PRESENTADA · ACEPTADA · PAGADA · COBRADA · CERRADA) y candado en las de solo consulta; lo que se puede editar lo decide el servidor (d.escribible, gxEscribible_ de Codigo v3.36) y ya no `estado !== 'CERRADA'`. Va con Codigo v3.36. -->
<!DOCTYPE html>
<html lang="es" data-noche="no">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="image" href="logo-terminus-blanco.png">
<title>Terminus — Generadores</title>
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
<!-- v3.29 25-ago-2026 [GENERADORES]: SE ACABA LA CARGA DOBLE Y NACE EL CRONOMETRO — la pantalla ya obedece ?obra=CUCBA&est=2 (doGet SIEMPRE inyecto todos los parametros en BOOT; el Index solo miraba vista=matriz y tiraba el resto), asi que se entra directo a una estimacion sin pasar por la carga de la est 1. Los parametros se sanean como en TERMINUS EVENTOS: se limpia lo peligroso y DECIDE la busqueda, sin validar la forma de la clave — un regex estricto dejaria de encontrar una obra nueva EN SILENCIO. Y el pie lleva cronometro (datos = el viaje al servidor · pantalla = lo que tardo en dibujarse), rojo arriba de CRONO_UMBRAL = 5 s, con un title que dice lo que NO mide: lo que Google tarda en despertar la webapp. El pie pasa por UNA sola puerta, pintarPie(), que guarda el texto en PIE_TXT en vez de releerlo del elemento — textContent devolveria tambien las letras del cronometro y al repintar se duplicarian. · v3.28 18-ago-2026 [GENERADORES]: TRES PARES GRISES COLAPSABLES POR SEPARADO (ajustado / acum. anterior / pendiente, cada uno con su control encima de sus dos columnas), FILTRO 'Faltan T·C·F' con su conteo, y PDF DE LA VISTA con window.print() — el papel lleva su propio encabezado que dice que filtro esta puesto y que NO es el documento oficial. · v3.27 18-ago-2026: BANDAS AZULES Y BLOQUE DE TOTALES — cada bloque lleva su titulo en banda azul medio (--titulo-bg de Estilos, con margenes negativos calculados desde el padding real del panel, igual que .card h2 de la casa), y arriba hay CUATRO bloques: fechas, filtros, totales (nuevo) y acciones. · v3.26 18-ago-2026: COLUMNAS AFINADAS — encabezados en fuente condensada y mas chica, Incluir/Estado/Gen al ancho real de su contenido (38px), la unidad sale de las cuatro columnas de volumen y se muestra UNA vez bajo el P.U., titulos de la seccion B abreviados con el nombre completo en el title, y todo el ancho liberado se va a la columna de Concepto. · v3.25 18-ago-2026: LAYOUT COMPACTO Y LISTADO CON SCROLL PROPIO — tabla en table-layout:fixed con colgroup generado desde GXCOLS (ancho declarado por columna, no inventado por el navegador), chips de estimacion en la misma fila que la obra, fila de tres bloques a la misma altura (acciones / fechas / filtros), listado de altura CALCULADA desde innerHeight con scroll propio y encabezado de dos pisos pegado, y seccion 'fuera de la estimacion' colapsable que arranca cerrada. · v3.24 18-ago-2026: SECCION B COMPACTA Y COLAPSABLE — sus 6 columnas mas angostas y con letra mas chica, encabezados a doble alto que envuelven en vez de ensanchar, y un control que las esconde y las vuelve a mostrar. El estado de colapso vive en GXB_ABIERTA (nivel superior) y sobrevive al repintado del buscador. · v3.23 18-ago-2026: TABLA EN TRES SECCIONES — A identifica (Incluir·Estado·Concepto·P.U.), B es solo lectura sobre banda oscura (ajustado azul, acumulado anterior morado, pendiente verde) y C es donde se actua (vol/monto de esta estimacion, Gen, T·C·F, boton). Las columnas se DECLARAN en GXCOLS y las bandas se CUENTAN de ahi. Entra Estilos.html por include. · v3.22 18-ago-2026: ANCHO COMPLETO Y SIN CENTRADO HEREDADO — el contenedor #app arrastraba la clase de espera 'cargando' (text-align:center + padding:40px) desde la carga inicial porque solo se le cambiaba el innerHTML: toda la app se veia centrada y con franjas de 62px a los lados. Ahora se pinta por una sola puerta, pintarApp(), que QUITA la clase, y .main pasa a ancho completo (max-width:none) · v3.21 18-ago-2026: GENERAR POR SECCIONES — casillas por seccion en orden de trabajo, candado por seccion y aviso de mezcla · v3.19 13-jul-2026 [GENERADORES]: OPCIONES DE GENERACIÓN — panel ⚙ en la pantalla de generar con checkbox PDF sí/no y número de hojas de croquis/fotos (vacío = automático una por imagen; N = exactamente N, completa con hojas en blanco; 0 = omite el paso); los valores viajan a genPaso — REQUIERE el archivo V4_CroquisFotos en el Code (imagen tamaño original + errores por imagen visibles en el aviso del paso) · v3.18 13-jul-2026: CERRAR ≠ ACEPTAR — el cierre escribe CERRADA en la fila 2 y ya NO marca la bandera de la fila 12 (la aceptación es exclusiva del semáforo ESTIMACIONES); textos del cierre actualizados · v3.17: botón ⚙ REDONDEO en la pantalla de la estimación — popup con las 5 elecciones TRUNCAR/REDONDEAR precargadas de CONFIG B3-B7 y guardado vía guardarConfigGen (sin cambios de Code, sigue v3.16) · v3.16: al terminar el CIERRE se abre el detalle de la estimación (TERMINUS DET EST, ?obra=CLAVE&est=N) — intento automático + botón por si el navegador bloquea popups; el cierre NO registra aceptación (eso es del semáforo) · (v3.14 solo Code: formatos blindados en CAPTURA; v3.15 descartada) · v3.13: 🗒 NOTA por concepto y estimación — línea mínima bajo la descripción (clic = editar) + editor emergente con Guardar/Eliminar, también desde el menú del chip GEN; solo bloques abiertos · v3.12: botón 🔒 CERRAR ESTIMACIÓN (G2) — análisis con avisos (fechas, monto, generadores sin COMPLETO, sin PDF), confirmación fuerte escribiendo "CERRAR N", congela CANT/IMPORTE/resumen y el bloque pasa a solo consulta · v3.11: columna GEN — estado del generador por concepto y estimación (🟡 en proceso · 🟢 completo · 🔴 corrección pendiente; menú al tocar el chip; EN PROCESO automático al registrar) + botón 📋 TRAER RENGLONES de otra est/concepto al grid de captura — pedidos de Valen · v3.10: matriz con semáforo — fondo verde al 100% estimado, gris con volumen ajustado 0, barra de progreso en el %, y total estimado + saldo + barra por PARTIDA en su renglón · v3.9: liga directa /exec?vista=matriz&obra=CLAVE abre la matriz de esa obra (BOOT desde doGet) · v3.8: la matriz solo muestra columnas de estimaciones CON contenido + área útil ancha (max 1500px) para escritorio en todas las pantallas · v3.7: el panel 📅 de fechas vive ARRIBA de la pantalla de la estimación (y sigue en la de análisis); componente único panelFechasHtml · v3.6: panel 📅 FECHAS al abrir la pantalla de generar — inicio del periodo FIJO por regla (CONTRATO C15 en est 1; día siguiente al fin de la anterior en las demás), Maca captura fin y fecha y se graban en el CONTROL · v3.5: los bloqueantes del análisis se SUBSANAN desde la misma pantalla (redondeo, plantillas, fechas del bloque, quitar concepto sin catálogo, liga al archivo) + botón Reanalizar · v3.4: sin botón Generar en la sección Fuera de la estimación · PDF final nombrado {obra} Est{N} {fecha hora} · al terminar de generar, MATRIZ concepto × estimación (montos sin IVA, saldo por estimar, % estimado) · v3.3: listado en DOS SECCIONES — ✔ incluidos en la estimación (con totales del CONTROL) y ○ fuera de la estimación abajo, para reincorporar excluidos sin que desaparezcan · v3.2: el checkbox INCLUIR ya no escribe/recarga al momento — los cambios se acumulan (fondo amarillo) y se aplican con el botón ⟳ ACTUALIZAR CONCEPTOS A ESTIMAR (una confirmación, una recarga) · v3.1: (solo Code: EST{N}/Imagenes se crea sola) · v3.0: botón GENERAR ESTIMACIÓN — análisis de anomalías (bloqueantes/avisos) y luego los 6 pasos en secuencia con progreso (Carátula · Cuerpo · Generador · Croquis · Fotos · PDF completo) · v2.6: columna compacta T·C·F en el listado (checkboxes TABLA·CROQUIS·FOTOS del bloque, se marcan desde la app) + estado CANCELADO ⛔ · v2.5: LISTADO ÚNICO con TODOS los conceptos de la estimación (también los no incluidos, para poder marcarles INCLUIR desde la app) + el estado de control de obra como ICONO clicable entre el checkbox y el No. de concepto (abre menú de estados; desaparece la sección de clasificación de abajo) · v2.4: REFERENCIA más ancha (280px) y conceptos alineados a la izquierda · v2.3: columnas ocultables en el grid, botón Generar, orden por concepto + separadores por partida · v2.2: cifras del CONTROL · v2: ESTADO-CONCEPTOS -->
<!--
  ═══════════════════════════════════════════════════════════════════
  TERMINUS · Estilos.html   v2.12   (20-sep-2026)

  EL SISTEMA VISUAL COMPARTIDO DE TODAS LAS WEBAPPS TERMINUS.
  Generado desde el sistema de diseño Terminus. Ningun color de este
  archivo se escribio a mano.

  ───────────────────────────────────────────────────────────────────
  v2.12 · SE CORRIGE origen-4 EN LOS DOS TEMAS CLAROS

  De las cuatro familias de ORIGEN, tres llevan letra blanca sobre su banda y
  una no. origen-4 estaba en #6d9893 —L* 60— mientras sus tres hermanas estan
  en L* 49, 41 y 27; ahi el blanco solo da 3.20:1, asi que era la unica que
  tenia que ir con letra oscura. No era una decision, era una desviacion: el
  dia que a alguien le toca pintar un bloque con esta familia, se encuentra con
  que se comporta distinto a las otras tres sin que nada lo explique.

  Se baja a L* 49, que es exactamente donde esta origen-1, conservando tono y
  croma. El filo la sigue con el mismo ΔL* 17 que usan origen-1 y origen-2.

      origen-4-banda  #6d9893 -> #527c77   blanco 3.20:1 -> 4.66:1
      origen-4-tinta  #002f2b -> #ffffff   (como sus tres hermanas)
      origen-4-filo   #3a6e68 -> #29524e   dE 15.0 contra su banda

  ⚠ LA NOCHE NO SE TOCA. Ahi las bandas son CLARAS sobre fondo oscuro, y
  origen-1 y origen-2 tambien llevan letra oscura: no hay ninguna desviacion
  que corregir. El tema nocturno es otro mapa, no el diurno oscurecido.

  ⚠ DOS CERCANIAS QUE SE ACEPTAN A SABIENDAS, las dos con el filo y las dos
  medidas: dE 6.8 contra --espera (petroleo) y dE 11.6 contra --bueno. Un filo
  es una linea de 3 a 7 px, no un area, y no se confunde con un fondo. Si algun
  dia esta familia se usa como RELLENO junto a un estado de espera, hay que
  volver a medir.
  ───────────────────────────────────────────────────────────────────

  ═══════════════════════════════════════════════════════════════════
  COMO SE USA

  1. En el proyecto: "+" > Archivo HTML, nombre exactamente  Estilos
  2. En el <head> del Index, ANTES de cualquier <style> propio:
         <?!= include('Estilos') ?>
  3. En el Code tiene que existir el include:
         function include(n){ return HtmlService.createHtmlOutputFromFile(n).getContent(); }

  Nada mas. Las fuentes vienen dentro de este archivo.

  El orden importa: esto va PRIMERO y el <style> de la app va DESPUES,
  para que cada app pueda pisar lo que necesite sin tocar este archivo.

  ═══════════════════════════════════════════════════════════════════
  LAS DOS MARCAS

  Carmin es Terminus por dentro. Zafiro es lo que sale de la casa:
  REVISION, los expedientes, los prefiniquitos compartidos, cualquier
  pantalla que abra un supervisor externo o la UdeG.

  Una app interna NO TOCA NADA: carmin es lo que viene por defecto.
  Una app externa pone esto en su Index:

         <html data-marca="zafiro">

  El tema de noche se resuelve solo con la preferencia del sistema.
  Se puede forzar con  data-noche="si"  o apagar con  data-noche="no"
  (util en pantallas que se imprimen).

  UNA PANTALLA SE VUELVE EXTERNA CAMBIANDO EL TEMA, NUNCA SU CSS.
  Si escribes un color a mano en la hoja de estilos de una app, esa
  pantalla ya no podra ser externa nunca. Usa var(--marca).

  ═══════════════════════════════════════════════════════════════════
  QUE CAMBIA RESPECTO A LA v1.5

  · El azul deja de ser el color de Terminus. El carmin #be3f4d sale
    del logotipo. El azul pasa a ser la marca de lo externo.
  · Tres tipografias: Jost para bandas y modulo, IBM Plex Sans para
    texto, Archivo Narrow para CIFRAS EN COLUMNA. Un numero dentro de
    una frase se queda en la letra del texto.
  · Toda cifra en Archivo Narrow va multiplicada por --num-escala
    (1.06): sin ese ajuste se ve hundida junto a la Plex.
  · Tema de noche, que antes no existia.
  · El ambar #B8860B SALE. Era un dorado y no pasaba contraste.
  · Las seis etiquetas de estado se vuelven cuatro, todas por encima
    de 6.5:1 — la deuda medida el 17-ago queda saldada.
  · El borde de los campos se oscurece a --borde-control. El #dde
    anterior no llegaba a 3:1 y un campo blanco sobre bloque casi
    blanco no tiene mas frontera que su borde.
  · Las etiquetas de persona pasan a seis pigmentos fijos en tres
    pesos. CAT PERSONAS guarda EL NUMERO DE TONO (1..6), no colores.

  Los nombres de clase de la v1.5 se conservan, asi que este archivo
  se retro-aplica a las apps existentes sin tocar su HTML.

  ═══════════════════════════════════════════════════════════════════
  QUE CORRIGE LA v2.1 — LEER ESTO

  La v2.0 conservo los nombres de CLASE de la v1.5 pero NO los de las
  VARIABLES. Las apps usan las variables muchisimo: solo DIRECCION
  tenia 163 referencias a --azul, --cian, --verde, --naranja, --ambar,
  --claro, --gris, --tenue, --bloque-bg y --campo-bg. Con la v2.0 esas
  163 referencias se quedaron sin valor: un color que no existe se
  resuelve a nada, y por eso aparecian tarjetas blancas donde deberia
  haber fondo, barras sin color y textos invisibles.

  La v2.1 agrega la CAPA DE COMPATIBILIDAD de aqui abajo: cada nombre
  viejo apunta al token nuevo que le corresponde. Ninguna app tiene que
  cambiar una sola linea para recuperar su color, y ademas heredan el
  tema de noche gratis, porque los tokens a los que apuntan si son
  sensibles al tema.

  LO QUE LA CAPA NO PUEDE RESOLVER SOLA. Un alias apunta a un color y
  nada mas; no puede saber si la app lo usa de letra o de fondo. Donde
  la v1.5 usaba el MISMO color para las dos cosas, el alias sigue al
  uso mas frecuente y las excepciones se corrigen en la app:

      · Los FONDOS que usen var(--azul) — barras fijas, chips activos —
        pasan a var(--marca-honda) en el <style> de la app.
      · button.b.solid.verde{ background:var(--verde); color:#fff; }
        button.b.solid.rojo { background:var(--naranja); color:#fff; }
        Se borran: las que trae este archivo ya quedan bien en los
        cuatro temas.

  ═══════════════════════════════════════════════════════════════════
  QUE CORRIGE LA v2.2

  La v2.1 mando --azul a --marca-honda, que es el color de la barra
  superior: oscuro a proposito. En tema claro se leia; en noche, un
  texto oscuro sobre fondo oscuro desaparece. Medido en DIRECCION:
  29 de sus 45 usos son color de TEXTO y solo 6 son fondo. Asi que
  ahora apunta a --marca-tx, que es la marca cuando hace de letra y
  cambia con el tema.

  ═══════════════════════════════════════════════════════════════════
  ═══════════════════════════════════════════════════════════════════
  ═══════════════════════════════════════════════════════════════════
  ═══════════════════════════════════════════════════════════════════
  ═══════════════════════════════════════════════════════════════════
  QUE CORRIGE LA v2.11

  La escalera de avance se mueve de violeta azul a AZUL, que es el matiz que
  CATALOGO lleva un ano teniendo. Los 20 tokens conservan su nombre; cambian
  sus 120 valores.

  Lo que lo hizo posible fue medir QUIEN bloqueaba el azul: no eran los
  pigmentos de persona sino el PETROLEO, el color de --espera. Y CATALOGO no
  pinta petroleo ni una sola vez, ni pinta ninguna etiqueta de persona. Asi
  que las dos cercanias que esta familia acepta —dE 13.1 al petroleo de dia y
  dE 1.4 a un pigmento de persona de noche— no se pueden ver en la unica
  pantalla que la usa.

  ⚠ ESO NO ES GRATIS, y hay que leerlo antes de usar esta familia en otra
  pantalla: ahi si podrian verse juntos, y habria que volver a medir.

  Pasos de banda 11.4/13.0/15.8 de dia y 12.3/19.7/13.0 de noche; todo texto
  sobre banda y sobre celda por encima de 4.5:1 en los dos temas de carmin.

  ═══════════════════════════════════════════════════════════

  QUE AGREGA LA v2.10

      --avance-1..4-banda · -tinta · -celda · -celda-tinta · -borde   (20 tokens)

  La escalera de las cuatro lecturas del volumen de una obra: contrato,
  ajustado, ejecutado, estimado. Nacio para CATALOGO.

  La regla NO es "mas oscuro es mas avanzado" sino "mas lejos del fondo de
  la pagina es mas avanzado": de dia la escalera se oscurece y de noche se
  aclara, y se lee igual en los dos temas.

  Las celdas del peldano 1 NO se tinen: el contrato es el cero de la escala.

  LAS TRES RESTAS NO TIENEN COLOR PROPIO. Se pintan con banda SOLIDA del
  peldano del que se restan mas un filo de 7px del otro peldano, y sus
  celdas van sin tinte. No es economia: se barrieron los 360 matices y una
  segunda escalera calida NO CABE en este sistema — sobrevive un solo matiz,
  h90, que es el ocre dorado que este sistema echo en la v2.0. La razon de
  fondo es que palido+calido YA SIGNIFICA ERROR (--malo-fondo, --malo-borde).

  Medido: pasos de banda 11.3/12.9/16.0 de dia y 12.3/19.9/12.9 de noche;
  todo texto sobre banda y sobre celda >=4.5:1 en los dos temas de carmin;
  dE 12.2 al pigmento de persona mas cercano (la paleta vieja de CATALOGO
  estaba a dE 3 de Pizarra y a dE 3-4 de Ladrillo y Siena).

  ES UNA FAMILIA DE CARMIN. En zafiro la marca ocupa h278, que es justo este
  azul, y no hay hueco limpio: los valores de zafiro repiten los de carmin.

  ═══════════════════════════════════════════════════════════

  QUE AGREGA LA v2.9

      --realce    negro .040 de dia  ·  BLANCO .030 de noche

  Es el INVERSO del velo, y por eso no se reusa aquel:
      --velo   hace un CAMPO   y ACLARA de dia
      --realce hace una BANDA  y OSCURECE de dia

  Va sobre celdas que YA tienen color propio, pintado como
  background-image para no borrarlo. Nacio del corte de mes de la
  matriz a 52 semanas de la PREVISION de DIRECCION: su film azul al
  5.5% pasa de dE 3.4 de dia a dE 1.8 de noche. Un film oscuro sobre
  fondo oscuro no existe.

  Medido a dE 3.5 de dia y 3.4 de noche sobre celda clara, celda roja
  palida y celda gris — las tres que la matriz puede producir.

  Es un cambio ADITIVO: ninguna app pierde nada por pegarlo.
  ═══════════════════════════════════════════════════════════════════

  QUE AGREGA LA v2.8

      --velo              blanco .72 de dia  ·  NEGRO .32 de noche
      --velo-suave        blanco .45 de dia  ·  NEGRO .18 de noche
      --sombra-levantada  0 2px 8px          ·  sube de opacidad de noche

  EL VELO SE INVIERTE, y esa es toda la idea. Es el campo interior que
  va sobre un bloque TEÑIDO cuando el tinte tiene que transparentarse:
  no se puede sustituir por un fondo opaco, que taparia el tinte.
  Un velo BLANCO FIJO deja de noche una losa clara con letra clara
  encima. Medido en EFECTIVO: ENTREGADO, LIBRE y papel recibido
  quedaban ilegibles al encender el tema de noche.

  --sombra-levantada es el escalon que faltaba entre --sombra-bloque y
  --sombra-flotante: lo que esta ESCOGIDO o abierto —la pestaña activa,
  la tarjeta desplegada, el chip encendido—. La app ya usaba tres
  niveles; el sistema solo tenia dos.

  ⚠ NO es deuda un blanco translucido de alfa BAJA sobre --marca-honda:
  ese panel es oscuro en los cuatro temas y ahi el patron es correcto.
  El velo es para lo que va sobre una superficie que SI cambia de tema.

  Es un cambio ADITIVO: ninguna app pierde nada por pegarlo.
  ═══════════════════════════════════════════════════════════════════

  QUE AGREGA LA v2.7

  Nacen DOS tokens mas, y con ellos las TRES señales quedan parejas:

      --espera-solido        #14555f   fijo en los cuatro temas
      --espera-solido-tinta  #ffffff   fijo en los cuatro temas

  Misma medicion que con el verde en la v2.6: --espera se ACLARA de
  noche (#14555f de dia, #6fc2cf de noche) y el blanco encima cae a
  2.04:1. Fijo, el blanco queda en 8.42:1 en los cuatro temas.

  Ahora bueno, espera y malo tienen el mismo juego de cinco:
  letra, fondo, borde, solido y tinta del solido.

  ⚠ Una asimetria que QUEDA, a proposito: la tinta del rojo se llama
  --malo-tinta y no --malo-solido-tinta. No se renombra para no romper
  lo que ya la usa. Al escribir codigo nuevo, la del rojo es la rara.

  Es un cambio ADITIVO: ninguna app pierde nada por pegarlo.
  ═══════════════════════════════════════════════════════════════════

  QUE AGREGA LA v2.6

  Nacen DOS tokens, calcados de --malo-solido y --malo-tinta:

      --bueno-solido        #0f5132   fijo en los cuatro temas
      --bueno-solido-tinta  #ffffff   fijo en los cuatro temas

  Por que hacian falta: --bueno se ACLARA de noche (#0f5132 de dia,
  #5ec08f de noche). Como letra esta perfecto. Como RELLENO SOLIDO con
  texto blanco encima se rompe: 9.36:1 de dia y 2.23:1 de noche.
  El rojo ya tenia su relleno fijo; el verde no. La asimetria era un
  olvido, no una decision.

  Es un cambio ADITIVO: ninguna app pierde nada por pegarlo.
  ═══════════════════════════════════════════════════════════════════

  QUE AGREGA LA v2.5

  Nacen veinte tokens, en dos familias, para el tablero del paso 4.

  --origen-N-tenue  y  --origen-N-tenue-tinta,  N de 1 a 4.
  El fondo de un fajo, del color del bloque de donde viene, y el
  renglon secundario que va encima.

  EL TENUE SE CONSTRUYE, NO SE DILUYE. Se probo primero lo obvio
  —mezclar la banda con el fondo— y los cuatro quedaron a dE 1.1
  entre si, indistinguibles. La razon: esos cuatro colores viven en
  cromatismo bajo y lo que los separa es la LUMINOSIDAD, que es
  justamente lo que diluir iguala. Los cuatro tenues estan a L* 82
  parejo, conservan el matiz de su banda y se separan por matiz:
  dE 13.3 minimo de dia, 18.5 de noche.

  Es menos que los dE 21 de las bandas, y esta bien. El fajo dice
  DESTAJO con todas sus letras en su etiqueta: el tinte no carga el
  mensaje, lo refuerza, y algo que refuerza puede ser tranquilo.

  --origen-N-tenue-tinta existe por una medicion: --tinta-suave
  encima de un tenue se queda en 3.6:1 y no pasa. Estos pasan 4.6:1
  en los cuatro temas y ademas son del color del bloque, asi que la
  tarjeta entera habla de su origen. El nombre del fajo va en --tinta.

  --folio-N-fondo  y  --folio-N-tinta,  N de 1 a 6.
  La pastilla que dice REQ-0NN dentro del fajo. Se reparten por orden
  de aparicion en la semana, no por numero.

  ⚠ MEDIDO Y SIN RESOLVER: folio-1 y folio-3 estan a dE 6.0 entre si,
  y folio-3 y folio-5 a dE 7.8. Son los valores que ya traia la app y
  entraron tal cual, a proposito, para no cambiar dos cosas a la vez.
  Funciona porque el numero esta escrito adentro de la pastilla, pero
  si algun dia hay que separarlos, se hace escalonando la luz y no
  subiendo la intensidad.

  ═══════════════════════════════════════════════════════════════════
  QUE AGREGO LA v2.4

  Nacieron los doce tokens --origen-N-banda / -tinta / -filo, N de 1 a 4.
  Son los cuatro bloques del paso ② de EFECTIVO: destajos, reposicion
  de cajas, PMR y pendientes de ultimo momento.

  Tres por bloque y no uno, porque son tres trabajos distintos: la
  banda es fondo, la tinta va encima de ella, y el filo tiene que
  verse contra la tarjeta. Ninguno de los tres se deriva de otro.

  EL CUERPO DEL BLOQUE NO SE TIÑE. El color va solo en la banda del
  titulo y en el filo de 5px; el cuerpo se queda en --bloque, que es
  donde viven las pastillas de persona y las de estado. Por eso no
  compiten: la banda es un area grande y las pastillas son chicas.

  Van NUMERADOS, no por su color. Si manana destajos cambia de tono,
  se cambia el valor del token y ninguna app se toca. Es el mismo
  vocabulario que la pantalla de reparto del ④ ya usa.

  COMO SE ELIGIERON, porque el numero importa. Se midio la distancia
  perceptual (dE2000) contra la senal, contra las dos marcas y contra
  los seis pigmentos de persona, en los cuatro temas. Los cuatro se
  separan entre si por encima de dE 21 de dia y dE 25 de noche, y el
  texto pasa de 4.5:1 en las ocho bandas.

  DOS COSAS MEDIDAS QUE CONVIENE NO OLVIDAR:

  · El extremo CLARO de la escala de luz ya es de los pigmentos de
    persona: los seis viven en L* 74 a 77. Un color nuevo que suba
    hasta ahi aterriza encima de uno de ellos sin que nadie lo decida.
    Cualquier token futuro se queda por debajo de esa franja.

  · De noche el mapa es OTRO, no el de dia oscurecido. Los pigmentos
    de persona se vuelven oscuros y la senal se vuelve clara, asi que
    lo que esta libre cambia de sitio. Un token de cuatro temas se
    RESUELVE POR TEMA; aplicar la misma formula a los dos produce
    choques que no se ven hasta que alguien enciende el otro tema.

  ═══════════════════════════════════════════════════════════════════
  REGLA

  No se edita la copia de una app. Se edita el original, se sube la
  version, y se vuelve a pegar completo en la app que se este tocando.
  Reemplazar un archivo entero es mecanico y no se puede pegar en el
  lugar equivocado — que es exactamente el error que borro 900 lineas
  de otro proyecto en este sistema.
-->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&family=Archivo+Narrow:wght@400;600;700&display=swap">
<style>
/* ═══ MEDIDAS Y TIPOGRAFIA · iguales en los cuatro temas ═══════════ */
:root{
    --espacio-1:4px;
    --espacio-2:6px;
    --espacio-3:8px;
    --espacio-4:10px;
    --espacio-5:12px;
    --espacio-6:14px;
    --espacio-7:16px;
    --espacio-8:18px;
    --espacio-9:22px;
    --espacio-10:28px;
    --radio-xs:5px;
    --radio-sm:6px;
    --radio-md:8px;
    --radio-card:10px;
    --radio-pastilla:999px;
    --num-escala:1.06;
    --font-display:"Jost", system-ui, sans-serif;
    --font-texto:"IBM Plex Sans", system-ui, -apple-system, sans-serif;
    --font-cifra:"Archivo Narrow", "Archivo", system-ui, sans-serif;
}

/* ═══ TEMA 1 · CARMIN CLARO (el que viene por defecto) ═════════════ */
:root{
    --fondo:#e9e6e4;
    --bloque:#f8f6f5;
    --campo:#ffffff;
    --campo-inactivo:#f1eeed;
    --velo: rgba(255,255,255,0.72);
    --velo-suave: rgba(255,255,255,0.45);
    --realce: rgba(0,0,0,0.040);
    --marca:#be3f4d;
    --marca-honda:#8a2b38;
    --marca-linea:#a3353f;
    --marca-tinta:#ffffff;
    --marca-tx:#a3353f;
    --marca-tenue:#f6e8ea;
    --tinta:#1f1b1a;
    --tinta-suave:#6d6461;
    --tinta-inactiva:#a39a96;
    --borde:#ddd6d3;
    --borde-control:#8b817b;
    --foco:#8a2b38;
    --bueno:#0f5132;
    --bueno-fondo:#e6f2ec;
    --bueno-borde:#bcd8cb;
    --bueno-solido: #0f5132;
    --bueno-solido-tinta: #ffffff;
    --malo:#96320e;
    --malo-fondo:#fbeae2;
    --malo-borde:#eec9b5;
    --malo-solido:#c03a10;
    --malo-tinta:#ffffff;
    --espera:#14555f;
    --espera-fondo:#e3eff1;
    --espera-borde:#bfd9dd;
    --espera-solido: #14555f;
    --espera-solido-tinta: #ffffff;
    --neutro-fondo:#efedec;
    --neutro-borde:#ddd6d3;
    --persona-1-solido:#782a28;
    --persona-1-solido-tinta:#fef0ee;
    --persona-1-solido-borde:#621415;
    --persona-1-medio:#ddb2ad;
    --persona-1-tinta:#6e3330;
    --persona-1-medio-borde:#c38f8a;
    --persona-2-solido:#894522;
    --persona-2-solido-tinta:#fff0ea;
    --persona-2-solido-borde:#73320b;
    --persona-2-medio:#ddb9a8;
    --persona-2-tinta:#703e25;
    --persona-2-medio-borde:#c29783;
    --persona-3-solido:#835a1b;
    --persona-3-solido-tinta:#fff1e1;
    --persona-3-solido-borde:#6d4703;
    --persona-3-medio:#d4c0a5;
    --persona-3-tinta:#64471a;
    --persona-3-medio-borde:#b89f7e;
    --persona-4-solido:#663060;
    --persona-4-solido-tinta:#ffedfc;
    --persona-4-solido-borde:#521d4c;
    --persona-4-medio:#d1b3cb;
    --persona-4-tinta:#60375a;
    --persona-4-medio-borde:#b591af;
    --persona-5-solido:#016758;
    --persona-5-solido-tinta:#dffbf3;
    --persona-5-solido-borde:#045145;
    --persona-5-medio:#aacfc5;
    --persona-5-tinta:#17594d;
    --persona-5-medio-borde:#84b1a6;
    --persona-6-solido:#255476;
    --persona-6-solido-tinta:#e9f5ff;
    --persona-6-solido-borde:#0f4161;
    --persona-6-medio:#b1c7d8;
    --persona-6-tinta:#2f516a;
    --persona-6-medio-borde:#8da8bd;
    --origen-1-banda:#647693;
    --origen-1-tinta:#ffffff;
    --origen-1-filo:#354d6d;
    --origen-2-banda:#735c3f;
    --origen-2-tinta:#ffffff;
    --origen-2-filo:#4a3414;
    --origen-3-banda:#4d3a4d;
    --origen-3-tinta:#ffffff;
    --origen-3-filo:#352136;
    --origen-4-banda:#527c77;
    --origen-4-tinta:#ffffff;
    --origen-4-filo:#29524e;
    --origen-1-tenue:#c1cde2;
    --origen-1-tenue-tinta:#455670;
    --origen-2-tenue:#dbc9b6;
    --origen-2-tenue-tinta:#605344;
    --origen-3-tenue:#d9c6d9;
    --origen-3-tenue-tinta:#664d66;
    --origen-4-tenue:#b1d3ce;
    --origen-4-tenue-tinta:#405a57;
    --folio-1-fondo:#d6e3f2;
    --folio-1-tinta:#10375c;
    --folio-2-fondo:#e7dcf3;
    --folio-2-tinta:#3a2a6e;
    --folio-3-fondo:#d5eaf0;
    --folio-3-tinta:#08414f;
    --folio-4-fondo:#f5e6cc;
    --folio-4-tinta:#6d3a10;
    --folio-5-fondo:#d8ebe0;
    --folio-5-tinta:#14663f;
    --folio-6-fondo:#f7dcdc;
    --folio-6-tinta:#7a1414;
    --sombra-bloque:0 1px 3px rgba(0,0,0,.09);
    --sombra-levantada: 0 2px 8px rgba(0,0,0,.14);
    --sombra-flotante:0 10px 30px rgba(0,0,0,.12);

    /* --- escalera de avance (CATALOGO) · nace en la v2.10 --- */
    --avance-1-banda:#cbe6fe;
    --avance-1-tinta:#1f1b1a;
    --avance-1-celda:var(--campo);
    --avance-1-celda-tinta:#1f1b1a;
    --avance-1-borde:#6b90ad;
    --avance-2-banda:#92bbdc;
    --avance-2-tinta:#1f1b1a;
    --avance-2-celda:#d6ebfe;
    --avance-2-celda-tinta:#1f1b1a;
    --avance-2-borde:#6b90ad;
    --avance-3-banda:#6790b0;
    --avance-3-tinta:#1f1b1a;
    --avance-3-celda:#badbf8;
    --avance-3-celda-tinta:#1f1b1a;
    --avance-3-borde:#426783;
    --avance-4-banda:#3d6886;
    --avance-4-tinta:#f2ecea;
    --avance-4-celda:#aacae6;
    --avance-4-celda-tinta:#1f1b1a;
    --avance-4-borde:#17415b;
}

/* ═══ TEMA 2 · ZAFIRO CLARO ════════════════════════════════════════ */
:root[data-marca="zafiro"]{
    --fondo:#e3e8ed;
    --bloque:#f5f7f9;
    --campo:#ffffff;
    --campo-inactivo:#eef1f4;
    --velo: rgba(255,255,255,0.72);
    --velo-suave: rgba(255,255,255,0.45);
    --realce: rgba(0,0,0,0.040);
    --marca:#1a4f8a;
    --marca-honda:#0c2d52;
    --marca-linea:#15406f;
    --marca-tinta:#ffffff;
    --marca-tx:#15406f;
    --marca-tenue:#e7eef6;
    --tinta:#141f2b;
    --tinta-suave:#55636f;
    --tinta-inactiva:#93a0aa;
    --borde:#d2dae2;
    --borde-control:#7e8c9a;
    --foco:#0c2d52;
    --bueno:#0f5132;
    --bueno-fondo:#e6f2ec;
    --bueno-borde:#bcd8cb;
    --bueno-solido: #0f5132;
    --bueno-solido-tinta: #ffffff;
    --malo:#96320e;
    --malo-fondo:#fbeae2;
    --malo-borde:#eec9b5;
    --malo-solido:#c03a10;
    --malo-tinta:#ffffff;
    --espera:#14555f;
    --espera-fondo:#e3eff1;
    --espera-borde:#bfd9dd;
    --espera-solido: #14555f;
    --espera-solido-tinta: #ffffff;
    --neutro-fondo:#eef1f4;
    --neutro-borde:#d2dae2;
    --persona-1-solido:#782a28;
    --persona-1-solido-tinta:#fef0ee;
    --persona-1-solido-borde:#621415;
    --persona-1-medio:#ddb2ad;
    --persona-1-tinta:#6e3330;
    --persona-1-medio-borde:#c38f8a;
    --persona-2-solido:#894522;
    --persona-2-solido-tinta:#fff0ea;
    --persona-2-solido-borde:#73320b;
    --persona-2-medio:#ddb9a8;
    --persona-2-tinta:#703e25;
    --persona-2-medio-borde:#c29783;
    --persona-3-solido:#835a1b;
    --persona-3-solido-tinta:#fff1e1;
    --persona-3-solido-borde:#6d4703;
    --persona-3-medio:#d4c0a5;
    --persona-3-tinta:#64471a;
    --persona-3-medio-borde:#b89f7e;
    --persona-4-solido:#663060;
    --persona-4-solido-tinta:#ffedfc;
    --persona-4-solido-borde:#521d4c;
    --persona-4-medio:#d1b3cb;
    --persona-4-tinta:#60375a;
    --persona-4-medio-borde:#b591af;
    --persona-5-solido:#016758;
    --persona-5-solido-tinta:#dffbf3;
    --persona-5-solido-borde:#045145;
    --persona-5-medio:#aacfc5;
    --persona-5-tinta:#17594d;
    --persona-5-medio-borde:#84b1a6;
    --persona-6-solido:#255476;
    --persona-6-solido-tinta:#e9f5ff;
    --persona-6-solido-borde:#0f4161;
    --persona-6-medio:#b1c7d8;
    --persona-6-tinta:#2f516a;
    --persona-6-medio-borde:#8da8bd;
    --origen-1-banda:#647693;
    --origen-1-tinta:#ffffff;
    --origen-1-filo:#354d6d;
    --origen-2-banda:#735c3f;
    --origen-2-tinta:#ffffff;
    --origen-2-filo:#4a3414;
    --origen-3-banda:#4d3a4d;
    --origen-3-tinta:#ffffff;
    --origen-3-filo:#352136;
    --origen-4-banda:#527c77;
    --origen-4-tinta:#ffffff;
    --origen-4-filo:#29524e;
    --origen-1-tenue:#c1cde2;
    --origen-1-tenue-tinta:#455670;
    --origen-2-tenue:#dbc9b6;
    --origen-2-tenue-tinta:#605344;
    --origen-3-tenue:#d9c6d9;
    --origen-3-tenue-tinta:#664d66;
    --origen-4-tenue:#b1d3ce;
    --origen-4-tenue-tinta:#405a57;
    --folio-1-fondo:#d6e3f2;
    --folio-1-tinta:#10375c;
    --folio-2-fondo:#e7dcf3;
    --folio-2-tinta:#3a2a6e;
    --folio-3-fondo:#d5eaf0;
    --folio-3-tinta:#08414f;
    --folio-4-fondo:#f5e6cc;
    --folio-4-tinta:#6d3a10;
    --folio-5-fondo:#d8ebe0;
    --folio-5-tinta:#14663f;
    --folio-6-fondo:#f7dcdc;
    --folio-6-tinta:#7a1414;
    --sombra-bloque:0 1px 3px rgba(0,0,0,.09);
    --sombra-levantada: 0 2px 8px rgba(0,0,0,.14);
    --sombra-flotante:0 10px 30px rgba(0,0,0,.12);

    /* --- escalera de avance (CATALOGO) · nace en la v2.10 --- */
    --avance-1-banda:#cbe6fe;
    --avance-1-tinta:#1f1b1a;
    --avance-1-celda:var(--campo);
    --avance-1-celda-tinta:#1f1b1a;
    --avance-1-borde:#6b90ad;
    --avance-2-banda:#92bbdc;
    --avance-2-tinta:#1f1b1a;
    --avance-2-celda:#d6ebfe;
    --avance-2-celda-tinta:#1f1b1a;
    --avance-2-borde:#6b90ad;
    --avance-3-banda:#6790b0;
    --avance-3-tinta:#1f1b1a;
    --avance-3-celda:#badbf8;
    --avance-3-celda-tinta:#1f1b1a;
    --avance-3-borde:#426783;
    --avance-4-banda:#3d6886;
    --avance-4-tinta:#f2ecea;
    --avance-4-celda:#aacae6;
    --avance-4-celda-tinta:#1f1b1a;
    --avance-4-borde:#17415b;
}

/* ═══ TEMAS DE NOCHE, por preferencia del sistema ══════════════════ */
@media (prefers-color-scheme: dark){
  :root:not([data-noche="no"]){
    --fondo:#161312;
    --bloque:#201c1b;
    --campo:#2a2524;
    --campo-inactivo:#24201f;
    --velo: rgba(0,0,0,0.32);
    --velo-suave: rgba(0,0,0,0.18);
    --realce: rgba(255,255,255,0.030);
    --marca:#be3f4d;
    --marca-honda:#7a242f;
    --marca-linea:#a3353f;
    --marca-tinta:#ffffff;
    --marca-tx:#e8808b;
    --marca-tenue:#2e1f21;
    --tinta:#f2ecea;
    --tinta-suave:#a79e9a;
    --tinta-inactiva:#6f6663;
    --borde:#383231;
    --borde-control:#7a716d;
    --foco:#f0a6ad;
    --bueno:#5ec08f;
    --bueno-fondo:#16311f;
    --bueno-borde:#245234;
    --bueno-solido: #0f5132;
    --bueno-solido-tinta: #ffffff;
    --malo:#ef8a5c;
    --malo-fondo:#3a1d10;
    --malo-borde:#5e3018;
    --malo-solido:#c03a10;
    --malo-tinta:#ffffff;
    --espera:#6fc2cf;
    --espera-fondo:#102f34;
    --espera-borde:#1c4d55;
    --espera-solido: #14555f;
    --espera-solido-tinta: #ffffff;
    --neutro-fondo:#262120;
    --neutro-borde:#383231;
    --persona-1-solido:#853532;
    --persona-1-solido-tinta:#fef0ee;
    --persona-1-solido-borde:#9b5550;
    --persona-1-medio:#5f3e3b;
    --persona-1-tinta:#f0a9a2;
    --persona-1-medio-borde:#855955;
    --persona-2-solido:#934e2b;
    --persona-2-solido-tinta:#fff0ea;
    --persona-2-solido-borde:#a5694d;
    --persona-2-medio:#64483b;
    --persona-2-tinta:#f4b89c;
    --persona-2-medio-borde:#8b6553;
    --persona-3-solido:#835a1b;
    --persona-3-solido-tinta:#fff1e1;
    --persona-3-solido-borde:#967343;
    --persona-3-medio:#604f3a;
    --persona-3-tinta:#eac799;
    --persona-3-medio-borde:#836d51;
    --persona-4-solido:#723b6b;
    --persona-4-solido-tinta:#ffedfc;
    --persona-4-solido-borde:#895982;
    --persona-4-medio:#563f52;
    --persona-4-tinta:#dcacd4;
    --persona-4-medio-borde:#795b74;
    --persona-5-solido:#0f7363;
    --persona-5-solido-tinta:#dffbf3;
    --persona-5-solido-borde:#43897a;
    --persona-5-medio:#36544d;
    --persona-5-tinta:#96d5c6;
    --persona-5-medio-borde:#4d756c;
    --persona-6-solido:#316081;
    --persona-6-solido-tinta:#e9f5ff;
    --persona-6-solido-borde:#527997;
    --persona-6-medio:#3b4d5a;
    --persona-6-tinta:#a0c6e4;
    --persona-6-medio-borde:#546c7f;
    --origen-1-banda:#809fc6;
    --origen-1-tinta:#0d2645;
    --origen-1-filo:#a6c9f6;
    --origen-2-banda:#b6a37c;
    --origen-2-tinta:#413111;
    --origen-2-filo:#dac498;
    --origen-3-banda:#896c89;
    --origen-3-tinta:#ffffff;
    --origen-3-filo:#be9cbe;
    --origen-4-banda:#4f877a;
    --origen-4-tinta:#0d0d0d;
    --origen-4-filo:#7bbbab;
    --origen-1-tenue:#3d4e68;
    --origen-1-tenue-tinta:#b8c1d2;
    --origen-2-tenue:#3e3325;
    --origen-2-tenue-tinta:#af9b84;
    --origen-3-tenue:#432e43;
    --origen-3-tenue-tinta:#a79da7;
    --origen-4-tenue:#1c3a37;
    --origen-4-tenue-tinta:#9ca1a1;
    --folio-1-fondo:#28384f;
    --folio-1-tinta:#bcd3fb;
    --folio-2-fondo:#3b334a;
    --folio-2-tinta:#d9cbf4;
    --folio-3-fondo:#0d3c48;
    --folio-3-tinta:#a9d9ea;
    --folio-4-fondo:#483222;
    --folio-4-tinta:#f3c9ae;
    --folio-5-fondo:#223c2d;
    --folio-5-tinta:#afdcc0;
    --folio-6-fondo:#4d2f2a;
    --folio-6-tinta:#fcc5bb;
    --sombra-bloque:0 1px 3px rgba(0,0,0,.55);
    --sombra-levantada: 0 2px 8px rgba(0,0,0,.58);
    --sombra-flotante:0 10px 30px rgba(0,0,0,.6);

    /* --- escalera de avance (CATALOGO) · nace en la v2.10 --- */
    --avance-1-banda:#003954;
    --avance-1-tinta:#f2ecea;
    --avance-1-celda:var(--campo);
    --avance-1-celda-tinta:#f2ecea;
    --avance-1-borde:#476c88;
    --avance-2-banda:#325e7b;
    --avance-2-tinta:#f2ecea;
    --avance-2-celda:#0a3147;
    --avance-2-celda-tinta:#f2ecea;
    --avance-2-borde:#6185a2;
    --avance-3-banda:#6790b0;
    --avance-3-tinta:#1f1b1a;
    --avance-3-celda:#1e4158;
    --avance-3-celda-tinta:#f2ecea;
    --avance-3-borde:#96bad9;
    --avance-4-banda:#92bbdc;
    --avance-4-tinta:#1f1b1a;
    --avance-4-celda:#32536b;
    --avance-4-celda-tinta:#f2ecea;
    --avance-4-borde:#cbe6fe;
  }
  :root[data-marca="zafiro"]:not([data-noche="no"]){
    --fondo:#101619;
    --bloque:#182027;
    --campo:#202a33;
    --campo-inactivo:#1c242b;
    --velo: rgba(0,0,0,0.32);
    --velo-suave: rgba(0,0,0,0.18);
    --realce: rgba(255,255,255,0.030);
    --marca:#1a4f8a;
    --marca-honda:#0a2545;
    --marca-linea:#15406f;
    --marca-tinta:#ffffff;
    --marca-tx:#7fb4e8;
    --marca-tenue:#17242f;
    --tinta:#eaf0f5;
    --tinta-suave:#9aa9b5;
    --tinta-inactiva:#66737d;
    --borde:#2d3943;
    --borde-control:#6c7d8b;
    --foco:#8fc2f0;
    --bueno:#5ec08f;
    --bueno-fondo:#16311f;
    --bueno-borde:#245234;
    --bueno-solido: #0f5132;
    --bueno-solido-tinta: #ffffff;
    --malo:#ef8a5c;
    --malo-fondo:#3a1d10;
    --malo-borde:#5e3018;
    --malo-solido:#c03a10;
    --malo-tinta:#ffffff;
    --espera:#6fc2cf;
    --espera-fondo:#102f34;
    --espera-borde:#1c4d55;
    --espera-solido: #14555f;
    --espera-solido-tinta: #ffffff;
    --neutro-fondo:#1f272e;
    --neutro-borde:#2d3943;
    --persona-1-solido:#853532;
    --persona-1-solido-tinta:#fef0ee;
    --persona-1-solido-borde:#9b5550;
    --persona-1-medio:#5f3e3b;
    --persona-1-tinta:#f0a9a2;
    --persona-1-medio-borde:#855955;
    --persona-2-solido:#934e2b;
    --persona-2-solido-tinta:#fff0ea;
    --persona-2-solido-borde:#a5694d;
    --persona-2-medio:#64483b;
    --persona-2-tinta:#f4b89c;
    --persona-2-medio-borde:#8b6553;
    --persona-3-solido:#835a1b;
    --persona-3-solido-tinta:#fff1e1;
    --persona-3-solido-borde:#967343;
    --persona-3-medio:#604f3a;
    --persona-3-tinta:#eac799;
    --persona-3-medio-borde:#836d51;
    --persona-4-solido:#723b6b;
    --persona-4-solido-tinta:#ffedfc;
    --persona-4-solido-borde:#895982;
    --persona-4-medio:#563f52;
    --persona-4-tinta:#dcacd4;
    --persona-4-medio-borde:#795b74;
    --persona-5-solido:#0f7363;
    --persona-5-solido-tinta:#dffbf3;
    --persona-5-solido-borde:#43897a;
    --persona-5-medio:#36544d;
    --persona-5-tinta:#96d5c6;
    --persona-5-medio-borde:#4d756c;
    --persona-6-solido:#316081;
    --persona-6-solido-tinta:#e9f5ff;
    --persona-6-solido-borde:#527997;
    --persona-6-medio:#3b4d5a;
    --persona-6-tinta:#a0c6e4;
    --persona-6-medio-borde:#546c7f;
    --origen-1-banda:#809fc6;
    --origen-1-tinta:#0d2645;
    --origen-1-filo:#a6c9f6;
    --origen-2-banda:#b6a37c;
    --origen-2-tinta:#413111;
    --origen-2-filo:#dac498;
    --origen-3-banda:#896c89;
    --origen-3-tinta:#ffffff;
    --origen-3-filo:#be9cbe;
    --origen-4-banda:#4f877a;
    --origen-4-tinta:#0d0d0d;
    --origen-4-filo:#7bbbab;
    --origen-1-tenue:#3d4e68;
    --origen-1-tenue-tinta:#b8c1d2;
    --origen-2-tenue:#3e3325;
    --origen-2-tenue-tinta:#af9b84;
    --origen-3-tenue:#432e43;
    --origen-3-tenue-tinta:#a79da7;
    --origen-4-tenue:#1c3a37;
    --origen-4-tenue-tinta:#9ca1a1;
    --folio-1-fondo:#28384f;
    --folio-1-tinta:#bcd3fb;
    --folio-2-fondo:#3b334a;
    --folio-2-tinta:#d9cbf4;
    --folio-3-fondo:#0d3c48;
    --folio-3-tinta:#a9d9ea;
    --folio-4-fondo:#483222;
    --folio-4-tinta:#f3c9ae;
    --folio-5-fondo:#223c2d;
    --folio-5-tinta:#afdcc0;
    --folio-6-fondo:#4d2f2a;
    --folio-6-tinta:#fcc5bb;
    --sombra-bloque:0 1px 3px rgba(0,0,0,.55);
    --sombra-levantada: 0 2px 8px rgba(0,0,0,.58);
    --sombra-flotante:0 10px 30px rgba(0,0,0,.6);

    /* --- escalera de avance (CATALOGO) · nace en la v2.10 --- */
    --avance-1-banda:#003954;
    --avance-1-tinta:#f2ecea;
    --avance-1-celda:var(--campo);
    --avance-1-celda-tinta:#f2ecea;
    --avance-1-borde:#476c88;
    --avance-2-banda:#325e7b;
    --avance-2-tinta:#f2ecea;
    --avance-2-celda:#0a3147;
    --avance-2-celda-tinta:#f2ecea;
    --avance-2-borde:#6185a2;
    --avance-3-banda:#6790b0;
    --avance-3-tinta:#1f1b1a;
    --avance-3-celda:#1e4158;
    --avance-3-celda-tinta:#f2ecea;
    --avance-3-borde:#96bad9;
    --avance-4-banda:#92bbdc;
    --avance-4-tinta:#1f1b1a;
    --avance-4-celda:#32536b;
    --avance-4-celda-tinta:#f2ecea;
    --avance-4-borde:#cbe6fe;
  }
}

/* ═══ TEMAS DE NOCHE, forzados con data-noche="si" ═════════════════ */
:root[data-noche="si"]{
    --fondo:#161312;
    --bloque:#201c1b;
    --campo:#2a2524;
    --campo-inactivo:#24201f;
    --velo: rgba(0,0,0,0.32);
    --velo-suave: rgba(0,0,0,0.18);
    --realce: rgba(255,255,255,0.030);
    --marca:#be3f4d;
    --marca-honda:#7a242f;
    --marca-linea:#a3353f;
    --marca-tinta:#ffffff;
    --marca-tx:#e8808b;
    --marca-tenue:#2e1f21;
    --tinta:#f2ecea;
    --tinta-suave:#a79e9a;
    --tinta-inactiva:#6f6663;
    --borde:#383231;
    --borde-control:#7a716d;
    --foco:#f0a6ad;
    --bueno:#5ec08f;
    --bueno-fondo:#16311f;
    --bueno-borde:#245234;
    --bueno-solido: #0f5132;
    --bueno-solido-tinta: #ffffff;
    --malo:#ef8a5c;
    --malo-fondo:#3a1d10;
    --malo-borde:#5e3018;
    --malo-solido:#c03a10;
    --malo-tinta:#ffffff;
    --espera:#6fc2cf;
    --espera-fondo:#102f34;
    --espera-borde:#1c4d55;
    --espera-solido: #14555f;
    --espera-solido-tinta: #ffffff;
    --neutro-fondo:#262120;
    --neutro-borde:#383231;
    --persona-1-solido:#853532;
    --persona-1-solido-tinta:#fef0ee;
    --persona-1-solido-borde:#9b5550;
    --persona-1-medio:#5f3e3b;
    --persona-1-tinta:#f0a9a2;
    --persona-1-medio-borde:#855955;
    --persona-2-solido:#934e2b;
    --persona-2-solido-tinta:#fff0ea;
    --persona-2-solido-borde:#a5694d;
    --persona-2-medio:#64483b;
    --persona-2-tinta:#f4b89c;
    --persona-2-medio-borde:#8b6553;
    --persona-3-solido:#835a1b;
    --persona-3-solido-tinta:#fff1e1;
    --persona-3-solido-borde:#967343;
    --persona-3-medio:#604f3a;
    --persona-3-tinta:#eac799;
    --persona-3-medio-borde:#836d51;
    --persona-4-solido:#723b6b;
    --persona-4-solido-tinta:#ffedfc;
    --persona-4-solido-borde:#895982;
    --persona-4-medio:#563f52;
    --persona-4-tinta:#dcacd4;
    --persona-4-medio-borde:#795b74;
    --persona-5-solido:#0f7363;
    --persona-5-solido-tinta:#dffbf3;
    --persona-5-solido-borde:#43897a;
    --persona-5-medio:#36544d;
    --persona-5-tinta:#96d5c6;
    --persona-5-medio-borde:#4d756c;
    --persona-6-solido:#316081;
    --persona-6-solido-tinta:#e9f5ff;
    --persona-6-solido-borde:#527997;
    --persona-6-medio:#3b4d5a;
    --persona-6-tinta:#a0c6e4;
    --persona-6-medio-borde:#546c7f;
    --origen-1-banda:#809fc6;
    --origen-1-tinta:#0d2645;
    --origen-1-filo:#a6c9f6;
    --origen-2-banda:#b6a37c;
    --origen-2-tinta:#413111;
    --origen-2-filo:#dac498;
    --origen-3-banda:#896c89;
    --origen-3-tinta:#ffffff;
    --origen-3-filo:#be9cbe;
    --origen-4-banda:#4f877a;
    --origen-4-tinta:#0d0d0d;
    --origen-4-filo:#7bbbab;
    --origen-1-tenue:#3d4e68;
    --origen-1-tenue-tinta:#b8c1d2;
    --origen-2-tenue:#3e3325;
    --origen-2-tenue-tinta:#af9b84;
    --origen-3-tenue:#432e43;
    --origen-3-tenue-tinta:#a79da7;
    --origen-4-tenue:#1c3a37;
    --origen-4-tenue-tinta:#9ca1a1;
    --folio-1-fondo:#28384f;
    --folio-1-tinta:#bcd3fb;
    --folio-2-fondo:#3b334a;
    --folio-2-tinta:#d9cbf4;
    --folio-3-fondo:#0d3c48;
    --folio-3-tinta:#a9d9ea;
    --folio-4-fondo:#483222;
    --folio-4-tinta:#f3c9ae;
    --folio-5-fondo:#223c2d;
    --folio-5-tinta:#afdcc0;
    --folio-6-fondo:#4d2f2a;
    --folio-6-tinta:#fcc5bb;
    --sombra-bloque:0 1px 3px rgba(0,0,0,.55);
    --sombra-levantada: 0 2px 8px rgba(0,0,0,.58);
    --sombra-flotante:0 10px 30px rgba(0,0,0,.6);

    /* --- escalera de avance (CATALOGO) · nace en la v2.10 --- */
    --avance-1-banda:#003954;
    --avance-1-tinta:#f2ecea;
    --avance-1-celda:var(--campo);
    --avance-1-celda-tinta:#f2ecea;
    --avance-1-borde:#476c88;
    --avance-2-banda:#325e7b;
    --avance-2-tinta:#f2ecea;
    --avance-2-celda:#0a3147;
    --avance-2-celda-tinta:#f2ecea;
    --avance-2-borde:#6185a2;
    --avance-3-banda:#6790b0;
    --avance-3-tinta:#1f1b1a;
    --avance-3-celda:#1e4158;
    --avance-3-celda-tinta:#f2ecea;
    --avance-3-borde:#96bad9;
    --avance-4-banda:#92bbdc;
    --avance-4-tinta:#1f1b1a;
    --avance-4-celda:#32536b;
    --avance-4-celda-tinta:#f2ecea;
    --avance-4-borde:#cbe6fe;
}
:root[data-marca="zafiro"][data-noche="si"]{
    --fondo:#101619;
    --bloque:#182027;
    --campo:#202a33;
    --campo-inactivo:#1c242b;
    --velo: rgba(0,0,0,0.32);
    --velo-suave: rgba(0,0,0,0.18);
    --realce: rgba(255,255,255,0.030);
    --marca:#1a4f8a;
    --marca-honda:#0a2545;
    --marca-linea:#15406f;
    --marca-tinta:#ffffff;
    --marca-tx:#7fb4e8;
    --marca-tenue:#17242f;
    --tinta:#eaf0f5;
    --tinta-suave:#9aa9b5;
    --tinta-inactiva:#66737d;
    --borde:#2d3943;
    --borde-control:#6c7d8b;
    --foco:#8fc2f0;
    --bueno:#5ec08f;
    --bueno-fondo:#16311f;
    --bueno-borde:#245234;
    --bueno-solido: #0f5132;
    --bueno-solido-tinta: #ffffff;
    --malo:#ef8a5c;
    --malo-fondo:#3a1d10;
    --malo-borde:#5e3018;
    --malo-solido:#c03a10;
    --malo-tinta:#ffffff;
    --espera:#6fc2cf;
    --espera-fondo:#102f34;
    --espera-borde:#1c4d55;
    --espera-solido: #14555f;
    --espera-solido-tinta: #ffffff;
    --neutro-fondo:#1f272e;
    --neutro-borde:#2d3943;
    --persona-1-solido:#853532;
    --persona-1-solido-tinta:#fef0ee;
    --persona-1-solido-borde:#9b5550;
    --persona-1-medio:#5f3e3b;
    --persona-1-tinta:#f0a9a2;
    --persona-1-medio-borde:#855955;
    --persona-2-solido:#934e2b;
    --persona-2-solido-tinta:#fff0ea;
    --persona-2-solido-borde:#a5694d;
    --persona-2-medio:#64483b;
    --persona-2-tinta:#f4b89c;
    --persona-2-medio-borde:#8b6553;
    --persona-3-solido:#835a1b;
    --persona-3-solido-tinta:#fff1e1;
    --persona-3-solido-borde:#967343;
    --persona-3-medio:#604f3a;
    --persona-3-tinta:#eac799;
    --persona-3-medio-borde:#836d51;
    --persona-4-solido:#723b6b;
    --persona-4-solido-tinta:#ffedfc;
    --persona-4-solido-borde:#895982;
    --persona-4-medio:#563f52;
    --persona-4-tinta:#dcacd4;
    --persona-4-medio-borde:#795b74;
    --persona-5-solido:#0f7363;
    --persona-5-solido-tinta:#dffbf3;
    --persona-5-solido-borde:#43897a;
    --persona-5-medio:#36544d;
    --persona-5-tinta:#96d5c6;
    --persona-5-medio-borde:#4d756c;
    --persona-6-solido:#316081;
    --persona-6-solido-tinta:#e9f5ff;
    --persona-6-solido-borde:#527997;
    --persona-6-medio:#3b4d5a;
    --persona-6-tinta:#a0c6e4;
    --persona-6-medio-borde:#546c7f;
    --origen-1-banda:#809fc6;
    --origen-1-tinta:#0d2645;
    --origen-1-filo:#a6c9f6;
    --origen-2-banda:#b6a37c;
    --origen-2-tinta:#413111;
    --origen-2-filo:#dac498;
    --origen-3-banda:#896c89;
    --origen-3-tinta:#ffffff;
    --origen-3-filo:#be9cbe;
    --origen-4-banda:#4f877a;
    --origen-4-tinta:#0d0d0d;
    --origen-4-filo:#7bbbab;
    --origen-1-tenue:#3d4e68;
    --origen-1-tenue-tinta:#b8c1d2;
    --origen-2-tenue:#3e3325;
    --origen-2-tenue-tinta:#af9b84;
    --origen-3-tenue:#432e43;
    --origen-3-tenue-tinta:#a79da7;
    --origen-4-tenue:#1c3a37;
    --origen-4-tenue-tinta:#9ca1a1;
    --folio-1-fondo:#28384f;
    --folio-1-tinta:#bcd3fb;
    --folio-2-fondo:#3b334a;
    --folio-2-tinta:#d9cbf4;
    --folio-3-fondo:#0d3c48;
    --folio-3-tinta:#a9d9ea;
    --folio-4-fondo:#483222;
    --folio-4-tinta:#f3c9ae;
    --folio-5-fondo:#223c2d;
    --folio-5-tinta:#afdcc0;
    --folio-6-fondo:#4d2f2a;
    --folio-6-tinta:#fcc5bb;
    --sombra-bloque:0 1px 3px rgba(0,0,0,.55);
    --sombra-levantada: 0 2px 8px rgba(0,0,0,.58);
    --sombra-flotante:0 10px 30px rgba(0,0,0,.6);

    /* --- escalera de avance (CATALOGO) · nace en la v2.10 --- */
    --avance-1-banda:#003954;
    --avance-1-tinta:#f2ecea;
    --avance-1-celda:var(--campo);
    --avance-1-celda-tinta:#f2ecea;
    --avance-1-borde:#476c88;
    --avance-2-banda:#325e7b;
    --avance-2-tinta:#f2ecea;
    --avance-2-celda:#0a3147;
    --avance-2-celda-tinta:#f2ecea;
    --avance-2-borde:#6185a2;
    --avance-3-banda:#6790b0;
    --avance-3-tinta:#1f1b1a;
    --avance-3-celda:#1e4158;
    --avance-3-celda-tinta:#f2ecea;
    --avance-3-borde:#96bad9;
    --avance-4-banda:#92bbdc;
    --avance-4-tinta:#1f1b1a;
    --avance-4-celda:#32536b;
    --avance-4-celda-tinta:#f2ecea;
    --avance-4-borde:#cbe6fe;
}

/* ═════════════════════════════════════════════════════════════════
   CAPA DE COMPATIBILIDAD · los nombres de la v1.5 apuntando a los
   tokens nuevos. Es lo que hace que las 22 apps no tengan que cambiar
   una linea, y que hereden el tema de noche sin saberlo.
   Cuando una app se migre de verdad, se cambian sus var() por el token
   de la derecha y se deja de depender de esto.
   ═════════════════════════════════════════════════════════════════ */
:root{
  --azul:        var(--marca-tx);      /* OJO: en la v1.5 este color hacia dos trabajos,
                                          fondo oscuro Y texto oscuro. En claro los dos se
                                          veian; en noche un color oscuro sirve de fondo pero
                                          no de letra. Se mide y gana la letra: de sus 45 usos
                                          en DIRECCION, 29 son color de texto y solo 6 fondo.
                                          Apunta a --marca-tx, que cambia con el tema.
                                          Los pocos FONDOS que lo usen hay que cambiarlos a
                                          var(--marca-honda) en el <style> de la app. */
  --cian:        var(--marca-tx);      /* el acento: ligas, pestaña activa, contornos */
  --verde:       var(--bueno);
  --naranja:     var(--malo);
  --ambar:       var(--espera);        /* el dorado salio; su papel lo hereda el petroleo */
  --claro:       var(--marca-tenue);   /* bandas y renglones de agrupado */
  --gris:        var(--neutro-fondo);
  --tenue:       var(--tinta-suave);
  --inTono:      var(--marca);
  --bloque-bg:   var(--bloque);
  --campo-bg:    var(--campo);
  --titulo-bg:   var(--marca);
  --titulo-tx:   var(--marca-tinta);
  --titulo-linea:var(--marca-linea);
  --titulo-pill-bg:rgba(255,255,255,.17);
  --titulo-pill-tx:var(--marca-tinta);
  --titulo-pill-br:rgba(255,255,255,.32);
  --card-radio:  var(--radio-card);
}

/* ═════════════════════════════════════════════════════════════════
   BASE
   ═════════════════════════════════════════════════════════════════ */
*{ box-sizing:border-box; }
html,body{ overflow-x:hidden; max-width:100%; }
body{
  margin:0; background:var(--fondo); color:var(--tinta);
  font-family:var(--font-texto); font-size:13px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--marca-tx); }
.hide{ display:none; }

/* ancho completo siempre, nada de franjas vacias */
.wrap{ width:100%; max-width:none; padding:0 var(--espacio-8) var(--espacio-10); margin:0; }

/* ═══ BARRA SUPERIOR ═══════════════════════════════════════════════ */
header{
  background:var(--marca-honda); color:var(--marca-tinta);
  padding:11px var(--espacio-7);
  display:flex; align-items:center; gap:13px; flex-wrap:wrap;
}
header img.logo{ height:19px; width:auto; flex:none; }
header h1{
  font-family:var(--font-display); font-size:13px; font-weight:600; margin:0;
  text-transform:uppercase; letter-spacing:.13em;
  padding-left:13px; border-left:1px solid rgba(255,255,255,.28);
}
header .ver{ font-size:10px; opacity:.55; font-variant-numeric:tabular-nums; }
header .quien{ margin-left:auto; font-size:11px; opacity:.88; }

/* ═══ PESTANAS ═════════════════════════════════════════════════════ */
nav{
  display:flex; background:var(--campo); border-bottom:1px solid var(--borde);
  padding:0 var(--espacio-7); position:sticky; top:0; z-index:20; flex-wrap:wrap;
}
nav button{
  font-family:var(--font-texto); font-size:12px; padding:11px var(--espacio-7);
  border:none; background:transparent; color:var(--tinta-suave); cursor:pointer;
  border-bottom:2px solid transparent; white-space:nowrap;
}
nav button.on{ color:var(--marca-tx); border-bottom-color:var(--marca); font-weight:600; }
nav button:focus-visible{ outline:2px solid var(--foco); outline-offset:-2px; }

/* ═══ REJILLA ══════════════════════════════════════════════════════ */
.grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:var(--espacio-5); margin-top:var(--espacio-6);
}

/* ═══ TARJETA Y SU BANDA DE TITULO ═════════════════════════════════
   El <h2> sale del padding de la tarjeta con margenes negativos: por
   eso esta regla se retro-aplica a cualquier app sin tocar su HTML. */
:root{ --card-py:var(--espacio-6); --card-px:var(--espacio-7); }
.card{
  background:var(--bloque); border-radius:var(--radio-card);
  box-shadow:var(--sombra-bloque);
  padding:var(--card-py) var(--card-px);
  overflow:hidden;
}
.card h2{
  margin: calc(var(--card-py) * -1) calc(var(--card-px) * -1) var(--espacio-5);
  padding: var(--espacio-4) var(--card-px);
  background:var(--marca); color:var(--marca-tinta);
  border-bottom:1px solid var(--marca-linea);
  border-radius: var(--radio-card) var(--radio-card) 0 0;
  font-family:var(--font-display); font-size:12.5px; line-height:17px; font-weight:600;
  letter-spacing:.09em;
  display:flex; align-items:center; gap:var(--espacio-3); flex-wrap:wrap;
}
/* todo lo que vive DENTRO de la banda sale de variables, nunca de un
   color fijo: asi funciona igual en los cuatro temas */
.card h2 .cont,
.card h2 .chip.folio{
  background:rgba(255,255,255,.17); color:var(--marca-tinta);
  border:1px solid rgba(255,255,255,.32); border-radius:var(--radio-pastilla);
  padding:1px 7px; font-family:var(--font-texto); font-size:9px;
  letter-spacing:0; font-weight:600; font-variant-numeric:tabular-nums;
}
.card h2 .der{
  margin-left:auto; font-family:var(--font-cifra);
  font-variant-numeric:tabular-nums;
  font-size:calc(11.5px * var(--num-escala)); letter-spacing:.02em;
}
.card h2 button.b{
  border-color:var(--marca-tinta); color:var(--marca-tinta);
  background:transparent; opacity:.85;
}
.card h2 button.b:hover{
  background:var(--marca-tinta); color:var(--marca); opacity:1;
}
.card h2 a{ color:var(--marca-tinta); text-decoration:underline; }

/* ═══ FILA DE DATOS Y CIFRAS ═══════════════════════════════════════ */
.fila{
  display:flex; gap:var(--espacio-4); align-items:baseline;
  padding:7px 0; border-bottom:1px solid var(--borde);
}
.fila:last-of-type{ border-bottom:0; }
.fila .qu{ flex:1; font-size:12.5px; line-height:1.45; min-width:0; }
.fila .qu small{ display:block; color:var(--tinta-suave); font-size:10.5px; margin-top:1px; }

/* TODA cifra en columna. Dentro de una frase NO se usa: ahi el numero
   se queda en la letra del texto o el renglon se ve parchado. */
.mo,.monto{
  font-family:var(--font-cifra); font-variant-numeric:tabular-nums;
  font-size:calc(13px * var(--num-escala)); font-weight:600;
  white-space:nowrap; text-align:right; min-width:86px;
}
.tot{
  display:flex; justify-content:space-between; align-items:baseline;
  gap:var(--espacio-5); margin-top:var(--espacio-5);
  padding-top:var(--espacio-4); border-top:2px solid var(--tinta);
}
.tot .et{
  font-size:9px; text-transform:uppercase; letter-spacing:.07em;
  color:var(--tinta-suave); font-weight:600;
}
.tot .nu{
  font-family:var(--font-cifra); font-variant-numeric:tabular-nums;
  font-size:calc(18px * var(--num-escala)); font-weight:600;
}
table.datos{ width:100%; border-collapse:collapse; }
table.datos th{
  font-size:9px; font-weight:600; letter-spacing:.07em; color:var(--tinta-suave);
  text-align:left; padding:0 0 6px; border-bottom:1px solid var(--borde);
}
table.datos th.n, table.datos td.n{ text-align:right; }
table.datos td{ padding:7px 0; border-bottom:1px solid var(--borde); vertical-align:top; }
table.datos td.n{
  font-family:var(--font-cifra); font-variant-numeric:tabular-nums;
  font-size:calc(13px * var(--num-escala)); font-weight:600;
  white-space:nowrap; padding-left:var(--espacio-6);
}
table.datos tr:last-child td{ border-bottom:0; }
.scrollx{ overflow-x:auto; }

/* ═══ CAMPOS ═══════════════════════════════════════════════════════ */
label{
  display:block; font-family:var(--font-texto); font-size:9px; font-weight:600;
  text-transform:uppercase; letter-spacing:.07em;
  color:var(--tinta-suave); margin-bottom:var(--espacio-1);
}
input,select,textarea{
  font-family:var(--font-texto); font-size:12px; padding:7px 9px; width:100%;
  border:1px solid var(--borde-control); border-radius:var(--radio-sm);
  background:var(--campo); color:var(--tinta); outline:none;
}
input:focus,select:focus,textarea:focus{ outline:2px solid var(--foco); outline-offset:-1px; }
input:disabled,select:disabled,textarea:disabled{
  background:var(--campo-inactivo); color:var(--tinta-inactiva);
}
input.cifra,td input.cifra{
  font-family:var(--font-cifra); font-variant-numeric:tabular-nums;
  font-size:calc(12px * var(--num-escala)); text-align:right;
}
textarea{ resize:vertical; line-height:1.65; }
.campo{ margin-bottom:var(--espacio-5); }
.par{ display:grid; grid-template-columns:1fr 1fr; gap:var(--espacio-5); }
/* edicion en linea dentro de una tabla */
.inline{
  border:1px solid transparent; background:transparent; padding:3px 5px;
  font-size:12.5px; line-height:1.4; border-radius:var(--radio-xs);
}
.inline:hover:not(:disabled){ background:var(--marca-tenue); border-color:var(--borde); }
.inline:focus{ background:var(--campo); outline:2px solid var(--foco); outline-offset:-1px; }
.inline.done{ text-decoration:line-through; color:var(--tinta-inactiva); }

/* ═══ BOTONES ══════════════════════════════════════════════════════ */
button.b{
  font-family:var(--font-texto); font-size:11px; font-weight:500;
  padding:7px 15px; border-radius:var(--radio-md); cursor:pointer;
  border:1px solid var(--marca-tx); background:transparent; color:var(--marca-tx);
}
button.b:hover{ background:var(--marca); border-color:var(--marca); color:var(--marca-tinta); }
button.b.solid{ background:var(--marca); border-color:var(--marca); color:var(--marca-tinta); }
button.b.verde{ border-color:var(--bueno); color:var(--bueno); }
button.b.verde:hover{ background:var(--bueno); border-color:var(--bueno); color:#fff; }
button.b.rojo{ border-color:var(--malo-solido); color:var(--malo); }
button.b.rojo:hover{ background:var(--malo-solido); border-color:var(--malo-solido); color:var(--malo-tinta); }
button.b.calla{ border-color:var(--borde-control); color:var(--tinta-suave); }
button.b:disabled{ opacity:.45; cursor:not-allowed; }
button.b:focus-visible{ outline:2px solid var(--foco); outline-offset:2px; }
.barra{ display:flex; gap:var(--espacio-3); align-items:center; margin-top:var(--espacio-5); flex-wrap:wrap; }

/* ═══ ETIQUETAS DE ESTADO ══════════════════════════════════════════
   Cuatro variantes, todas por encima de 6.5:1. Los nombres de clase
   de la v1.5 se conservan para que las apps no cambien su HTML.
   El ESTADO ES SIEMPRE LO MAS LAVADO DEL RENGLON: es lo que lo
   distingue de una persona sin necesidad de leer. */
.chips{ display:flex; gap:var(--espacio-2); flex-wrap:wrap; margin-top:var(--espacio-4); }
.chip{
  font-family:var(--font-texto); font-size:9px; font-weight:600;
  letter-spacing:.04em; text-transform:uppercase;
  padding:2px 8px; border-radius:var(--radio-pastilla);
  background:var(--neutro-fondo); border:1px solid var(--neutro-borde);
  color:var(--tinta-suave);
}
.chip.tipo{ background:var(--neutro-fondo); border-color:var(--neutro-borde); color:var(--tinta-suave); }
.chip.cerrada,.chip.bien{ background:var(--bueno-fondo); border-color:var(--bueno-borde); color:var(--bueno); }
.chip.venc,.chip.mal{ background:var(--malo-fondo); border-color:var(--malo-borde); color:var(--malo); }
.chip.pronto,.chip.curso{ background:var(--espera-fondo); border-color:var(--espera-borde); color:var(--espera); }
.chip.folio{ background:var(--marca); border-color:var(--marca); color:var(--marca-tinta); letter-spacing:.04em; }

/* ═══ ETIQUETAS DE PERSONA ═════════════════════════════════════════
   Seis pigmentos de cantera en dos pesos. El TONO se lee de
   CONFIG TERMINUS!CAT PERSONAS como un numero del 1 al 6; el color
   ya no viaja en el HTML.
     <span class="chipP pT3">Valentina</span>          (medio)
     <span class="chipP pT3 solido">Valentina</span>   (solido)
     <span class="nmP nT3">Valentina</span>            (plano, en captura)
   SOLIDO cuando la persona es el dato. MEDIO cuando es contexto.
   Un solo peso por pantalla. */
.chipP{
  display:inline-block; font-family:var(--font-texto);
  padding:1px 9px; border-radius:var(--radio-pastilla);
  font-size:11.5px; font-weight:600; border:1px solid;
  white-space:nowrap; line-height:1.55; vertical-align:baseline;
}
/* la version plana: mismo color, sin pastilla. Dentro de un area de
   escritura una pastilla con relleno cambiaria el ancho del texto y
   desalinearia el cursor respecto a lo que se ve. */
.nmP{
  font-weight:600; text-decoration:underline; text-decoration-style:dotted;
  text-underline-offset:2px;
}
.pT1{background:var(--persona-1-medio);color:var(--persona-1-tinta);border-color:var(--persona-1-medio-borde);}
.pT1.solido{background:var(--persona-1-solido);color:var(--persona-1-solido-tinta);border-color:var(--persona-1-solido-borde);}
.nT1{color:var(--persona-1-tinta);}
.pT2{background:var(--persona-2-medio);color:var(--persona-2-tinta);border-color:var(--persona-2-medio-borde);}
.pT2.solido{background:var(--persona-2-solido);color:var(--persona-2-solido-tinta);border-color:var(--persona-2-solido-borde);}
.nT2{color:var(--persona-2-tinta);}
.pT3{background:var(--persona-3-medio);color:var(--persona-3-tinta);border-color:var(--persona-3-medio-borde);}
.pT3.solido{background:var(--persona-3-solido);color:var(--persona-3-solido-tinta);border-color:var(--persona-3-solido-borde);}
.nT3{color:var(--persona-3-tinta);}
.pT4{background:var(--persona-4-medio);color:var(--persona-4-tinta);border-color:var(--persona-4-medio-borde);}
.pT4.solido{background:var(--persona-4-solido);color:var(--persona-4-solido-tinta);border-color:var(--persona-4-solido-borde);}
.nT4{color:var(--persona-4-tinta);}
.pT5{background:var(--persona-5-medio);color:var(--persona-5-tinta);border-color:var(--persona-5-medio-borde);}
.pT5.solido{background:var(--persona-5-solido);color:var(--persona-5-solido-tinta);border-color:var(--persona-5-solido-borde);}
.nT5{color:var(--persona-5-tinta);}
.pT6{background:var(--persona-6-medio);color:var(--persona-6-tinta);border-color:var(--persona-6-medio-borde);}
.pT6.solido{background:var(--persona-6-solido);color:var(--persona-6-solido-tinta);border-color:var(--persona-6-solido-borde);}
.nT6{color:var(--persona-6-tinta);}

/* ═══ AVISOS ═══════════════════════════════════════════════════════
   Primero que paso, despues que hacer. */
.aviso,.ok,.espera{
  border-radius:var(--radio-sm); padding:var(--espacio-4) var(--espacio-6);
  font-size:12px; line-height:1.55; margin-top:var(--espacio-6);
  border-left:3px solid;
}
.aviso{ background:var(--malo-fondo); border-left-color:var(--malo-solido); color:var(--malo); }
.ok{ background:var(--bueno-fondo); border-left-color:var(--bueno); color:var(--bueno); }
.espera{ background:var(--espera-fondo); border-left-color:var(--espera); color:var(--espera); }
.vacio{ color:var(--tinta-inactiva); font-size:12px; padding:var(--espacio-8); text-align:center; }

/* ═══ IMPRESION ════════════════════════════════════════════════════ */
@media print{
  nav,.barra,button{ display:none !important; }
  body{ background:#fff; }
  .card{ box-shadow:none; border:1px solid var(--borde); break-inside:avoid; }
}
</style>

<style>
:root { color-scheme: light; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-texto); background: var(--fondo); color: var(--tinta); font-size: 13px; }
/* v3.45: la barra de arriba es el header del Estilos (logotipo + modulo). */
.main { padding: 16px 28px; max-width: none; margin: 0; width: 100%; }
/* v3.22 18-ago: ancho completo. El max-width:1500px de v3.8 dejaba franjas en
 * pantallas anchas y no aportaba nada en las de 1300. Estas reglas viven en el
 * <style> PROPIO de este Index: el proyecto no tiene Estilos.html que pisar. */
.panel { background: var(--bloque); border-radius: 10px; box-shadow: var(--sombra-bloque); padding: 14px; margin-bottom: 12px; }
.sec { font-size: 11px; font-weight: 700; color: var(--tinta-suave); text-transform: uppercase; letter-spacing: 0.5px; margin: 12px 0 8px; }
.sec:first-child { margin-top: 0; }
.hint { font-size: 10.5px; color: var(--tinta-suave); }
table.tbl { width: 100%; border-collapse: collapse; font-size: 11.5px; }
table.tbl th { text-align: left; padding: 6px 8px; background: var(--neutro-fondo); color: var(--tinta-suave); font-size: 10px; text-transform: uppercase; border-bottom: 2px solid var(--borde); white-space: nowrap; }
table.tbl td { padding: 6px 8px; border-bottom: 1px solid var(--borde); vertical-align: middle; text-align: left; }
table.tbl td.num, table.tbl th.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
/* v3.45 · LAS CIFRAS EN SU COLUMNA VAN EN LA FUENTE DE NUMEROS, por la escala del
 *   sistema. Con IBM Plex no cabian: $168,705.42 salia como $168,705.… en 80 px. */
table.tbl td.num, table.tbl td.pu { font-family: var(--font-cifra); font-size: calc(11.5px * var(--num-escala)); }
tr.total td { background: var(--neutro-fondo); font-weight: 700; }
/* v3.45: la partida en VERDE AGUA tenue — la familia de lo que la obra ES
 * (en CATALOGO, concepto y contrato). No choca con los azules ni la pizarra de B. */
tr.part td { background: var(--origen-4-tenue); font-weight: 800; color: var(--tinta); }
/* matriz v3.10: semáforo por renglón + barras de progreso */
tr.fverde td { background: var(--bueno-fondo); }
tr.fgris td { background: var(--neutro-fondo); color: var(--tinta-suave); }
.pbar { width: 72px; height: 8px; background: var(--neutro-borde); border-radius: 4px; overflow: hidden; display: inline-block; flex: none; }
.pfill { height: 100%; }
.stat { display: inline-block; background: var(--neutro-fondo); border-radius: 8px; padding: 8px 14px; margin: 0 8px 8px 0; }
.stat .l { font-size: 10px; color: var(--tinta-suave); text-transform: uppercase; }
.stat .v { font-size: 15px; font-weight: 700; color: var(--tinta); font-family: var(--font-cifra); font-variant-numeric: tabular-nums; }
.stat.total { background: var(--marca-honda); }
.stat.total .l { color: var(--marca-tinta); opacity: .75; }
.stat.total .v { color: var(--marca-tinta); }
select, input[type=date], input[type=number], input[type=text] { padding: 8px 10px; border: 1px solid var(--borde-control); border-radius: 8px; font-size: 13px; background: var(--campo); color: var(--tinta); }
.btn { padding: 9px 18px; border-radius: 8px; border: 1px solid var(--borde-control); background: var(--campo); color: var(--tinta); font-size: 12.5px; font-weight: 700; cursor: pointer; }
/* v3.45: la accion principal va en la marca. El verde es el color de lo que
 * SALIO bien, no de una accion: .verde queda como sinonimo de la principal. */
.btn.azul, .btn.verde { background: var(--marca); color: var(--marca-tinta); border-color: var(--marca); }
.btn:disabled { opacity: 0.5; cursor: default; }
.mini { padding: 3px 8px; border-radius: 6px; border: 1px solid var(--borde-control); background: var(--campo); color: var(--tinta); font-size: 10.5px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.barra { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.alert { border-radius: 8px; padding: 9px 12px; font-size: 12px; margin-bottom: 10px; background: var(--malo-fondo); border: 1px solid var(--malo-borde); color: var(--malo); }
.warn { border-radius: 8px; padding: 9px 12px; font-size: 12px; margin-bottom: 10px; background: var(--espera-fondo); border: 1px solid var(--espera-borde); color: var(--espera); }
.desfase { color: var(--malo); font-weight: 600; }
.aptTbl td, .aptTbl th { padding: 4px 8px; font-size: 12px; border-bottom: 1px solid var(--borde); text-align: left; }
.aptTbl td.n { text-align: right; font-variant-numeric: tabular-nums; font-family: var(--font-cifra); }
.ok-box { border-radius: 8px; padding: 9px 12px; font-size: 12px; margin-bottom: 10px; background: var(--bueno-fondo); border: 1px solid var(--bueno-borde); color: var(--bueno); }
.pill { font-size: 9px; font-weight: 700; padding: 1px 7px; border-radius: 10px; white-space: nowrap; }
.pill.ab { background: var(--bueno-fondo); color: var(--bueno); }
.pill.ce { background: var(--neutro-fondo); color: var(--tinta-suave); }
.pill.rojo { background: var(--malo-fondo); color: var(--malo); }
.chips { display: flex; gap: 6px; flex-wrap: wrap; }
.chip { padding: 7px 13px; border-radius: 18px; border: 1px solid var(--borde-control); background: var(--campo); font-size: 12px; font-weight: 700; cursor: pointer; color: var(--tinta); }
.chip.on { background: var(--marca); color: var(--marca-tinta); border-color: var(--marca); }
.chip.cerrada { background: var(--neutro-fondo); color: var(--tinta-suave); border-color: var(--neutro-borde); }
/* v3.47: filtro de ALERTA con conteo > 0. La clase la pone pintarLista() y solo
 * cuando hay algo que mirar. El elegido gana: .alerta.on se declara despues y va
 * en la marca, como cualquier filtro activo. */
/* v3.48: solido, no claro — Maca lo quiso mas intenso. */
.chip.alerta { background: var(--espera-solido); border-color: var(--espera-solido); color: var(--espera-solido-tinta); }
.chip.alerta.on { background: var(--marca); border-color: var(--marca); color: var(--marca-tinta); }
.chip.mini-f { padding: 4px 10px; font-size: 10.5px; }
.footer { text-align: center; padding: 14px; font-size: 10.5px; color: var(--tinta-suave); }
.cargando { text-align: center; padding: 40px; color: var(--tinta-suave); }
/* estado por concepto: ICONO clicable (v2.5) + menú de estados */
button.icoEst { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--borde-control); background: var(--campo); font-size: 15px; line-height: 1; padding: 0; cursor: pointer; }
button.icoEst.vacio { border-style: dashed; color: var(--tinta-suave); font-size: 14px; font-weight: 700; }
.velo { position: fixed; top: 0; left: 0; right: 0; bottom: 0; /* velo del menu: oscurece igual en cualquier tema, por eso es un negro fijo */ background: rgba(0,0,0,0.45); display: flex; align-items: center; justify-content: center; z-index: 50; padding: 16px; }
.menuEst { background: var(--campo); color: var(--tinta); border-radius: 12px; padding: 14px; width: 100%; max-width: 360px; box-shadow: var(--sombra-flotante); max-height: 85vh; overflow-y: auto; }
.menuEst .op { display: block; width: 100%; text-align: left; padding: 9px 12px; border-radius: 8px; border: 1px solid var(--borde); font-size: 12.5px; font-weight: 700; cursor: pointer; margin-top: 6px; background: var(--campo); color: var(--tinta); }
.menuEst .op.e1 { background: var(--bueno-fondo); color: var(--bueno); border-color: transparent; }
.menuEst .op.e2 { background: var(--bueno-fondo); color: var(--bueno); border-color: var(--bueno-borde); }
.menuEst .op.e3 { background: var(--avance-2-celda); color: var(--avance-2-celda-tinta); border-color: transparent; }
.menuEst .op.e4 { background: var(--espera-fondo); color: var(--espera); border-color: transparent; }
.menuEst .op.e5 { background: var(--espera-fondo); color: var(--espera); border-color: var(--espera-borde); }
.menuEst .op.e6 { background: var(--neutro-fondo); color: var(--tinta-suave); border-color: transparent; }
.menuEst .op.e7 { background: var(--malo-fondo); color: var(--malo); border-color: transparent; }
.menuEst .op.e8 { background: var(--malo-fondo); color: var(--malo); border-color: var(--malo-borde); }
/* v3.11: colores del menú de estado del GENERADOR */
.menuEst .op.g1 { background: var(--espera-fondo); color: var(--espera); border-color: transparent; }
.menuEst .op.g2 { background: var(--bueno-fondo); color: var(--bueno); border-color: transparent; }
.menuEst .op.g3 { background: var(--malo-fondo); color: var(--malo); border-color: transparent; }
/* columna compacta T·C·F (checkboxes TABLA · CROQUIS · FOTOS del bloque) */
.tcf { display: flex; gap: 6px; justify-content: center; }
.tcf label { display: flex; flex-direction: column; align-items: center; gap: 1px; font-size: 8.5px; font-weight: 700; color: var(--tinta-suave); cursor: pointer; }
/* grid de mediciones (scroll horizontal en celular) */
.gwrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* ══ v3.23 · PISADOS DELIBERADOS DE Estilos.html ══════════════════════
 * Estilos.html es canonico y NO se edita: lo que estorbe se pisa AQUI.
 * 1) Estilos define .grid{display:grid} para su rejilla de tarjetas. Este
 *    Index usa <table class="grid"> para el capturador, y table.grid no
 *    declaraba display, asi que la regla de Estilos ganaba y convertia la
 *    tabla en una rejilla CSS: la destruia. Se le devuelve display:table.
 * 2) .barra y .chips de Estilos traen margin-top propio; aqui la separacion
 *    ya la dan los paneles, y sin esto la pantalla se estira de golpe. */
table.grid { display: table; }
/* v3.44 · LOS CHIPS QUE SON BOTONES SE QUEDAN EN CAJA NORMAL.
 *   El Estilos v2.12 pone .chip en mayusculas con espaciado ancho (es la regla
 *   de las etiquetas de ESTADO). Aqui .chip tambien viste los filtros del
 *   listado y los numeros de estimacion, que son botones: en mayusculas el
 *   bloque de filtros crecia un renglon y el listado perdia 45 px de alto.
 *   Se decide en la entrega 2, junto con su color. */
button.chip { text-transform: none; letter-spacing: normal; }
.barra { margin-top: 0; }
.chips { margin-top: 0; }

/* ══ v3.45 · LA SECCION B CON LOS COLORES DE CATALOGO ════════════════════
 * Lo de abajo (v3.23) es HISTORIA: las variables --gx-* ya no pintan nada y se
 * borraron. Cada par lleva la familia que CATALOGO usa para el mismo concepto:
 *   AJUSTADO ........ escalera de avance, peldano 2 (banda / celda / tinta)
 *   ACUM. ANTERIOR .. el de ESTIMADO: banda -borde del peldano 4, celda del 4
 *   PENDIENTE ....... pizarra (origen-1): banda solida, celda tenue y la cifra
 *                     en su filo, que da 5.4:1 de dia y 5.0:1 de noche. El verde
 *                     de antes daba 3.8:1 de noche y decia «salio bien».
 * El encabezado de cada par es mas oscuro que sus celdas, a proposito. */
/* ══ v3.23 · LOS TRES FONDOS Y LOS TRES COLORES DE LA TABLA ═══════════
 * MEDIDOS, no elegidos a ojo, y contra el fondo REAL de cada seccion:
 *   banda B  #c9d4e0  ->  1.50:1 contra el panel blanco (se lee como banda)
 *   azul     #304c64  ->  5.96:1 sobre la banda B  |  8.96:1 sobre blanco
 *   morado   #5b21b6  ->  5.98:1 sobre la banda B  |  8.98:1 sobre blanco
 *   verde    #136845  ->  4.52:1 sobre la banda B  |  6.79:1 sobre blanco
 * El verde de la casa (--verde #1A9060) NO servia: daba 2.69:1 sobre la
 * banda y 4.04:1 sobre blanco, por debajo del minimo de 4.5. Se oscurecio
 * hasta que subio. El morado no existe en la paleta de la casa y por eso
 * se define aqui, en el <style> propio, nunca en Estilos.
 * Cada color lleva DOS variables, una por fondo posible: hoy valen igual,
 * pero si algun dia se aclara la banda, el uso sobre blanco no se entera
 * en silencio — un color que depende de sobre que esta pintado necesita
 * una variable por cada fondo. */
/* especificidad: 'table.tbl th' ya fija un fondo, asi que las bandas tienen que
 * calificarse con la tabla o pierden. Se detecto midiendo el color computado. */
table.tbl tr.banda th { padding: 4px 8px; font-size: 9px; letter-spacing: .07em; border-bottom: 1px solid var(--borde-control); }
table.tbl tr.banda th.bndA { background: var(--bloque); }
table.tbl tr.banda th.bndB { background: var(--neutro-fondo); color: var(--tinta); }
table.tbl tr.banda th.bndC { background: var(--campo); }
table.tbl th.secA, table.tbl td.secA { background: var(--bloque); }
table.tbl th.secB, table.tbl td.secB { background: var(--neutro-fondo); }
table.tbl th.secC, table.tbl td.secC { background: var(--campo); }
table.tbl tr.banda th.bndAJ, table.tbl th.parAJ   { background: var(--avance-2-banda); color: var(--avance-2-tinta); }
table.tbl tr.banda th.bndANT, table.tbl th.parANT { background: var(--avance-4-borde); color: var(--avance-4-tinta); }
table.tbl tr.banda th.bndPEND, table.tbl th.parPEND { background: var(--origen-1-banda); color: var(--origen-1-tinta); }
/* B es SOLO LECTURA: texto mas fino que el resto, no compite con la seccion C */
table.tbl td.secB { font-weight: 400; }
table.tbl td.cAj   { background: var(--avance-2-celda); color: var(--avance-2-celda-tinta); }
table.tbl td.cAnt  { background: var(--avance-4-celda); color: var(--avance-4-celda-tinta); }
table.tbl td.cPend { background: var(--origen-1-tenue); color: var(--origen-1-filo); }
table.tbl td.pu { font-weight: 700; }
/* ══ v3.25 · LAYOUT COMPACTO ══════════════════════════════════════════
 * table-layout:fixed + <colgroup> generado: el reparto lo manda GXCOLS, no el
 * navegador. Es lo que arregla de raiz la franja ancha de la seccion B
 * colapsada (la columna marcador se quedaba con todo el sobrante). */
table.tbl.fija { table-layout: fixed; width: 100%; }
table.tbl.fija td, table.tbl.fija th { padding: 3px 5px; overflow: hidden; text-overflow: ellipsis; }
/* dos lineas por concepto: titulo con elipsis (texto entero en el title) y una
 * sola sublinea con unidad, notas y aviso. */
table.tbl.fija .cptTit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.25; }
table.tbl.fija .cptSub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; }
table.tbl.fija td .hint { font-size: 9.5px; line-height: 1.2; }
table.tbl th.secB, table.tbl td.secB { font-size: 9.5px; padding: 3px 4px; }
table.tbl td.marca, table.tbl th.bndB.solo { padding: 0; }

/* fila 1: obra a la izquierda, chips de estimacion pegados a la derecha */
.barra.fila1 { margin-bottom: 10px; flex-wrap: nowrap; }
.barra.fila1 .elip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 340px; }
.chips.der { margin-left: auto; flex-wrap: wrap; justify-content: flex-end; }
.chips.der .chip { padding: 4px 9px; font-size: 11px; }

/* v3.27: las reglas de la fila de bloques viven ahora en el bloque .gx4 de
 * abajo. Se retiro el CSS de .gx3, que quedo sin un solo elemento que lo use. */
.gx4 > .panel > .barra { margin-top: 0; }
/* v3.25: cada pixel de arriba es un pixel que el listado NO tiene. En una
 * ventana de 549px el encabezado de la app costaba 62px; compactado da 44. */
.main { padding: 8px 16px; }
.header { padding: 8px 18px; }
.header h1 { font-size: 15px; }
.header .subtitle { font-size: 10px; margin-top: 1px; }
.footer { padding: 6px; }
/* encabezado de tabla mas bajo: dos pisos siguen cabiendo, con min-height */
table.tbl.fija tr.cols th .th2 { min-height: 20px; }
table.tbl.fija tr.banda th { padding: 2px 6px; }
table.tbl.fija .cptTit { font-size: 11.5px; }
/* ══ v3.26 · ENCABEZADO EN CONDENSADA ══════════════════════════════════
 * Con degradacion segura: si la condensada no esta instalada cae en Arial y
 * los titulos ocupan MAS. Por eso los anchos se midieron con el fallback
 * ANCHO (el peor caso): si caben asi, caben seguro con la condensada. */
table.tbl.fija th .th2 {
  /* v3.45: la condensada del sistema (Archivo Narrow), en vez de Arial Narrow */
  font-family: var(--font-cifra);
  font-size: 9px; letter-spacing: 0;
}
table.tbl.fija tr.banda th { font-family: var(--font-cifra); font-size: 9px; }
/* la unidad, una sola vez, bajo el P.U. */
table.tbl.fija td.pu .uni { font-size: 8.5px; font-weight: 400; color: var(--tinta-suave); line-height: 1.1; font-family: var(--font-texto); }

/* ══ v3.27 · BANDA DE TITULO EN TODOS LOS BLOQUES ══════════════════════
 * Mismo patron que .card h2 de Estilos.html: margenes negativos calculados
 * desde el padding REAL del bloque, para que la banda llegue a los bordes sin
 * tocar el HTML. Estilos NO se edita: esta app usa .panel > .sec, no .card h2,
 * asi que el patron se copia aqui. El padding va en variables porque los
 * paneles de arriba y el del listado usan uno mas apretado que el de serie:
 * si el margen negativo no coincide con el padding, la banda se sale o deja
 * un filo del color del bloque. */
.panel { --panel-py: 14px; --panel-px: 14px; overflow: hidden; }
.gx4 > .panel, .listaPanel { --panel-py: 6px; --panel-px: 9px; }
.panel > .sec:first-child {
  margin: calc(var(--panel-py) * -1) calc(var(--panel-px) * -1) 8px;
  padding: 3px var(--panel-px);
  background: var(--titulo-bg);
  color: var(--titulo-tx);
  border-bottom: 1px solid var(--titulo-linea);
}
/* todo lo que vive DENTRO de la banda sale de las variables del titulo, nunca
 * de un color fijo: clavarlo para banda oscura lo vuelve ilegible en cuanto
 * alguien cambie el tono en Estilos. */
/* sin opacity: con .82 el contraste caia a ~4.0:1, por debajo del minimo */
.panel > .sec:first-child .hint { color: var(--titulo-tx); }
.panel > .sec:first-child .cont,
.panel > .sec:first-child .mini {
  background: var(--titulo-pill-bg); color: var(--titulo-pill-tx);
  border: 1px solid var(--titulo-pill-br);
}

/* ══ v3.27 · CUATRO BLOQUES ARRIBA ════════════════════════════════════
 * fechas 1fr · filtros 1fr · totales 0.5fr · acciones 0.5fr, a la misma
 * altura. Si no caben a 1300, se envuelven solos (minmax); nunca se cortan. */
/* v3.36: EL REPARTO SE REHACE PARA GANAR ALTO, NO POR SIMETRIA.
 * Los cuatro bloques median lo mismo de ancho y NO cuestan lo mismo de alto:
 * FILTROS son 10 chips que envuelven, ACCIONES son 6 botones que se apilan, y
 * FECHAS y TOTALES caben en la mitad. Con el reparto parejo, los dos que
 * envuelven estiraban la fila y el listado se quedaba con tres conceptos.
 *
 * ⚠ Y ES LO MISMO QUE PIDIO MACA EN DOS PARTES: "mas espacio a la botonera y
 *   los filtros" y "mas altura a la caja de conceptos" son EL MISMO CAMBIO —
 *   ajustarAltoLista() calcula el alto desde lo que tiene encima, asi que cada
 *   pixel que la fila deja de ocupar se lo lleva el listado. */
.gx4 { display: grid; grid-template-columns: minmax(190px,.92fr) minmax(240px,1.32fr) minmax(130px,.56fr) minmax(230px,1.20fr);
       gap: 8px; align-items: stretch; margin-bottom: 8px; }
@media (max-width: 1080px) { .gx4 { grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); } }
.gx4 > .panel { margin-bottom: 0; display: flex; flex-direction: column; padding: 6px 9px; }
.gx4 > .panel > .sec { font-size: 10px; }
/* v3.28: cuatro botones en Acciones (entro el de imprimir). Cada pixel de
 * alto del bloque superior sale del listado, asi que se aprietan. */
.gx4 .apila { display: flex; flex-direction: column; gap: 3px; align-items: stretch; }
.gx4 .apila .btn { width: 100%; padding: 4px 8px; font-size: 11px; }
.gx4 .hint { font-size: 9.5px; line-height: 1.2;
  /* v3.27: UNA linea. La banda de titulo cuesta ~17px por bloque y ese alto
     sale del listado; el texto de ayuda es lo primero que se recorta. */
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.gx4 input[type=text], .gx4 input[type=date] { padding: 5px 7px; font-size: 11.5px; }
.gx4 .chip.mini-f { padding: 3px 8px; font-size: 10px; }
.gx4 label { font-size: 10.5px; }
.gx4 .btn.azul { padding: 6px 10px; font-size: 11.5px; }

/* el bloque de totales */
.totLin { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 2px 0; }
.totLin .et { font-size: 10.5px; color: var(--tinta-suave); }
.totLin .ci { font-family: var(--font-cifra); font-variant-numeric: tabular-nums; font-size: calc(12px * var(--num-escala)); font-weight: 700; text-align: right; white-space: nowrap; }
.totLin.fuerte { border-top: 1px solid var(--borde-control); margin-top: 3px; padding-top: 4px; }
.totLin.fuerte .et { font-weight: 700; color: var(--tinta); }
.totLin.fuerte .ci { font-size: calc(14px * var(--num-escala)); color: var(--tinta); }

/* controles de colapso encima de cada par */
table.tbl tr.banda th.bndB { white-space: nowrap; }
table.tbl tr.banda th.bndB .bndTxt { vertical-align: middle; }
table.tbl tr.banda th.bndB .bndTog {
  margin-left: 5px; padding: 0 3px; line-height: 1; font-size: 10px; cursor: pointer;
  /* v3.45: las bandas de B ya no son todas oscuras; el control hereda su letra */
  background: transparent; color: inherit;
  border: 1px solid currentColor; border-radius: 4px; opacity: .8;
}
table.tbl tr.banda th.bndB.solo { padding: 2px 1px; text-align: center; }
table.tbl tr.banda th.bndB.solo .bndTog { margin-left: 0; }

/* ══ v3.28 · LA VISTA EN PAPEL ═════════════════════════════════════════
 * El encabezado de impresion NO existe en pantalla y el de pantalla NO existe
 * en papel: son dos cosas distintas y ninguna debe filtrarse a la otra. */
#impCab { display: none; }
@media print {
  @page { size: landscape; margin: 10mm; }
  body { background: #fff; }
  #impCab { display: block; margin-bottom: 6px; border-bottom: 2px solid #1a365d; padding-bottom: 4px; }
  #impCab .l1 { font-size: 13px; }
  #impCab .l2 { font-size: 10px; color: #2d3748; margin-top: 2px; }
  #impCab .l3 { font-size: 9px; color: #9b2c2c; font-weight: 700; margin-top: 3px; }
  /* LO MAS IMPORTANTE: sin esto salen los 4 conceptos que caben en pantalla y
     el resto se pierde sin que nadie lo note. */
  #listaScroll { max-height: none !important; overflow: visible !important; }
  /* el sticky estorba en papel; el encabezado se repite por pagina con thead */
  #listaScroll table.tbl th { position: static !important; }
  thead { display: table-header-group; }
  tr { break-inside: avoid; page-break-inside: avoid; }
  /* lo que no aporta en papel */
  header, .footer, .barra.fila1, .gx4, .barraSec .mini, .noImp,
  .listaPanel > .sec .hint, .icoEst, .tcf input, td:last-child .mini { display: none !important; }
  .main { padding: 0; }
  .panel { box-shadow: none; border: 0; overflow: visible; }
  .listaPanel { padding: 0; }
  table.tbl.fija { min-width: 0 !important; width: 100% !important; font-size: 8.5px; }
  table.tbl.fija td, table.tbl.fija th { padding: 2px 3px; }
  table.tbl.fija td.num, table.tbl.fija td.pu { font-size: calc(8.5px * var(--num-escala)); }
}
.listaPanel { padding: 8px 10px; }
.listaPanel > .sec { margin: 0 0 6px; }

/* el listado: altura calculada en JS, scroll propio, encabezado pegado */
.listaPanel { margin-bottom: 0; }
#listaScroll { overflow: auto; scrollbar-gutter: stable; }
/* v3.45: el hueco de la barra se reserva SIEMPRE. El ancho de Concepto se
 * calcula con clientWidth antes de que el alto limite el listado; al aparecer
 * la barra despues, se comia 15 px y cortaba la columna de Generar. */
#listaScroll table.tbl th { position: sticky; z-index: 3; background-clip: padding-box; }
#listaScroll table.tbl tr.banda th { top: 0; z-index: 4; }
/* el top del segundo piso lo pone fijarStickyCabecera() midiendo el primero */

/* barra de seccion colapsable (los conceptos fuera de la estimacion) */
.barraSec { display: flex; align-items: center; gap: 8px; cursor: pointer; user-select: none;
            background: var(--neutro-fondo); border: 1px solid var(--borde); border-radius: 8px;
            padding: 6px 10px; margin: 12px 0 6px; font-size: 12px; }
.barraSec:hover { background: var(--neutro-borde); }
.barraSec.plana { cursor: default; background: transparent; border: 0; padding: 0; margin: 3px 0 2px; font-size: 11px; }
.barraSec.plana .mini { padding: 2px 7px; font-size: 10px; }
.barraSec .cont { padding: 0 7px; }
.barraSec.plana:hover { background: transparent; }
table.tbl th.bndB.solo { padding: 0; }
.barraSec .tri { font-size: 11px; color: var(--tinta-suave); width: 10px; }
.barraSec .cont { background: var(--campo); border: 1px solid var(--borde); border-radius: 9px;
                  padding: 1px 8px; font-size: 10.5px; font-weight: 700; color: var(--tinta); }
/* ── v3.24 · SECCION B COMPACTA ────────────────────────────────────
 * Es solo lectura: mas angosta y con letra mas chica que el resto, para que
 * no compite con la seccion C, que es donde se actua. */
table.tbl th.secB, table.tbl td.secB { font-size: 10px; padding: 4px 5px; }
/* encabezados a DOBLE ALTO: el titulo envuelve en dos lineas en vez de
 * ensanchar la columna. min-height y NUNCA height — una altura fija recorta la
 * ultima linea en silencio, y un encabezado a medias no se ve roto. Tambien se
 * quita el nowrap que heredan de 'table.tbl th', que es lo que los ensanchaba. */
table.tbl tr.cols th { white-space: normal; vertical-align: bottom; }
table.tbl tr.cols th .th2 { min-height: 26px; display: flex; align-items: flex-end; line-height: 1.15; }
table.tbl tr.cols th.num .th2 { justify-content: flex-end; text-align: right; }
table.tbl tr.banda th .mini { margin-left: 6px; padding: 1px 6px; font-size: 9.5px; vertical-align: middle; }
table.tbl td.excede { color: var(--malo); font-weight: 700; }
table.grid { border-collapse: collapse; font-size: 11.5px; min-width: 760px; }
table.grid th { text-align: center; padding: 4px 4px; background: var(--neutro-fondo); color: var(--tinta-suave); font-size: 9.5px; text-transform: uppercase; border-bottom: 2px solid var(--borde); white-space: nowrap; }
table.grid td { padding: 2px 2px; }
table.grid input { width: 68px; padding: 6px 5px; font-size: 12px; text-align: right; }
table.grid input.txt { width: 74px; text-align: left; }
table.grid input.ref { width: 280px; text-align: left; }
table.grid .sub { min-width: 84px; text-align: right; font-variant-numeric: tabular-nums; font-family: var(--font-cifra); font-weight: 700; padding-right: 8px; }
.tres { width: 100%; border-collapse: collapse; font-size: 12px; }
.tres th { text-align: right; padding: 5px 8px; font-size: 10px; color: var(--tinta-suave); text-transform: uppercase; }
.tres td { padding: 5px 8px; border-bottom: 1px solid var(--borde); }
.tres td.num { text-align: right; font-variant-numeric: tabular-nums; font-family: var(--font-cifra); font-weight: 700; white-space: nowrap; }
.tres tr.gen td { background: var(--neutro-fondo); }
.tres tr.gen.excede td { background: var(--malo-fondo); color: var(--malo); }

/* ─── v3.32: EL CUADRO DE ACCIONES. Prefijo gxA para no chocar con nada. ───
 * Un boton de dos renglones: el nombre arriba y su estado abajo. Un control de
 * configuracion que solo dice su nombre no informa; y uno que afirmara UN valor
 * donde hay CINCO reglas, mentiria en cuanto no coincidan. */
.gxAbt { display: block; text-align: left; line-height: 1.25;
          width: 100%; box-sizing: border-box; }
.gxAbt span { display: block; font-weight: 400; font-size: 10px; opacity: .72;
              margin-top: 2px; letter-spacing: .01em; }
/* ⚠ La alarma NO hereda la transparencia del subtexto: un aviso que se ve
 * igual que un dato informativo deja de ser un aviso. Se cazo renderizando. */
.gxAbt span.gxAamb { opacity: 1; }
/* v3.33: los SECUNDARIOS en rejilla. El cuadro era el bloque mas alto de la
 * fila y la estiraba solo: los otros tres terminaban 150 px antes. Los dos
 * primeros se quedan a ancho completo porque son una SECUENCIA —1 y luego 2—
 * y partirla en dos columnas la haria ilegible. */
/* ⚠ v3.36: minmax mas chico Y min-width:0 en los hijos. Sin el min-width, el
 * subtexto "4 truncan · 1 redondean" NO rompe linea y fuerza su columna a ~125
 * px de contenido minimo: la rejilla se quedaba en DOS columnas aunque el panel
 * ya tuviera ancho para tres. El minimo de una celda de grid no es lo que
 * declaras, es lo que su contenido se niega a encoger. */
.gxAgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
           gap: 6px; }
.gxAgrid > * { min-width: 0; }
/* La celda del boton de Revisión: el boton, su selector de destino y la nota.
   ⚠ El <a> tiene que ocupar todo el ancho de la celda como los demas botones —
   un <a> es en linea y sin esto quedaria angosto al lado de sus hermanos. */
.gxVerCelda { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.gxVerCelda > a { display: block; }
.gxVerSel { width: 100%; font-size: 10.5px; padding: 3px 5px; border-radius: 6px;
            border: 1px solid var(--borde-control); background: var(--campo); color: var(--tinta); }
.gxVerNota { font-size: 9.5px; line-height: 1.25; margin: 0; }
.gxAmini { padding: 6px 9px !important; font-size: 11px !important; line-height: 1.2;
           overflow-wrap: anywhere; }
.gxAmini em { font-style: normal; font-weight: 400; font-size: 9.5px; opacity: .72;
              display: block; margin-top: 1px; }
.gxAmini em.gxAamb { opacity: 1; }
/* v3.33: LOS PASOS. Cada uno es un renglon con su estado a la izquierda, para
 * que la secuencia se lea de un vistazo sin tener que interpretarla. */
.gxPasos .gxPaso { border-left: 4px solid var(--borde-control); padding: 8px 0 8px 12px;
                   margin: 8px 0; font-size: 12.5px; line-height: 1.35; }
/* ⚠ HIJO DIRECTO. Sin el '>' este selector agarra tambien los <b> que van
 * DENTRO de la frase y los parte en su propio renglon: el texto salia en
 * tres pedazos. Se cazo renderizando; ninguna prueba de codigo lo diria. */
.gxPasos .gxPaso > b { display: block; margin-bottom: 2px; }
.gxPasos .gxPaso span { display: block; font-size: 11.5px; color: var(--tinta-suave); }
.gxPasoOk  { border-left-color: var(--bueno) !important; }
.gxPasoOk  b { color: var(--bueno); }
.gxPasoVa  { border-left-color: var(--marca) !important; background: var(--marca-tenue); border-radius: 0 8px 8px 0; }
.gxPasoVa  b { color: var(--marca-tx); }
.gxPasoMal { border-left-color: var(--malo-solido) !important; }
.gxPasoMal b { color: var(--malo); }
.gxPasoOff { border-left-color: var(--borde-control) !important; opacity: .7; }
/* v3.34: AVISOS COMPACTOS. Un renglon por aviso, no una caja. Lo que antes
 * ocupaba 48 px por linea ahora ocupa 22, y los detalles cuelgan plegados. */
.gxAv { border-left: 3px solid var(--espera); background: var(--espera-fondo); color: var(--espera);
        padding: 4px 10px; margin: 3px 0; font-size: 11.5px; line-height: 1.35;
        border-radius: 0 5px 5px 0; }
.gxAvMal { border-left-color: var(--malo-solido); background: var(--malo-fondo); color: var(--malo); }
.gxAvDet > summary { cursor: pointer; list-style: none; }
.gxAvDet > summary::-webkit-details-marker { display: none; }
.gxAvDet > summary::before { content: '▸ '; opacity: .6; }
.gxAvDet[open] > summary::before { content: '▾ '; }
.gxAvDet > summary b { font-weight: 700; opacity: .75; }
.gxAvIn { margin-top: 4px; padding-left: 14px; font-size: 10.5px; opacity: .85;
          font-variant-numeric: tabular-nums; }
.gxAsep { height: 1px; background: var(--borde); margin: 5px 0; }
.gxArojo { border-color: var(--malo-solido) !important; color: var(--malo) !important; }
.gxAnota { color: var(--malo); font-size: 10px; margin-top: 3px; line-height: 1.3; }
.gxAamb { color: var(--espera); font-weight: 700; }
</style>
</head>
<body>
<style>
/* puente-generadores.html · los controles que siguen apagados, los paneles sin
 * dato y el aviso de frescura. Los nombres llevan prefijo `gn-` para no chocar
 * con las clases del Estilos de la casa ni con las `ef-` de EFECTIVO. */
.gn-apagado, .gn-apagado * { opacity: .45 !important; cursor: not-allowed !important; pointer-events: none !important; filter: grayscale(1); }
.gn-aun-no { border-radius: 8px; padding: 10px 13px; font-size: 12px; margin-bottom: 10px;
  background: var(--neutro-fondo, #efedec); border: 1px solid var(--borde, #ddd6d3); color: var(--tinta-suave, #6d6461); }
.gn-aun-no small { display: block; margin-top: 3px; color: var(--tinta-inactiva, #a39a96); }
/* 🔴 EL AVISO DE FRESCURA VIVE EN `.main`, ARRIBA DE `#app`, NO EN EL <header>.
 *   Un aviso dentro de la barra de arriba es un aviso que nadie ve: la barra es
 *   decoracion fija y la vista se le pasa por encima. Aqui esta en el camino. */
.gn-fresco { border-radius: 8px; padding: 8px 13px; font-size: 11.5px; margin-bottom: 10px;
  background: var(--neutro-fondo, #efedec); border-left: 4px solid var(--acc, #3f6f9f); color: var(--tinta-suave, #6d6461); }
.gn-fresco b { color: var(--tinta, #2c2724); }
.gn-fresco.gn-viejo { border-left-color: var(--malo, #b4453a); }
.gn-entrada { max-width: 440px; margin: 28px auto; padding: 18px; }
/* v0.2.0 · la tabla de la apertura nueva: una casilla por concepto */
.gn-tabla { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.gn-tabla th { text-align: left; padding: 4px 8px; border-bottom: 1px solid var(--borde, #ddd6d3); white-space: nowrap; }
.gn-tabla td { padding: 3px 8px; border-bottom: 1px solid var(--borde-suave, #efedec); }
.gn-tabla td.n, .gn-tabla th.n { text-align: right; }
.gn-tabla tr.gn-of td { opacity: .5; }
.gn-desfase { color: var(--malo, #b4453a); font-weight: 600; }
</style>
<script>
/* ══════════════════════════════════════════════════════════════════════════════
 * TERMINUS GENERADORES · PUENTE A SUPABASE · Generadores v0.3.1 · consulta y CAPTURA sobre Supabase · los paquetes ya se arman y se importan, con T-ARCHIVOS moviendo los archivos · todo dormido hasta que el interruptor diga BASE · 15-oct-2026
 * ══════════════════════════════════════════════════════════════════════════════
 * Esta pantalla es el MISMO `Index.html v3.54` de T-GENERADORES, armado por
 * herramientas/pantalla/armar-generadores.js con reemplazos exactos. La pantalla
 * vieja NO se transcribio: se lee y se arma. Lo unico que cambia es de donde
 * salen los datos. Este bloque sustituye a `google.script.run`.
 *
 * ── LO QUE LEE ─────────────────────────────────────────────────────────────
 * UNA SOLA PUERTA, `app_gen_leer(p_obra, p_est, p_concepto, p_partes)` (SQL 55 y
 * 56, sesion 57a), con SIETE partes. Las SEIS lecturas que la pantalla hace y que
 * la puerta cubre:
 *
 *   getDataInicio()                  → parte `inicio`
 *   getDataEstimacion(obra, est)     → parte `estimacion`   (el 80% de la pantalla)
 *   getCaptura(obra, est, concepto)  → parte `captura`
 *   gvrLigas(obra, est)              → partes `ligas` + `versiones`, en UN viaje
 *   getMatrizEstimaciones(obra)      → parte `matriz`
 *   gxPaquetesListar(obra)           → parte `paquetes`     (la vieja daba TEXTO:
 *                                      se devuelve JSON.stringify para que la
 *                                      pantalla haga su JSON.parse)
 *
 * LAS CUATRO LECTURAS QUE NO TIENEN PUERTA, y por que (medido por la 57a y
 * confirmado por la 66a):
 *   analizarEstimacion  · los avisos y bloqueantes de «Generar». Es el SQL 57,
 *                         que no se hizo. Decision D1 de Maca (13-oct): se queda
 *                         apagado, y con el los dos controles que viven dentro.
 *   analizarCierre      · los avisos de «Cerrar». La 66a NO lo espera: arma su
 *                         propio panel con lo que la base ya manda. Ver
 *                         `genCierreHtml_`.
 *   gxAperturaRevisar   · 🔴 NO SE PUEDE CONTESTAR DESDE LA BASE: los 7 bloques
 *                         PLANTILLA vacios de cada obra no llegan a la copia, a
 *                         proposito (`Copia.gs` l. 204-207). La 66a tampoco lo
 *                         espera: arma una apertura DISTINTA, donde los conceptos
 *                         los elige una persona. Ver `genAperturaHtml_`.
 *   gxfLeer             · el panel «Corregir fechas». Decision D4 de Maca
 *                         (13-oct): se queda apagado — le falta el lector
 *                         completo, que es SQL nuevo, y es de la 67a.
 *
 * ── LO QUE ESCRIBE (ESTO ES LA 66a) ────────────────────────────────────────
 * NUEVE de las trece escrituras del Index llaman ahora a SU puerta. Las puertas
 * ya existian desde la 61a (SQL 44-46) y el CONTROL desde la 60a (SQL 40-42), y
 * TODAS NACEN DORMIDAS: mientras el interruptor `estimaciones` no diga BASE
 * contestan su aviso y no escriben una sola celda. Ver `GEN_PUERTAS`.
 *
 * Las CUATRO que se quedan apagadas, cada una con su motivo en pantalla, estan
 * en `GEN_APAGADAS`. Tres de ellas son de Drive y por eso son de la 67a.
 *
 * ── QUIEN ERES ─────────────────────────────────────────────────────────────
 * Lo dice la sesion de Google, no una liga con token: el `?u=` de la app vieja ya
 * no existe y el portero de la puerta mira `app_usuarios.estimaciones`. Las doce
 * puertas piden CAPTURA; `CONSULTA` y vacio no entran a ninguna.
 * ══════════════════════════════════════════════════════════════════════════════ */

/* 🔴 LA VERSION DE LA PANTALLA VIVE EN UN SOLO SITIO: la constante GEN_VER del
 *   armador. De ahi salen las dos: GEN_VER, el numero corto, y GEN_VERSION, la
 *   frase larga del pie. `INDEX_VERSION` ('v3.54') es la del Index viejo y se
 *   queda donde esta, en la barra de arriba: dice de que pantalla se partio. */
var GEN_VER = 'v0.3.1';
var GEN_VERSION = 'Generadores ' + GEN_VER + ' · consulta y CAPTURA sobre Supabase · los paquetes ya se arman y se importan, con T-ARCHIVOS moviendo los archivos · todo dormido hasta que el interruptor diga BASE · 15-oct-2026';
var GEN_SUPABASE_URL = 'https://qwhcekifaylyygvzjaee.supabase.co';
var GEN_SUPABASE_KEY = 'sb_publishable_8Iq1j1CVlJI8YxQOvGSJTQ_ep-iw-F2';   /* llave PUBLICA, la misma de Efectivo y Destajos */
var sb = window.__SB_DOBLE__ || supabase.createClient(GEN_SUPABASE_URL, GEN_SUPABASE_KEY, {
  auth: { flowType: 'pkce', detectSessionInUrl: true, persistSession: true }
});

var GEN_SESION = null;
var GEN_COPIA = null;        /* el bloque `copia` del ultimo viaje: la frescura */
var GEN_VER_PUERTA = '';     /* `gen57_version_()`, para que el pie diga las dos mitades */
var GEN_LIGAS = null;        /* la parte `ligas`, para el aviso del papel en vivo */
var GEN_MODO = '';           /* HOJA · CAMBIO · BASE — llega en TODAS las respuestas */
var GEN_QUIEN = null;        /* {email, nombre, nivel, escribe} del portero */
var GEN_PAQ = {};            /* los paquetes por obra, para avisar de los que no se traen solos */
var GEN_PAQ_DEST = {};       /* a que estimacion importaria cada obra (`destino` de gen57_paquetes_) */

var GEN_NO = 'Esta parte todavía no está en la versión nueva.';

/* ══════════════════════════════════════════════════════════════════════
 * 🗺 LAS DOCE ESCRITURAS DEL INDEX Y A DONDE VAN
 *
 * El Index v3.54 llama a TRECE funciones de servidor que escriben (contadas
 * con el chequeo de `google.script.run`, no a ojo). La 66a conecta NUEVE y
 * deja CUATRO apagadas. El reparto, y por que:
 *
 * | funcion del servidor      | 66a                         | puerta                      |
 * |---------------------------|-----------------------------|-----------------------------|
 * | registrarCaptura          | ✅ conectada                 | app_gen_guardar_mediciones  |
 * | setEstadoConcepto         | ✅ conectada                 | app_gen_estado_concepto     |
 * | setEstadoGenerador        | ✅ conectada                 | app_gen_estado_generador    |
 * | setNotaGenerador          | ✅ conectada (la MISMA)      | app_gen_estado_generador    |
 * | guardarConfigGen (⚙)      | ✅ conectada                 | app_gen_config              |
 * | gxGuardarFiniquito        | ✅ conectada                 | app_gen_finiquito           |
 * | setCheckBloque            | ✅ conectada                 | app_est_casilla             |
 * | toggleIncluir             | ✅ conectada EN DOS DE SUS   | app_est_incluir             |
 * |                           |    TRES CAMINOS (ver abajo) |                             |
 * | guardarFechasEstimacion   | ✅ conectada                 | app_est_fechas              |
 * | cerrarEstimacion          | ✅ conectada, panel NUEVO    | app_est_congelar            |
 * | gxAbrirEstimacion         | ✅ conectada, panel NUEVO    | app_est_abrir               |
 * | gxImportarPaquete         | ⚪ apagada · DRIVE · 67a     | app_gen_importar (G7)       |
 * | gxfCorregir               | ⚪ apagada · le falta lector | app_est_corregir_fechas     |
 *
 * 🔴 `toggleIncluir` TIENE TRES CAMINOS y solo DOS son de la 66a. Medido en
 *    `Código.gs` l. 1520-1572:
 *      · marcar                       → la casilla, y de paso TRAE su paquete
 *                                       de vuelta si salio de aqui
 *                                       (`gxpRegresoAlMarcar_` → G7, Drive, 67a)
 *      · desmarcar SIN mediciones     → solo la casilla ✅
 *      · desmarcar CON mediciones     → SIEMPRE un paquete, con sus imagenes
 *                                       (`gxpEmpaquetar_` → G6, Drive, 67a)
 *    Aqui se llama a `app_est_incluir` en los dos caminos que son suyos. El de
 *    desmarcar-con-mediciones lo NIEGA LA PROPIA PUERTA, con su frase («eso es
 *    un paquete»), y el puente le agrega en que app se hace mientras tanto. El
 *    de marcar se hace, y si ese concepto tenia un paquete guardado se DICE que
 *    no se trajo solo — callarlo seria dejar a Valentina creyendo que sus
 *    mediciones volvieron.
 * ══════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════
 * 🗺 LOS CONTROLES QUE SIGUEN APAGADOS · se apagan por el VALOR del atributo
 *
 * POR QUE ES UNA LISTA DE FUNCIONES Y NO DE BOTONES. La unidad real es la
 * FUNCION: un boton suelto se apaga y sus hermanos siguen vivos. Es el defecto
 * que cobro TRES VECES en EFECTIVO —«de los OCHO controles hermanos de una
 * linea se libero UNO»—, y aqui hay dos sitios donde volveria a cobrar:
 *
 *   🔴 `pqImportar` TIENE TRES CONTROLES HERMANOS, no uno: SUMAR (l. 2175),
 *      REEMPLAZAR (l. 2176) y el liso (l. 2187). Los tres, o ninguno.
 *   🔴 `cfEnviar(false)` es «Revisar cambios» y NO escribe (aplicar = false),
 *      pero entra por la puerta `gxfCorregir`, que no esta migrada. Va apagado
 *      igual: un boton que promete y truena enseña a desconfiar de la pantalla.
 *
 * Y por que se apaga por el VALOR del atributo y no por una lista de ids: uno de
 * los dos controles de `guardarNotaGen` (l. 1492) lleva otra cosa ANTES de la
 * llamada —`document.getElementById('ntG').value='';guardarNotaGen(this)`—, asi
 * que cualquier lista escrita a mano se lo salta. El regex mira la llamada.
 *
 * ⚠ `fxExcluir` y `fxGuardarRedondeo` viven DENTRO de `pintarReporte`, el panel
 *   «Generar», que la decision D1 deja apagado. Se quedan en la lista aunque hoy
 *   no se dibujen, por la misma razon por la que la 80a dejo a los otros tres:
 *   el dia que «Generar» se encienda, renacen vivos y esta lista es lo unico
 *   que los detiene.
 * ══════════════════════════════════════════════════════════════════════ */
/* ══════════════════════════════════════════════════════════════════════
 * 🔴 EL MODO MANDA, Y LA PANTALLA TIENE DOS CARAS
 *
 * Esta es la decision de forma mas importante de la 66a, y la pide el encargo
 * con estas palabras: «en HOJA y CAMBIO, cada control que escribe contesta su
 * motivo por el canal de la falla y NO HACE UN SOLO rpc de escritura».
 *
 *   `estimaciones` = HOJA o CAMBIO
 *       La pantalla es EXACTAMENTE la de la 80a: `escribible` se queda en
 *       false como lo manda la puerta, los 22 controles estan apagados con su
 *       motivo y no sale un solo viaje de escritura. Ni uno. Lo que Valentina
 *       ve estos dias no cambia en nada.
 *
 *   `estimaciones` = BASE
 *       Se destapa `escribible` (ver `genDestapar_`), 12 controles se
 *       encienden y llaman a SU puerta, 2 mas se hacen por su panel nuevo, y
 *       8 siguen apagados con su motivo porque son de Drive o les falta su
 *       lector.
 *
 * POR QUE NO LLAMAR A LA PUERTA EN HOJA, SI CONTESTARIA `dormida`. Porque el
 * encargo lo pide, y porque la razon de pedirlo es buena: un boton que viaja a
 * la base para que le digan que no, en la app que esta abierta todo el dia, es
 * un viaje por cada clic distraido. Lo que se pierde —que la frase la diga el
 * servidor y no el HTML, que es la leccion de la 74a— se recupera en el unico
 * sitio donde puede importar: si el modo cambia entre la lectura y el clic, la
 * puerta contesta `dormida` y `genEscribir_` enseña SU frase, tal cual.
 *
 * ⚠ EL MODO SE APLICA ANTES DE QUE SE DIBUJE NADA. `genLeer_` llama a
 *   `genModoAplicar_()` en cuanto llega `modo`, y eso pasa ANTES de que la
 *   promesa vuelva al Index, o sea antes de que el Index pinte. No hay un
 *   instante en que un control este vivo sin que le toque estarlo.
 * ══════════════════════════════════════════════════════════════════════ */

/* Los 16 de la 80a, contados en el Index fuente, no escritos a ojo. En HOJA y
 * en CAMBIO se apagan los 16. */
var GEN_ESCRIBE = ['aplicarIncluir', 'fxExcluir', 'setCheck', 'elegirEstado', 'elegirEstadoGen',
  'guardarNotaGen', 'fpGuardar', 'guardarRedondeo', 'fxGuardarRedondeo', 'guardarFiniquito',
  'pqImportar', 'pqImportarLote', 'ejecutarApertura', 'ejecutarCierre', 'registrar', 'cfEnviar'];

/* Las que siguen apagadas TAMBIEN en BASE, cada una con su motivo. */
var GEN_APAGADAS = ['fxExcluir', 'fxGuardarRedondeo', 'cfEnviar'];

/* Las que no estan apagadas sino SUSTITUIDAS: sus paneles nuevos
 * (`genAperturaHtml_`, `genCierreHtml_`) llaman a la puerta directo, asi que
 * las viejas no se alcanzan por ningun camino que la pantalla dibuje. Se
 * neutralizan igual —cinturon y tirantes— y su motivo manda al boton bueno. */
var GEN_REEMPLAZADAS = ['ejecutarApertura', 'ejecutarCierre'];

/* 🔴 LA CUENTA DE LOS 22 TIENE QUE CERRAR. En BASE queda en tres montones:
 *      3 funciones  ·  4 controles  → GEN_APAGADAS      (con su motivo)
 *      2 funciones  ·  2 controles  → GEN_REEMPLAZADAS  (panel nuevo)
 *     11 funciones  · 16 controles  → vivas, por su puerta
 *     ───────────────────────────────────────────────────────────────
 *     16 funciones  · 22 controles  — los mismos 16 y 22 que conto la 80a.
 *   `probar-generadores-66a.js` los vuelve a contar en el Index FUENTE y falla
 *   si la suma no da.
 *
 * ⚠ LA 66a LO DEJO EN 5·8 / 2·2 / 9·12. La 67a enciende `pqImportar` (tres
 *   botones: Importar, Sumar y Reemplazar guardando) y `pqImportarLote` (uno),
 *   que son DOS funciones y CUATRO controles: por eso el primer monton baja de
 *   5·8 a 3·4 y el tercero sube de 9·12 a 11·16. Los 16 y los 22 no se
 *   mueven. */

var GEN_ORIG = {};            /* la funcion original del Index, por nombre */
var GEN_OFF = GEN_ESCRIBE.slice();   /* las apagadas AHORA MISMO */
var GEN_OFF_RE = null;        /* su regex, que cambia con el modo */
var GEN_ATRIBUTOS = ['onclick', 'onchange', 'oninput', 'onpaste', 'ondrop', 'onsubmit', 'onkeydown', 'onkeyup', 'ondblclick'];
function genOffRe_() { return new RegExp('\\b(' + GEN_OFF.join('|') + ')\\s*\\('); }

/* 🔴 EL PRINCIPIO DE ESTE TEXTO ES UN AMARRE. El dia que la 67a encienda una de
 *   estas cuatro, su liberador va a quitar el globito. ⚠ La 67a lo midio al
 *   encender dos: el liberador (`genEncenderControl_`) compara el globito
 *   ENTERO (`el.title === GEN_GLOBITO`), no su principio — el comentario de la
 *   66a decia `indexOf(…) === 0` y describia mal su propio codigo. El amarre
 *   sigue valiendo igual, porque el globito es una sola constante.
 *   (Medido: ningun globito del Index v3.54 empieza con «Todavía no:».) */
var GEN_GLOBITO = 'Todavía no: esta parte no está en la versión nueva.';

/* El motivo del MODO: vale para los 16 cuando `estimaciones` no dice BASE.
 *
 * ⚠ ESTAS DOS FRASES SON LAS DE `est_dormida_` (SQL 40), dichas aqui porque en
 *   HOJA y en CAMBIO no se viaja a preguntarlas. Si alla cambian, cambian aqui:
 *   son el unico texto de este archivo que repite algo que vive en la base, y
 *   se repite a proposito, para no gastar un viaje en cada clic. La prueba
 *   `probar-generadores-66a.js` las coteja contra el SQL 40. */
function genMotivoModo_(que) {
  var q = String(que || 'esto');
  if (GEN_MODO === 'CAMBIO') {
    return 'Estamos cambiando de casa, regresa en una hora. Ahora mismo ' + q +
      ' no se guarda ni aquí ni en T-GENERADORES.';
  }
  return 'La captura todavía va en la app de siempre: ' + q +
    ' se hace en T-GENERADORES. Esta pantalla, por hoy, sólo consulta.';
}
/* Lo que cada una intenta, en palabras, para que la frase diga QUE no se hizo. */
var GEN_QUE = {
  aplicarIncluir: 'cambiar los conceptos de la estimación',
  fxExcluir: 'quitar el concepto de la estimación',
  setCheck: 'marcar la tabla, el croquis o las fotos',
  elegirEstado: 'cambiar el estado del concepto',
  elegirEstadoGen: 'cambiar el estado del generador',
  guardarNotaGen: 'guardar la nota del generador',
  fpGuardar: 'guardar las fechas de la estimación',
  guardarRedondeo: 'cambiar las reglas de redondeo',
  fxGuardarRedondeo: 'cambiar las reglas de redondeo',
  guardarFiniquito: 'cambiar el título en el papel',
  pqImportar: 'importar el paquete',
  pqImportarLote: 'importar los paquetes',
  ejecutarApertura: 'abrir la estimación',
  ejecutarCierre: 'cerrar la estimación',
  registrar: 'registrar las mediciones',
  cfEnviar: 'corregir las fechas'
};

/* El motivo de las que siguen apagadas TAMBIEN en BASE, en palabras de Maca.
 * El que se apaga por Drive lo dice: no es que falte tiempo, es que la base no
 * mueve archivos. */
var GEN_MOTIVO_APAGADA = {
  fxExcluir: 'Quitar un concepto desde aquí todavía no está: este panel entero («Generar») se revisa en T-GENERADORES, la app de siempre.',
  fxGuardarRedondeo: 'El redondeo se cambia con el ⚙ de la pantalla de la estimación. Este atajo vive dentro de «Generar», que todavía no está en la versión nueva.',
  cfEnviar: 'Corregir las fechas todavía se hace en T-GENERADORES, la app de siempre.',
  ejecutarApertura: 'Abrir la estimación siguiente se hace con el botón «＋ Abrir estimación», que trae su propio panel: aquí los conceptos los eliges tú.',
  ejecutarCierre: 'Cerrar la estimación se hace con el botón «🔒 Cerrar estimación», que trae su propio panel.'
};

function genEsc_(s) { return String(s == null ? '' : s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;'); }
function genErr_(e) { return String((e && (e.message || e.details)) || e || 'error desconocido'); }
function genNum_(v) { var n = parseFloat(v); return isNaN(n) ? null : n; }

function genApagarControl_(el) {
  var tocado = false;
  GEN_ATRIBUTOS.forEach(function (a) {
    var v = el.getAttribute(a);
    if (v && GEN_OFF_RE.test(v)) { el.setAttribute('data-gn-' + a, v); el.removeAttribute(a); tocado = true; }
  });
  if (!tocado) return;
  el.classList.add('gn-apagado');
  if ('disabled' in el) el.disabled = true;
  el.setAttribute('aria-disabled', 'true');
  el.title = GEN_GLOBITO;
}
/* Al pasar a BASE, los controles que ya estaban en la pantalla y que ahora SI
 * se pueden apretar tienen que recuperar su atributo. Sin esto, el primer
 * repintado los traeria bien pero los que ya estaban dibujados se quedarian
 * grises para siempre, y nadie sabria por que. */
function genEncenderControl_(el) {
  var tocado = false;
  GEN_ATRIBUTOS.forEach(function (a) {
    var v = el.getAttribute('data-gn-' + a);
    if (v && !GEN_OFF_RE.test(v)) { el.setAttribute(a, v); el.removeAttribute('data-gn-' + a); tocado = true; }
  });
  if (!tocado) return;
  el.classList.remove('gn-apagado');
  if ('disabled' in el) el.disabled = false;
  el.removeAttribute('aria-disabled');
  if (el.title === GEN_GLOBITO) el.title = '';
}
function genRevisarNodo_(n) {
  if (!n || n.nodeType !== 1) return;
  var sel = '[' + GEN_ATRIBUTOS.join('],[') + '],[' + GEN_ATRIBUTOS.map(function (a) { return 'data-gn-' + a; }).join('],[') + ']';
  var lista = [n].concat(Array.prototype.slice.call(n.querySelectorAll(sel)));
  lista.forEach(function (el) { genEncenderControl_(el); genApagarControl_(el); });
}
/* Se llama ya cargado el Index: deja en nada las cuatro funciones que siguen
 * apagadas y vigila lo que se pinte despues. Las dos mitades hacen falta: sin la
 * primera, el teclado o una llamada desde otra funcion seguirian llegando; sin
 * la segunda, cada repintado traeria los controles vivos otra vez. */
function genArmarPantalla_() {
  /* Se guardan las 16 originales y se arranca con TODAS apagadas: el estado
   * seguro. `genModoAplicar_` enciende lo que toque en cuanto llegue el modo,
   * y eso pasa antes de que el Index pinte el primer control. */
  GEN_ESCRIBE.forEach(function (fn) {
    if (typeof window[fn] === 'function') GEN_ORIG[fn] = window[fn];
  });
  GEN_OFF = GEN_ESCRIBE.slice();
  GEN_OFF_RE = genOffRe_();
  genEnvolver_();
  genPanelesSinDato_();
  genRevisarNodo_(document.body);
  new MutationObserver(function (ms) {
    ms.forEach(function (m) { Array.prototype.forEach.call(m.addedNodes, genRevisarNodo_); });
  }).observe(document.body, { childList: true, subtree: true });
}

/* Deja en su sitio cada una de las 16: la original si esta encendida, o un
 * tapon que dice el motivo y devuelve false si esta apagada. El tapon devuelve
 * false a proposito: es lo que la 80a probo y lo que corta un `onclick` que
 * siguiera vivo por un camino no previsto. */
function genEnvolver_() {
  GEN_ESCRIBE.forEach(function (fn) {
    if (!GEN_ORIG[fn]) return;
    if (GEN_OFF.indexOf(fn) < 0) { window[fn] = GEN_ORIG[fn]; return; }
    window['__gn_' + fn] = GEN_ORIG[fn];
    window[fn] = function () {
      alert(GEN_MOTIVO_APAGADA[fn] || genMotivoModo_(GEN_QUE[fn]));
      return false;
    };
  });
}

/* 🔴 LA LLAVE DEL DIA DEL CAMBIO. Se llama desde `genLeer_` en cuanto la
 *   respuesta trae `modo` y `quien`, o sea ANTES de que el Index pinte. Si el
 *   reparto no cambio, no hace nada: no se repinta de gratis. */
function genModoAplicar_() {
  var enBase = (GEN_MODO === 'BASE') && genNivelEscribe_();
  var quiero = enBase ? GEN_APAGADAS.concat(GEN_REEMPLAZADAS) : GEN_ESCRIBE.slice();
  if (quiero.length === GEN_OFF.length && quiero.every(function (x) { return GEN_OFF.indexOf(x) >= 0; })) return;
  GEN_OFF = quiero;
  GEN_OFF_RE = genOffRe_();
  genEnvolver_();
  genPanelesSinDato_();
  if (enBase) genPanelesNuevos_(); else genPanelesViejos_();
  genRevisarNodo_(document.body);
}

/* ══════════════════════════════════════════════════════════════════════
 * LOS PANELES QUE SE QUEDAN SIN DATO — y por que se DICE y no se calla
 *
 * No es lo mismo que un boton que escribe. Aqui el boton LEE algo que
 * todavia no existe en la base, y callarlo dejaria al que lo aprieta
 * creyendo que la pantalla esta rota.
 *
 * ⚠ En la 80a eran CUATRO. La 66a se queda con DOS: apertura y cierre
 *   dejaron de ser paneles sin dato y pasaron a ser paneles NUEVOS.
 * ══════════════════════════════════════════════════════════════════════ */
var GEN_PANELES = {
  abrirApertura: {
    titulo: 'Abrir una estimación todavía se hace en la app de siempre',
    texto: 'Esta pantalla no puede decirte si se puede abrir la estimación siguiente, y no es que falte construirlo: ' +
           'los bloques de estimación vacíos que cada obra tiene preparados en el CONTROL no llegan a la base — la copia ' +
           'manda sólo los bloques con conceptos de verdad. Sin ellos la respuesta sería «ya no quedan bloques libres», ' +
           'y eso es falso: cada obra tiene siete. Prefiero no contestar a contestar mal.',
    pie: 'Mientras tanto se abre desde T-GENERADORES, la app de siempre. El día que la base sea la fuente, este botón ' +
         'abre su propio panel: ahí los conceptos los eliges tú.'
  },
  abrirCierre: {
    titulo: 'Cerrar una estimación todavía se hace en la app de siempre',
    texto: 'Los avisos del cierre (fechas vacías, monto en cero, ningún concepto incluido, generadores sin COMPLETO y ' +
           'el PDF que falta) son la antesala de una escritura, y mientras la captura viva en la hoja esta pantalla no ' +
           'escribe nada.',
    pie: 'Mientras tanto se cierra desde T-GENERADORES, la app de siempre.'
  },
  abrirGenerar: {
    titulo: 'Los avisos antes de generar todavía no están aquí',
    texto: 'La revisión previa —a esta estimación le faltan fotos, cobra más de lo que quedaba pendiente, este extraordinario ' +
           'no está aceptado— se calcula con reglas que aún no se pasaron a la base. Todo lo que esa revisión necesita ya está ' +
           'en la base; falta escribirla.',
    pie: 'Mientras tanto se revisa y se genera desde T-GENERADORES, la app de siempre.'
  },
  abrirCorregirFechas: {
    titulo: 'Corregir las fechas todavía se hace en la app de siempre',
    texto: 'Ese panel escribe las fechas de todas las estimaciones, también las ya presentadas. La puerta que las escribe ya ' +
           'existe, pero le falta el lector que arma la pantalla —la cadena de inicios de toda la obra—, y eso es trabajo de ' +
           'otra sesión.',
    pie: 'Mientras tanto se corrige desde T-GENERADORES, la app de siempre.'
  }
};
function genPanelHtml_(k) {
  var p = GEN_PANELES[k];
  var volver = (typeof EST !== 'undefined' && EST) ? 'cargarEst(EST)' : 'cargarInicio()';
  return '<div class="barra"><button class="btn" onclick="' + volver + '">← Volver</button></div>' +
    '<div class="panel"><div class="sec">' + genEsc_(p.titulo) + '</div>' +
    '<p style="line-height:1.55;margin-bottom:8px">' + genEsc_(p.texto) + '</p>' +
    '<div class="hint">' + genEsc_(p.pie) + '</div></div>';
}
function genPanelesSinDato_() {
  Object.keys(GEN_PANELES).forEach(function (k) {
    if (typeof window[k] !== 'function') return;
    window['__gn_' + k] = window[k];
    window[k] = function () {
      if (typeof cerrarMenuEstado === 'function') cerrarMenuEstado();
      pintarApp(genPanelHtml_(k));
      genPie_();
    };
  });
}

/* ── la puerta de lectura ──────────────────────────────────────────────
 * UN viaje por lectura, como la app vieja. `copia`, `modo`, `quien` y `version`
 * viajan en TODAS las respuestas, asi que la frescura, el modo y el pie se
 * refrescan solos sin pedir nada aparte. */
function genLeer_(partes, obra, est, concepto) {
  return sb.rpc('app_gen_leer', {
    p_obra: obra == null ? '' : String(obra),
    p_est: (est === 0 || est == null) ? null : Number(est),
    p_concepto: concepto == null ? null : String(concepto),
    p_partes: partes
  }).then(function (r) {
    if (r.error) throw new Error(genErr_(r.error));
    var j = r.data || {};
    /* 🔴 UNA PARTE QUE SE PIDIO Y NO VINO SE DICE, NO SE DEJA PASAR.
     *   Sin esto, `j.paquetes` llega `undefined`, el puente lo mete en un
     *   JSON.stringify que devuelve `undefined` —el valor, no el texto— y la
     *   pantalla revienta con «"undefined" is not valid JSON», que no le dice
     *   nada a nadie. Cazado el 12-oct probando con un paquete al que le
     *   faltaban partes. La puerta de hoy siempre las manda, pero el dia que
     *   alguien renombre una parte o la deje en null, el sintoma tiene que
     *   nombrar la parte que falta y no un error de JSON. */
    var v_faltan = [];
    for (var i = 0; i < partes.length; i++) {
      if (j[partes[i]] === undefined) v_faltan.push(partes[i]);
    }
    if (v_faltan.length) {
      throw new Error('La base contestó sin la(s) parte(s) «' + v_faltan.join('», «') +
        '» que se le pidieron. Avísale a Maca: la pantalla y la puerta no están diciendo lo mismo.');
    }
    if (j.modo) GEN_MODO = String(j.modo).toUpperCase();
    if (j.quien) GEN_QUIEN = j.quien;
    /* 🔴 ANTES DE DEVOLVER. El Index pinta con lo que esta promesa resuelve, y
     *   para entonces el reparto de apagados ya tiene que ser el del modo. */
    if (GEN_ORIG.registrar) genModoAplicar_();
    if (j.copia !== undefined) { GEN_COPIA = j.copia; genFresco_(obra); }
    if (j.version) { GEN_VER_PUERTA = String(j.version); }
    genPie_();
    return j;
  });
}

/* ── la puerta de escritura ────────────────────────────────────────────
 * Cada escritura llama a SU puerta y traduce la respuesta a los nombres que la
 * pantalla espera. Tres reglas que valen para las nueve:
 *
 *  1 · 🔴 UNA RESPUESTA `dormida` SE MANDA POR EL CANAL DE LA FALLA, con la
 *      frase del servidor TAL CUAL. Lo aprendio CATALOGO en la 74a apretando el
 *      boton: la primera version la devolvia por el canal del EXITO —razonando
 *      que dormida no es un error— y la pantalla pintaba un VISTO BUENO VERDE
 *      por algo que no se escribio. Los manejadores de exito del Index no miran
 *      `ok`: pintan lo que esperan, y en una respuesta dormida eso no viene. El
 *      canal de la falla es el de «no se hizo, y aquí está por qué».
 *  2 · 🔴 `cambio:false` NO ES UNA FALLA. G3, G5 y las dos del CONTROL
 *      contestan `ok:true` con `cambio:false` cuando no habia nada que cambiar,
 *      y eso va por el canal del EXITO. Pintarlo como falla enseñaria a
 *      desconfiar de la pantalla cuando la pantalla tiene razon.
 *  3 · LO QUE LA PUERTA NO CONTESTA SE NOMBRA. Nunca `undefined`.
 *
 * ⚠ AQUI NO HAY CACHE QUE TIRAR, al reves que en CATALOGO: este puente pide
 *   cada lectura a la base en el momento (un viaje por vista, como la app
 *   vieja), asi que despues de escribir la pantalla recarga y lee de nuevo. Lo
 *   unico guardado es `GEN_PAQ`, la lista de paquetes por obra, y se suelta al
 *   cambiar de obra. */
function genEscribir_(puerta, args, traducir) {
  /* 🔴 EL CANDADO DEL MODO, Y ES EL QUE CUMPLE «NI UN rpc DE ESCRITURA».
   *   Los controles ya estan apagados fuera de BASE, asi que esto no deberia
   *   alcanzarse nunca — y justo por eso esta: lo que no deberia pasar es lo
   *   que pasa el dia que alguien llama a una funcion desde la consola, o que
   *   un camino nuevo se salta el reparto. Aqui se para ANTES del viaje. */
  if (GEN_MODO !== 'BASE') {
    return Promise.reject(new Error(genMotivoModo_('eso')));
  }
  return sb.rpc(puerta, args).then(function (r) {
    if (r.error) throw new Error(genErr_(r.error));
    var j = r.data || {};
    if (j.dormida) throw new Error(genTxt_(j.aviso) ||
      'La captura de GENERADORES todavía va en la app de siempre.');
    return traducir ? traducir(j) : j;
  });
}
function genTxt_(v) { return v == null ? '' : String(v); }

/* ── la puerta de T-ARCHIVOS ───────────────────────────────────────────
 * Lo que la base NO hace es mover archivos en Drive, y eso es justo lo que
 * hace falta para empaquetar e importar. T-ARCHIVOS (`/exec`) si lo hace, desde
 * su v1.1.
 *
 * 🔴 LA DIRECCION NO SE ESCRIBE AQUI. Viene de `app_archivos_lista` (SQL 50),
 *    que la resuelve de `CONFIG TERMINUS!WEBAPPS`, renglon `ARCHIVOS`. Asi, el
 *    dia que esa celda cambie, esta pantalla NO se vuelve a publicar. Y cuando
 *    el renglon falta, la propia puerta contesta el motivo en `puerta_falta` y
 *    ese es el que se ensena, en vez de un error de red que no dice nada.
 *
 * 🔴 LO QUE VIAJA SON PALABRAS, NUNCA UN ID DE DRIVE. Se le mandan seis cosas
 *    —`sesion`, `que`, `obra`, `numero`, `concepto`, `paquete`— y T-ARCHIVOS
 *    saca TODOS los ids de lo que le contesta la base (SQL 77). Eso es lo que
 *    hace que el permiso ancho de Drive de esa app no amplie lo que se le
 *    puede pedir desde aqui: aunque esta pantalla quisiera, no tiene forma de
 *    nombrarle un archivo. `genArCuerpo_` es PURA justamente para poder
 *    comprobarlo sin viajar.
 *
 * ⚠ `text/plain` A PROPOSITO, igual que el T-OCR de DESTAJOS: con cualquier
 *   otro tipo el navegador hace la pregunta previa (CORS) que Apps Script no
 *   sabe contestar, y la llamada muere antes de salir.
 *
 * 🔴 UNA RESPUESTA `dormida` SALE POR EL CANAL DE LA FALLA, con la frase del
 *    servidor TAL CUAL — la misma regla que `genEscribir_`, por la misma razon
 *    que la aprendio CATALOGO en la 74a: por el canal del exito se pinta un
 *    visto bueno verde por algo que no se hizo.
 * ───────────────────────────────────────────────────────────────────── */

/* Las cuatro palabras que T-ARCHIVOS sabe hacer. La lista cerrada vive en tres
 * sitios a proposito —el SQL 77, `AR_QUE` de T-ARCHIVOS y aqui— y las tres se
 * cotejan en las pruebas: una palabra mal escrita tiene que morir en la
 * pantalla, sin gastar un viaje. */
var GEN_AR_QUE = ['EMPAQUETAR', 'ESCONDER', 'IMPORTAR', 'DESHACER-EMPAQUE'];

/* Las seis llaves del cuerpo, y ninguna mas. Se declaran AUNQUE EL CODIGO NO
 * LAS USE, por la misma razon que `EE_PUERTAS` en `EscribirEst.gs` declara los
 * nombres de las puertas: para que nadie las adivine y para que la prueba
 * pueda cotejar, sin viajar, que lo que se arma es exactamente esto. */
var GEN_AR_LLAVES = ['sesion', 'que', 'obra', 'numero', 'concepto', 'paquete'];

var GEN_AR_URL = null;      /* la `/exec` que contesto la base */
var GEN_AR_FALTA = '';      /* el motivo cuando no hay direccion */
var GEN_AR_OBRA = null;     /* de que obra es lo guardado (se suelta al cambiar) */

/**
 * Olvida lo guardado para que la siguiente vez se vuelva a preguntar.
 * ⚠ Al cambiar de obra NO hace falta llamarla: `genArUrl_` guarda DE QUE OBRA
 *   es la direccion y, si no es la de ahora, pregunta de nuevo. Esta existe
 *   para la prueba y para el dia que haya que forzar la relectura.
 */
function genArSoltar_() { GEN_AR_URL = null; GEN_AR_FALTA = ''; GEN_AR_OBRA = null; }

/**
 * La direccion de T-ARCHIVOS para esta obra. Un viaje por obra, no por clic.
 * 🔴 Si no hay direccion, LANZA con el motivo de la base, no con uno inventado.
 */
function genArUrl_(obra) {
  var o = genTxt_(obra);
  if (GEN_AR_OBRA === o) {
    return GEN_AR_URL ? Promise.resolve(GEN_AR_URL) : Promise.reject(new Error(GEN_AR_FALTA));
  }
  return sb.rpc('app_archivos_lista', { p_obra: o }).then(function (r) {
    if (r.error) throw new Error(genErr_(r.error));
    var j = r.data || {};
    GEN_AR_OBRA = o;
    GEN_AR_URL = genTxt_(j.puerta_url) || null;
    GEN_AR_FALTA = genTxt_(j.puerta_falta) ||
      'No encontré la dirección de T-ARCHIVOS, que es la que mueve los archivos en Drive. ' +
      'Avísale a Maca: sin esa dirección, los paquetes no se pueden armar desde aquí.';
    if (!GEN_AR_URL) throw new Error(GEN_AR_FALTA);
    return GEN_AR_URL;
  });
}

/**
 * EL CUERPO DEL PEDIDO. PURA: no viaja, no lee la sesion, no toca nada. Se
 * parte asi para poder comprobar, sin Drive y sin red, que NUNCA sale de aquí
 * nada que no sea una de las seis llaves.
 *
 * `numero` va como numero o como null; `concepto` y `paquete` como texto o
 * ausentes. Lo que no aplica NO se manda: una llave con `undefined` dentro se
 * vuelve `null` al cruzar el JSON, y en la base un null y un ausente no
 * siempre quieren decir lo mismo.
 */
function genArCuerpo_(sesion, que, datos) {
  var d = datos || {};
  var c = { sesion: genTxt_(sesion), que: genTxt_(que).trim().toUpperCase(), obra: genTxt_(d.obra) };
  c.numero = (d.numero === 0 || d.numero == null) ? null : Number(d.numero);
  if (d.concepto != null && d.concepto !== '') c.concepto = genTxt_(d.concepto);
  if (d.paquete != null && d.paquete !== '') c.paquete = genTxt_(d.paquete);
  return c;
}

/**
 * El viaje, aparte para que la prueba pueda poner un doble sin tocar `fetch`.
 * ⚠ `window.__AR_DOBLE__` es el gemelo de `window.__SB_DOBLE__`: lo usa la
 *   prueba de Chromium, y en la pantalla publicada no existe.
 */
function genArEnviar_(url, cuerpo) {
  if (window.__AR_DOBLE__) return window.__AR_DOBLE__(url, cuerpo);
  return fetch(url, {
    method: 'POST',
    headers: { 'Content-Type': 'text/plain;charset=utf-8' },
    body: JSON.stringify(cuerpo)
  }).then(function (res) { return res.text(); }).then(function (t) {
    /* 🔴 APPS SCRIPT CONTESTA HTML CUANDO ALGO LE SALE MAL —una pagina de
     *    error de Google, no un JSON—. Si eso se le pasa a `JSON.parse`, el
     *    sintoma es «Unexpected token <», que manda a buscar donde no es. */
    try { return JSON.parse(t); }
    catch (e) {
      throw new Error('T-ARCHIVOS contestó algo que no entiendo (' + t.length +
        ' letras, empieza con «' + t.slice(0, 40).replace(/\s+/g, ' ') + '»). ' +
        'Puede ser que la implementación esté a medio publicar. Avísale a Maca.');
    }
  });
}

/**
 * UNA de las cuatro cosas en Drive. Devuelve lo que contesto T-ARCHIVOS.
 * 🔴 Fuera de BASE se para ANTES del viaje, igual que `genEscribir_`.
 */
function genAr_(que, datos) {
  var q = genTxt_(que).toUpperCase();
  if (GEN_AR_QUE.indexOf(q) < 0) {
    return Promise.reject(new Error('No sé qué es «' + q + '»: esta pantalla sólo sabe pedirle a ' +
      'T-ARCHIVOS ' + GEN_AR_QUE.join(', ') + '. Avísale a Maca.'));
  }
  if (GEN_MODO !== 'BASE') return Promise.reject(new Error(genMotivoModo_('eso')));

  var d = datos || {};
  return genArUrl_(d.obra).then(function (url) {
    return sb.auth.getSession().then(function (r) {
      var token = r && r.data && r.data.session && r.data.session.access_token;
      if (!token) {
        throw new Error('Se cerró la sesión. Vuelve a entrar y repite: no mandé nada a Drive.');
      }
      return genArEnviar_(url, genArCuerpo_(token, q, d));
    });
  }).then(function (j) {
    j = j || {};
    /* dormida → por el canal de la falla, con la frase del servidor tal cual */
    if (j.dormida) throw new Error(genTxt_(j.aviso) ||
      'La captura de GENERADORES todavía va en la app de siempre.');
    if (!j.ok) throw new Error(genTxt_(j.error) || genTxt_(j.aviso) ||
      'T-ARCHIVOS no pudo ' + q.toLowerCase() + ' y no dijo por qué. Avísale a Maca.');
    return j;
  });
}

/* ── google.script.run de mentira: la misma cadena withSuccessHandler ── */
function genCorredor_(ok, mal, uo) {
  return new Proxy({}, { get: function (_, k) {
    if (k === 'withSuccessHandler') return function (f) { return genCorredor_(f, mal, uo); };
    if (k === 'withFailureHandler') return function (f) { return genCorredor_(ok, f, uo); };
    if (k === 'withUserObject') return function (u) { return genCorredor_(ok, mal, u); };
    return function () { genLlamar_(String(k), Array.prototype.slice.call(arguments), ok, mal, uo); };
  } });
}
window.google = { script: { run: genCorredor_(null, null, undefined), host: { close: function () {} } } };

/* El motivo de cada lectura que no tiene puerta. Va al `withFailureHandler`
 * del Index, que ya sabe pintar el error y dejar un boton para volver. */
var GEN_SIN_PUERTA = {
  analizarEstimacion: 'Los avisos antes de generar todavía no están en la versión nueva: se revisa desde T-GENERADORES, la app de siempre.',
  analizarCierre: 'Los avisos del cierre todavía no están en la versión nueva tal como los arma la app de siempre. Usa el botón 🔒 Cerrar, que trae su propio panel.',
  gxAperturaRevisar: 'Esta pantalla no puede saber qué conceptos picar sola: los bloques vacíos que cada obra tiene preparados no llegan a la base. Usa el botón ＋ Abrir estimación, que trae su propio panel.',
  gxfLeer: 'Corregir las fechas todavía se hace en T-GENERADORES, la app de siempre.'
};
/* Las dos que escriben y siguen apagadas, por si una llega por un camino que
 * no pasa por su control. */
var GEN_ESCRITURA_APAGADA = {
  gxfCorregir: 'Corregir las fechas todavía se hace en T-GENERADORES, la app de siempre.',
  /* Estas dos SI tienen puerta y SI se hacen — pero por su panel nuevo, no por
   * aqui: la pantalla vieja les mandaba datos que la base no tiene. */
  gxAbrirEstimacion: 'Abrir la estimación siguiente se hace con el botón «＋ Abrir estimación», que trae su propio panel.',
  cerrarEstimacion: 'Cerrar la estimación se hace con el botón «🔒 Cerrar estimación», que trae su propio panel.'
};

function genLlamar_(fn, args, ok, mal, uo) {
  var p;
  /* ── las seis lecturas ── */
  if (fn === 'getDataInicio') {
    p = genLeer_(['inicio'], '').then(function (j) { return j.inicio; });

  } else if (fn === 'getDataEstimacion') {
    p = genLeer_(['estimacion'], args[0], args[1]).then(function (j) { return genDestapar_(j.estimacion); });

  } else if (fn === 'getCaptura') {
    p = genLeer_(['captura'], args[0], args[1], args[2]).then(function (j) { return j.captura; });

  } else if (fn === 'gvrLigas') {
    /* ⚠ UN SOLO VIAJE PARA LAS DOS, igual que la vieja: el Index pide las ligas
     *   y las versiones juntas a proposito (su comentario de la l. 533 dice por
     *   que). La base las parte en dos partes; aqui se vuelven a juntar.
     *   El mapeo de nombres: la vista manda `id_exp` y `numero`; la pantalla
     *   espera `id` y `est`. */
    p = genLeer_(['ligas', 'versiones'], args[0], args[1]).then(function (j) {
      var L = j.ligas || {}, V = j.versiones || {};
      GEN_LIGAS = L; genFresco_(args[0]); genTemporal_();
      return {
        generadores: L.generadores || { url: '', motivo: '' },
        revision: L.revision || { url: '', motivo: '' },
        versiones: (V.versiones || []).map(function (v) {
          return { id: v.id_exp, nombre: v.nombre, estado: v.estado, est: v.numero };
        }),
        motivoVer: V.aviso || ''
      };
    });

  } else if (fn === 'getMatrizEstimaciones') {
    p = genLeer_(['matriz'], args[0]).then(function (j) { return j.matriz; });

  } else if (fn === 'gxPaquetesListar') {
    /* la vieja devolvia TEXTO y la pantalla hace su JSON.parse */
    p = genLeer_(['paquetes'], args[0]).then(function (j) {
      /* ⚠ de paso se guarda la lista y el destino, que es lo que los caminos de
       *   paquetes necesitan despues. No cuesta un viaje: ya se hizo este. */
      var P = j.paquetes || {}, k = genTxt_(args[0]).toUpperCase();
      GEN_PAQ[k] = Array.isArray(P.paquetes) ? P.paquetes : [];
      if (P.destino != null) GEN_PAQ_DEST[k] = Number(P.destino);
      return JSON.stringify(P);
    });

  /* ── las nueve escrituras ── */
  } else if (fn === 'registrarCaptura') {
    p = genRegistrar_(args[0]);

  } else if (fn === 'setEstadoConcepto') {
    p = genEstadoConcepto_(args[0]);

  } else if (fn === 'setEstadoGenerador') {
    p = genEstadoGen_(args[0]);

  } else if (fn === 'setNotaGenerador') {
    p = genNotaGen_(args[0]);

  } else if (fn === 'guardarConfigGen') {
    p = genConfig_(args[0]);

  } else if (fn === 'gxGuardarFiniquito') {
    p = genFiniquito_(args[0]);

  } else if (fn === 'setCheckBloque') {
    p = genCasilla_(args[0]);

  } else if (fn === 'toggleIncluir') {
    p = genIncluir_(args[0]);

  } else if (fn === 'gxImportarPaquete') {
    /* ⚠ `pqImportarLote` NO tiene camino propio: el Index encadena el las
     *   llamadas el mismo, una por paquete, con su orden y sus opciones ya
     *   calculados en `pqPlanLote` (que es PURA). Encendiendo esta, el lote
     *   funciona solo. */
    p = genImportarPaquete_(args[0]);

  } else if (fn === 'guardarFechasEstimacion') {
    p = genFechas_(args[0]);

  /* ── lo que no tiene puerta, y lo que la tiene pero sigue apagado ── */
  } else if (GEN_SIN_PUERTA[fn]) {
    p = Promise.reject(new Error(GEN_SIN_PUERTA[fn]));

  } else if (GEN_ESCRITURA_APAGADA[fn]) {
    p = Promise.reject(new Error(GEN_ESCRITURA_APAGADA[fn]));

  } else {
    /* `gxAbrirEstimacion` y `cerrarEstimacion` no llegan aqui: sus paneles son
     * nuevos y llaman a su puerta directo. Si algo llega, es que se escapo un
     * camino: se niega, se dice, y queda en la consola. */
    console.warn('GENERADORES · llegó «' + fn + '» al puente y no debería: revisa GEN_PUERTAS');
    p = Promise.reject(new Error('«' + fn + '» no está en la versión nueva. Avísale a Maca.'));
  }

  p.then(function (d) { if (ok) ok(d, uo); },
         function (e) { if (mal) mal({ message: genErr_(e) }, uo); else console.error(e); });
}

/* ══════════════════════════════════════════════════════════════════════
 * 🔴 DEJAR DE PISAR `escribible` · ESTE ES EL CAMBIO QUE ENCIENDE LA 66a
 *
 * `app_gen_leer` (SQL 55) manda `escribible`, `escribe` y `puedeCorregirFechas`
 * CLAVADOS EN false, porque la 57a no tenia ni una puerta que escribiera. Y
 * manda al lado el veredicto de verdad en `escribibleReal` y `motivoReal`,
 * puesto ahi a proposito «para que la 66a solo tenga que dejar de pisarlo».
 *
 * Se destapa AQUI, del lado de la pantalla, y no con un `create or replace` de
 * la puerta, por dos razones medidas:
 *   · pegar el SQL cambiaria la pantalla YA PUBLICADA en el momento de pegarlo,
 *     dias antes de que esta version salga. Hecho aqui, todo viaja junto en un
 *     solo PR y se deshace deshaciendo el PR.
 *   · `app_gen_leer` esta en el ##NO-TOCAR del encargo. Esto no la toca.
 *
 * ⚠ QUIEN DECIDE DE VERDAD ES LA PUERTA QUE ESCRIBE, no esto. `est_exigir_`
 *   vuelve a pedir CAPTURA en cada llamada. Esto solo decide que se DIBUJA: si
 *   le mintiera, el boton aparecería y la puerta lo negaría — feo, pero no
 *   peligroso. Al reves (no dibujar lo que sí se puede) tampoco pierde nada.
 *
 * 🔴 Y SE LE SUMA EL NIVEL. Gaby es CONSULTA: ninguna de las doce puertas
 *   escribe para un CONSULTA, asi que dibujarle controles que escriben seria
 *   ofrecerle doce negativas. Con `escribible` en false ve la pantalla entera
 *   en consulta, con el motivo escrito.
 *
 * 🔴 LOS CHIPS DE LAS OTRAS ESTIMACIONES. `estimaciones[].escribible` tambien
 *   viaja en false y NO tiene gemela real. Se deduce de `etiqueta`, que si
 *   viaja, y la deduccion es EXACTA, no aproximada: medido contra
 *   `gen57_bloques_` del SQL 55, `escribible` es verdadero exactamente cuando
 *   la etiqueta es EN CAPTURA o PRESENTADA (las dos salen de estado ABIERTA,
 *   sin aceptar y sin fecha de pago; las demas etiquetas excluyen alguna).
 * ══════════════════════════════════════════════════════════════════════ */
var GEN_ETIQUETAS_ESCRIBIBLES = ['EN CAPTURA', 'PRESENTADA'];
function genNivelEscribe_() {
  var n = GEN_QUIEN && String(GEN_QUIEN.nivel || '').toUpperCase();
  return n === 'TODO' || n === 'CAPTURA';
}
function genDestapar_(d) {
  if (!d || typeof d !== 'object') return d;
  /* 🔴 FUERA DE BASE NO SE DESTAPA NADA. La pantalla se queda EXACTAMENTE como
   *   la dejo la 80a —`escribible` en false, los 22 apagados— y lo unico que
   *   cambia es el texto, que ahora dice la verdad del modo en vez de «la
   *   captura llega despues». */
  if (GEN_MODO !== 'BASE') {
    d.escribible = false;
    d.soloLectura = (GEN_MODO === 'CAMBIO')
      ? 'Estamos cambiando de casa, regresa en una hora: ahora mismo no se captura ni aquí ni en T-GENERADORES.'
      : 'La captura todavía va en T-GENERADORES, la app de siempre. Aquí se consulta.';
    d.puedeCorregirFechas = false;
    return d;
  }
  var puede = genNivelEscribe_();
  d.escribible = (d.escribibleReal === true) && puede;
  if (!puede) {
    d.soloLectura = 'Tu cuenta entra a GENERADORES para CONSULTAR. Capturar mediciones, estados y notas pide el nivel ' +
      'CAPTURA; si deberías tenerlo, pídeselo a Maca: es un renglón de app_usuarios.';
  } else if (!d.escribible) {
    d.soloLectura = genTxt_(d.motivoReal) || 'Esta estimación es de solo consulta.';
  } else {
    d.soloLectura = '';
  }
  (d.estimaciones || []).forEach(function (e) {
    e.escribible = puede && GEN_ETIQUETAS_ESCRIBIBLES.indexOf(String(e.etiqueta || '').toUpperCase()) >= 0;
  });
  /* D4 de Maca (13-oct): «Corregir fechas» se queda apagado esta vuelta. El
   * boton no se dibuja, y si alguien llega por otro camino, su panel lo dice. */
  d.puedeCorregirFechas = false;
  return d;
}

/* ══════════════════════════════════════════════════════════════════════
 * LAS NUEVE ESCRITURAS, UNA POR UNA
 * ══════════════════════════════════════════════════════════════════════ */

/* ── G1 · las mediciones ───────────────────────────────────────────────
 * 🔴 EL DEFECTO QUE ESTA FUNCION EXISTE PARA NO TENER, y que habria borrado
 *    trabajo de Valentina sin avisar:
 *
 *    `registrarCaptura` de la app vieja tiene DOS modos: «edición» (reemplaza
 *    lo capturado) y «nuevo» (AGREGA sin borrar). G1 **SIEMPRE REEMPLAZA** el
 *    grupo obra·estimacion·concepto — la firma de la 61a no trae la bandera
 *    `reemplazar`, y su handoff lo dice con estas palabras: «quien quiera sumar
 *    manda los viejos y los nuevos juntos».
 *
 *    Pasar el modo «nuevo» tal cual a G1 habria BORRADO lo que ya estaba. Asi
 *    que en modo «nuevo» se piden primero los renglones que hay (parte
 *    `captura`, la misma lectura que la pantalla ya usa para editar) y se
 *    mandan los viejos y los nuevos en un solo viaje.
 *
 * ⚠ LA PANTALLA NO RECALCULA. Los subtotales los devuelve la puerta
 *   (`subtotales[]`, `vol_esta`), calculados con `est61_ajustar_`, que es
 *   `ajustar` del Código v3.41 copiado letra por letra. El Index recarga
 *   despues de registrar, asi que lo que se ve viene de la base. */
function genRegistrar_(p) {
  p = p || {};
  var filas = (p.filas || []).map(function (f) { return (f || []).slice(0, 9); });
  var antes = Promise.resolve([]);
  /* ⚠ SOLO EN BASE. Fuera de BASE la puerta va a contestar `dormida` y no va a
   *   escribir nada, asi que pedir antes lo capturado seria un viaje para
   *   tirar. Ademas deja la cuenta limpia para la prueba: en HOJA y en CAMBIO,
   *   apretar «Registrar» hace UN solo viaje, el de su puerta, y vuelve con el
   *   motivo. */
  if (!p.reemplazar && GEN_MODO === 'BASE') {
    antes = genLeer_(['captura'], p.obra, p.est, p.concepto).then(function (j) {
      return ((j.captura && j.captura.filas) || []).map(function (f) { return (f.med || []).slice(0, 9); });
    });
  }
  return antes.then(function (viejas) {
    var todas = viejas.concat(filas);
    return genEscribir_('app_gen_guardar_mediciones', {
      p_obra: p.obra, p_numero: Number(p.est), p_concepto: p.concepto,
      p_renglones: todas, p_quien: null
    }, function (j) {
      return { ok: true, filas: j.filas, volEsta: genNum_(j.vol_esta),
               estadoGen: genTxt_(j.estado_gen), reemplazadas: j.reemplazadas,
               subtotales: j.subtotales || [], aviso: genTxt_(j.aviso) };
    });
  });
}

/* ── G2 · el estado del CONCEPTO (la foto global de la obra) ───────────
 * ⚠ AQUI UNA NOTA VACIA **CONSERVA** LA ANTERIOR, y en G3 la BORRA. La
 *   asimetria esta en el codigo vivo (`notas ? notas : notasPrev`) y se copio
 *   tal cual. El Index manda '' cuando el estado no es DUDA, que es justo
 *   «no toques la nota». */
function genEstadoConcepto_(p) {
  p = p || {};
  return genEscribir_('app_gen_estado_concepto', {
    p_obra: p.obra, p_concepto: p.concepto, p_estado: genTxt_(p.estado),
    p_notas: genTxt_(p.notas), p_quien: null
  }, function (j) {
    return { ok: true, estado: genTxt_(j.estado), notas: genTxt_(j.notas),
             notaConservada: !!j.nota_conservada, aviso: genTxt_(j.aviso) };
  });
}

/* ── G3 · el estado del GENERADOR en ESTA estimacion ───────────────────
 * 🔴 `p_notas` VA EN **null**, NO EN ''. G3 distingue las tres cosas de
 *    `upsertGenEstado_` con `is not distinct from`: **NULL no toca · '' BORRA ·
 *    algo escribe**. El Index, al elegir un estado, no manda nota ninguna —
 *    mandar '' aqui BORRARIA la nota que Valentina escribio, sin avisar y sin
 *    que nadie lo relacionara con haber tocado el chip del estado. */
function genEstadoGen_(p) {
  p = p || {};
  return genEscribir_('app_gen_estado_generador', {
    p_obra: p.obra, p_numero: Number(p.est), p_concepto: p.concepto,
    p_estado: genTxt_(p.estado), p_notas: null, p_quien: null
  }, function (j) {
    /* `cambio:false` es ok:true — no se pinta como falla (regla 2) */
    return { ok: true, estado: genTxt_(j.estado), cambio: j.cambio !== false, aviso: genTxt_(j.aviso) };
  });
}

/* ── G3 otra vez · la NOTA del generador ───────────────────────────────
 * La misma puerta, al reves: el ESTADO va en null (no se toca) y la nota va tal
 * cual. Aqui '' SI tiene que llegar: es el boton «🗑 Eliminar nota», que vacia
 * el cuadro de texto antes de llamar. Borrar es lo que se le pidio. */
function genNotaGen_(p) {
  p = p || {};
  return genEscribir_('app_gen_estado_generador', {
    p_obra: p.obra, p_numero: Number(p.est), p_concepto: p.concepto,
    p_estado: null, p_notas: genTxt_(p.nota), p_quien: null
  }, function (j) {
    return { ok: true, nota: genTxt_(j.notas), cambio: j.cambio !== false, aviso: genTxt_(j.aviso) };
  });
}

/* ── G4 · el ⚙ del redondeo ────────────────────────────────────────────
 * ⚠ `p_tope_pct` VA EN null A PROPOSITO (decision D5 de Maca, 13-oct). El tope
 *   de amortizacion vive en `gen_config.tope_pct` y nace en 80, pero la puerta
 *   de LECTURA no manda su valor de hoy, asi que el ⚙ no tendria que enseñar
 *   para poder editar. Con null, G4 **no lo toca** (`coalesce(v_tope,
 *   g.tope_pct)`): las cinco reglas se guardan y el tope se queda como estaba.
 *   Encenderlo es un renglon en el SQL de lectura, cuando Maca lo pida.
 *
 * El aviso nuevo que la app vieja no tenia: si ya hay mediciones capturadas,
 * G4 lo dice en su frase («OJO: N medición(es) ya capturada(s) se quedan con la
 * regla con la que nacieron»). Se enseña, porque cambiar la regla y no ver
 * cambiar los numeros viejos parece un error y no lo es. */
function genConfig_(p) {
  p = p || {};
  return genEscribir_('app_gen_config', {
    p_obra: p.obra, p_reglas: p.reglas || {}, p_tope_pct: null, p_quien: null
  }, function (j) {
    if (genNum_(j.mediciones_ya_capturadas) > 0) {
      setTimeout(function () { alert(genTxt_(j.aviso)); }, 0);
    }
    return { ok: true, reglas: j.reglas || {}, escritos: j.escritos || [],
             aviso: genTxt_(j.aviso) };
  });
}

/* ── G5 · el finiquito (el titulo en el papel) ─────────────────────────
 * 🔴 `cambio:false` NO ES FALLA. Elegir el mismo titulo que ya estaba contesta
 *    `ok:true, cambio:false` y no deja renglon de bitacora: un renglon sin
 *    cambio es ruido. Va por el canal del exito. */
function genFiniquito_(p) {
  p = p || {};
  return genEscribir_('app_gen_finiquito', {
    p_obra: p.obra, p_numero: Number(p.est), p_forma: genTxt_(p.forma), p_quien: null
  }, function (j) {
    return { ok: true, forma: genTxt_(j.forma), accion: genTxt_(j.accion),
             cambio: j.cambio !== false, aviso: genTxt_(j.aviso) };
  });
}

/* ── las casillas T·C·F ────────────────────────────────────────────────
 * ⚠ ESTA SE PUEDE AUN CON LA ESTIMACION CERRADA, y es a proposito: el
 *   expediente se sigue armando cuando el dinero ya esta quieto (decision 5 de
 *   la 51a, escrita en el propio SQL 41). */
function genCasilla_(p) {
  p = p || {};
  return genEscribir_('app_est_casilla', {
    p_obra: p.obra, p_numero: Number(p.est), p_concepto: p.concepto,
    p_cual: genTxt_(p.campo), p_valor: !!p.valor, p_quien: null
  }, function (j) {
    return { ok: true, valor: j.valor === true, cambio: j.cambio !== false, aviso: genTxt_(j.aviso) };
  });
}

/* ── las fechas de la estimacion ───────────────────────────────────────
 * ⚠ EL INICIO NO SE CAPTURA, SE MANDA. La app vieja lo calculaba en el
 *   servidor (`calcInicioPeriodo_`) y por eso no viajaba. `app_est_fechas` si
 *   lo pide, y la pantalla ya lo tiene: la puerta de lectura lo manda en
 *   `fechasPanel.inicio`, calculado con la misma regla (la est 1 empieza en el
 *   inicio de obra; cada una de las demas, el dia siguiente al fin de la
 *   anterior). Es el valor que se ve en el campo gris «Inicio del periodo —
 *   fijo», o sea: se manda exactamente lo que Maca esta viendo.
 *
 * ⚠ FECHAS AL MEDIODIA. Las tres viajan como texto `YYYY-MM-DD` y
 *   `est_fecha_ok_` compara FECHAS, no horas, sin convertir zonas: es la regla
 *   que evita el dia corrido de los SISTEMA ESTIMACIONES del Pacifico. */
function genFechas_(p) {
  p = p || {};
  var fp = (window.DE && window.DE.fechasPanel) || {};
  var ini = genTxt_(fp.inicio);
  if (!ini) {
    return Promise.reject(new Error('Todavía no se puede calcular el inicio del periodo, así que no guardo las fechas. ' +
      (genTxt_(fp.falta) === 'INICIO_OBRA'
        ? 'Falta la fecha de inicio de obra en CONTRATO C15 del archivo.'
        : 'La estimación anterior no tiene fin de periodo — captúralo primero.')));
  }
  return genEscribir_('app_est_fechas', {
    p_obra: p.obra, p_numero: Number(p.est), p_fecha: genTxt_(p.fecha),
    p_inicio: ini, p_fin: genTxt_(p.fin), p_quien: null
  }, function (j) {
    return { ok: true, inicio: genTxt_(j.periodo_inicio), aviso: genTxt_(j.aviso) };
  });
}

/* ── INCLUIR · los dos caminos que son de la 66a ───────────────────────
 * Ver el mapa de arriba: `toggleIncluir` tiene TRES caminos y uno es de Drive.
 *
 * 🔴 DESMARCAR UN CONCEPTO CON MEDICIONES LO NIEGA LA PROPIA PUERTA, con su
 *    frase: «ya tiene N medición(es) capturada(s), así que no se puede sacar
 *    así: eso es un paquete». Esa frase es la del servidor y se pasa TAL CUAL;
 *    el puente solo le agrega dónde se hace mientras tanto, en un renglón
 *    aparte. Lo que NO se hace es inventar un paquete: guardar las mediciones
 *    con sus imágenes es G6, y G6 copia archivos en Drive.
 *
 * 🔴 MARCAR SÍ SE HACE, PERO NO TRAE EL PAQUETE DE VUELTA. La app vieja, al
 *    volver a marcar un concepto, importaba sola el paquete que había salido de
 *    ahí (`gxpRegresoAlMarcar_`). Eso es G7, y G7 también mueve archivos. Si el
 *    concepto tenía un paquete guardado, se DICE en el aviso. Callarlo dejaría
 *    a Valentina creyendo que su trabajo volvió. */
function genPaquetesDe_(obra) {
  var k = String(obra || '').toUpperCase();
  if (GEN_PAQ[k]) return Promise.resolve(GEN_PAQ[k]);
  return genLeer_(['paquetes'], obra).then(function (j) {
    GEN_PAQ[k] = ((j.paquetes && j.paquetes.paquetes) || j.paquetes || []);
    if (!Array.isArray(GEN_PAQ[k])) GEN_PAQ[k] = [];
    return GEN_PAQ[k];
  }).catch(function () { return []; });   /* no saber de paquetes no detiene un INCLUIR */
}
function genPaqSoltar_(obra) {
  var k = genTxt_(obra).toUpperCase();
  delete GEN_PAQ[k]; delete GEN_PAQ_DEST[k];
}

/** El concepto tal como lo trajo esta vista, para saber si tiene mediciones. */
function genConceptoDe_(clave) {
  var d = window.DE || {};
  var k = genTxt_(clave).trim().toUpperCase();
  var L = d.conceptos || [];
  for (var i = 0; i < L.length; i++) {
    if (genTxt_(L[i].clave).trim().toUpperCase() === k) return L[i];
  }
  return null;
}

/**
 * ¿Ese concepto tiene mediciones en la estimación que se está viendo?
 * ⚠ NO ES ADIVINAR: `window.DE` es lo que la base acaba de contestar en esta
 *   vista, así que tiene la misma frescura que tenía la app vieja al decidir lo
 *   mismo (`aplicarIncluir` y `fxExcluir` deciden con este mismo campo).
 * ⚠ Y si aun así se equivoca, las dos puertas se niegan y no pasa nada malo:
 *   `app_est_incluir` niega desmarcar un concepto con mediciones, y EMPAQUETAR
 *   se niega si el concepto NO las tiene. En los dos casos se dice que hay que
 *   volver a cargar, que es lo honesto.
 */
function genTieneMediciones_(clave) {
  var c = genConceptoDe_(clave);
  return !!c && (genNum_(c.genEsta) || 0) > 0;
}

/* ══════════════════════════════════════════════════════════════════════
 * EL EMPAQUE · tres pedidos, y el orden NO es negociable
 *
 *   ① EMPAQUETAR (T-ARCHIVOS) copia las imágenes. La estimación queda INTACTA.
 *   ② G6         (la base) anota el paquete Y desmarca el concepto.
 *   ③ ESCONDER   (T-ARCHIVOS) le pone el prefijo a las originales.
 *
 * 🔴 EL ORDEN LO MANDA EL ÚNICO MEDIO CAMINO QUE PIERDE ALGO. Si se renombraran
 *    las originales ANTES y G6 dijera no, las fotos quedarían escondidas con sus
 *    mediciones todavía dentro de la estimación, y nadie se enteraría. Partido
 *    así, ese estado no existe. (Lo dice con esas palabras la nota del SQL 77.)
 *
 * 🔴 Y QUÉ HACER EN CADA CORTE NO LO ELIGE ESTA PANTALLA: LO DECIDE LA BASE.
 *    `DESHACER-EMPAQUE` sólo se autoriza cuando el paquete NO existe, así que:
 *      · corte entre ① y ② → se deshace. La base nunca supo nada.
 *      · corte entre ② y ③ → 🔴 NO se deshace, y aunque se pidiera la base lo
 *        NEGARÍA: el paquete ya existe y esas copias son su contenido. ESCONDER
 *        es REPETIBLE (una original que ya trae el prefijo se salta), así que lo
 *        correcto es volver a pedirlo — y mientras tanto DECIR exactamente qué
 *        sí quedó guardado, porque el trabajo no se perdió y el único riesgo es
 *        que alguien crea que sí y lo capture otra vez.
 * ══════════════════════════════════════════════════════════════════════ */
function genEmpaque_(p) {
  var obra = p.obra, num = Number(p.est), cpt = genTxt_(p.concepto);
  var copia = null;

  /* 🔴 EL CANDADO DEL MODO, AQUI ARRIBA Y NO SOLO ABAJO. Sin el, en HOJA la
   *    negativa salia envuelta en «No se guardó el paquete, así que el concepto
   *    SIGUE…», que suena a que se intento y fallo cuando no viajo nada — y
   *    ademas dejaba la frase del servidor en segundo renglon. Aqui la frase
   *    del modo sale SOLA y tal cual, que es la regla. */
  if (GEN_MODO !== 'BASE') {
    return Promise.reject(new Error(genMotivoModo_(GEN_QUE.aplicarIncluir)));
  }

  return genAr_('EMPAQUETAR', { obra: obra, numero: num, concepto: cpt })
    .then(null, function (e) {
      throw new Error('No se guardó el paquete de ' + cpt + ', así que el concepto SIGUE en la estimación ' +
        num + ' con sus mediciones: no se perdió nada.\n\n' + genErr_(e));
    })
    .then(function (a) {
      copia = a;
      return genEscribir_('app_gen_empaquetar', {
        p_obra: obra, p_numero: num, p_concepto: cpt,
        p_motivo: genTxt_(p.motivo),
        p_carpeta: genTxt_(a.carpeta) || null,
        p_imagenes: Array.isArray(a.imagenes) ? a.imagenes : [],
        p_quien: null
      }).then(null, function (e) {
        /* ── corte entre ① y ②: la base no supo nada, se limpia lo copiado ── */
        var dicho = genErr_(e);
        return genAr_('DESHACER-EMPAQUE', {
          obra: obra, numero: num, concepto: cpt, paquete: genTxt_(a.paquete_probable)
        }).then(function (d) {
          throw new Error('NO se guardó el paquete, así que ' + cpt + ' sigue en la estimación ' + num +
            ' con sus mediciones: no se perdió nada. Y las ' + (d.tiradas || 0) +
            ' copia(s) que ya se habían hecho se tiraron.\n\n' + dicho);
        }, function (e2) {
          throw new Error('NO se guardó el paquete, así que ' + cpt + ' sigue en la estimación ' + num +
            ' con sus mediciones: no se perdió nada.\n\n' + dicho +
            '\n\n⚠ Y tampoco pude limpiar las copias que había hecho: revisa la carpeta ' +
            genTxt_(copia && copia.carpeta_nombre) + ' en PAQUETES y bórrala a mano. (' + genErr_(e2) + ')');
        });
      });
    })
    .then(function (j) {
      /* 🔴 el número del paquete se calculó ANTES de que la base lo asignara */
      var avisos = [];
      var real = genTxt_(j.paquete), probable = genTxt_(copia.paquete_probable);
      if (real && probable && real !== probable) {
        avisos.push('la carpeta de Drive se llama ' + genTxt_(copia.carpeta_nombre) + ' porque se nombró antes ' +
          'de que la base asignara el número, y el paquete quedó como ' + real + '. No es un error —lo que ' +
          'amarra el paquete con su carpeta es la carpeta misma, no el nombre—, pero conviene saberlo.');
      }
      if (copia.nota) avisos.push(genTxt_(copia.nota));

      return genAr_('ESCONDER', { obra: obra, numero: num, concepto: cpt, paquete: real })
        .then(function (h) {
          genPaqSoltar_(obra);
          if (h && h.avisos && h.avisos.length) avisos = avisos.concat(h.avisos);
          return { ok: true, paquete: real, movidas: Number(j.renglones) || 0,
                   imagenes: Number(copia.copiadas) || 0, aviso: avisos.join(' · ') };
        }, function (e) {
          /* ── corte entre ② y ③: 🔴 NO se deshace. Se dice qué SÍ quedó ── */
          genPaqSoltar_(obra);
          throw new Error('⚠ A MEDIAS, y lo importante SÍ quedó guardado: las ' + (Number(j.renglones) || 0) +
            ' medición(es) de ' + cpt + ' están en el paquete ' + real + ' con sus ' +
            (Number(copia.copiadas) || 0) + ' imagen(es), y el concepto ya salió de la estimación ' + num +
            '. NO vuelvas a capturarlas.\n\nLo único que faltó es esconder las imágenes originales, que ' +
            'siguen con su nombre de siempre. Vuelve a desmarcar el concepto para que lo termine: ese paso ' +
            'se puede repetir sin hacer daño.\n\n' + genErr_(e));
        });
    });
}

/* ══════════════════════════════════════════════════════════════════════
 * IMPORTAR · primero la base, después Drive
 *
 *   ① G7 `app_gen_importar` mete las mediciones y devuelve la carpeta y las
 *      imágenes que hay que mover.
 *   ② IMPORTAR (T-ARCHIVOS) las mueve a `EST{N}/Imagenes`, renumerando las que
 *      choquen.
 *
 * 🔴 SI SE CORTA ENTRE LAS DOS, LAS MEDICIONES YA ENTRARON Y LAS IMÁGENES NO.
 *    Eso NO se deshace, y a propósito: el SQL 77 dice que IMPORTAR no vuelve a
 *    mirar el interruptor ni si la estimación sigue EN CAPTURA, justamente para
 *    que mover se pueda terminar siempre. Mover es REPETIBLE.
 *
 * 🔴 Y POR ESO, AL VOLVER A APRETAR, NO SE REPITE G7. Si la base ya tiene ese
 *    paquete como IMPORTADO a ese destino, G7 se negaría («ya está importado») y
 *    las imágenes se quedarían fuera PARA SIEMPRE, sin manera de terminar. Lo
 *    que se hace es preguntar, y si ya está importado ahí, se va derecho a mover.
 * ══════════════════════════════════════════════════════════════════════ */
function genYaImportado_(obra, paquete, destino) {
  genPaqSoltar_(obra);
  return genPaquetesDe_(obra).then(function (lista) {
    var id = genTxt_(paquete).toUpperCase();
    for (var i = 0; i < lista.length; i++) {
      if (genTxt_(lista[i].id).toUpperCase() === id) {
        return genTxt_(lista[i].estado).toUpperCase() === 'IMPORTADO' &&
               Number(lista[i].importadoA) === Number(destino);
      }
    }
    return false;
  }, function () { return false; });
}

function genMover_(obra, destino, paquete, renglones) {
  return genAr_('IMPORTAR', { obra: obra, numero: Number(destino), paquete: paquete })
    .then(function (m) { genPaqSoltar_(obra); return m; }, function (e) {
      genPaqSoltar_(obra);
      throw new Error('⚠ A MEDIAS, y lo importante SÍ entró: las ' + (Number(renglones) || 0) +
        ' medición(es) del paquete ' + paquete + ' ya están en la estimación ' + destino +
        '. NO las captures otra vez.\n\nLo que faltó es mover sus imágenes. Vuelve a apretar ' +
        'Importar en ese mismo paquete: va a mover sólo las imágenes, sin tocar las mediciones.\n\n' +
        genErr_(e));
    });
}

/** UN paquete a su destino. `modo`: '' · 'SUMAR'. (REEMPLAZAR va aparte.) */
function genImportarUno_(obra, paquete, destino, modo) {
  return genYaImportado_(obra, paquete, destino).then(function (ya) {
    if (ya) {
      /* sólo faltaba mover: se termina el trabajo, no se repite el de la base */
      return genMover_(obra, destino, paquete, 0).then(function (m) {
        return { paquete: genTxt_(paquete), est: Number(destino), concepto: '',
                 renglones: 0, imagenes: Number(m.movidas) || 0,
                 renombradas: Number(m.renombradas) || 0, guardadoEn: '',
                 avisos: ['las mediciones ya habían entrado antes; esta vez sólo se movieron las imágenes.']
                   .concat((m.avisos || [])) };
      });
    }
    return genEscribir_('app_gen_importar', {
      p_obra: obra, p_paquete: genTxt_(paquete), p_numero_destino: Number(destino),
      p_quien: null, p_modo: genTxt_(modo).toUpperCase()
    }).then(function (j) {
      return genMover_(obra, destino, paquete, j.renglones).then(function (m) {
        return { paquete: genTxt_(j.paquete), est: Number(j.numero), concepto: genTxt_(j.concepto),
                 renglones: Number(j.renglones) || 0, imagenes: Number(m.movidas) || 0,
                 renombradas: Number(m.renombradas) || 0, guardadoEn: '',
                 avisos: (m.avisos || []).concat(j.sin_catalogo
                   ? ['el concepto ' + genTxt_(j.concepto) + ' no está en el catálogo de la obra.'] : []) };
      });
    });
  });
}

/**
 * `gxImportarPaquete({obra, paquete, modo})`. Devuelve TEXTO, como la vieja.
 *
 * 🔴 REEMPLAZAR GUARDANDO son DOS operaciones completas, porque la base no
 *    puede hacerlo sola (G7 llamando a G6 obligaría a la base a pedirle cosas a
 *    Drive en medio de una transacción): ① se empaqueta lo que ya está ahí, y
 *    ② entra el paquete elegido. Va con UNA sola confirmación —la que el Index
 *    ya pidió— por decisión de Maca (14-oct): la app vieja lo hace en un clic,
 *    entre los dos pasos no hay estado peligroso, y una segunda pregunta
 *    aparecería DESPUÉS de que ya se hizo trabajo, que se lee como «algo salió
 *    mal» y no como «confirma».
 *
 * ⚠ El motivo del paquete que se guarda NO se inventa: es el que escribe la app
 *   vieja, letra por letra (`gxPaquetes.gs`, l. 480).
 */
function genImportarPaquete_(a) {
  a = a || {};
  var obra = a.obra, paq = genTxt_(a.paquete), modo = genTxt_(a.modo).toUpperCase();

  /* 🔴 EL CANDADO DEL MODO VA ANTES DE PREGUNTARLE NADA A NADIE. Las puertas
   *    de abajo ya lo tienen, pero este camino empieza LEYENDO (el destino), y
   *    un control apagado no deberia gastar ni un viaje. */
  if (GEN_MODO !== 'BASE') {
    return Promise.reject(new Error(genMotivoModo_(GEN_QUE.pqImportar)));
  }

  return genDestinoDe_(obra).then(function (destino) {
    if (modo !== 'REEMPLAZAR') {
      return genImportarUno_(obra, paq, destino, modo).then(function (r) { return JSON.stringify(r); });
    }
    /* ① lo que ya está ahí se va a su propio paquete: nunca se borra */
    return genConceptoDePaquete_(obra, paq).then(function (cpt) {
      return genEmpaque_({ obra: obra, est: destino, concepto: cpt,
                           motivo: 'Reemplazado al importar ' + paq })
        .then(function (g) {
          /* ② y ahora sí, entra el elegido */
          return genImportarUno_(obra, paq, destino, '').then(function (r) {
            r.guardadoEn = genTxt_(g.paquete);
            if (g.aviso) r.avisos = (r.avisos || []).concat([g.aviso]);
            return JSON.stringify(r);
          }, function (e) {
            throw new Error('Lo que había en ' + cpt + ' quedó guardado en el paquete ' + genTxt_(g.paquete) +
              ': eso está a salvo. Lo que NO se hizo es traer el paquete ' + paq +
              '. Impórtalo desde 📦 Paquetes cuando quieras.\n\n' + genErr_(e));
          });
        });
    });
  });
}

/** La estimación a la que se importaría en esta obra (`destino`). */
function genDestinoDe_(obra) {
  var k = genTxt_(obra).toUpperCase();
  if (GEN_PAQ_DEST[k] != null) return Promise.resolve(GEN_PAQ_DEST[k]);
  return genLeer_(['paquetes'], obra).then(function (j) {
    var P = j.paquetes || {};
    if (P.destino == null) {
      throw new Error(genTxt_(P.motivoSinDestino) ||
        'No sé a qué estimación importar: no hay ninguna EN CAPTURA en esta obra.');
    }
    GEN_PAQ_DEST[k] = Number(P.destino);
    return GEN_PAQ_DEST[k];
  });
}

/** El concepto de un paquete, para saber qué hay que guardar al reemplazar. */
function genConceptoDePaquete_(obra, paquete) {
  return genPaquetesDe_(obra).then(function (lista) {
    var id = genTxt_(paquete).toUpperCase();
    for (var i = 0; i < lista.length; i++) {
      if (genTxt_(lista[i].id).toUpperCase() === id) return genTxt_(lista[i].concepto);
    }
    throw new Error('No encontré el paquete ' + paquete + ' en esta obra. Vuelve a cargar la pantalla.');
  });
}

/* ── INCLUIR · los tres caminos ────────────────────────────────────────
 * 🔴 DESMARCAR UN CONCEPTO CON MEDICIONES NO PASA POR `app_est_incluir`: esa
 *    puerta lo niega, y hace bien. Es **G6** quien hace las dos cosas —anota el
 *    paquete Y desmarca el concepto—, y G6 necesita que alguien haya copiado
 *    antes las imágenes en Drive. De ahí el empaque de tres pasos.
 *
 * 🔴 MARCAR SÍ TRAE SU PAQUETE DE VUELTA, con la regla de la app vieja copiada
 *    tal cual (`gxpRegresoAlMarcar_`, l. 562) y sin mejorarla:
 *      · sólo vuelve un paquete GUARDADO del mismo concepto Y **que haya salido
 *        de esta misma estimación** (uno que salió de otra NO regresa solo);
 *      · si el destino ya tiene mediciones de ese concepto, 🔴 NO se trae y se
 *        dice, para que nadie crea que volvió;
 *      · si no, entra el ÚLTIMO candidato. */
function genIncluir_(p) {
  p = p || {};
  var val = !!p.incluir;

  /* ① desmarcar un concepto CON mediciones: el empaque */
  if (!val && genTieneMediciones_(p.concepto)) {
    return genEmpaque_(p);
  }

  var escribir = genEscribir_('app_est_incluir', {
    p_obra: p.obra, p_numero: Number(p.est), p_concepto: p.concepto,
    p_valor: val, p_quien: null
  }, function (j) { return j; });

  /* ② desmarcar uno SIN mediciones: como siempre */
  if (!val) {
    return escribir.then(function () {
      return { ok: true, movidas: 0, destino: null, aviso: '' };
    }, function (e) {
      var t = genErr_(e);
      if (/paquete/i.test(t)) {
        throw new Error(t + '\n\n⚠ Esta pantalla creía que ' + genTxt_(p.concepto) + ' no tenía mediciones. ' +
          'Vuelve a cargar la estimación y desmárcalo otra vez: así se guarda en su paquete.');
      }
      throw e;
    });
  }

  /* ③ marcar: y su paquete regresa, si le toca */
  return escribir.then(function () {
    genPaqSoltar_(p.obra);
    return genPaquetesDe_(p.obra).then(function (lista) {
      var cpt = genTxt_(p.concepto).trim().toUpperCase();
      var suyos = lista.filter(function (q) {
        return genTxt_(q.estado).toUpperCase() === 'GUARDADO' &&
               genTxt_(q.concepto).trim().toUpperCase() === cpt &&
               Number(q.estOrigen) === Number(p.est);
      });
      var nada = { ok: true, movidas: 0, destino: null, importado: '', renglones: 0, aviso: '' };
      if (!suyos.length) return nada;

      var ultimo = suyos[suyos.length - 1];
      var c = genConceptoDe_(p.concepto);
      if (c && (genNum_(c.genEsta) || 0) > 0) {
        nada.aviso = 'tiene el paquete ' + genTxt_(ultimo.id) + ' guardado, pero ya tiene mediciones aquí: ' +
          'no lo traje solo. Si lo quieres, impórtalo desde 📦 Paquetes.';
        return nada;
      }
      return genImportarUno_(p.obra, ultimo.id, Number(p.est), '').then(function (r) {
        return { ok: true, movidas: 0, destino: null,
                 importado: genTxt_(r.paquete), renglones: Number(r.renglones) || 0,
                 aviso: (r.avisos || []).join(' · ') };
      }, function (e) {
        /* 🔴 AQUI NO SE AFIRMA SI SE TRAJO O NO, y es a proposito: el camino de
         *    traerlo tiene un medio camino en el que las mediciones SI entraron y
         *    solo faltaron las imagenes, y ese mensaje ya lo dice `genMover_` con
         *    todas sus letras. Un envoltorio que dijera «NO se trajo» encima
         *    estaria contradiciendo a lo de adentro en el mismo aviso —y la
         *    persona creeria lo primero que lee—. Se pasa el motivo tal cual. */
        nada.aviso = 'quedó marcado. Con su paquete ' + genTxt_(ultimo.id) + ': ' + genErr_(e);
        return nada;
      });
    }, function () { return { ok: true, movidas: 0, destino: null, importado: '', renglones: 0, aviso: '' }; });
  });
}

/* ══════════════════════════════════════════════════════════════════════
 * LOS DOS PANELES NUEVOS · apertura y cierre
 *
 * No son traducciones: son pantallas distintas, y lo dicen. Las dos que
 * sustituyen (`gxAperturaRevisar` y `analizarCierre`) leen cosas que la base no
 * tiene, y una de ellas NUNCA las va a tener.
 * ══════════════════════════════════════════════════════════════════════ */

var GEN_TOL = 0.005;   /* `GXA_TOLERANCIA` de gxApertura.gs: medio centavo de volumen */
var GEN_APE = null;    /* lo elegido en el panel de apertura, mientras esta abierto */

/* Lo que una persona necesita ver para decidir si un concepto entra.
 * `ejecP` y `ejecR` son las columnas P y R de EJECUCION TRABAJOS —el ejecutado
 * y lo pagado en destajos—, las mismas dos que leia el prefiniquito; llegan en
 * cada concepto desde la 57a (`v_cat_conceptos_calculo.hoja_p` y `.hoja_r`). */
function genAperturaFilas_() {
  var d = window.DE || {};
  return (d.conceptos || []).map(function (c) {
    var ant = genNum_(c.volAnt);
    var esta = genNum_(c.genEsta) || 0;
    /* ya estimado DESPUES de la estimacion que tienes enfrente: lo acumulado
     * antes de ella mas lo que ella lleva. La siguiente arranca de ahi. */
    var ya = (ant === null) ? null : Math.round((ant + esta) * 100) / 100;
    var ejec = genNum_(c.ejecP);
    var pag = genNum_(c.ejecR);
    var adj = genNum_(c.volAdj);
    var porEjec = (ejec === null || ya === null) ? null : Math.round((ejec - ya) * 100) / 100;
    var porAdj = (adj === null || ya === null) ? null : Math.round((adj - ya) * 100) / 100;
    return { clave: c.clave, desc: genTxt_(c.desc), unidad: genTxt_(c.unidad),
             adj: adj, ya: ya, ejec: ejec, pag: pag, porEjec: porEjec, porAdj: porAdj,
             desfase: (ejec !== null && pag !== null && pag > ejec + GEN_TOL),
             /* la regla de arranque, dicha en el panel: entra si el ejecutado
              * va por delante de lo estimado; si no hay ejecutado, si le queda
              * volumen ajustado por estimar. */
             marcar: (porEjec !== null && porEjec > GEN_TOL) ||
                     (porEjec === null && porAdj !== null && porAdj > GEN_TOL) };
  });
}
function genSiguienteEst_() {
  var d = window.DE || {};
  var n = 0;
  (d.estimaciones || []).forEach(function (e) { if (Number(e.num) > n) n = Number(e.num); });
  return n + 1;
}
function genAperturaHtml_() {
  var filas = genAperturaFilas_();
  var sig = genSiguienteEst_();
  var desfases = filas.filter(function (f) { return f.desfase; });
  GEN_APE = { n: sig, filas: filas };
  var h = '<div class="barra"><button class="btn" onclick="cargarEst(EST)">← Estimación ' + EST + '</button>' +
    '<b>＋ Abrir estimación ' + sig + '</b><span class="hint">' + genEsc_(OBRA) + '</span></div>';

  h += '<div class="panel"><div class="sec">Esta pantalla no abre igual que la app de siempre</div>' +
    '<div style="font-size:12px;line-height:1.7">' +
    '· En T-GENERADORES la app <b>decidía sola</b> qué conceptos picar: leía el ejecutado del prefiniquito y las ' +
    'mediciones que ya estuvieran esperando en el bloque vacío. <b>Aquí decides tú</b>, y abajo está lo que hace falta ' +
    'para decidir.<br>' +
    '· No es que falte construirlo: los <b>bloques de estimación vacíos</b> que cada obra tiene preparados en el CONTROL ' +
    'no llegan a la base, y sin ellos no hay dónde esperar. En la base la estimación se <b>crea</b> cuando la abres, y ' +
    'le toca el número siguiente al último que exista.<br>' +
    '· Se registra la fecha y hora de hoy como la <b>apertura</b>. El SEMÁFORO cuenta los días desde ahí.<br>' +
    '· No se escribe ningún volumen, periodo ni monto. Después puedes quitar y poner conceptos con ⟳ Actualizar.' +
    '</div></div>';

  h += '<div class="panel"><div class="sec">Cómo vienen marcados</div><div class="hint">' +
    'Llega marcado el concepto cuyo <b>ejecutado (P)</b> va por delante de lo que ya se le estimó. Si ese concepto no ' +
    'está en la columna P, se mira si le queda <b>volumen ajustado</b> por estimar. Es una propuesta: cámbiala.' +
    '</div></div>';

  if (desfases.length) {
    h += '<div class="panel"><div class="sec">⚠ Pagado en destajos mayor que el ejecutado (' + desfases.length + ')</div>' +
      '<div class="hint" style="margin-bottom:6px">En estos conceptos la columna R (pagado en destajos) está por encima de ' +
      'la P (ejecutado). La propuesta de arriba usa la P, así que pueden quedarse cortos o fuera.</div>';
    desfases.forEach(function (f) {
      h += '<div style="font-size:12px">· ' + genEsc_(f.clave) + ' — ' + genEsc_(f.desc.slice(0, 50)) +
        ': pagado ' + fv(f.pag) + ' · ejecutado ' + fv(f.ejec) + '</div>';
    });
    h += '</div>';
  }

  var nMarcados = filas.filter(function (f) { return f.marcar; }).length;
  h += '<div class="panel"><div class="sec">Los ' + filas.length + ' conceptos de la obra ' +
    '<span class="hint" id="gnApeN">(' + nMarcados + ' marcados)</span></div>' +
    '<div style="margin-bottom:6px"><button class="mini" onclick="genApeTodos_(true)">Marcar todos</button> ' +
    '<button class="mini" onclick="genApeTodos_(false)">Desmarcar todos</button></div>' +
    '<div style="max-height:46vh;overflow:auto"><table class="gn-tabla"><thead><tr>' +
    '<th style="width:28px"></th><th>Concepto</th><th class="n">Ajustado</th><th class="n">Ya estimado</th>' +
    '<th class="n">Ejecutado&nbsp;(P)</th><th class="n">Por estimar</th><th></th></tr></thead><tbody>';
  filas.forEach(function (f, i) {
    h += '<tr' + (f.marcar ? '' : ' class="gn-of"') + ' id="gnApeF' + i + '">' +
      '<td><input type="checkbox" id="gnApe' + i + '"' + (f.marcar ? ' checked' : '') + ' onchange="genApeTocar_(' + i + ')"></td>' +
      '<td>' + genEsc_(f.clave) + ' — ' + genEsc_(f.desc.slice(0, 60)) + '</td>' +
      '<td class="n">' + (f.adj === null ? '—' : fv(f.adj)) + '</td>' +
      '<td class="n">' + (f.ya === null ? '—' : fv(f.ya)) + '</td>' +
      '<td class="n">' + (f.ejec === null ? '—' : fv(f.ejec)) + '</td>' +
      '<td class="n">' + (f.porEjec === null ? (f.porAdj === null ? '—' : fv(f.porAdj) + ' *') : fv(f.porEjec)) + '</td>' +
      '<td>' + (f.desfase ? '<span class="gn-desfase">⚠ pagado ' + fv(f.pag) + '</span>' : '') + '</td></tr>';
  });
  h += '</tbody></table></div>' +
    '<div class="hint" style="margin-top:6px">* ese concepto no está en la columna P: lo que se enseña es el volumen ' +
    'ajustado que le queda por estimar.</div></div>';

  h += '<div class="panel"><div style="display:flex;gap:10px;flex-wrap:wrap">' +
    '<button class="btn azul" id="gnApeBtn" onclick="genApeAbrir_(this)">＋ Abrir estimación ' + sig + '</button>' +
    '<button class="btn" onclick="cargarEst(EST)">Cancelar</button></div>' +
    '<div class="hint" style="margin-top:6px">La estimación anterior tiene que estar <b>cerrada</b>. Si no lo está, la ' +
    'base lo dice y no abre nada.</div></div>';
  return h;
}
function genApeTocar_(i) {
  var c = document.getElementById('gnApe' + i);
  var tr = document.getElementById('gnApeF' + i);
  if (!c || !tr || !GEN_APE) return;
  GEN_APE.filas[i].marcar = c.checked;
  tr.className = c.checked ? '' : 'gn-of';
  var n = GEN_APE.filas.filter(function (f) { return f.marcar; }).length;
  var el = document.getElementById('gnApeN');
  if (el) el.textContent = '(' + n + ' marcados)';
}
function genApeTodos_(v) {
  if (!GEN_APE) return;
  GEN_APE.filas.forEach(function (f, i) {
    var c = document.getElementById('gnApe' + i);
    if (c) { c.checked = v; genApeTocar_(i); }
  });
}
function genApeAbrir_(btn) {
  if (!GEN_APE) return;
  var claves = GEN_APE.filas.filter(function (f) { return f.marcar; }).map(function (f) { return f.clave; });
  if (!claves.length) { alert('No hay ningún concepto marcado. Una estimación vacía no se abre.'); return; }
  if (!confirm('Se abre la estimación ' + GEN_APE.n + ' de ' + OBRA + ' con ' + claves.length +
      ' concepto(s) incluidos, y se registra hoy como su fecha de apertura. ¿Continuar?')) return;
  btn.disabled = true; btn.textContent = 'Abriendo…';
  var n = GEN_APE.n;
  genEscribir_('app_est_abrir', {
    p_obra: OBRA, p_numero: n, p_plan: claves, p_quien: null
  }, function (j) { return j; }).then(function (j) {
    var av = [];
    if ((j.con_paquete || []).length) av.push('📦 Tienen paquete guardado y NO se trajo solo (se importa desde ' +
      'T-GENERADORES): ' + j.con_paquete.join(', ') + '.');
    if ((j.sin_catalogo || []).length) av.push('⚠ No están en el catálogo: ' + j.sin_catalogo.join(', ') + '.');
    alert(genTxt_(j.aviso) + (av.length ? '\n\n' + av.join('\n') : ''));
    cargarEst(Number(j.numero) || n);
  }, function (e) {
    btn.disabled = false; btn.textContent = '＋ Abrir estimación ' + n;
    alert('NO se abrió: ' + genErr_(e));
  });
}

/* ── el cierre ─────────────────────────────────────────────────────────
 * 🔴 LOS AVISOS SE CALCULAN AQUI, con lo que la puerta de lectura YA mandó.
 *    `analizarCierre` revisaba cinco cosas; cuatro de las cinco se pueden
 *    revisar con los datos que la pantalla tiene enfrente, y la quinta —que
 *    exista el PDF— vive en Drive y se DICE que no se revisó. Un panel que
 *    calla lo que no revisó es peor que uno que lo dice: el que lo aprieta
 *    cree que lo revisó. */
function genCierreAvisos_() {
  var d = window.DE || {};
  var fp = d.fechasPanel || {};
  var inc = (d.conceptos || []).filter(function (c) { return c.incluir === true; });
  var a = [];
  if (!genTxt_(fp.fecha) || !genTxt_(fp.fin)) a.push('Faltan fechas: la estimación no tiene fecha o fin del periodo capturados.');
  if (!inc.length) a.push('No hay ni un concepto incluido en la estimación.');
  if (!(genNum_(d.resumen && d.resumen.montoSinIva) > 0)) a.push('El MONTO SIN IVA está en cero.');
  var sinComp = inc.filter(function (c) { return String(c.estadoGen || '').toUpperCase() !== 'COMPLETO'; });
  if (sinComp.length) a.push(sinComp.length + ' generador(es) incluidos no están en COMPLETO: ' +
    sinComp.slice(0, 8).map(function (c) { return c.clave; }).join(', ') + (sinComp.length > 8 ? '…' : '') + '.');
  return { avisos: a, incluidos: inc.length };
}
function genCierreHtml_() {
  var d = window.DE || {};
  var r = d.resumen || {};
  var fp = d.fechasPanel || {};
  var x = genCierreAvisos_();
  var h = '<div class="barra"><button class="btn" onclick="cargarEst(EST)">← Estimación ' + EST + '</button>' +
    '<b>🔒 Cerrar estimación ' + EST + '</b><span class="hint">' + genEsc_(OBRA) + '</span></div>';

  h += '<div class="panel"><div class="sec">Qué va a pasar (no se puede deshacer desde la app)</div>' +
    '<div style="font-size:12px;line-height:1.7">' +
    '· Las cantidades y los importes de los conceptos incluidos quedan <b>congelados</b>: desde ese momento la ' +
    'estimación no se recalcula nunca más, pase lo que pase con el catálogo.<br>' +
    '· La estimación pasa a solo consulta: no se prenden ni se apagan conceptos, y no se capturan mediciones.<br>' +
    '· La <b>tabla, el croquis y las fotos</b> del expediente se siguen marcando: el expediente se arma cuando el ' +
    'dinero ya está quieto.<br>' +
    '· La <b>aceptación del cliente</b> no se toca: se registra después en el semáforo ESTIMACIONES.</div></div>';

  h += '<div class="panel"><div class="sec">Datos de la estimación</div>' +
    '<span class="stat"><div class="l">Monto sin IVA</div><div class="v">' + fmt(r.montoSinIva) + '</div></span>' +
    '<span class="stat"><div class="l">Total a cobrar</div><div class="v">' + fmt(r.totalCobrar) + '</div></span>' +
    '<span class="stat"><div class="l">Conceptos incluidos</div><div class="v">' + x.incluidos + '</div></span>' +
    '<span class="stat"><div class="l">Periodo</div><div class="v" style="font-size:12px">' +
      genEsc_(fp.inicio || '¿?') + ' → ' + genEsc_(fp.fin || '¿?') + '</div></span></div>';

  if (x.avisos.length) {
    h += '<div class="panel"><div class="sec">⚠ Avisos (' + x.avisos.length + ') — tú decides si cierras así</div>';
    x.avisos.forEach(function (a) { h += '<div class="warn">' + genEsc_(a) + '</div>'; });
    h += '</div>';
  } else {
    h += '<div class="ok-box">✅ Sin avisos de los que esta pantalla sabe revisar: hay fechas, hay conceptos incluidos, ' +
      'el monto no está en cero y los generadores incluidos están en COMPLETO.</div>';
  }

  h += '<div class="panel"><div class="sec">Lo que esta pantalla NO revisó</div><div class="hint">' +
    'La app de siempre también avisaba si <b>faltaba el PDF</b> de la estimación. Ese archivo vive en Drive y desde aquí ' +
    'no se puede ver, así que no se revisó. Si lo necesitas antes de cerrar, míralo en T-GENERADORES.</div></div>';

  h += '<div class="panel"><div style="display:flex;gap:10px;flex-wrap:wrap">' +
    '<button class="btn" style="background:var(--malo-solido);color:var(--malo-tinta);border-color:var(--malo-solido)" ' +
    'onclick="genCieCerrar_(this)">🔒 Cerrar definitivamente</button>' +
    '<button class="btn" onclick="cargarEst(EST)">Cancelar</button></div></div>';
  return h;
}
function genCieCerrar_(btn) {
  var frase = 'CERRAR ' + EST;
  var t = prompt('Confirmación fuerte — escribe exactamente:\n\n' + frase);
  if (t === null) return;
  if (String(t).trim().toUpperCase() !== frase) { alert('No coincide — no se cerró nada.'); return; }
  btn.disabled = true; btn.textContent = 'Cerrando…';
  var n = EST;
  genEscribir_('app_est_congelar', {
    p_obra: OBRA, p_numero: Number(n), p_motivo: 'CIERRE', p_quien: null
  }, function (j) { return j; }).then(function (j) {
    alert(genTxt_(j.aviso) + '\n\nLa aceptación del cliente se registra después en el semáforo ESTIMACIONES.');
    cargarEst(n);
  }, function (e) {
    btn.disabled = false; btn.textContent = '🔒 Cerrar definitivamente';
    alert('NO se cerró: ' + genErr_(e));
  });
}

/* En BASE, los dos paneles nuevos sustituyen a los del Index Y al panel de
 * motivo de `GEN_PANELES`. Fuera de BASE manda el motivo: ver
 * `genPanelesViejos_`, que es el que deja la pantalla igual que la de la 80a. */
function genPanelesViejos_() {
  ['abrirApertura', 'abrirCierre'].forEach(function (k) {
    if (!GEN_PANELES[k]) return;
    window[k] = function () {
      if (typeof cerrarMenuEstado === 'function') cerrarMenuEstado();
      pintarApp(genPanelHtml_(k));
      genPie_();
    };
  });
}
function genPanelesNuevos_() {
  [['abrirApertura', genAperturaHtml_], ['abrirCierre', genCierreHtml_]].forEach(function (par) {
    var nombre = par[0], arma = par[1];
    if (typeof window[nombre] !== 'function') return;
    window[nombre] = function () {
      if (typeof cerrarMenuEstado === 'function') cerrarMenuEstado();
      if (typeof PEND !== 'undefined' && Object.keys(PEND).length) {
        alert('Tienes cambios de "Incluir" sin aplicar — presiona ⟳ Actualizar conceptos a estimar antes.');
        return;
      }
      pintarApp(arma());
      genPie_();
    };
  });
}

/* ── el aviso de frescura ──────────────────────────────────────────────
 * 🔴 SE DICE EL NUMERO, NO LA FRASE. «Hace un momento» envejece en la
 *   pantalla de quien dejo la pestaña abierta; «hace 7 minutos» no.
 * ⚠ `minutos` sale de `copia_bitacora` —cuando la copia MIRO la hoja—, no de
 *   `copia_pestanas.copiado_en` —cuando la hoja CAMBIO—. Son cosas distintas:
 *   una hoja que no cambia en tres dias tiene un `copiado_en` de hace tres dias
 *   y esta perfectamente al dia. */
var GEN_FRESCO_VIEJO = 45;   /* minutos: a partir de aqui el aviso se pinta en rojo */
function genFresco_(obra) {
  var el = document.getElementById('genFresco');
  if (!el) return;
  if (GEN_COPIA === null) {   /* modo BASE: la base ES la fuente, no hay copia que envejecer */
    el.innerHTML = ''; el.className = ''; return;
  }
  var lista = GEN_COPIA || [];
  var clave = String(obra || '').trim().toUpperCase();
  var f = null;
  for (var i = 0; i < lista.length; i++) { if (!clave || lista[i].obra === clave) { f = lista[i]; break; } }
  if (!f) { el.innerHTML = ''; el.className = ''; return; }
  var m = f.minutos;
  el.className = 'gn-fresco' + (m != null && m >= GEN_FRESCO_VIEJO ? ' gn-viejo' : '');
  el.innerHTML = 'Lo que ves es la copia de las hojas, no las hojas. La copia las miró por última vez hace <b>' +
    genEsc_(m == null ? '?' : m) + ' minuto(s)</b> (' + genEsc_(f.mirado_en || '') + ')' +
    (f.obra ? ' · ' + genEsc_(f.obra) : '') + '.';
}

/* ── el aviso del papel EN VIVO ────────────────────────────────────────
 * Decision A+B de Maca (12-oct): los papeles YA GUARDADOS se abren desde aqui,
 * y el papel EN VIVO lo sigue armando T-GENERADORES con un boton temporal.
 *
 * 🔴 EL TEXTO NO VIVE AQUI, VIVE EN LA BASE (`gen57_ligas_()`, llave
 *   `generadores_temporal`). Escrito en el HTML se quedaria mintiendo el dia
 *   que se apague con `papel_vivo_generadores` y nadie se acuerde de venir a
 *   borrarlo. Si la base deja de mandarlo, el aviso desaparece solo. */
function genTemporal_() {
  var el = document.getElementById('genTemporal'); if (!el) return;
  var t = GEN_LIGAS && GEN_LIGAS.generadores_temporal;
  if (!t) { el.innerHTML = ''; el.className = ''; return; }
  el.className = 'gn-aun-no';
  el.innerHTML = '📄 <b>El documento de la estimación</b><small>' + genEsc_(t) + '</small>';
}

/* ── el pie ────────────────────────────────────────────────────────────
 * Tres mitades, y las tres se ven: la de la PANTALLA (GEN_VER, la constante del
 * armador), la de la PUERTA (`gen57_version_()`, que llega en cada respuesta) y
 * —nuevo en v0.2.0— EL MODO.
 *
 * 🔴 EL MODO SE VE SIEMPRE, y no solo cuando algo falla. Una pantalla que
 *   escribe y no dice a dónde escribe es una pantalla en la que hay que
 *   adivinar. En HOJA y en CAMBIO lo dice con todas sus letras: aquí todavía no
 *   se guarda. El dia del cambio, la misma frase es la prueba de que el
 *   interruptor se volteó.
 * El pie de siempre del Index (#pie) no se toca: dice la version del Index
 * viejo del que se partio y el usuario, y eso sigue siendo verdad. */
var GEN_MODO_TXT = {
  HOJA:   'modo HOJA · lo que captures todavía se guarda en la app de siempre',
  CAMBIO: 'modo CAMBIO · nadie está capturando, ni aquí ni allá',
  BASE:   'modo BASE · aquí se captura'
};
function genPie_() {
  var p = document.getElementById('genPie'); if (!p) return;
  var quien = GEN_SESION && GEN_SESION.user && GEN_SESION.user.email;
  var nivel = GEN_QUIEN && genTxt_(GEN_QUIEN.nivel);
  p.innerHTML = genEsc_(GEN_VERSION) +
    (GEN_VER_PUERTA ? ' · puerta ' + genEsc_(GEN_VER_PUERTA) : '') +
    (GEN_MODO ? ' · <b>' + genEsc_(GEN_MODO_TXT[GEN_MODO] || ('modo ' + GEN_MODO)) + '</b>' : '') +
    (quien ? ' · ' + genEsc_(quien) + (nivel ? ' (' + genEsc_(nivel) + ')' : '') +
             ' · <a href="#" onclick="genSalir_();return false">Salir</a>' : '');
}

/* ── los parametros de la URL ──────────────────────────────────────────
 * En Apps Script los inyectaba `doGet` en BOOT. Aqui salen de la barra de
 * direcciones, y se sanean igual que lo hacia la pantalla: se deja pasar solo
 * lo inofensivo y DECIDE la busqueda. Sin validar la forma de la clave: un
 * regex estricto dejaria de encontrar una obra nueva EN SILENCIO. */
function genBoot_() {
  var o = {};
  try {
    var q = new URLSearchParams(location.search);
    q.forEach(function (v, k) { o[k] = String(v); });
  } catch (e) { return {}; }
  return o;
}

/* ── la sesion de Google ───────────────────────────────────────────────
 * El `?u=` con token de la app vieja ya no existe. Quien eres lo dice la
 * sesion, y el portero de la puerta mira `app_usuarios.estimaciones`: quien no
 * tenga nivel recibe el 42501 con su texto, que el Index ya sabe pintar. */
function genArrancarConSesion_() {
  var ir = function () {
    sb.auth.getSession().then(function (r) {
      var ses = r && r.data && r.data.session;
      if (!ses) { genPantallaEntrada_(''); return; }
      GEN_SESION = ses;
      genArmarPantalla_();
      genPie_();
      cargarInicio();
    });
  };
  if (document.readyState === 'loading') window.addEventListener('load', ir); else ir();
}
function genPantallaEntrada_(texto) {
  var a = document.getElementById('app');
  if (a) {
    a.className = '';
    a.innerHTML = '<div class="panel gn-entrada">' +
      '<div class="hint" style="margin-bottom:14px">' + genEsc_(texto || 'Entra con tu cuenta de Google para ver los generadores.') + '</div>' +
      '<button class="btn azul" onclick="genEntrar_()">Entrar con Google</button></div>';
  }
  genPie_();
}
function genEntrar_() {
  sb.auth.signInWithOAuth({ provider: 'google',
    options: { redirectTo: location.origin + location.pathname, queryParams: { prompt: 'select_account' } } });
}
function genSalir_() { sb.auth.signOut().then(function () { location.reload(); }); }
</script>

<header title="Números generadores de estimaciones · Constructora Laprida">
 <!-- TERMINUS · el logotipo blanco de la barra, del archivo del sitio (v0.3.1, 15-oct-2026). Es el MISMO archivo que traia pegado `Logo.html` de Apps Script: 16,009 bytes, 640x161, misma huella. Las medidas van escritas para que el hueco tenga su tamanio desde el primer cuadro. -->
<img class="logo" alt="Terminus" src="logo-terminus-blanco.png" width="640" height="161">
 <h1>GENERADORES</h1>
 <span class="ver" id="verTop"></span>
</header>
<div class="main">
 <div id="genFresco"></div>
 <div id="genTemporal"></div>
 <div id="app" class="cargando">Cargando…</div>
</div>
<div class="footer" id="pie"></div>
<div class="footer" id="genPie"></div>


<script>
var D0 = null, DE = null, OBRA = '', EST = 0, CONC = null, FILAS = [], MODO = 'nuevo', enviando = false;
/* La version de ESTA pantalla vive aqui y en ningun otro lado. La del servidor
 * llega en d.version, asi que el pie dice las dos y se ve de un vistazo si lo
 * publicado son las dos mitades que crees. */
var INDEX_VERSION = 'v3.54';

/* ───────── v3.30: LA LIGA AL EXPEDIENTE ─────────────────────────────────────
 * ⚠ La app NO puede leer su propia direccion: corre dentro de un iframe de Apps
 * Script y window.location es la del iframe, no la del /exec. Se le pide al
 * servidor (gxeUrlWebapp, en GenExpediente.gs) UNA vez y se guarda.
 *
 * ⚠ Y mientras no llegue, el boton se queda APAGADO y lo dice en su title. Un
 * enlace que no lleva a ningun lado enseña a desconfiar de toda la pantalla —
 * es la misma regla del rio del HUB: solo es liga el nodo que TIENE URL.
 *
 * Es un <a>, no un window.open: el navegador bloquea las ventanas que se abren
 * desde un callback asincrono, y esta liga tiene que funcionar al primer clic. */
var URL_APP = '', URL_REV = '';
/* ⚠ v3.40 · A QUE TE LLEVA EL BOTON DE REVISION.
 *   VERSEL vacio = el ESTADO ACTUAL, que es el default y el punto de todo esto:
 *   hasta la v3.39 ese boton resolvia a la ENTREGADA mas reciente, o sea que el
 *   cuadre —que existe para cazar una formula que alguien mato HOY— miraba una
 *   foto congelada. Una version guardada no puede cazar eso nunca.
 *   Con un id adentro, lleva a esa version. */
var VERSEL = '', VERSIONES_REV = [], VERSEL_MOTIVO = '';

/**
 * Rellena el selector de destino. Se llama cuando llegan las versiones, no al
 * pintar: el <select> nace con «el ESTADO ACTUAL» y nada mas.
 *
 * ⚠ EL BOTON DICE EN QUE ESTADO ESTA LA CONSULTA. Mientras no llegan, el
 *   selector se queda con su unica opcion y no promete nada; si la consulta
 *   fallo, se DICE — "no hay versiones" y "no pude leerlas" no se pueden ver
 *   igual.
 */
function pintarSelVer() {
  var sel = document.getElementById('selVer');
  if (!sel) return;
  var h = '<option value="">el ESTADO ACTUAL</option>';
  VERSIONES_REV.forEach(function (v) {
    h += '<option value="' + esc(v.id) + '">' + esc(v.id) + ' · ' + esc(v.estado) +
         ' — ' + esc(v.nombre || '(sin nombre)') + '</option>';
  });
  sel.innerHTML = h;
  sel.value = VERSEL;
  var n = document.getElementById('selVerNota');
  if (n) {
    n.textContent = VERSEL_MOTIVO ? '⚠ ' + VERSEL_MOTIVO
      : (VERSIONES_REV.length ? '' : 'No hay ninguna versión guardada de esta estimación.');
  }
}

/** Cambia el destino del boton. ⚠ Solo toca el href: no recarga la pantalla ni
 *  vuelve a preguntarle nada al servidor. */
function verElegida(v) {
  VERSEL = String(v || '');
  var a = document.getElementById('btRev');
  if (a && URL_REV) a.href = armaRev(URL_REV);
}

/** La liga a REVISION. Global porque la usan DOS: ligarBotones al llegar, y el
 *  selector cada vez que cambias de destino. Dos copias se separan. */
function armaRev(u) {
  return u + (u.indexOf('?') >= 0 ? '&' : '?') +
    'obra=' + encodeURIComponent(OBRA) + '&est=' + EST +
    (TOKEN_U ? '&u=' + encodeURIComponent(TOKEN_U) : '') +
    /* ⚠ `ver=actual` va SIEMPRE que no haya version elegida — no se omite. Sin
       el, REVISION cae a la ENTREGADA mas reciente, que es justo lo que este
       cambio vino a quitar. Un default implicito es el que se olvida. */
    (VERSEL ? '&exp=' + encodeURIComponent(VERSEL) : '&ver=actual');
}
/**
 * ENCIENDE LOS DOS BOTONES QUE LLEVAN A OTRA APP: el documento y Revisión.
 *
 * ⚠ UN SOLO VIAJE PARA LAS DOS. Cada google.script.run cuesta ~1.5 s de piso
 *   pase lo que pase, asi que dos ligas son dos viajes o uno. Es uno.
 *
 * ⚠ LAS LIGAS VIENEN SIN EL NOMBRE DE LA EMPRESA. La URL de una webapp de
 *   Workspace lleva el dominio adentro (script.google.com/a/macros/{dominio}/…)
 *   y el servidor ya la entrega limpia. Aqui no se vuelve a tocar: una sola
 *   regla, en un solo lugar.
 *
 * ⚠ Y UN EXITO SIN URL **APAGA** EL BOTON Y ESCRIBE EL MOTIVO. La v3.30
 *   esperaba una cadena y recibia '' por el camino del EXITO: el boton se
 *   quedaba en "Preparando la liga…" para siempre, sin distinguir "todavia no"
 *   de "no pude". Un boton que promete y no lleva a ningun lado enseña a
 *   desconfiar de toda la pantalla.
 */
function ligarBotones() {
  var pintarUno = function (id, url, arma, titulo) {
    var a = document.getElementById(id);
    if (!a || !url) return false;
    a.href = arma(url);
    a.target = '_blank';
    a.onclick = null;
    a.style.opacity = '';
    a.title = titulo;
    return true;
  };
  var armaExp = function (u) {
    return u + (u.indexOf('?') >= 0 ? '&' : '?') +
           'vista=expediente&obra=' + encodeURIComponent(OBRA) + '&est=' + EST;
  };

  var apagar = function (id, motivo) {
    var a = document.getElementById(id);
    if (a) a.title = 'No hay liga: ' + motivo;
  };

  /* Si ya las tenemos de una carga anterior, no se vuelve a preguntar. */
  if (URL_APP || URL_REV) {
    if (URL_APP) pintarUno('btExp', URL_APP, armaExp,
      'Genera el documento de la estimación ' + EST + ' de ' + OBRA + ' en una pestaña nueva');
    if (URL_REV) pintarUno('btRev', URL_REV, armaRev,
      'Abre la vista con la que se ve y se comparte la estimación ' + EST + ' de ' + OBRA);
    if (URL_APP && URL_REV) return;
  }

  google.script.run
    .withSuccessHandler(function (r) {
      var g = (r && r.generadores) ? r.generadores : { url: '', motivo: '' };
      var v = (r && r.revision) ? r.revision : { url: '', motivo: '' };
      if (g.url) { URL_APP = String(g.url); pintarUno('btExp', URL_APP, armaExp,
        'Genera el documento de la estimación ' + EST + ' de ' + OBRA + ' en una pestaña nueva'); }
      else apagar('btExp', g.motivo || 'el servidor no la encontró.');
      if (v.url) { URL_REV = String(v.url); pintarUno('btRev', URL_REV, armaRev,
        'Abre la vista con la que se ve y se comparte la estimación ' + EST + ' de ' + OBRA); }
      else apagar('btRev', (v.motivo || 'el servidor no la encontró.') +
        ' · Revisa que CONFIG!WEBAPPS tenga el renglón REVISION.');
      /* ⚠ v3.40 · Las versiones llegan en ESTE mismo viaje. Se rellena el
         selector al final, cuando ya se sabe si hubo liga o no: si no la hay,
         el selector no puede llevar a ningun lado y el boton ya lo dice. */
      VERSIONES_REV = (r && r.versiones) ? r.versiones : [];
      VERSEL_MOTIVO = (r && r.motivoVer) ? String(r.motivoVer) : '';
      pintarSelVer();
    })
    .withFailureHandler(function (e) {
      var m = (e && e.message) ? e.message : 'falló la consulta.';
      apagar('btExp', m); apagar('btRev', m);
    })
    .gvrLigas(OBRA, EST);
}

/* ═══════ v3.29 · CRONOMETRO ════════════════════════════════════════════════
 * Dos numeros junto a la version: cuanto tardo el VIAJE al servidor y cuanto
 * tardo la PANTALLA en dibujarse. Sin esto "esta lento" es una opinion y no hay
 * forma de saber si un cambio mejoro o empeoro.
 * ⚠ NO incluye lo que Google tarda en arrancar la webapp antes de que corra una
 *   sola linea nuestra, y eso se dice en el title: si no, el numero promete una
 *   precision que no tiene. */
/* ⚠ El tono NO es el gris del pie. Medido sobre el fondo REAL (blanco): el
   texto del pie da 2.26:1 y el gris que probe primero (#8a97a5) daba 2.98:1 —
   un numero que existe PARA leerse no puede estar ahi. #5c6b7a da 4.92:1 y
   sigue siendo secundario. El rojo del umbral, 5.9:1.
   El pie que lo rodea se deja como esta: no se arregla nada de pasada. */
var CRONO_UMBRAL = 5000;                       // rojo a partir de aqui
var CR = { pide: 0, datos: 0, pantalla: 0 };
function crNow() { return new Date().getTime(); }
function crHtml() {
  if (!CR.datos && !CR.pantalla) return '';
  var lento = (CR.datos > CRONO_UMBRAL) || (CR.pantalla > CRONO_UMBRAL);
  return ' · <span title="datos = el viaje al servidor · pantalla = lo que tardo en dibujarse. NO incluye lo que Google tarda en despertar la webapp antes de correr una sola linea." style="' +
    (lento ? 'color:var(--malo);font-weight:700' : 'color:var(--tinta-suave)') + '">&#9201; datos ' +
    (CR.datos / 1000).toFixed(1) + 's · pantalla ' + (CR.pantalla / 1000).toFixed(1) + 's</span>';
}
/* UNA sola puerta para el pie: antes se escribia con textContent en dos lugares
   y el cronometro necesita HTML. El texto sigue escapado; lo unico que entra sin
   escapar es el <span> de aqui arriba, que es nuestro.
   ⚠ El texto se GUARDA en PIE_TXT en vez de releerse del elemento: textContent
     devolveria tambien las letras del cronometro y al repintar se duplicarian.
     Llamarla SIN argumento repinta lo mismo con los numeros ya medidos. */
var PIE_TXT = '';
function pintarPie(txt) {
  if (txt != null) PIE_TXT = txt;
  var el = document.getElementById('pie');
  if (el) el.innerHTML = esc(PIE_TXT) + crHtml();
}

/* ═══════ v3.29 · LOS PARAMETROS DE LA URL ══════════════════════════════════
 * doGet ya inyectaba TODOS los parametros en BOOT y la pantalla solo miraba
 * vista=matriz: ?obra=CUCBA&est=2 llegaba y se tiraba. Ahora se obedecen.
 * Se sanean como en TERMINUS EVENTOS: se deja pasar solo lo inofensivo y DECIDE
 * la busqueda. No se valida la FORMA de la clave a proposito — el dia que nazca
 * una obra con otro formato, un regex estricto dejaria de encontrarla EN
 * SILENCIO; si no aparece, el servidor lo dice en voz alta. */
function bootObra(v) {
  return String(v == null ? '' : v).replace(/[^A-Za-z0-9_-]/g, '').slice(0, 20).toUpperCase();
}
function bootEst(v) {
  var n = parseInt(String(v == null ? '' : v).replace(/[^0-9]/g, ''), 10);
  return (n > 0 && n < 1000) ? n : 0;          // 0 = "la que decida el servidor"
}
var BOOT = genBoot_();   /* antes: <?= boot ?> inyectado por doGet. Ahora salen de location.search (puente-generadores.html). */
/* v3.32: el token se guarda APARTE y al arrancar. BOOT se anula en cuanto se
 * usa para la vista matriz, y la liga a Revisión lo necesita despues — leerlo
 * de BOOT mas tarde lo encontraria vacio segun por donde entraste. */
var TOKEN_U = (BOOT && BOOT.u) ? String(BOOT.u).replace(/[^A-Za-z0-9_-]/g, '').substring(0, 40) : '';
var FEST = '', FTXT = ''; // filtros del listado de conceptos
var PEND = {};            // cambios de INCLUIR sin aplicar (v3.2): clave -> bool
var MENU_CONC = null;     // concepto con el menú de estados abierto
var VCOL = [true, true, true, true, true, true, true, true, true]; // columnas visibles del grid
function toggleCol(i) { VCOL[i] = !VCOL[i]; pintarConcepto(); }
/* orden: partida, luego No. de concepto (numérico) */
function ordenarConceptos(arr) {
 return arr.slice().sort(function (a, b) {
   var pa = (a.partNo === null || a.partNo === undefined) ? 9999 : a.partNo;
   var pb = (b.partNo === null || b.partNo === undefined) ? 9999 : b.partNo;
   if (pa !== pb) return pa - pb;
   var na = parseFloat(a.clave), nb = parseFloat(b.clave);
   if (!isNaN(na) && !isNaN(nb)) return na - nb;
   return a.clave < b.clave ? -1 : 1;
 });
}
/* v3.23: LAS COLUMNAS SE DECLARAN. Se llama GXCOLS y no COLS porque COLS YA
 * EXISTE en este archivo (las 9 columnas del capturador, linea ~1215): dos var
 * con el mismo nombre en un solo <script> y la segunda pisa a la primera en
 * silencio — se detecto midiendo, la tabla salia con 9 columnas vacias.
 * LAS COLUMNAS SE DECLARAN. El encabezado de bandas se CUENTA de aqui,
 * nunca se escribe un colspan a mano: asi no hay forma de que una banda quede
 * desfasada de las columnas que cubre. Tres secciones:
 *   A identifica · B es SOLO LECTURA (banda oscura) · C es donde se actua. */
/* v3.24: ¿esta abierta la seccion B? Vive en el nivel superior A PROPOSITO:
 * pintarLista() se vuelve a ejecutar con CADA TECLA del buscador, asi que si el
 * estado viviera en el DOM se perderia al primer caracter que Maca escriba. */
/* v3.28: los tres pares grises se colapsan por separado (pedido de Valentina).
 * Clave estable por par y en el nivel superior: pintarLista() corre con CADA
 * tecla del buscador, asi que el estado no puede vivir en el DOM. */
var GXB_PAR = { AJ: true, ANT: true, PEND: true };
function gxbPar(par) { GXB_PAR[par] = !GXB_PAR[par]; pintarLista(); }
/* atajo: si las tres estan ocultas ofrece mostrarlas, si no las oculta todas */
function gxbTodas() {
 var alguna = GXB_PAR.AJ || GXB_PAR.ANT || GXB_PAR.PEND;
 GXB_PAR.AJ = GXB_PAR.ANT = GXB_PAR.PEND = !alguna;
 pintarLista();
}
function gxbAlgunaAbierta() { return GXB_PAR.AJ || GXB_PAR.ANT || GXB_PAR.PEND; }
/* v3.25: la seccion "fuera de la estimacion" arranca COLAPSADA a proposito: es
 * la lista larga (suele traer decenas de conceptos), no es lo que Maca mira a
 * diario, y con el listado a altura fija empujaba lo importante fuera de la
 * pantalla. Se abre con un clic y su estado tambien sobrevive al repintado. */
var GXF_ABIERTA = false;
function gxfAlternar() { GXF_ABIERTA = !GXF_ABIERTA; pintarLista(); }

/* v3.26: 'titulo' es lo que se PINTA (abreviado, para no gastar ancho) y 'full'
 * lo que se lee al pasar el raton. Un titulo corto sin su nombre completo a mano
 * es un acertijo; el title lo resuelve sin costar un solo pixel. */
var GXCOLS = [
 { clave: 'incluir', titulo: '✔',    full: 'Incluir en la estimación',              seccion: 'A', tipo: 'check' },
 { clave: 'estado',  titulo: '◉',    full: 'Estado de control de obra',             seccion: 'A', tipo: 'icono' },
 { clave: 'concepto',titulo: 'Concepto', full: 'Clave, descripción y unidad',       seccion: 'A', tipo: 'texto' },
 { clave: 'pu',      titulo: 'P.U.', full: 'Precio unitario y unidad del concepto', seccion: 'A', tipo: 'money' },
 { clave: 'volAdj',  titulo: 'VOL AJ.',    full: 'Volumen ajustado (catálogo)',        seccion: 'B', par: 'AJ',   tipo: 'vol',   color: 'cAj' },
 { clave: 'impAdj',  titulo: 'MONTO AJ.',  full: 'Monto ajustado (catálogo)',          seccion: 'B', par: 'AJ',   tipo: 'money', color: 'cAj' },
 { clave: 'volAnt',  titulo: 'VOL ANT.',   full: 'Volumen acumulado de estimaciones anteriores', seccion: 'B', par: 'ANT',  tipo: 'vol',   color: 'cAnt' },
 { clave: 'impAnt',  titulo: 'MONTO ANT.', full: 'Monto acumulado de estimaciones anteriores',   seccion: 'B', par: 'ANT',  tipo: 'money', color: 'cAnt' },
 { clave: 'volPend', titulo: 'VOL PEND.',  full: 'Volumen pendiente = ajustado − acumulado anterior', seccion: 'B', par: 'PEND', tipo: 'vol',   color: 'cPend' },
 { clave: 'impPend', titulo: 'MONTO PEND.',full: 'Monto pendiente = ajustado − acumulado anterior',   seccion: 'B', par: 'PEND', tipo: 'money', color: 'cPend' },
 { clave: 'volEsta', titulo: 'VOL EST.',   full: 'Volumen de ESTA estimación (CANT del CONTROL)',    seccion: 'C', tipo: 'vol' },
 { clave: 'impEsta', titulo: 'MONTO EST.', full: 'Monto de ESTA estimación (IMPORTE del CONTROL)',   seccion: 'C', tipo: 'money' },
 { clave: 'gen',     titulo: 'GEN',  full: 'Estado del generador en esta estimación', seccion: 'C', tipo: 'icono' },
 { clave: 'tcf',     titulo: 'T·C·F',full: 'TABLA · CROQUIS · FOTOS del bloque',      seccion: 'C', tipo: 'tcf' },
 { clave: 'accion',  titulo: '',     full: '',                                        seccion: 'C', tipo: 'boton' }
];
/* v3.28: el piso 1 de la zona B ya no es UNA banda: son tres, una por par, cada
 * una justo encima de sus dos columnas y con su propio control. */
var GXB_PARES = [
 { par: 'AJ',   titulo: 'AJUSTADO',   full: 'Del catálogo: volumen y monto ajustados' },
 { par: 'ANT',  titulo: 'ACUM. ANT.', full: 'Acumulado de las estimaciones anteriores' },
 { par: 'PEND', titulo: 'PENDIENTE',  full: 'Pendiente = ajustado − acumulado anterior' }
];
var BANDAS = [
 { seccion: 'A', titulo: 'Concepto' },
 { seccion: 'C', titulo: 'Esta estimación' }
];
/* ancho minimo por tipo de columna: la tabla no cabe en 1300 y va en .gwrap,
 * igual que la matriz. El minimo se SUMA de GXCOLS, no se escribe a mano. */
/* v3.25: ANCHO DECLARADO por columna. Con table-layout:fixed el navegador ya no
 * inventa el reparto: manda este numero. Las numericas van justas para su
 * contenido y Concepto se lleva el sobrante (es la unica elastica). */
/* v3.26: medido en el navegador — el checkbox ocupa 13px y el boton redondo de
 * estado 30px. Con el padding de celda (3px por lado) 38px es el minimo comodo:
 * 54 sobraban 16px por columna que la descripcion necesitaba mas. */
/* v3.45: money de 80 a 90. Con la fuente de cifras un monto de millones en
 * negrita ($1,057,083.19, el total de partida) pide ~82 px con su relleno; 80
 * lo cortaba. Los 10 px salen de Concepto, que es la unica elastica. */
/* v3.46: boton de 78 a 92 — «✎ Generar» con IBM Plex no cabia en 68 utiles. */
var ANCHO_COL = { check: 38, icono: 38, texto: 244, money: 90, vol: 66, tcf: 74, boton: 92, marca: 26 };
/* v3.24: la seccion B es solo lectura -> mas angosta y con letra mas chica que
 * el resto. El ancho de sus columnas se toma de aqui, no de ANCHO_COL. */
/* v3.26: la seccion B necesita DOS anchos, no uno. Con 60px para todas, un
 * monto como $148,147.20 salia cortado ("$148,14…") y un numero a medias es
 * peor que no ponerlo. Los volumenes si caben angostos. */
var ANCHO_COL_B_VOL = 56;
var ANCHO_COL_B_MON = 78;
/* columnas realmente visibles: si B esta colapsada, sus 6 no se pintan. Todo
 * lo que cuenta columnas (colspan de las bandas, relleno de partida y total,
 * ancho minimo) SALE DE AQUI, para que nada pueda quedar desfasado. */
function colsVis() {
 var out = [], puesto = {};
 for (var i = 0; i < GXCOLS.length; i++) {
   var c = GXCOLS[i];
   if (c.seccion === 'B' && c.par && !GXB_PAR[c.par]) {
     // el par colapsado deja UNA columna marcador REAL. Si dejara cero, su celda
     // de banda ocuparia un hueco que el cuerpo no tiene y el encabezado
     // quedaria desfasado del contenido.
     if (!puesto[c.par]) {
       out.push({ clave: 'marca' + c.par, titulo: '', full: '', seccion: 'B', par: c.par, tipo: 'marca' });
       puesto[c.par] = true;
     }
     continue;
   }
   out.push(c);
 }
 return out;
}
/* cuantas columnas visibles tiene un par (2 abierto, 1 colapsado) */
function nColsPar(par) {
 var v = colsVis(), n = 0;
 for (var i = 0; i < v.length; i++) if (v[i].par === par) n++;
 return n;
}
/* ancho de UNA columna: una sola definicion para el colgroup y para el total */
/* v3.26: TODO el sobrante va a Concepto, que es la unica elastica. Con
 * table-layout:fixed, si la suma declarada IGUALA el ancho de la tabla cada
 * columna recibe exactamente lo suyo; si la suma es menor, el navegador reparte
 * el resto entre TODAS y la descripcion no ve casi nada. Por eso el ancho de
 * Concepto se calcula: ancho util menos la suma de las demas. */
var GX_ANCHO_TEXTO = 244;   // se recalcula en cada pintado
function recalcularAnchoTexto() {
 var cont = document.getElementById('listaScroll');
 var util = cont ? cont.clientWidth : 1248;
 var v = colsVis(), otras = 0;
 for (var i = 0; i < v.length; i++) if (v[i].tipo !== 'texto') otras += anchoBase(v[i]);
 GX_ANCHO_TEXTO = Math.max(200, util - otras - 1);   // v3.46: -1 para que el redondeo no abra la barra horizontal
}
function anchoBase(c) {
 if (c.tipo === 'marca') return ANCHO_COL.marca;
 if (c.seccion === 'B') return (c.tipo === 'vol') ? ANCHO_COL_B_VOL : ANCHO_COL_B_MON;
 return ANCHO_COL[c.tipo] || 90;
}
function anchoDe(c) {
 if (c.tipo === 'texto') return GX_ANCHO_TEXTO;
 return anchoBase(c);
}
function anchoMinTabla() {
 var v = colsVis(), w = 0;
 for (var i = 0; i < v.length; i++) w += anchoDe(v[i]);
 return w;
}
/* v3.25: el <colgroup> se GENERA de GXCOLS. Con table-layout:fixed es lo que
 * fija de verdad el reparto; sin el, el navegador reparte a su gusto y la
 * columna marcador de la seccion B colapsada se quedaba con todo el sobrante. */
function colGroupHtml() {
 var v = colsVis(), h = '<colgroup>';
 for (var i = 0; i < v.length; i++) h += '<col style="width:' + anchoDe(v[i]) + 'px">';
 return h + '</colgroup>';
}
function nColsSeccion(sec) {
 var v = colsVis(), n = 0;
 for (var i = 0; i < v.length; i++) if (v[i].seccion === sec) n++;
 return n;
}
function nColsTotal() { return colsVis().length; }
/* indice DENTRO de las columnas visibles */
function idxCol(clave) {
 var v = colsVis();
 for (var i = 0; i < v.length; i++) if (v[i].clave === clave) return i;
 return -1;
}
/* encabezado de DOS PISOS: las bandas se cuentan de GXCOLS */
function cabezaTabla() {
 var vis = colsVis();
 // v3.28: el piso 1 se arma en TRES tramos — A, los tres pares grises, y C.
 // Cada colspan se CUENTA de GXCOLS; ninguno se escribe a mano.
 var h = '<tr class="banda">';
 h += '<th colspan="' + nColsSeccion('A') + '" class="bndA">' + esc(BANDAS[0].titulo) + '</th>';
 for (var q = 0; q < GXB_PARES.length; q++) {
   var pr = GXB_PARES[q], abierto = !!GXB_PAR[pr.par], n = nColsPar(pr.par);
   // el control va JUSTO ENCIMA de su par. Colapsado la celda es angosta: solo
   // cabe un icono de un caracter, y el nombre completo vive en el title.
   h += '<th colspan="' + n + '" class="bndB bnd' + pr.par + (abierto ? '' : ' solo') + '"' +
     ' title="' + esc(pr.full + (abierto ? '' : ' — oculto')) + '">' +
     (abierto ? '<span class="bndTxt">' + esc(pr.titulo) + '</span>' : '') +
     '<button class="bndTog" onclick="gxbPar(\'' + pr.par + '\')" title="' +
     (abierto ? 'Ocultar ' + esc(pr.titulo) : 'Mostrar ' + esc(pr.titulo)) + '">' +
     (abierto ? '\u229F' : '\u229E') + '</button></th>';
 }
 h += '<th colspan="' + nColsSeccion('C') + '" class="bndC">' + esc(BANDAS[1].titulo) + '</th>';
 h += '</tr><tr class="cols">';
 for (var i = 0; i < vis.length; i++) {
   var c = vis[i];
   var num = (c.tipo === 'money' || c.tipo === 'vol') ? ' num' : '';
   var anc = (c.seccion === 'B' && c.tipo !== 'marca') ? ' style="width:' + anchoBase(c) + 'px"' : '';
   var tit = c.full ? ' title="' + esc(c.full) + '"' : '';
   h += '<th class="sec' + c.seccion + num + (c.par ? ' par' + c.par : '') + '"' + anc + tit + '><div class="th2">' + esc(c.titulo) + '</div></th>';
 }
 return h + '</tr>';
}
/* fila de total: mismo criterio que filaPartida — el numero cae en la columna
 * del monto de ESTA estimacion y el colspan se cuenta, no se escribe. */
function filaTotal(etiqueta, montoTxt) {
 var iMonto = idxCol('impEsta');
 var h = '<tr class="total"><td colspan="' + iMonto + '">' + esc(etiqueta) + '</td>';
 h += '<td class="num">' + montoTxt + '</td>';
 for (var j = iMonto + 1; j < nColsTotal(); j++) h += '<td></td>';
 return h + '</tr>';
}
/* v3.28: ¿a este concepto le falta alguno de los tres checkboxes del bloque?
 * Solo cuenta si esta INCLUIDO (respetando los cambios pendientes sin aplicar,
 * igual que hace el listado para pintar la casilla). */
function gxFaltaTCF(c) {
 var marcado = PEND.hasOwnProperty(c.clave) ? PEND[c.clave] : c.incluir;
 if (!marcado) return false;
 return !(c.tabla && c.croquis && c.fotos);
}
/* celdas: "no sabemos" es una raya, NUNCA un cero. Un 0 diria "no queda nada". */
/* v3.26: SIN unidad. Repetirla en las cuatro columnas de volumen gastaba ~18px
 * por columna en decir cuatro veces lo mismo. La unidad se muestra UNA vez, bajo
 * el P.U. Fuera de la tabla (avisos, confirmaciones) si se conserva: alli no hay
 * encabezado que diga de que se esta hablando. */
function celVol(v) { return (v === null || v === undefined) ? '—' : fv(v); }
function celMon(v) { return (v === null || v === undefined) ? '—' : fmt(v); }

/* separador de partida (v3.23: colspan CONTADO, no escrito a mano).
 * El subtotal va SOLO en dinero: una partida mezcla M2, ML y PZA, y sumar
 * volumenes de unidades distintas no significa nada. */
function filaPartida(c, montoTxt) {
 var iMonto = idxCol('impEsta');
 var nom = (c.partNo === null || c.partNo === undefined) ? 'SIN PARTIDA' : 'PARTIDA ' + c.partNo + (c.partNombre ? ' — ' + esc(c.partNombre) : '');
 var h = '<tr class="part"><td colspan="' + iMonto + '">' + nom + '</td>';
 h += '<td class="num">' + montoTxt + '</td>';
 for (var j = iMonto + 1; j < nColsTotal(); j++) h += '<td></td>';
 return h + '</tr>';
}
/* celda compacta T·C·F: los 3 checkboxes del bloque (v2.6) */
function celTCF(c, abierta) {
 var defs = [['T', 'TABLA', 'tabla'], ['C', 'CROQUIS', 'croquis'], ['F', 'FOTOS', 'fotos']];
 var h = '';
 for (var i = 0; i < defs.length; i++) {
   h += '<label title="' + defs[i][1] + '">' + defs[i][0] +
     '<input type="checkbox" ' + (c[defs[i][2]] ? 'checked' : '') + (abierta ? '' : ' disabled') +
     ' onchange="setCheck(\'' + esc(c.clave) + '\',\'' + defs[i][1] + '\',this)"></label>';
 }
 return h;
}


/* los 7 estados de Valentina: [valor guardado, etiqueta UI, clase color] */
var ESTADOS_UI = [
 ['TERMINADO Y ESTIMADO', '✅ Terminado y estimado', 'e1'],
 ['TERMINADO, ESTIMAR', '🟢 Terminado, ESTIMAR', 'e2'],
 ['PARCIAL, YA ESTIMADO', '🔵 Parcial, ya estimado', 'e3'],
 ['PARCIAL, ESTIMAR', '🟡 Parcial, ESTIMAR', 'e4'],
 ['SIN EJECUTAR, ESTIMAR', '🟠 Sin ejecutar, ESTIMAR', 'e5'],
 ['SIN EJECUTAR, NO ESTIMAR', '⚪ Sin ejecutar, no estimar', 'e6'],
 ['DUDA', '🔴 DUDA', 'e7'],
 ['CANCELADO', '⛔ Cancelado', 'e8']
];
function estUI(valor) {
 for (var i = 0; i < ESTADOS_UI.length; i++) if (ESTADOS_UI[i][0] === valor) return ESTADOS_UI[i];
 return ['', '— clasificar —', 'e0'];
}
/* icono del estado (el emoji de la etiqueta; ＋ si no está clasificado) */
function estIcono(valor) {
 var ui = estUI(valor);
 if (!ui[0]) return '＋';
 return ui[1].split(' ')[0];
}


/* v3.11: estados del GENERADOR por est+concepto (pedido de Valen 13-jul) */
var ESTADOS_GEN_UI = [
 ['EN PROCESO', '🟡 En proceso', 'g1'],
 ['COMPLETO', '🟢 Completo', 'g2'],
 ['CORRECCION PENDIENTE', '🔴 Corrección pendiente', 'g3']
];
function genUI(valor) {
 for (var i = 0; i < ESTADOS_GEN_UI.length; i++) if (ESTADOS_GEN_UI[i][0] === valor) return ESTADOS_GEN_UI[i];
 return ['', '— sin estado —', 'g0'];
}
function genIcono(valor) {
 var ui = genUI(valor);
 if (!ui[0]) return '＋';
 return ui[1].split(' ')[0];
}
var MENU_GEN = null;


function fmt(n) {
 if (n === null || n === undefined || n === '') return '—';
 var neg = n < 0; n = Math.abs(n || 0);
 var s = '$' + n.toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 return neg ? '−' + s : s;
}
function fv(n) { // volumen
 if (n === null || n === undefined || n === '') return '—';
 return Number(n).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
/* v3.22: UNA sola puerta para pintar la pantalla.
 * La clase 'cargando' trae text-align:center y padding:40px. Cambiar solo el
 * innerHTML la deja pegada para siempre y TODA la app hereda el centrado y la
 * franja. Con una sola puerta no hay forma de olvidarlo en el sitio 17. */
function pintarApp(html) {
  var el = document.getElementById('app');
  el.className = el.className.replace(/\bcargando\b/g, '').replace(/\s+/g, ' ').trim();
  el.innerHTML = html;
  return el;
}
function esc(s) {
 return String(s == null ? '' : s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}
/* espejo exacto del servidor: producto índices 2..7 + TRUNCAR/REDONDEAR 2 dec */
function ajustar(v, regla) {
 var x = v * 100;
 x = regla === 'TRUNCAR' ? Math.floor(x + 1e-9) : Math.round(x);
 return x / 100;
}
function subFila(fila) {
 var res = 1, tiene = false;
 for (var i = 2; i <= 7; i++) {
   var val = String(fila[i] === null ? '' : fila[i]).trim();
   if (val !== '') { var n = parseFloat(val); if (!isNaN(n)) { res *= n; tiene = true; } }
 }
 return tiene ? ajustar(res, DE.reglas.SUBTOTAL) : null;
}


function cargarInicio() {
 // v3.9: liga directa a la matriz (?vista=matriz&obra=CLAVE)
 if (BOOT && BOOT.vista === 'matriz' && BOOT.obra) {
   OBRA = String(BOOT.obra).trim().toUpperCase();
   BOOT = null;
   cargarMatriz();
   return;
 }
 /* v3.29: ?obra=CUCBA&est=2 entra DIRECTO a esa estimacion. Es lo que quita la
    carga doble: sin esto habia que cargar la obra (que caia en la est 1) y
    luego pedir la buena, o sea pagar dos veces los ~14 s de abrir el archivo.
    Si la obra no existe, abrirObra truena con su nombre y el manejador de
    cargarEst lo pinta con un boton para volver: no se queda en blanco. */
 var bObra = BOOT ? bootObra(BOOT.obra) : '';
 var bEst  = BOOT ? bootEst(BOOT.est)   : 0;
 BOOT = null;
 if (bObra) { OBRA = bObra; FEST = ''; FTXT = ''; cargarEst(bEst); return; }
 pintarApp('<div class="cargando">Cargando obras…</div>');
 CR.pide = crNow();
 google.script.run.withSuccessHandler(function (d) {
     CR.datos = crNow() - CR.pide;
     var t0 = crNow(); D0 = d; pintarInicio(); CR.pantalla = crNow() - t0;
     pintarPie();   // pintarInicio ya puso el texto; esto solo le suma el cronometro
   })
   .withFailureHandler(errFatal).getDataInicio();
}
function errFatal(e) { pintarApp('<div class="alert">Error: ' + esc(e.message) + '</div>'); }


/* ───────── vista 0: obra ───────── */
function pintarInicio() {
 var h = '<div class="panel"><div class="sec">Elige la obra</div><div class="chips">';
 for (var i = 0; i < D0.obras.length; i++) {
   h += '<button class="chip' + (OBRA === D0.obras[i].clave ? ' on' : '') + '" onclick="elegirObra(\'' + esc(D0.obras[i].clave) + '\')">' + esc(D0.obras[i].clave) + '</button>';
 }
 h += '</div></div>';
 pintarApp(h);
 pintarPie('TERMINUS GENERADORES · pantalla ' + GEN_VER + ' (del Index ' + INDEX_VERSION + ')' + ' · sesión: ' + (D0.usuario || 'sin identificar'));   /* v0.1.0: GEN_VER, no la del Index viejo */
}
function elegirObra(clave) { OBRA = clave; FEST = ''; FTXT = ''; cargarEst(0); }
function cargarEst(estNum) {
 cerrarMenuEstado();
 pintarApp('<div class="cargando">Cargando ' + esc(OBRA) + '… (la primera vez puede tardar: se prepara la configuración)</div>');
 CR.pide = crNow();
 google.script.run.withSuccessHandler(function (d) {
     CR.datos = crNow() - CR.pide;
     var t0 = crNow();
     DE = d; EST = d.est; CONC = null; PEND = {}; pintarEstimacion(); ligarBotones();
     CR.pantalla = crNow() - t0;
     pintarPie();   // pintarEstimacion ya puso el texto; esto solo le suma el cronometro
   })
   .withFailureHandler(function (e) {
     pintarApp('<div class="alert">Error al cargar la obra: ' + esc(e.message) + '</div><button class="btn" onclick="pintarInicio()">← Volver</button>');
   }).getDataEstimacion(OBRA, estNum || 0);
}


/* ───────── vista 1: estimación ───────── */
function pintarEstimacion() {
 var d = DE;
 /* v3.43: lo que se puede EDITAR lo decide el servidor (gxEscribible_): ABIERTA,
    sin aceptar y sin fecha de pago. Presentada si. Antes era `estado !== 'CERRADA'`
    y por ahi pasaban la COBRADA y cualquier aceptada. */
 var abierta = d.escribible === true;

 // ── v3.25 · FILA 1: obras + nombre + chips de estimacion a la DERECHA, todo en una linea
 var h = '<div class="barra fila1"><button class="btn" onclick="pintarInicio()">← Obras</button>' +
   '<b>' + esc(d.obra) + '</b><span class="hint elip">' + esc(d.nombre.slice(0, 60)) + '</span>' +
   '<span class="pill ' + (abierta ? 'ab' : 'ce') + '"' + (abierta ? '' : ' title="' + esc(d.soloLectura || '') + '"') + '>Est ' + d.est + ' · ' + esc(d.etiqueta || d.estado) + (abierta ? '' : ' · solo consulta') + '</span>' +
   '<div class="chips der">';
 for (var i = 0; i < d.estimaciones.length; i++) {
   var e = d.estimaciones[i];
   // v3.43: el servidor ya solo manda las ABIERTAS; las de solo consulta van con candado
   h += '<button class="chip' + (e.num === d.est ? ' on' : '') + (e.escribible ? '' : ' cerrada') +
     '" onclick="cargarEst(' + e.num + ')" title="Estimación ' + e.num + ' — ' + esc(e.etiqueta || e.estado) +
     (e.escribible ? '' : ' · solo consulta') + '">' + e.num +
     (e.escribible ? '' : ' 🔒') + '</button>';
 }
 h += '</div>';
 // v3.41 · abrir oficialmente la estimacion siguiente (gxApertura.gs). Vive en la
 // fila de la OBRA, no en el cuadro de acciones: no es algo que se le hace a la
 // estimacion que tienes enfrente, es crear la que sigue.
 h += '<button class="btn azul" style="margin-left:8px" onclick="abrirApertura()" ' +
   'title="Abre la estimación siguiente: pica los conceptos con ejecutado por estimar y registra la fecha de apertura">' +
   '＋ Abrir estimación</button>';
 // v3.42 · los paquetes de mediciones (gxPaquetes.gs): el numero llega despues
 h += '<button class="btn" id="btnPaq" style="margin-left:6px" onclick="abrirPaquetes()" ' +
   'title="Mediciones que salieron de una estimación y esperan entrar en otra">📦 Paquetes</button>';
 // v3.54 · corregir fechas del papel (gxFechas.gs) — solo DIRECCION
 if (d.puedeCorregirFechas === true) {
   h += '<button class="btn" style="margin-left:6px" onclick="abrirCorregirFechas()" ' +
     'title="Cambia la fecha y el periodo de cualquier estimación de la obra, también las ya presentadas o aceptadas. Solo DIRECCIÓN.">📅 Corregir fechas</button>';
 }
 h += '</div>';
 // v3.43: si es de solo consulta se DICE por que, no solo se apagan las casillas
 if (!abierta && d.soloLectura) h += '<div class="hint" style="margin:4px 2px 0">🔒 ' + esc(d.soloLectura) + '</div>';
 h += finiquitoHtml(d, abierta);   // v3.50 · el titulo en el papel (finiquito)

 // ── v3.27 · FILA 2: CUATRO bloques a la MISMA altura, en este orden
 //     fechas (1fr) · filtros (1fr) · totales (0.5fr) · acciones (0.5fr)
 h += '<div class="gx4">';

 //  1º fechas
 h += panelFechasHtml(d.fechasPanel, abierta, 'est');

 //  2º filtros del listado
 h += '<div class="panel"><div class="sec">Filtros del listado</div>' +
   '<input type="text" placeholder="buscar clave o descripción…" style="width:100%" value="' + esc(FTXT) + '" oninput="FTXT=this.value;pintarLista()">' +
   '<div class="chips" id="chipsEst" style="margin-top:7px"></div>' +
   '<div style="margin-top:8px"><button class="btn azul" id="btnAct" onclick="aplicarIncluir()">⟳ Actualizar conceptos a estimar</button></div>' +
   '</div>';

 //  3º totales (v3.27)
 h += panelTotalesHtml(d.resumen);

 //  4º acciones
 h += gxCuadroAcciones(d, d.estado !== 'CERRADA');   // v3.32 — vive abajo, con su porque · v3.43: cerrar sigue mirando la fila 2

 h += '</div>';   // fin de la fila de cuatro

 if (d.faltantes.length) {
   h += '<div class="alert"><b>Captura bloqueada:</b> falta elegir TRUNCAR/REDONDEAR en la pestaña ' + esc(d.hojaConfig) + ' del archivo para: ' + d.faltantes.map(esc).join(' · ') + '. <a href="' + esc(d.url) + '" target="_blank">abrir archivo ↗</a></div>';
 }
 for (var a = 0; a < d.avisos.length; a++) h += '<div class="warn">' + esc(d.avisos[a]) + '</div>';

 // ── v3.25 · EL LISTADO: sin filtros encima, con altura CALCULADA y scroll propio
 h += '<div class="panel listaPanel"><div class="sec">Conceptos de la estimación ' + d.est +
   ' <span class="hint">— cifras del CONTROL de la hoja; la app no recalcula. Nada se escribe hasta ⟳ Actualizar.</span></div>' +
   '<div id="listaScroll"><div id="lista"></div></div></div>';

 pintarApp(h);
 pqContar();   // v3.42
 pintarPie('TERMINUS GENERADORES · pantalla ' + GEN_VER + ' (del Index ' + INDEX_VERSION + ')' + ' · puerta ' + (d.version || '?') + ' · ' + d.obra + ' est ' + d.est + ' · redondeo: SUB ' + (d.reglas.SUBTOTAL || '¿?') + ' / IMP ' + (d.reglas.IMPORTE || '¿?') + ' · sesión: ' + (d.usuario || 'sin identificar'));   /* v0.1.0: GEN_VER y «puerta», no «code» */
 pintarLista();
}

/* ── v3.27 · BLOQUE DE TOTALES ───────────────────────────────────────────
 * Las cuatro cifras salen de d.resumen, que getDataEstimacion lee con
 *     shC.getRange(3, bloque.col, 7, 1)
 * — el MISMO rango, fila por fila, que lee genCaratula_ para la caja M de la
 * carátula (su gemela). No se recalcula nada aquí: si la pantalla y el PDF
 * calcularan por su cuenta, se contradirían y no habría forma de saber cuál
 * creer. Filas del CONTROL: 3 estimado · 4 IVA · 5 con IVA · 6 amortización ·
 * 7 IVA de la amortización · 8 amortización con IVA · 9 a cobrar. */
function celTot(v) {
 // "no se pudo leer" es una raya, NUNCA 0: un 0 aquí afirmaría que no hay
 // amortización, que es una afirmación distinta de "no lo sé".
 return (v === null || v === undefined || v === '') ? '—' : fmt(v);
}
function panelTotalesHtml(r) {
 r = r || {};
 var lin = function (et, val, fuerte) {
   return '<div class="totLin' + (fuerte ? ' fuerte' : '') + '"><span class="et">' + esc(et) +
     '</span><span class="ci">' + celTot(val) + '</span></div>';
 };
 return '<div class="panel"><div class="sec">Totales de la estimación</div>' +
   lin('Estimado', r.montoSinIva) +
   lin('Con IVA', r.montoTotal) +
   lin('Amortización', r.totalAmort) +
   lin('A cobrar', r.totalCobrar, true) +
   '<div class="hint" style="margin-top:5px">Cifras del CONTROL (filas 3-9), las mismas que usa la carátula.</div></div>';
}

/* ── v3.28 · PDF DE LA VISTA ─────────────────────────────────────────────
 * window.print() sobre la pantalla que Maca tiene delante: no se manda HTML al
 * servidor. El papel lleva un encabezado propio, visible SOLO en impresion, que
 * dice QUE FILTRO esta puesto y CUANTOS conceptos se muestran de cuantos —
 * sin eso, una hoja sacada con un filtro se lee como si fuera la lista completa,
 * y dice ademas que NO es el documento oficial de la estimacion. */
function gxFiltroTexto() {
 if (FEST === '') return 'todos los conceptos';
 if (FEST === 'SIN') return 'solo los que no tienen estado de control de obra';
 if (FEST === 'TCF') return 'solo los incluidos a los que les falta TABLA, CROQUIS o FOTOS';
 for (var i = 0; i < ESTADOS_UI.length; i++) if (ESTADOS_UI[i][0] === FEST) return 'solo con estado "' + ESTADOS_UI[i][1] + '"';
 return 'filtro ' + FEST;
}
function gxCabeceraImpresion() {
 var d = DE; if (!d) return '';
 var t = document.getElementById('lista');
 var mostrados = t ? t.querySelectorAll('table.tbl tbody tr').length : 0;
 // se descuentan las filas que no son concepto (partida y totales)
 var partidas = t ? t.querySelectorAll('table.tbl tbody tr.part').length : 0;
 var totales = t ? t.querySelectorAll('table.tbl tbody tr.total').length : 0;
 var nCon = Math.max(0, mostrados - partidas - totales);
 var f = new Date();
 var dosD = function (x) { return (x < 10 ? '0' : '') + x; };
 var sello = dosD(f.getDate()) + '/' + dosD(f.getMonth() + 1) + '/' + f.getFullYear() +
   ' ' + dosD(f.getHours()) + ':' + dosD(f.getMinutes());
 var pares = [];
 if (!GXB_PAR.AJ) pares.push('ajustado');
 if (!GXB_PAR.ANT) pares.push('acum. anterior');
 if (!GXB_PAR.PEND) pares.push('pendiente');
 return '<div id="impCab">' +
   '<div class="l1"><b>' + esc(d.obra) + '</b> — ' + esc(d.nombre) + '</div>' +
   '<div class="l2">Estimación <b>' + d.est + '</b> · ' + esc(d.etiqueta || d.estado) +
     ' · <b>' + nCon + '</b> conceptos mostrados de <b>' + d.conceptos.length + '</b>' +
     ' · filtro: <b>' + esc(gxFiltroTexto()) + '</b>' +
     (FTXT ? ' · búsqueda: "' + esc(FTXT) + '"' : '') +
     (pares.length ? ' · columnas ocultas: ' + esc(pares.join(', ')) : '') +
     ' · ' + sello + '</div>' +
   '<div class="l3">VISTA DE TRABAJO — no es el documento oficial de la estimación. ' +
     'El documento que se entrega sale del botón «2 · Generar el documento».</div>' +
   '</div>';
}
function imprimirVista() {
 var v = document.getElementById('impCab');
 if (v) v.parentNode.removeChild(v);
 var cont = document.getElementById('app');
 if (cont) cont.insertAdjacentHTML('afterbegin', gxCabeceraImpresion());
 window.print();
}

/* ── v3.25 · ALTO DEL LISTADO ────────────────────────────────────────────
 * NO se clava en px: se calcula desde innerHeight menos lo que haya encima.
 * Con 549px de alto un numero fijo o deja hueco o corta. Se recalcula en resize. */
function ajustarAltoLista() {
 var cont = document.getElementById('listaScroll');
 if (!cont) return;
 var arriba = cont.getBoundingClientRect().top;      // todo lo que quedo encima, ya pintado
 var alto = window.innerHeight - arriba - 14;        // v3.36: 14, era 24
 if (alto < 160) alto = 160;                         // suelo: nunca tan bajo que no se vea nada
 cont.style.maxHeight = alto + 'px';
}
/* El segundo piso del encabezado se pega DEBAJO del primero. Su 'top' se MIDE
 * despues de pintar: el alto del primer piso cambia con el ancho de la ventana
 * cuando un titulo envuelve, asi que un numero fijo se desalinea solo. */
function fijarStickyCabecera() {
 var tablas = document.querySelectorAll('#lista table.tbl');
 for (var t = 0; t < tablas.length; t++) {
   var banda = tablas[t].querySelector('tr.banda');
   var cols = tablas[t].querySelector('tr.cols');
   if (!banda || !cols) continue;
   // -1: un pixel de SOLAPE. Sin el, entre los dos pisos pegados se cuela una
   // hebra de la fila que va pasando por detras y parece un defecto de pintado.
   var hb = Math.max(0, Math.round(banda.getBoundingClientRect().height) - 1);
   var ths = cols.querySelectorAll('th');
   for (var i = 0; i < ths.length; i++) ths[i].style.top = hb + 'px';
 }
}
window.addEventListener('resize', function () { ajustarAltoLista(); fijarStickyCabecera(); });


/* listado único: filtros por estado/texto, TODOS los conceptos (v2.5) */
function pintarLista() {
 var d = DE;
 var abierta = d.escribible === true;   // v3.43
 // chips de filtro con conteos
 var cuentas = { '': 0, 'SIN': 0 };
 for (var i = 0; i < ESTADOS_UI.length; i++) cuentas[ESTADOS_UI[i][0]] = 0;
 for (var j = 0; j < d.conceptos.length; j++) {
   cuentas['']++;
   var ec = d.conceptos[j].estadoCon || '';
   if (!ec) cuentas['SIN']++; else if (cuentas[ec] !== undefined) cuentas[ec]++;
 }
 // v3.47: los filtros que piden MIRAR se tinen en petroleo si tienen algo.
 // Una sola lista, para que agregar una alerta nueva sea un renglon aqui.
 var GX_FILTRO_ALERTA = { SIN: true, DUDA: true, TCF: true, DESF: true };
 function alertaSi(clave, n) { return (GX_FILTRO_ALERTA[clave] && n > 0) ? ' alerta' : ''; }
 var ch = '<button class="chip mini-f' + (FEST === '' ? ' on' : '') + '" onclick="FEST=\'\';pintarLista()">Todos (' + cuentas[''] + ')</button>';
 ch += '<button class="chip mini-f' + alertaSi('SIN', cuentas['SIN']) + (FEST === 'SIN' ? ' on' : '') + '" onclick="FEST=\'SIN\';pintarLista()">Sin clasificar (' + cuentas['SIN'] + ')</button>';
 for (var k = 0; k < ESTADOS_UI.length; k++) {
   if (!cuentas[ESTADOS_UI[k][0]]) continue;
   ch += '<button class="chip mini-f' + alertaSi(ESTADOS_UI[k][0], cuentas[ESTADOS_UI[k][0]]) + (FEST === ESTADOS_UI[k][0] ? ' on' : '') + '" onclick="FEST=ESTADOS_UI[' + k + '][0];pintarLista()">' + esc(ESTADOS_UI[k][1]) + ' (' + cuentas[ESTADOS_UI[k][0]] + ')</button>';
 }
 // v3.28: filtro "faltan T·C·F". Se cuenta SOLO sobre los INCLUIDOS: los que
 // quedan fuera de la estimacion todavia no llevan generador, asi que decir que
 // les falta seria una acusacion falsa. Usa el mismo mecanismo que los demas
 // chips (FEST + pintarLista), no uno nuevo. Se muestra siempre, aunque sea 0:
 // un filtro que desaparece cuando esta todo bien enseña a no buscarlo.
 var nTCF = 0;
 for (var tc = 0; tc < d.conceptos.length; tc++) if (gxFaltaTCF(d.conceptos[tc])) nTCF++;
 ch += '<button class="chip mini-f' + alertaSi('TCF', nTCF) + (FEST === 'TCF' ? ' on' : '') +
   '" title="Conceptos incluidos a los que les falta marcar TABLA, CROQUIS o FOTOS"' +
   ' onclick="FEST=\'TCF\';pintarLista()">⚠ Faltan T·C·F (' + nTCF + ')</button>';
 // v3.41 · pagado en destajos mayor que el ejecutado. Se muestra siempre, igual que T·C·F.
 var nDes = 0;
 for (var dz = 0; dz < d.conceptos.length; dz++) if (gxDesfase(d.conceptos[dz])) nDes++;
 ch += '<button class="chip mini-f' + alertaSi('DESF', nDes) + (FEST === 'DESF' ? ' on' : '') +
   '" title="Conceptos donde lo pagado en destajos supera al ejecutado del prefiniquito"' +
   ' onclick="FEST=\'DESF\';pintarLista()">⚠ Pagado > ejecutado (' + nDes + ')</button>';
 document.getElementById('chipsEst').innerHTML = ch;


 var txt = FTXT.trim().toUpperCase();
 var vis = d.conceptos.filter(function (c) {
   if (FEST === 'SIN' && c.estadoCon) return false;
   if (FEST === 'TCF' && !gxFaltaTCF(c)) return false;
   if (FEST === 'DESF' && !gxDesfase(c)) return false;
   if (FEST && FEST !== 'SIN' && FEST !== 'TCF' && FEST !== 'DESF' && c.estadoCon !== FEST) return false;
   if (txt && (c.clave + ' ' + c.desc).toUpperCase().indexOf(txt) < 0) return false;
   return true;
 });


 // v3.3: DOS SECCIONES — incluidos arriba, fuera de la estimación abajo
 // (los excluidos no desaparecen: se reincorporan marcando su checkbox)
 var CAB = cabezaTabla();
 function filasConceptos(arr, conBoton) {
   var fh = '';
   var ord = ordenarConceptos(arr);
   var pAct = 'x';
   for (var v = 0; v < ord.length; v++) {
     var c = ord[v];
     if (c.partNo !== pAct) {
       pAct = c.partNo;
       var sPart = 0;
       for (var q = 0; q < ord.length; q++) if (ord[q].partNo === pAct) sPart += ord[q].impHoja || 0;
       fh += filaPartida(c, fmt(Math.round(sPart * 100) / 100));
     }
     var difiere = Math.abs((c.cantHoja || 0) - (c.genEsta || 0)) > 0.01;
     var ui = estUI(c.estadoCon || '');
     var gui = genUI(c.estadoGen || '');
     var pend = PEND.hasOwnProperty(c.clave);
     var marcado = pend ? PEND[c.clave] : c.incluir;
     // v3.23: pendiente null = "no sabemos" (catalogo sin volumen ajustado).
     // Nunca se pinta 0: un 0 diria "no queda nada" y es una acusacion falsa.
     var pendV = (c.volAdjVacio === true) ? null : c.volPend;
     var pasa = (pendV !== null && pendV !== undefined) && c.cantHoja > pendV + 0.005;
     var tPasa = pasa ? ' title="Cobra ' + fv(c.cantHoja) + ' ' + esc(c.unidad) + ' pero solo quedaban ' + fv(pendV) + ' pendientes — se pasa por ' + fv(Math.round((c.cantHoja - pendV) * 100) / 100) + '. Al generar esto BLOQUEA."' : '';
     fh += '<tr>' +
       // ── SECCION A: identifica ──
       '<td class="secA" style="text-align:center' + (pend ? ';background:var(--espera-fondo)' : '') + '"><input type="checkbox" ' + (marcado ? 'checked' : '') + (abierta ? '' : ' disabled') + ' onchange="toggle(\'' + esc(c.clave) + '\',this)"></td>' +
       '<td class="secA" style="text-align:center"><button class="icoEst' + (c.estadoCon ? '' : ' vacio') + '" title="' + esc(c.estadoCon ? ui[1] : 'Clasificar estado de control de obra') + '" onclick="abrirMenuEstado(\'' + esc(c.clave) + '\')">' + estIcono(c.estadoCon || '') + '</button></td>' +
       // v3.25: DOS lineas por concepto y no cuatro. El titulo va en una sola
       // linea con elipsis y el texto entero en el title; las notas y el aviso
       // se juntan en la segunda. Cada linea de mas son ~13px x 15 conceptos.
       '<td class="secA"><div class="cptTit" title="' + esc(c.clave + ' — ' + c.desc) + '">' +
       esc(c.clave) + ' — ' + esc(c.desc) + '</div>' +
       // v3.26: la unidad YA NO va aqui — vive una sola vez, bajo el P.U.
       '<div class="hint cptSub"' + (c.notaGen && abierta ? ' style="cursor:pointer" title="Editar la nota" onclick="abrirNotaGen(\'' + esc(c.clave) + '\')"' : (c.notaGen ? ' title="' + esc(c.notaGen) + '"' : '')) + '>' +
       // se arma por partes y se une: concatenar con ' · ' fijo dejaba un
       // separador huerfano al principio cuando el concepto no tenia notas.
       (function () {
         var ps = [];
         if (c.notasCon) ps.push('📝 ' + esc(c.notasCon.slice(0, 40)));
         if (c.notaGen) ps.push('🗒 ' + esc(c.notaGen.slice(0, 40)));
         if (difiere) ps.push('⚠ CAPTURA trae ' + fv(c.genEsta) + ' ' + esc(c.unidad));
         // v3.41 · pagado en destajos por encima del ejecutado del prefiniquito
         if (gxDesfase(c)) ps.push('<span class="desfase" title="En EJECUCION TRABAJOS del prefiniquito, lo pagado en destajos (col R) ' +
           'es mayor que el VOL EJECUTADO (col P). El ejecutado está atrasado: lo que se estime con él puede quedarse corto.">' +
           '⚠ pagado en destajos ' + fv(c.ejecR) + ' · el ejecutado dice ' + fv(c.ejecP) + '</span>');
         return ps.join(' · ');
       })() + '</div></td>' +
       // v3.26: el P.U. lleva la unidad debajo, en letra chica. Es el unico sitio
       // donde aparece dentro de la tabla, y queda pegada al numero que la usa.
       '<td class="secA num pu">' + fmt(c.pu) + '<div class="uni">' + esc(c.unidad) + '</div></td>' +
       // ── SECCION B: tres pares, cada uno se omite por su cuenta ──
       (GXB_PAR.AJ ?
         '<td class="secB num cAj">' + celVol(c.volAdjVacio === true ? null : c.volAdj) + '</td>' +
         '<td class="secB num cAj">' + celMon(c.impAdj) + '</td>' : '<td class="secB marca"></td>') +
       (GXB_PAR.ANT ?
         '<td class="secB num cAnt">' + celVol(c.volAnt) + '</td>' +
         '<td class="secB num cAnt">' + celMon(c.impAnt) + '</td>' : '<td class="secB marca"></td>') +
       (GXB_PAR.PEND ?
         '<td class="secB num cPend">' + celVol(pendV) + '</td>' +
         '<td class="secB num cPend">' + celMon(c.impPend) + '</td>' : '<td class="secB marca"></td>') +
       // ── SECCION C: donde se actua ──
       '<td class="secC num' + (pasa ? ' excede' : '') + '"' + tPasa + '>' + fv(c.cantHoja) + '</td>' +
       '<td class="secC num">' + fmt(c.impHoja) + '</td>' +
       '<td class="secC" style="text-align:center"><button class="icoEst' + (c.estadoGen ? '' : ' vacio') + '" title="' + esc(c.estadoGen ? gui[1] : 'Estado del generador (esta estimación)') + '"' + (abierta ? ' onclick="abrirMenuGen(\'' + esc(c.clave) + '\')"' : ' disabled') + '>' + genIcono(c.estadoGen || '') + '</button></td>' +
       '<td class="secC"><div class="tcf">' + celTCF(c, abierta) + '</div></td>' +
       '<td class="secC">' + (conBoton && abierta && !d.faltantes.length ? '<button class="mini" onclick="abrirConcepto(\'' + esc(c.clave) + '\',' + (c.genEsta > 0 ? 'true' : 'false') + ')">' + (c.genEsta > 0 ? '✎ Generar' : '▶ Generar') + '</button>' : '') + '</td></tr>';
   }
   return fh;
 }
 var incs = [], excs = [];
 for (var x = 0; x < vis.length; x++) {
   var mx = PEND.hasOwnProperty(vis[x].clave) ? PEND[vis[x].clave] : vis[x].incluir;
   (mx ? incs : excs).push(vis[x]);
 }
 recalcularAnchoTexto();   // v3.26: antes de armar el colgroup
 var h = '';
 if (!vis.length) h = '<div class="hint">Sin conceptos con esos filtros.</div>';
 else {
   h += '<div class="barraSec plana"><b>✔ Incluidos en la estimación ' + d.est + '</b>' +
     '<span class="cont">' + incs.length + '</span>' +
     '<button class="mini" style="margin-left:auto" onclick="gxbTodas()" title="' +
     (gxbAlgunaAbierta() ? 'Ocultar los tres pares grises de golpe' : 'Mostrar los tres pares grises') + '">' +
     (gxbAlgunaAbierta() ? '⊟ ocultar los tres grises' : '⊞ mostrar los tres grises (' + (GXCOLS.length - colsVis().length) + ' columnas ocultas)') +
     '</button></div>';
   if (!incs.length) h += '<div class="hint">Todavía no hay conceptos incluidos (con los filtros actuales).</div>';
   else {
     // v3.23: .gwrap + min-width sumado de GXCOLS — 15 columnas no caben en 1300
     // v3.28: los dos pisos de encabezado van en <thead>. Sin el, en impresion
     // no se pueden repetir por pagina (display:table-header-group) y a partir
     // de la segunda hoja las columnas salen sin nombre.
     h += '<table class="tbl fija" style="min-width:' + anchoMinTabla() + 'px">' + colGroupHtml() +
       '<thead>' + CAB + '</thead><tbody>' + filasConceptos(incs, true);
     h += filaTotal('MONTO SIN IVA de la estimación (CONTROL)', fmt(d.resumen.montoSinIva));
     h += filaTotal('TOTAL A COBRAR (CONTROL)', fmt(d.resumen.totalCobrar)) + '</tbody></table>';
   }
   // v3.25: barra propia, colapsable, con contador. Arranca cerrada (GXF_ABIERTA).
   h += '<div class="barraSec" onclick="gxfAlternar()" title="' + (GXF_ABIERTA ? 'Esconder' : 'Mostrar') + ' los conceptos fuera de la estimación">' +
     '<span class="tri">' + (GXF_ABIERTA ? '▾' : '▸') + '</span>' +
     '<b>○ Fuera de la estimación ' + d.est + '</b>' +
     '<span class="cont">' + excs.length + ' concepto' + (excs.length === 1 ? '' : 's') + ' fuera</span>' +
     '<span class="hint">— márcales "Incluir" para incorporarlos</span></div>';
   if (GXF_ABIERTA) {
     if (!excs.length) h += '<div class="hint">Ningún concepto fuera (con los filtros actuales).</div>';
     else h += '<table class="tbl fija" style="min-width:' + anchoMinTabla() + 'px">' + colGroupHtml() +
       '<thead>' + CAB + '</thead><tbody>' + filasConceptos(excs, false) + '</tbody></table>';
   }
 }
 document.getElementById('lista').innerHTML = h;
 refrescarBtnAct();
 // v3.25: primero el alto (que depende de lo que quedo encima), luego el sticky
 // del segundo piso (que depende del alto REAL del primero, ya pintado).
 ajustarAltoLista();
 fijarStickyCabecera();
 // segunda pasada tras el pintado: el alto del primer piso puede cambiar cuando
 // las fuentes acaban de asentarse, y un top medido antes se queda desalineado.
 if (window.requestAnimationFrame) requestAnimationFrame(fijarStickyCabecera);
}


/* menú de estados (se abre al tocar el icono del concepto) */
function abrirMenuEstado(clave) {
 cerrarMenuEstado();
 MENU_CONC = clave;
 var c = buscarConcepto(clave);
 var h = '<div class="velo" onclick="cerrarMenuEstado()"><div class="menuEst" onclick="event.stopPropagation()">';
 h += '<div class="sec">' + esc(clave) + (c ? ' — ' + esc(c.desc.slice(0, 45)) : '') + '</div>';
 h += '<div class="hint">Estado de control de obra (uno por concepto):</div>';
 for (var i = 0; i < ESTADOS_UI.length; i++) {
   h += '<button class="op ' + ESTADOS_UI[i][2] + '" onclick="elegirEstado(\'' + esc(ESTADOS_UI[i][0]) + '\')">' + esc(ESTADOS_UI[i][1]) + (c && c.estadoCon === ESTADOS_UI[i][0] ? '  ✓' : '') + '</button>';
 }
 h += '<button class="op" onclick="elegirEstado(\'\')">— quitar clasificación —</button>';
 h += '<button class="op" style="text-align:center" onclick="cerrarMenuEstado()">Cancelar</button>';
 h += '</div></div>';
 var velo = document.createElement('div');
 velo.id = 'veloEst';
 velo.innerHTML = h;
 document.body.appendChild(velo);
}
function cerrarMenuEstado() {
 var v = document.getElementById('veloEst');
 if (v) v.parentNode.removeChild(v);
 MENU_CONC = null;
 MENU_GEN = null;
 NOTA_CONC = null;
}
function elegirEstado(valor) {
 var clave = MENU_CONC;
 cerrarMenuEstado();
 if (!clave) return;
 var notas = '';
 if (valor === 'DUDA') notas = prompt('¿Cuál es la duda de "' + clave + '"? (opcional, queda en notas)') || '';
 google.script.run.withSuccessHandler(function (r) {
   var c = buscarConcepto(clave);
   if (c) { c.estadoCon = r.estado; if (notas) c.notasCon = notas; }
   pintarLista();
 }).withFailureHandler(function (e) {
   alert('No se guardó el estado: ' + e.message);
   pintarLista();
 }).setEstadoConcepto({ obra: OBRA, concepto: clave, estado: valor, notas: notas });
}


/* v3.11: menú del estado del GENERADOR (chip de la columna Gen) */
function abrirMenuGen(clave) {
 cerrarMenuEstado();
 MENU_GEN = clave;
 var c = buscarConcepto(clave);
 var h = '<div class="velo" onclick="cerrarMenuEstado()"><div class="menuEst" onclick="event.stopPropagation()">';
 h += '<div class="sec">' + esc(clave) + (c ? ' — ' + esc(c.desc.slice(0, 45)) : '') + '</div>';
 h += '<div class="hint">Estado del generador en la estimación ' + EST + ' (queda con tu correo y fecha):</div>';
 for (var i = 0; i < ESTADOS_GEN_UI.length; i++) {
   h += '<button class="op ' + ESTADOS_GEN_UI[i][2] + '" onclick="elegirEstadoGen(\'' + esc(ESTADOS_GEN_UI[i][0]) + '\')">' + esc(ESTADOS_GEN_UI[i][1]) + (c && c.estadoGen === ESTADOS_GEN_UI[i][0] ? '  ✓' : '') + '</button>';
 }
 h += '<button class="op" onclick="abrirNotaGen(MENU_GEN)">🗒 Nota de esta estimación…</button>';
 h += '<button class="op" onclick="elegirEstadoGen(\'\')">— quitar estado —</button>';
 h += '<button class="op" style="text-align:center" onclick="cerrarMenuEstado()">Cancelar</button>';
 h += '</div></div>';
 var velo = document.createElement('div');
 velo.id = 'veloEst';
 velo.innerHTML = h;
 document.body.appendChild(velo);
}
function elegirEstadoGen(valor) {
 var clave = MENU_GEN;
 cerrarMenuEstado();
 if (!clave) return;
 google.script.run.withSuccessHandler(function (r) {
   var c = buscarConcepto(clave);
   if (c) c.estadoGen = r.estado;
   pintarLista();
 }).withFailureHandler(function (e) {
   alert('No se guardó el estado del generador: ' + e.message);
   pintarLista();
 }).setEstadoGenerador({ obra: OBRA, est: EST, concepto: clave, estado: valor });
}


/* v3.13: NOTA del generador por est+concepto — editor emergente */
var NOTA_CONC = null;
function abrirNotaGen(clave) {
 cerrarMenuEstado();
 NOTA_CONC = clave;
 var c = buscarConcepto(clave);
 var abierta = DE.escribible === true;   // v3.43
 var h = '<div class="velo" onclick="cerrarMenuEstado()"><div class="menuEst" onclick="event.stopPropagation()">';
 h += '<div class="sec">🗒 Nota — ' + esc(clave) + ' (estimación ' + EST + ')</div>';
 h += '<textarea id="ntG" rows="4" maxlength="300" placeholder="Escribe la nota (máx 300)…" style="width:100%;padding:8px;border:1px solid var(--borde-control);border-radius:8px;font-size:12.5px;font-family:inherit"' + (abierta ? '' : ' disabled') + '>' + esc(c ? c.notaGen || '' : '') + '</textarea>';
 h += '<div class="hint">Es de ESTA estimación; queda en GEN ESTADOS con tu correo y fecha.' + (abierta ? '' : ' ' + (DE.soloLectura || 'Solo consulta.')) + '</div>';
 if (abierta) {
   h += '<button class="op" style="text-align:center;background:var(--marca);color:var(--marca-tinta);border-color:transparent" onclick="guardarNotaGen(this)">💾 Guardar nota</button>';
   if (c && c.notaGen) h += '<button class="op" style="text-align:center" onclick="document.getElementById(\'ntG\').value=\'\';guardarNotaGen(this)">🗑 Eliminar nota</button>';
 }
 h += '<button class="op" style="text-align:center" onclick="cerrarMenuEstado()">Cerrar</button>';
 h += '</div></div>';
 var velo = document.createElement('div');
 velo.id = 'veloEst';
 velo.innerHTML = h;
 document.body.appendChild(velo);
}
function guardarNotaGen(btn) {
 var clave = NOTA_CONC;
 if (!clave) return;
 var nota = document.getElementById('ntG').value.trim();
 btn.disabled = true; btn.textContent = 'Guardando…';
 google.script.run.withSuccessHandler(function (r) {
   cerrarMenuEstado();
   var c = buscarConcepto(clave);
   if (c) c.notaGen = r.nota;
   pintarLista();
 }).withFailureHandler(function (e) {
   cerrarMenuEstado();
   alert('No se guardó la nota: ' + e.message);
   pintarLista();
 }).setNotaGenerador({ obra: OBRA, est: EST, concepto: clave, nota: nota });
}


/* marcar/desmarcar TABLA·CROQUIS·FOTOS del bloque (v2.6) */
function setCheck(clave, campo, el) {
 var valor = el.checked;
 el.disabled = true;
 google.script.run.withSuccessHandler(function (r) {
   var c = buscarConcepto(clave);
   if (c) c[campo.toLowerCase()] = r.valor;
   pintarLista();
 }).withFailureHandler(function (e) {
   alert('No se guardó ' + campo + ': ' + e.message);
   pintarLista();
 }).setCheckBloque({ obra: OBRA, est: EST, concepto: clave, campo: campo, valor: valor });
}


/* v3.2: el checkbox ya NO escribe ni recarga — acumula el cambio */
function toggle(clave, el) {
 var c = buscarConcepto(clave);
 if (!c) return;
 if (el.checked === c.incluir) delete PEND[clave];
 else PEND[clave] = el.checked;
 refrescarBtnAct();
 pintarLista();
}
function refrescarBtnAct() {
 var btn = document.getElementById('btnAct');
 if (!btn) return;
 var n = Object.keys(PEND).length;
 btn.textContent = '⟳ Actualizar conceptos a estimar' + (n ? ' (' + n + ' cambio' + (n > 1 ? 's' : '') + ')' : '');
}
/* aplica todos los cambios de INCLUIR en lote y recarga UNA sola vez */
function aplicarIncluir() {
 var claves = Object.keys(PEND);
 if (!claves.length) { cargarEst(EST); return; } // sin cambios: solo refresca cifras
 var marcar = [], desmarcar = [];
 claves.forEach(function (k) {
   var c = buscarConcepto(k);
   if (c) (PEND[k] ? marcar : desmarcar).push(c);
 });
 var msg = '';
 if (marcar.length) msg += 'MARCAR Incluir: ' + marcar.map(function (c) { return c.clave; }).join(', ') + '.\n';
 if (desmarcar.length) msg += 'DESMARCAR (los que tienen mediciones se guardan en un 📦 paquete, con sus imágenes, para estimarlos después): ' + desmarcar.map(function (c) { return c.clave + (c.genEsta > 0 ? ' (' + fv(c.genEsta) + ' ' + c.unidad + ')' : ''); }).join(', ') + '.\n';
 if (!confirm(msg + '¿Aplicar ' + claves.length + ' cambio(s) en la estimación ' + EST + '?')) return;
 // v3.42 · el motivo del paquete, UNA vez para todos
 var conMed = desmarcar.filter(function (c) { return c.genEsta > 0; }).map(function (c) { return c.clave; });
 var motivo = '';
 if (conMed.length) { motivo = pqPedirMotivo(conMed); if (motivo === null) return; }
 var hechos = [];
 var btn = document.getElementById('btnAct');
 btn.disabled = true;
 var cambios = marcar.concat(desmarcar);
 var errores = [];
 var i = 0;
 function siguiente() {
   if (i >= cambios.length) {
     if (hechos.length) alert(hechos.join('\n'));
     if (errores.length) alert('Cambios con problema:\n' + errores.join('\n'));
     PEND = {};
     cargarEst(EST);
     return;
   }
   var c = cambios[i];
   btn.textContent = '⏳ Aplicando ' + (i + 1) + '/' + cambios.length + ' (' + c.clave + ')…';
   google.script.run.withSuccessHandler(function (r) {
       r = r || {};
       if (r.paquete) hechos.push('📦 ' + c.clave + ': ' + r.movidas + ' renglón(es) y ' + (r.imagenes || 0) + ' imagen(es) guardados en el paquete ' + r.paquete + '.');
       if (r.importado) hechos.push('↩ ' + c.clave + ': regresó su paquete ' + r.importado + ' (' + r.renglones + ' renglones).');
       if (r.aviso) hechos.push('⚠ ' + c.clave + ': ' + r.aviso);
       i++; siguiente();
     })
     .withFailureHandler(function (e) { errores.push(c.clave + ': ' + e.message); i++; siguiente(); })
     .toggleIncluir({ obra: OBRA, est: EST, concepto: c.clave, incluir: PEND[c.clave], motivo: motivo });
 }
 siguiente();
}


function buscarConcepto(clave) {
 for (var i = 0; i < DE.conceptos.length; i++) if (DE.conceptos[i].clave === clave) return DE.conceptos[i];
 return null;
}


/* ───────── vista 3: GENERAR ESTIMACIÓN (v3.0) ───────── */
var REP = null;
/* v3.43: aqui vivian GENCFG y PASOS, las opciones y el orden de los seis pasos
 * del camino viejo. Se fueron con el. */
function abrirGenerar() {
 cerrarMenuEstado();
 if (Object.keys(PEND).length) { alert('Tienes cambios de "Incluir" sin aplicar — presiona ⟳ Actualizar conceptos a estimar antes de generar.'); return; }
 pintarApp('<div class="cargando">Analizando la estimación ' + EST + ' de ' + esc(OBRA) + '…</div>');
 google.script.run.withSuccessHandler(function (r) { REP = r; pintarReporte(); })
   .withFailureHandler(function (e) { alert('No se pudo analizar: ' + e.message); cargarEst(EST); })
   .analizarEstimacion(OBRA, EST);
}
function pintarReporte() {
 var r = REP;
 var h = '<div class="barra"><button class="btn" onclick="cargarEst(EST)">← Estimación ' + EST + '</button>' +
   '<b>Revisar la estimación ' + r.est + '</b><span class="hint">' + esc(OBRA) + ' · ' + r.incluidos + ' de ' + r.totalConceptos + ' conceptos incluidos</span></div>';


 /* v3.33: LOS PASOS VAN ARRIBA. Peticion de Maca: lo primero que se ve al
  * revisar tiene que ser QUE SIGUE, no el detalle. El detalle no se pierde —
  * queda abajo— pero deja de ser lo primero que compite por la atencion. */
 h += gxSiguientePaso(r);

 h += panelFechasHtml(r.fechasPanel, !!(DE && DE.est === r.est && DE.escribible), 'rep');   // v3.43


 if (r.bloqueantes.length) {
   h += '<div class="panel"><div class="sec">⛔ Bloqueantes — subsánalos aquí y reanaliza</div>';
   for (var i = 0; i < r.bloqueantes.length; i++) h += fixHtml(r.bloqueantes[i], i);
   h += '<div style="margin-top:10px"><button class="btn azul" onclick="abrirGenerar()">🔁 Volver a analizar</button></div></div>';
 }
 if (r.avisos.length) {
   /* v3.34: agrupados. El titulo dice los GRUPOS y ademas cuantos renglones
      quedaron plegados — cambiar el numero sin decir el otro haria pensar que
      se perdieron avisos. */
   var tAv = gxAvisosTitulo(r.avisos);
   h += '<div class="panel"><div class="sec">⚠ ' + esc(tAv.txt) + ' — tú decides si corriges o generas así</div>';
   h += gxAvisosHtml(r.avisos);
   h += '</div>';
 }
 if (!r.bloqueantes.length && !r.avisos.length) {
   h += '<div class="ok-box">✅ Sin anomalías: los ' + r.incluidos + ' conceptos incluidos cuadran con el CONTROL (MONTO SIN IVA).</div>';
 }
 // v3.43: aqui iba el bloque plegado del camino viejo (el Google Sheet). Retirado.
 pintarApp(h);
}

/* remedio inline por tipo de bloqueante (v3.5) */
function fixHtml(b, i) {
 var h = '<div class="alert">' + esc(b.msg);
 if (b.tipo === 'REDONDEO') {
   h += '<div style="margin-top:8px">';
   for (var j = 0; j < b.extra.length; j++) {
     h += '<div style="margin:4px 0;font-size:11px">' + esc(b.extra[j].etiqueta) +
       ' <select id="fxR_' + esc(b.extra[j].clave) + '"><option>TRUNCAR</option><option>REDONDEAR</option></select></div>';
   }
   h += '<button class="mini" onclick="fxGuardarRedondeo(' + i + ',this)">💾 Guardar redondeo</button></div>';
 } else if (b.tipo === 'FECHAS') {
   h += '<div style="margin-top:6px">Captúralas en el panel 📅 "Fechas de la estimación" de arriba.</div>';
 } else if (b.tipo === 'INICIO_OBRA') {
   h += '<div style="margin-top:6px"><a href="' + esc(REP.url) + '" target="_blank">abrir el archivo y capturar CONTRATO C15 ↗</a> — luego Volver a analizar.</div>';
 } else if (b.tipo === 'FIN_ANTERIOR') {
   h += '<div style="margin-top:6px"><button class="mini" onclick="cargarEst(' + (REP.est - 1) + ')">← Ir a la estimación ' + (REP.est - 1) + '</button> y captura ahí sus fechas (botón «1 · Comprobar» → panel 📅).</div>';
 } else if (b.tipo === 'CATALOGO') {
   h += '<div style="margin-top:6px"><a href="' + esc(REP.url) + '" target="_blank">abrir el archivo y permitir acceso ↗</a> — luego presiona Volver a analizar.</div>';
 } else if (b.tipo === 'CONCEPTO') {
   h += '<div style="margin-top:6px"><button class="mini" onclick="fxExcluir(\'' + esc(b.extra.clave) + '\',this)">➖ Quitar de la estimación</button> <a href="' + esc(REP.url) + '" target="_blank">o corregir el catálogo ↗</a></div>';
 } else if (b.tipo === 'SIN_INCLUIDOS') {
   h += '<div style="margin-top:6px"><button class="mini" onclick="cargarEst(EST)">← Ir al listado a incluir conceptos</button></div>';
 }
 return h + '</div>';
}
function fxGuardarRedondeo(i, btn) {
 var b = REP.bloqueantes[i];
 var reglas = {};
 for (var j = 0; j < b.extra.length; j++) {
   reglas[b.extra[j].clave] = document.getElementById('fxR_' + b.extra[j].clave).value;
 }
 btn.disabled = true; btn.textContent = 'Guardando…';
 google.script.run.withSuccessHandler(function () { abrirGenerar(); })
   .withFailureHandler(function (e) { alert('No se guardó: ' + e.message); abrirGenerar(); })
   .guardarConfigGen({ obra: OBRA, reglas: reglas });
}
/* panel 📅 (v3.7): componente único — inicio fijo por regla, fin y fecha de Maca.
* ctx 'est' = pantalla de la estimación · 'rep' = pantalla de análisis */
function panelFechasHtml(fp, editable, ctx) {
 fp = fp || { inicio: '', origen: '', falta: '', fecha: '', fin: '' };
 return '<div class="panel"><div class="sec">📅 Fechas de la estimación ' + EST + '</div>' +
   '<div style="display:flex;gap:12px;flex-wrap:wrap;align-items:end;font-size:11.5px">' +
   '<label>Inicio del periodo — fijo<br><input type="date" value="' + esc(fp.inicio) + '" disabled style="background:var(--campo-inactivo)"></label>' +
   '<label>Fin del periodo *<br><input type="date" id="fpFin" value="' + esc(fp.fin) + '"' + (editable ? '' : ' disabled') + '></label>' +
   '<label>Fecha de la estimación *<br><input type="date" id="fpFecha" value="' + esc(fp.fecha) + '"' + (editable ? '' : ' disabled') + '></label>' +
   (editable && fp.inicio ? '<button class="btn azul" onclick="fpGuardar(this,\'' + ctx + '\')">💾 Guardar fechas</button>' : '') +
   '</div><div class="hint" style="margin-top:5px">' +
   (!editable ? ((DE && DE.soloLectura) || 'Solo consulta.')
     : (fp.inicio ? 'El inicio es ' + esc(fp.origen) + ' — no se edita; se graba junto con lo que captures (filas 21·22·20 del bloque).'
       : 'El inicio se calculará cuando ' + (fp.falta === 'INICIO_OBRA' ? 'captures el inicio de obra en CONTRATO C15 del archivo.' : 'la estimación anterior tenga fin de periodo.'))) +
   '</div></div>';
}
function fpGuardar(btn, ctx) {
 var fin = document.getElementById('fpFin').value;
 var fecha = document.getElementById('fpFecha').value;
 if (!fin || !fecha) { alert('Captura el FIN del periodo Y la FECHA de la estimación.'); return; }
 btn.disabled = true; btn.textContent = 'Guardando…';
 var volver = function () { if (ctx === 'rep') abrirGenerar(); else cargarEst(EST); };
 google.script.run.withSuccessHandler(volver)
   .withFailureHandler(function (e) { alert('No se guardó: ' + e.message); volver(); })
   .guardarFechasEstimacion({ obra: OBRA, est: EST, fin: fin, fecha: fecha });
}
function fxExcluir(clave, btn) {
 if (!confirm('Se quita INCLUIR del concepto ' + clave + ' en la estimación ' + EST + '; si tiene mediciones, se guardan en un 📦 paquete con sus imágenes para estimarlas después. ¿Continuar?')) return;
 var c = buscarConcepto(clave);
 var motivo = '';
 if (!c || c.genEsta > 0) { motivo = pqPedirMotivo([clave]); if (motivo === null) return; }
 btn.disabled = true; btn.textContent = 'Quitando…';
 google.script.run.withSuccessHandler(function (r) {
     if (r && r.paquete) alert('📦 ' + clave + ': ' + r.movidas + ' renglón(es) guardados en el paquete ' + r.paquete + '.' + (r.aviso ? '\n⚠ ' + r.aviso : ''));
     abrirGenerar();
   })
   .withFailureHandler(function (e) { alert('No se pudo: ' + e.message); abrirGenerar(); })
   .toggleIncluir({ obra: OBRA, est: EST, concepto: clave, incluir: false, motivo: motivo });
}
/* v3.17: editar el redondeo (CONFIG B3-B7) desde la app — popup con las 5
* elecciones precargadas; guarda con guardarConfigGen (v3.5) y recarga */
var REG_UI = [
 ['SUBTOTAL', 'SUBTOTAL generador (VARILLAS×PZAS.×LARGO×ANCHO×ALTO×KG/M2)'],
 ['IMPORTE', 'IMPORTE concepto (CANT × P.U.)'],
 ['IVA', 'IVA estimación (× 0.16)'],
 ['AMORTIZACION', 'AMORTIZACIÓN (× % anticipo)'],
 ['IVA_AMORT', 'IVA amortización (× 0.16)']
];
/* ═══════════════════════════════════════════════════════════════════════════
 * v3.32 · EL CUADRO DE ACCIONES
 *
 * Seis botones en cuatro grupos, porque NO son seis cosas del mismo tipo:
 *   ① el trabajo, en su orden   revisar -> generar el documento
 *   ② verificar                 abrir en REVISION
 *   ③ ajustes de la obra        redondeo · imprimir la pantalla
 *   ④ irreversible              cerrar, con su advertencia PEGADA A EL
 *
 * ⚠ LA ADVERTENCIA VA CON SU BOTON. Hasta la v3.31 el texto "Cerrar congela el
 *   bloque" vivia en el pie del cuadro, o sea que parecia la nota al pie de los
 *   CINCO. Una advertencia que no toca a su boton no protege a nadie.
 *
 * ⚠ SALIO "Generar estimacion" Y NO SE PERDIO SU PANTALLA. Ese boton ya no
 *   produce el papel —eso lo hace el documento desde el 25-ago— pero su
 *   pantalla es el UNICO lugar donde los bloqueantes se ARREGLAN (redondeo,
 *   plantillas, fechas del bloque, quitar un concepto sin catalogo). Borrarla
 *   dejaria la puerta nueva diciendo "no puedes" sin ningun lugar donde
 *   resolverlo, y un candado sin salida es un estorbo que la gente evita.
 *   Asi que el boton se queda, renombrado a lo que de verdad hace.
 *
 * ⚠ Y YA NO SE ESCONDE CUANDO FALTAN REGLAS. Antes, si a la obra le faltaba
 *   elegir TRUNCAR/REDONDEAR, el boton DESAPARECIA — justo cuando revisar es
 *   mas necesario. El aviso existia, pero arriba y lejos; ahora vive en el
 *   boton que lo resuelve. Filtrar esconde; hay que decir.
 * ═══════════════════════════════════════════════════════════════════════════ */

/**
 * El estado de las CINCO reglas de redondeo, en una linea.
 * ⚠ NO devuelve "TRUNCAR" a secas: son cinco reglas para cinco calculos
 *   distintos y afirmar una como si fueran todas es una mentira con buenos
 *   modales. Dice lo que hay, y si falta alguna eso gana sobre lo demas.
 */
function gxResumenReglas(d) {
  var R = (d && d.reglas) ? d.reglas : {};
  var t = 0, r = 0, faltan = 0;
  for (var i = 0; i < REG_UI.length; i++) {
    var v = String(R[REG_UI[i][0]] || '').trim().toUpperCase();
    if (v === 'TRUNCAR') t++;
    else if (v === 'REDONDEAR') r++;
    else faltan++;
  }
  if (faltan) {
    return { txt: '⚠ ' + faltan + (faltan === 1 ? ' regla sin elegir' : ' reglas sin elegir'),
             alarma: true };
  }
  if (t === REG_UI.length) return { txt: 'las ' + t + ' reglas truncan', alarma: false };
  if (r === REG_UI.length) return { txt: 'las ' + r + ' reglas redondean', alarma: false };
  return { txt: t + ' truncan · ' + r + ' redondean', alarma: false };
}

/** El cuadro entero. Se arma aparte para poder leerlo. */
function gxCuadroAcciones(d, abierta) {
  var g = gxResumenReglas(d);

  /* ⚠ v3.37: DOS POR RENGLON, TODOS. Corrección de Maca: "no sirve de nada
   *   darle mas ancho al bloque si lo unico que hacemos es ensanchar los
   *   botones — tienen que caber MAS botones por linea". Tenia razon: la v3.36
   *   ensancho el panel y los tres botones de ancho completo se ensancharon
   *   con el, asi que el bloque siguio midiendo cinco renglones.
   *
   * ⚠ Y LA SECUENCIA SE SIGUE LEYENDO porque los numeros van en el TEXTO. Es
   *   para lo que sirven: sin el "1 ·" y el "2 ·", ponerlos lado a lado
   *   perderia el orden; con ellos, el orden lo dice el boton y no su posicion.
   *
   * ⚠ SALE «Imprimir esta pantalla», como quedo en el diseño del 26-ago. La
   *   funcion imprimirVista() se QUEDA en el archivo, sin boton que la llame:
   *   retirarla ademas seria arreglar dos cosas en el mismo cambio.
   */
  var h = '<div class="panel"><div class="sec">Acciones</div><div class="apila">';

  /* ── ① el trabajo, en su orden ─────────────────────────────────────────── */
  h += '<div class="gxAgrid">';
  /* ⚠ v3.38 · DECIA «1 · Revisar» Y SE CONFUNDIA CON «Revisión», que es el
     boton de al lado y va a OTRA app. Son dos preguntas distintas: este es una
     PUERTA de la casa —¿se puede estimar?— y ademas el unico lugar donde los
     bloqueantes se arreglan; el otro es VERIFICACION, y lo ve la UdeG. El
     renglon de abajo dice que mira, que es lo que de verdad los separa. */
  h += '<button class="btn gxAbt gxAmini" onclick="abrirGenerar()" ' +
       'title="Comprueba que no haya provisionales, conceptos sin respaldo ni volumen de mas, ' +
       'y es donde se arreglan. No escribe nada.">' +
       '✅ 1 · Comprobar<em>provisionales, respaldo y volumen</em></button>';
  /* Nace APAGADO y lo enciende ligarBotones() cuando llega su liga. */
  h += '<a class="btn azul gxAbt gxAmini" id="btExp" href="#" onclick="return false" ' +
       'style="text-decoration:none;opacity:.45" title="Preparando la liga…">' +
       '📄 2 · Generar<em>el documento · 81 págs</em></a>';
  h += '</div>';

  h += '<div class="gxAsep"></div>';

  /* ── ② la vista de fuera · ③ ajustes ──────────────────────────────────── */
  h += '<div class="gxAgrid">';
  /* ⚠ v3.40 · EL SELECTOR VA DEBAJO DE SU BOTON, dentro de la misma celda: es
     el destino de ESE boton y de ningun otro. Arranca en «el ESTADO ACTUAL»,
     que es lo que se quiere ver el 99% de las veces — y elegir una version es
     el acto deliberado, no al reves. */
  h += '<div class="gxVerCelda">';
  h += '<a class="btn gxAbt gxAmini" id="btRev" href="#" onclick="return false" ' +
       'style="text-decoration:none;opacity:.45" title="Preparando la liga…">' +
       /* ⚠ v3.39 · DECIA «el cuadre por concepto» y eso era lo que esa app hacia
          el dia que nacio. Hoy hace mas: ES LA PANTALLA CON LA QUE SE VE Y CON
          LA QUE SE COMPARTE —la ficha administrativa, la caratula, el detalle
          de cada concepto, la impresion, y la liga que se le manda a la UdeG—.
          Un rotulo que describe la primera version de algo envejece solo. */
       '🔍 Revisión<em>visualizar y compartir</em></a>';
  h += '<select id="selVer" class="gxVerSel" onchange="verElegida(this.value)" ' +
       'title="A qué te lleva el botón de Revisión">' +
       '<option value="">el ESTADO ACTUAL</option></select>';
  h += '<div class="hint gxVerNota" id="selVerNota"></div>';
  h += '</div>';
  h += '<button class="btn gxAbt gxAmini" onclick="abrirRedondeo()" ' +
       'title="Cinco reglas: subtotal del generador, importe del concepto, IVA, amortización e IVA de la amortización.">' +
       '⚙ Redondeo' +
       '<em' + (g.alarma ? ' class="gxAamb"' : '') + '>' + esc(g.txt) + '</em></button>';
  h += '</div>';

  /* ── ④ irreversible ────────────────────────────────────────────────────── */
  if (abierta) {
    h += '<div class="gxAsep"></div>';
    h += '<button class="btn gxAbt gxAmini gxArojo" onclick="abrirCierre()">' +
         '🔒 Cerrar estimación ' + esc(EST) +
         '<em>no se deshace</em></button>';
  } else {
    h += '<div class="hint" style="margin-top:5px">Cerrada — solo consulta.</div>';
  }

  return h + '</div></div>';
}


/* ═══════════════════════════════════════════════════════════════════════════
 * v3.32 · EL PUENTE ENTRE REVISAR Y ARMAR
 * ═══════════════════════════════════════════════════════════════════════════ */
var GX_YA_SALTE = '';   // 'obra|est' del salto ya hecho: no se repite al reanalizar

function gxSiguientePaso(r) {
  var liga = URL_APP
    ? URL_APP + (URL_APP.indexOf('?') >= 0 ? '&' : '?') +
      'vista=expediente&obra=' + encodeURIComponent(OBRA) + '&est=' + EST
    : '';

  /* ── CON BLOQUEANTES: el paso 1 no esta terminado ─────────────────────── */
  if (r.bloqueantes.length) {
    return '<div class="panel gxPasos"><div class="sec">Los pasos</div>' +
      '<div class="gxPaso gxPasoMal"><b>⛔ Paso 1 · Comprobar</b>' +
      '<span>' + r.bloqueantes.length +
      (r.bloqueantes.length === 1 ? ' cosa que arreglar' : ' cosas que arreglar') +
      ', abajo. Subsánalas ahí y vuelve a revisar.</span></div>' +
      '<div class="gxPaso gxPasoOff"><b>📄 Paso 2 · Generar el documento</b>' +
      '<span>Se puede generar para mirarlo, pero <b>no se va a poder guardar como ' +
      'versión entregada</b> hasta que el paso 1 quede limpio.</span></div>' +
      '</div>';
  }

  /* ── LIMPIO: el paso 1 quedo, sigue el 2 ──────────────────────────────── */
  var h = '<div class="panel gxPasos"><div class="sec">Los pasos</div>';
  h += '<div class="gxPaso gxPasoOk"><b>✅ Paso 1 · Comprobar</b><span>' +
       (r.avisos.length
         ? 'Listo. Nada frena la estimación. Los ' + r.avisos.length +
           ' aviso(s) que verás abajo <b>no bloquean</b>: son para que los lleves a la junta.'
         : 'Listo. Los ' + r.incluidos + ' conceptos incluidos cuadran con el CONTROL.') +
       '</span></div>';
  h += '<div class="gxPaso gxPasoVa"><b>📄 Paso 2 · Generar el documento</b>' +
       '<span>Las 81 páginas, y ahí mismo se guarda la versión.</span>' +
       '<div style="margin-top:8px;display:flex;gap:10px;flex-wrap:wrap">';
  h += liga
    ? '<a class="btn azul" href="' + esc(liga) + '" target="_blank" ' +
      'style="text-decoration:none">📄 Generar el documento →</a>'
    : '<span class="hint">⚠ Todavía no tengo la liga. Vuelve a la ' +
      'estimación y usa el botón 2 del cuadro de acciones.</span>';
  h += '<button class="btn" onclick="cargarEst(EST)">Volver a la estimación</button>';
  h += '</div></div></div>';

  /* El salto automatico SOLO cuando no hay NADA que leer, y una sola vez por
     estimacion: reanalizar tres veces no debe abrir tres pestañas. */
  if (liga && !r.avisos.length) {
    var llave = OBRA + '|' + EST;
    if (GX_YA_SALTE !== llave) {
      GX_YA_SALTE = llave;
      setTimeout(function () { try { window.open(liga, '_blank'); } catch (e) {} }, 400);
    }
  }
  return h;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * v3.34 · AVISOS COMPACTOS
 *
 * ⚠ EL SERVIDOR YA DECLARA LA JERARQUIA Y LA PANTALLA LA IGNORABA. Los avisos
 *   con detalle se emiten asi (GenExpediente.gs 640-648):
 *
 *     'IMPORTES SIN TRUNCAR: 7 celda(s) de IMPORTE guardan mas de 2 decimales…'
 *     '   est1 fila 24 concepto 1: 42860.979200  (sobra -0.000800)'
 *     '   est1 fila 25 concepto 2: …'
 *
 *   Los detalles llevan TRES ESPACIOS al principio. Eso no es formato: es la
 *   forma en que el recolector dice "esto cuelga de lo anterior". La pantalla
 *   los pintaba todos iguales, asi que UN aviso con siete renglones ocupaba lo
 *   mismo que OCHO problemas distintos y llenaba media pantalla.
 *
 * ⚠ POR ESO SE AGRUPA AQUI Y NO EN EL SERVIDOR: la informacion ya viaja. Tocar
 *   GenExpediente.gs serian 80,000 caracteres repegados para no ganar nada.
 *
 * La regla de la casa que aplica: un aviso permanente es un CHIP; el aviso
 * grave se abre solo. Texto ya leido veinte veces empujando fuera de la
 * pantalla lo que si se mira no es informacion, es decorado.
 * ═══════════════════════════════════════════════════════════════════════════ */

/** ¿Este renglon es DETALLE del anterior? Lo dice su sangria. */
function gxEsDetalle(t) {
  return /^\s{2,}/.test(String(t == null ? '' : t));
}

/**
 * ¿Este aviso es GRAVE?
 *
 * ⚠ GEMELO DECLARADO: conDatos() de ExpedienteIndex.html usa esta misma lista.
 *
 * ⚠⚠ CON UNA CORRECCION QUE ALLA TODAVIA NO ESTA: `LOGO` va con limites de
 *    palabra. Sin ellos, la subcadena esta dentro de **CATA-LOGO**, asi que
 *    TODOS los avisos del catalogo se han estado pintando como graves. Se cazo
 *    renderizando los 11 avisos reales de CUCBA el 26-ago.
 *
 * ⚠ Y la lista es la ORIGINAL, ni una palabra mas. Se probo agregarle
 *   "SIN TRUNCAR" y el resultado fue que el aviso mas largo —siete renglones de
 *   basura decimal de 0.0006— se abria solo y ocupaba media pantalla. Marcar
 *   como grave algo que lleva meses igual es como se enseña a ignorar el rojo.
 */
function gxAvisoGrave(t) {
  return /\bLOGO\b|NO CUADRA|SIN GENERADOR|PERDIER|CORTAR|IMPOSIBLE|NO ES/i
    .test(String(t || ''));
}

/**
 * Agrupa una lista plana de avisos en {cabeza, detalles[]}.
 * PURA — se puede probar sin pantalla.
 */
function gxAgruparAvisos(lista) {
  var out = [];
  (lista || []).forEach(function (t) {
    var txt = String(t == null ? '' : t);
    if (gxEsDetalle(txt) && out.length) {
      out[out.length - 1].detalles.push(txt.replace(/^\s+/, ''));
    } else {
      out.push({ cabeza: txt.replace(/^\s+/, ''), detalles: [] });
    }
  });
  return out;
}

/**
 * El HTML compacto. Un renglon por grupo; los detalles cuelgan plegados.
 * ⚠ Los GRAVES nacen ABIERTOS: el que se calla no protege. Los demas se abren
 *   al picarlos, y el conteo dice cuantos hay para que nadie crea que es todo.
 */
function gxAvisosHtml(lista) {
  var G = gxAgruparAvisos(lista);
  if (!G.length) return '';
  var h = '';
  G.forEach(function (g, i) {
    var grave = gxAvisoGrave(g.cabeza);
    var n = g.detalles.length;
    if (!n) {
      h += '<div class="gxAv' + (grave ? ' gxAvMal' : '') + '">' + esc(g.cabeza) + '</div>';
      return;
    }
    h += '<details class="gxAv gxAvDet' + (grave ? ' gxAvMal' : '') + '"' +
         (grave ? ' open' : '') + '>' +
         '<summary>' + esc(g.cabeza) +
         ' <b>· ' + n + (n === 1 ? ' detalle' : ' detalles') + '</b></summary>' +
         '<div class="gxAvIn">' +
         g.detalles.map(function (d) { return esc(d); }).join('<br>') +
         '</div></details>';
  });
  return h;
}

/** El texto del titulo: dice los GRUPOS y, aparte, cuantos renglones se
 *  plegaron. Cambiar el numero sin decir el otro haria pensar que se perdieron
 *  avisos. Lo que se recorta, se dice. */
function gxAvisosTitulo(lista) {
  var G = gxAgruparAvisos(lista);
  var det = 0;
  G.forEach(function (g) { det += g.detalles.length; });
  return { grupos: G.length, detalles: det,
           txt: G.length + (G.length === 1 ? ' aviso' : ' avisos') +
                (det ? ' · ' + det + ' renglón(es) de detalle plegados' : '') };
}

function abrirRedondeo() {
 cerrarMenuEstado();
 var h = '<div class="velo" onclick="cerrarMenuEstado()"><div class="menuEst" onclick="event.stopPropagation()">';
 h += '<div class="sec">⚙ Redondeo por cálculo — ' + esc(OBRA) + '</div>';
 h += '<div class="hint">Se guarda en ' + esc((DE && DE.hojaConfig) || 'CONFIG GEN') + ' B3-B7 del archivo de la obra (siempre a 2 decimales). Rige los bloques ABIERTOS y las capturas nuevas; los bloques cerrados ya están congelados y no cambian.</div>';
 for (var i = 0; i < REG_UI.length; i++) {
   var v = (DE.reglas && DE.reglas[REG_UI[i][0]]) || '';
   h += '<div style="margin-top:8px;font-size:11.5px">' + esc(REG_UI[i][1]) + '<br><select id="rg_' + REG_UI[i][0] + '">' +
     '<option' + (v === 'TRUNCAR' ? ' selected' : '') + '>TRUNCAR</option>' +
     '<option' + (v === 'REDONDEAR' ? ' selected' : '') + '>REDONDEAR</option></select></div>';
 }
 h += '<button class="op" style="text-align:center;background:var(--marca);color:var(--marca-tinta);border-color:transparent;margin-top:10px" onclick="guardarRedondeo(this)">💾 Guardar redondeo</button>';
 h += '<button class="op" style="text-align:center" onclick="cerrarMenuEstado()">Cancelar</button>';
 h += '</div></div>';
 var velo = document.createElement('div');
 velo.id = 'veloEst';
 velo.innerHTML = h;
 document.body.appendChild(velo);
}
function guardarRedondeo(btn) {
 var reglas = {};
 for (var i = 0; i < REG_UI.length; i++) reglas[REG_UI[i][0]] = document.getElementById('rg_' + REG_UI[i][0]).value;
 btn.disabled = true; btn.textContent = 'Guardando…';
 google.script.run.withSuccessHandler(function () { cerrarMenuEstado(); cargarEst(EST); })
   .withFailureHandler(function (e) { cerrarMenuEstado(); alert('No se guardó: ' + e.message); cargarEst(EST); })
   .guardarConfigGen({ obra: OBRA, reglas: reglas });
}


/* ═════════ v3.50 · EL FINIQUITO: el titulo de la estimacion en el papel ═════════
 * El servidor manda d.finiquito = {est, forma, esta, textos, sugerir}.
 * Los TEXTOS los arma el servidor con la MISMA funcion que el papel
 * (deEstTexto_): la vista previa no puede decir otra cosa que lo impreso. */
var FQ_OPCIONES = [['', 'Normal'], ['NUMERO', 'Finiquito'], ['ESTIMACION', 'Finiquito'], ['NUMERO_ULTIMA', 'Última y finiquito'], ['ESTIMACION_ULTIMA', 'Última y finiquito']];   // v3.53
function finiquitoHtml(d, abierta) {
 var f = d.finiquito;
 if (!f) return '';
 var sel = f.esta ? (f.forma || '') : '';
 var h = '<div class="barra" style="margin-top:6px;gap:8px;flex-wrap:wrap;align-items:center">' +
   '<span class="hint">Título en el papel:</span>';
 if (abierta) {
   h += '<select id="fqSel" style="width:auto;max-width:520px" onchange="guardarFiniquito(this)" title="Cómo se titula esta estimación en TODAS las hojas del papel">';
   for (var i = 0; i < FQ_OPCIONES.length; i++) {
     var v = FQ_OPCIONES[i][0];
     h += '<option value="' + v + '"' + (v === sel ? ' selected' : '') + '>' + esc(FQ_OPCIONES[i][1] + ' — ' + (f.textos[v] || '')) + '</option>';
   }
   h += '</select>';
 }
 h += '<span class="hint">se imprime: <b>ESTIMACIÓN: ' + esc(f.textos[sel] || '') + '</b></span>';
 if (f.est && !f.esta) h += '<span class="hint">· el finiquito está marcado en la estimación ' + f.est + '</span>';
 h += '</div>';
 // v3.51 · el finiquito tiene que cerrar: acumulado = volumen ajustado en TODOS los conceptos
 if (f.esta) h += descuadresHtml(f.descuadres || []);
 if (abierta && f.sugerir && !f.esta) {
   h += '<div class="warn" style="margin:6px 0 0">Esta estimación deja TODOS los conceptos sin pendiente. ¿Es el finiquito? Elige el título en «Título en el papel».</div>';
 }
 return h;
}
function descuadresHtml(L) {
 if (!L.length) return '<div class="hint" style="margin:6px 2px 0;color:var(--bien, #2e7d32)">✔ Finiquito: todos los conceptos cierran — lo estimado acumulado es igual a su volumen ajustado.</div>';
 var tot = 0, h = '<div class="warn" style="margin:6px 0 0"><b>Este finiquito no cierra: ' + L.length + ' concepto' + (L.length > 1 ? 's' : '') +
   ' con lo estimado distinto de su volumen ajustado.</b> Para cada uno hay dos salidas: capturar el volumen que falta (o quitar el de más) en la estimación, ' +
   'o corregir el volumen ajustado en CATALOGO si no se va a ejecutar.' +
   '<table style="margin-top:6px;font-size:11.5px;border-collapse:collapse"><tr><th style="text-align:left;padding:2px 8px 2px 0">Concepto</th>' +
   '<th style="text-align:right;padding:2px 8px">Ajustado</th><th style="text-align:right;padding:2px 8px">Estimado acum.</th>' +
   '<th style="text-align:right;padding:2px 8px">Diferencia</th><th style="text-align:right;padding:2px 8px">Dinero</th><th style="text-align:left;padding:2px 8px"></th></tr>';
 for (var i = 0; i < L.length; i++) {
   var x = L[i];
   if (x.dinero) tot += x.dinero;
   h += '<tr><td style="padding:2px 8px 2px 0">' + esc(x.clave) + ' — ' + esc(x.desc) + '</td>' +
     '<td style="text-align:right;padding:2px 8px">' + (x.volAdj == null ? '—' : x.volAdj.toFixed(2) + ' ' + esc(x.unidad)) + '</td>' +
     '<td style="text-align:right;padding:2px 8px">' + (x.acum == null ? '—' : x.acum.toFixed(2)) + '</td>' +
     '<td style="text-align:right;padding:2px 8px"><b>' + (x.dif == null ? '¿?' : (x.dif > 0 ? '+' : '') + x.dif.toFixed(2)) + '</b></td>' +
     '<td style="text-align:right;padding:2px 8px">' + (x.dinero == null ? '—' : fmtM(x.dinero)) + '</td>' +
     '<td style="padding:2px 8px">' + esc(x.nota || '') + '</td></tr>';
 }
 h += '</table><div style="margin-top:4px">Neto: <b>' + fmtM(Math.round(tot * 100) / 100) + '</b> (positivo = falta estimar; negativo = se estimó de más).</div></div>';
 return h;
}
function fmtM(n) {
 var neg = n < 0; n = Math.abs(n || 0);
 return (neg ? '−' : '') + '$' + n.toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
function guardarFiniquito(selEl) {
 var forma = selEl.value;
 selEl.disabled = true;
 google.script.run.withSuccessHandler(function (r) { cargarEst(EST); })
   .withFailureHandler(function (e) { alert('No se guardó el título: ' + e.message); cargarEst(EST); })
   .gxGuardarFiniquito({ obra: OBRA, est: EST, forma: forma });
}


/* ───────── G2 (v3.12): cerrar estimación desde la app ───────── */
var CIE = null;
/* ═══════════════════════════════════════════════════════════════════════════
 * v3.42 · 📦 LOS PAQUETES DE MEDICIONES (servidor: gxPaquetes.gs)
 * Desmarcar un concepto CON mediciones ya no las manda a la estimación
 * siguiente: las guarda en un paquete con su motivo. Aquí se ven los paquetes
 * y se importan a la estimación que esté EN CAPTURA. Nada se borra nunca.
 * ═══════════════════════════════════════════════════════════════════════════ */
var PQ = null;
/* v3.49 · IMPORTAR EN LOTE: qué paquetes están palomeados y, de los que chocan,
 * qué se eligió (SUMAR | REEMPLAZAR). Viven solo mientras la vista está abierta. */
var PQSEL = {}, PQMODO = {};
/* el número del botón de la fila de la obra: un viaje aparte, que no retrasa la pantalla */
function pqContar() {
 var b = document.getElementById('btnPaq');
 if (!b) return;
 google.script.run.withSuccessHandler(function (txt) {
   var r = JSON.parse(txt);
   var bb = document.getElementById('btnPaq');
   if (bb) bb.textContent = '📦 Paquetes' + (r.guardados ? ' (' + r.guardados + ')' : '');
 }).withFailureHandler(function (e) {
   var bb = document.getElementById('btnPaq');
   if (bb) { bb.textContent = '📦 Paquetes (?)'; bb.title = 'No pude contarlos: ' + e.message; }
 }).gxPaquetesListar(OBRA);
}
function abrirPaquetes() {
 cerrarMenuEstado();
 if (Object.keys(PEND).length) { alert('Tienes cambios de "Incluir" sin aplicar — presiona ⟳ Actualizar conceptos a estimar antes.'); return; }
 PQSEL = {}; PQMODO = {};
 pintarApp('<div class="cargando">Leyendo los paquetes de mediciones de ' + esc(OBRA) + '…</div>');
 google.script.run.withSuccessHandler(function (txt) { PQ = JSON.parse(txt); pintarPaquetes(); })
   .withFailureHandler(function (e) { alert('No se pudieron leer los paquetes: ' + e.message); cargarEst(EST); })
   .gxPaquetesListar(OBRA);
}
function pintarPaquetes(choque) {
 var r = PQ;
 var guard = r.paquetes.filter(function (p) { return p.estado === 'GUARDADO'; });
 var otros = r.paquetes.filter(function (p) { return p.estado !== 'GUARDADO'; });
 var h = '<div class="barra"><button class="btn" onclick="cargarEst(EST)">← Estimación ' + EST + '</button>' +
   '<b>📦 Paquetes de mediciones</b><span class="hint">' + esc(r.obra) + '</span></div>';
 h += '<div class="panel"><div class="sec">Cómo funcionan</div><div style="font-size:12px;line-height:1.7">' +
   '· Se crea un paquete al <b>desmarcar Incluir</b> en un concepto que ya tiene mediciones: se guardan sus renglones, sus croquis y fotos, sus casillas T·C·F y su nota.<br>' +
   '· Se importa solo a la estimación <b>EN CAPTURA</b>' + (r.destino ? ' — hoy es la <b>' + r.destino + '</b>.' : '.') + '<br>' +
   '· Si ahí el concepto ya tiene mediciones, eliges <b>sumar</b> o <b>reemplazar guardando</b> (las que estaban se van a otro paquete). Nunca se borra nada.</div></div>';
 if (!r.destino) h += '<div class="warn">' + esc(r.motivoSinDestino) + '</div>';

 h += '<div class="panel"><div class="sec">Guardados (' + guard.length + ')</div>';
 if (!guard.length) h += '<div class="hint">No hay paquetes guardados en esta obra.</div>';
 else {
   var plan = pqPlanLote(r.paquetes, PQSEL);
   var todos = r.destino && guard.every(function (p) { return PQSEL[p.id]; });
   h += '<table class="aptTbl" style="width:100%"><thead><tr>' +
     '<th>' + (r.destino ? '<input type="checkbox" title="Seleccionar todos" ' + (todos ? 'checked ' : '') + 'onchange="pqSelTodos(this.checked)">' : '') + '</th>' +
     '<th>Paquete</th><th>Concepto</th><th>Salió de</th><th>Renglones</th><th>Volumen</th><th>Imágenes</th><th>Motivo</th><th>Creado</th><th></th></tr></thead><tbody>';
   guard.forEach(function (p) {
     h += '<tr><td>' + (r.destino ? '<input type="checkbox" ' + (PQSEL[p.id] ? 'checked ' : '') + 'onchange="pqSel(\'' + p.id + '\',this.checked)">' : '') + '</td>' +
       '<td><b>' + esc(p.id) + '</b></td><td>' + esc(p.concepto) + ' — ' + esc((p.desc || '').slice(0, 50)) + '</td>' +
       '<td class="n">Est ' + p.estOrigen + '</td><td class="n">' + p.renglones + '</td><td class="n">' + fv(p.volumen) + '</td>' +
       '<td class="n">' + p.imagenes + '</td><td>' + esc(p.motivo) + '</td><td>' + esc(p.creado) + '<br><span class="hint">' + esc(p.creo) + '</span></td><td>';
     if (choque && choque.id === p.id) {
       h += '<div class="warn" style="margin:0 0 6px">' + esc(choque.msg) + '</div>' +
         '<button class="mini" onclick="pqImportar(\'' + p.id + '\',\'SUMAR\',this)">➕ Sumar</button> ' +
         '<button class="mini" onclick="pqImportar(\'' + p.id + '\',\'REEMPLAZAR\',this)">⇄ Reemplazar guardando</button> ' +
         '<button class="mini" onclick="pintarPaquetes()">Cancelar</button>';
     } else if (PQSEL[p.id] && plan.pide[p.id]) {
       // v3.49 · en el lote, el que choca pide su opción ANTES de arrancar
       h += '<div class="warn" style="margin:0 0 6px">⚠ ' + esc(plan.pide[p.id]) + '</div>' +
         '<select onchange="pqModo(\'' + p.id + '\',this.value)">' +
         '<option value=""' + (PQMODO[p.id] ? '' : ' selected') + '>— elige —</option>' +
         '<option value="SUMAR"' + (PQMODO[p.id] === 'SUMAR' ? ' selected' : '') + '>➕ Sumar</option>' +
         '<option value="REEMPLAZAR"' + (PQMODO[p.id] === 'REEMPLAZAR' ? ' selected' : '') + '>⇄ Reemplazar guardando</option></select>';
     } else if (r.destino) {
       if (p.yaEnDestino) h += '<div class="hint" style="margin-bottom:4px">⚠ la Est ' + r.destino + ' ya tiene ' + p.yaEnDestino + ' renglón(es) de este concepto</div>';
       h += '<button class="mini" onclick="pqImportar(\'' + p.id + '\',\'\',this)">Importar a la Est ' + r.destino + '</button>';
     }
     h += '</td></tr>';
   });
   h += '</tbody></table>';
   // v3.49 · la barra del lote
   if (r.destino) {
     var n = plan.orden.length;
     var listo = n > 0 && !plan.faltan.length;
     h += '<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px">' +
       '<button class="btn" id="btnPqLote" ' + (listo ? '' : 'disabled ') + 'onclick="pqImportarLote()">📦 Importar seleccionados (' + n + ') a la Est ' + r.destino + '</button>' +
       '<span class="hint">' + (!n ? 'Palomea los paquetes que quieres traer.'
         : plan.faltan.length ? 'Falta elegir Sumar o Reemplazar guardando en: ' + plan.faltan.map(esc).join(', ') + '.'
         : 'Entran en este orden, del más viejo al más nuevo: ' + plan.orden.map(esc).join(' → ') + '.') + '</span></div>';
   }
 }
 h += '</div>';

 if (otros.length) {
   h += '<div class="panel"><div class="sec">Ya importados (' + otros.length + ')</div><div style="font-size:12px;line-height:1.7">';
   otros.slice(0, 20).forEach(function (p) {
     h += '· <b>' + esc(p.id) + '</b> · concepto ' + esc(p.concepto) + ' · de la Est ' + p.estOrigen + ' a la Est ' + (p.importadoA || '?') +
       ' · ' + esc(p.importado) + ' · <span class="hint">' + esc(p.motivo) + '</span><br>';
   });
   if (otros.length > 20) h += '<span class="hint">… y ' + (otros.length - 20) + ' más (están en la pestaña PAQUETES del archivo).</span>';
   h += '</div></div>';
 }
 pintarApp(h);
 pintarPie('TERMINUS GENERADORES · pantalla ' + GEN_VER + ' (del Index ' + INDEX_VERSION + ')' + ' · puerta ' + (r.version || '') + ' · ' + r.obra);   /* v0.1.0 */
}
function pqImportar(id, modo, btn) {
 var txt = modo === 'SUMAR' ? 'Se SUMAN las mediciones del paquete ' + id + ' a las que ya tiene el concepto en la estimación ' + PQ.destino + '.'
   : modo === 'REEMPLAZAR' ? 'Las mediciones que ya tiene el concepto en la estimación ' + PQ.destino + ' se GUARDAN en un paquete nuevo, y entran las del paquete ' + id + '.'
   : 'Se importa el paquete ' + id + ' a la estimación ' + PQ.destino + ': sus renglones, sus imágenes, sus casillas y su nota.';
 if (!confirm(txt + ' ¿Continuar?')) return;
 btn.disabled = true; btn.textContent = 'Importando…';
 google.script.run.withSuccessHandler(function (t) {
   var r = JSON.parse(t);
   alert('Paquete ' + r.paquete + ' importado a la estimación ' + r.est + ': ' + r.renglones + ' renglón(es) y ' + r.imagenes + ' imagen(es)' +
     (r.renombradas ? ' (' + r.renombradas + ' con número nuevo para no chocar)' : '') + '.' +
     (r.guardadoEn ? '\nLo que había quedó guardado en el paquete ' + r.guardadoEn + '.' : '') +
     (r.avisos && r.avisos.length ? '\n⚠ ' + r.avisos.join('\n⚠ ') : ''));
   cargarEst(r.est);
 }).withFailureHandler(function (e) {
   var m = String(e.message || e);
   if (m.indexOf('CHOQUE') >= 0) { pintarPaquetes({ id: id, msg: m.replace(/^.*CHOQUE:\s*/, '') }); return; }
   alert('NO se importó: ' + m);
   abrirPaquetes();
 }).gxImportarPaquete({ obra: OBRA, paquete: id, modo: modo });
}
/* ═══ v3.49 · IMPORTAR EN LOTE ═══════════════════════════════════════════════
 * El servidor importa UN paquete por llamada (gxImportarPaquete): cada llamada
 * trae su propio candado y sus propios 6 minutos, y mover muchas fotos en Drive
 * cabe mejor así que en una sola llamada larga. Aquí solo se ordenan, se piden
 * las opciones de los que chocan y se encadenan, igual que ⟳ Actualizar.
 *
 * pqPlanLote — PURA. Chocan los que YA tienen renglones de su concepto en la
 * EN CAPTURA (yaEnDestino, lo cuenta el servidor al listar) y los que tienen
 * ANTES en el lote otro paquete del mismo concepto: cuando les toque, el
 * primero ya habrá entrado. Orden: del más viejo al más nuevo (número de P). */
function pqNumP(id) { var m = String(id || '').match(/(\d+)/); return m ? Number(m[1]) : 0; }
function pqPlanLote(paquetes, sel) {
 var elegidos = (paquetes || []).filter(function (p) { return p.estado === 'GUARDADO' && sel[p.id]; })
   .sort(function (a, b) { return pqNumP(a.id) - pqNumP(b.id); });
 var antes = {}, pide = {}, faltan = [];
 elegidos.forEach(function (p) {
   if (p.yaEnDestino > 0) pide[p.id] = 'La Est ' + (PQ && PQ.destino) + ' ya tiene ' + p.yaEnDestino + ' renglón(es) del concepto ' + p.concepto + '.';
   else if (antes[p.concepto]) pide[p.id] = 'Antes entra ' + antes[p.concepto] + ', del mismo concepto ' + p.concepto + ': cuando le toque a este, ya habrá mediciones.';
   antes[p.concepto] = p.id;
   if (pide[p.id] && !PQMODO[p.id]) faltan.push(p.id);
 });
 return { orden: elegidos.map(function (p) { return p.id; }), pide: pide, faltan: faltan, elegidos: elegidos };
}
function pqSel(id, on) { if (on) PQSEL[id] = true; else { delete PQSEL[id]; delete PQMODO[id]; } pintarPaquetes(); }
function pqSelTodos(on) {
 PQSEL = {}; if (!on) PQMODO = {};
 if (on) PQ.paquetes.forEach(function (p) { if (p.estado === 'GUARDADO') PQSEL[p.id] = true; });
 pintarPaquetes();
}
function pqModo(id, modo) { if (modo) PQMODO[id] = modo; else delete PQMODO[id]; pintarPaquetes(); }
function pqImportarLote() {
 var plan = pqPlanLote(PQ.paquetes, PQSEL);
 if (!plan.orden.length) return;
 if (plan.faltan.length) { alert('Falta elegir Sumar o Reemplazar guardando en: ' + plan.faltan.join(', ') + '.'); return; }
 var dest = PQ.destino;
 var lineas = plan.orden.map(function (id) {
   var m = plan.pide[id] ? PQMODO[id] : '';
   return '· ' + id + (m === 'SUMAR' ? ' — SUMAR a lo que ya hay' : m === 'REEMPLAZAR' ? ' — REEMPLAZAR GUARDANDO (lo que haya se va a un paquete nuevo)' : '');
 });
 if (!confirm('Se importan ' + plan.orden.length + ' paquete(s) a la estimación ' + dest + ', uno por uno y en este orden:\n\n' +
   lineas.join('\n') + '\n\nSi uno falla, los demás siguen. ¿Continuar?')) return;
 var hechos = [], errores = [], i = 0;
 function pintarAvance(actual) {
   pintarApp('<div class="barra"><b>📦 Importando paquetes a la Est ' + dest + '</b><span class="hint">' + esc(PQ.obra) + '</span></div>' +
     '<div class="panel"><div class="sec">⏳ ' + (actual ? 'Importando ' + (i + 1) + '/' + plan.orden.length + ' (' + esc(actual) + ')…' : 'Terminando…') + '</div>' +
     '<div style="font-size:12px;line-height:1.7">' + hechos.concat(errores).map(esc).join('<br>') + '</div>' +
     '<div class="hint" style="margin-top:6px">No cierres esta ventana hasta que termine.</div></div>');
 }
 function siguiente() {
   if (i >= plan.orden.length) {
     var msg = 'Lote terminado en la estimación ' + dest + ': ' + hechos.length + ' importado(s)' + (errores.length ? ', ' + errores.length + ' con problema' : '') + '.';
     if (hechos.length) msg += '\n\n' + hechos.join('\n');
     if (errores.length) msg += '\n\nNO SE IMPORTARON (siguen guardados):\n' + errores.join('\n');
     alert(msg);
     PQSEL = {}; PQMODO = {};
     cargarEst(dest);
     return;
   }
   var id = plan.orden[i];
   var modo = plan.pide[id] ? (PQMODO[id] || '') : '';
   pintarAvance(id);
   google.script.run.withSuccessHandler(function (t) {
     var r = JSON.parse(t);
     hechos.push('✅ ' + r.paquete + ' (concepto ' + r.concepto + '): ' + r.renglones + ' renglón(es) y ' + r.imagenes + ' imagen(es)' +
       (r.renombradas ? ', ' + r.renombradas + ' con número nuevo' : '') +
       (r.guardadoEn ? ' · lo que había quedó en el paquete ' + r.guardadoEn : '') +
       (r.avisos && r.avisos.length ? ' · ⚠ ' + r.avisos.join(' · ⚠ ') : ''));
     i++; siguiente();
   }).withFailureHandler(function (e) {
     errores.push('✖ ' + id + ': ' + String((e && e.message) || e));
     i++; siguiente();
   }).gxImportarPaquete({ obra: OBRA, paquete: id, modo: modo });
 }
 siguiente();
}
/* el motivo de un paquete: se pide UNA vez para todos los que se desmarcan juntos */
function pqPedirMotivo(claves) {
 var m = prompt('Los conceptos ' + claves.join(', ') + ' tienen mediciones. Se van a guardar en un paquete para estimarlas después.\n\n' +
   '¿Por qué salen de esta estimación? (obligatorio)', '');
 if (m === null) return null;
 m = String(m).replace(/\s+/g, ' ').trim();
 if (m.length < 5) { alert('Hace falta un motivo de al menos 5 letras. No se aplicó ningún cambio.'); return null; }
 return m;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * v3.41 · ABRIR OFICIALMENTE LA ESTIMACION SIGUIENTE (servidor: gxApertura.gs)
 * Primero se ENSEÑA el plan -qué bloque, qué conceptos y por qué- sin escribir
 * nada; el servidor lo vuelve a calcular dentro del candado al abrir.
 * ═══════════════════════════════════════════════════════════════════════════ */
function gxDesfase(c) {
 return c.ejecP !== null && c.ejecP !== undefined && c.ejecR !== null && c.ejecR !== undefined &&
   c.ejecR > c.ejecP + 0.005;
}
var APE = null;
function abrirApertura() {
 cerrarMenuEstado();
 if (Object.keys(PEND).length) { alert('Tienes cambios de "Incluir" sin aplicar — presiona ⟳ Actualizar conceptos a estimar antes.'); return; }
 pintarApp('<div class="cargando">Revisando qué estimación sigue en ' + esc(OBRA) + '…</div>');
 google.script.run.withSuccessHandler(function (txt) { APE = JSON.parse(txt); pintarApertura(); })
   .withFailureHandler(function (e) { alert('No se pudo revisar la apertura: ' + e.message); cargarEst(EST); })
   .gxAperturaRevisar(OBRA);
}
function pintarApertura() {
 var r = APE;
 var desc = {};
 (DE && DE.conceptos || []).forEach(function (c) { desc[c.clave] = c.desc; });
 var h = '<div class="barra"><button class="btn" onclick="cargarEst(EST)">← Estimación ' + EST + '</button>' +
   '<b>＋ Abrir estimación ' + (r.n || '—') + '</b><span class="hint">' + esc(r.obra) + '</span></div>';
 h += '<div class="panel"><div class="sec">Qué va a pasar</div><div style="font-size:12px;line-height:1.7">' +
   '· Se pica INCLUIR en los conceptos de abajo, en el bloque de la estimación ' + (r.n || '—') + '. Después desmarcas los que no correspondan.<br>' +
   '· Se registra la fecha y hora de hoy como la <b>apertura</b> de la estimación. El SEMÁFORO cuenta los días desde ahí.<br>' +
   '· No se escribe ningún volumen, periodo ni monto.</div></div>';
 if (!r.puede) h += '<div class="alert">No se puede abrir: ' + esc(r.motivo) + '</div>';
 if (r.yaTieneFecha) h += '<div class="alert">La estimación ' + r.n + ' ya tiene fecha de apertura (' + esc(r.yaTieneFecha) + ').</div>';
 for (var a = 0; a < r.avisos.length; a++) h += '<div class="warn">' + esc(r.avisos[a]) + '</div>';

 h += '<div class="panel"><div class="sec">Se picarían ' + r.picar.length + ' concepto' + (r.picar.length === 1 ? '' : 's') + '</div>';
 if (!r.picar.length) h += '<div class="hint">Ninguno: no hay ejecutado por estimar ni mediciones esperando en ese bloque.</div>';
 else {
   h += '<table class="aptTbl"><thead><tr><th>Concepto</th><th>Ejecutado</th><th>Ya estimado</th><th>Por estimar</th><th>Mediciones esperando</th><th></th></tr></thead><tbody>';
   r.picar.forEach(function (c) {
     var dz = null;
     r.desfases.forEach(function (x) { if (x.clave === c.clave) dz = x; });
     h += '<tr><td>' + esc(c.clave) + ' — ' + esc((desc[c.clave] || '').slice(0, 60)) + '</td>' +
       '<td class="n">' + celVol(c.ejecutado) + '</td><td class="n">' + celVol(c.estimado) + '</td>' +
       '<td class="n">' + celVol(c.porEstimar) + '</td><td class="n">' + (c.medidos || '') + '</td>' +
       '<td>' + (dz ? '<span class="desfase">⚠ pagado ' + fv(dz.r) + '</span>' : '') + '</td></tr>';
   });
   h += '</tbody></table>';
 }
 h += '</div>';

 var fuera = r.desfases.filter(function (x) { return !r.picar.some(function (c) { return c.clave === x.clave; }); });
 if (r.desfases.length) {
   h += '<div class="panel"><div class="sec">⚠ Pagado en destajos mayor que el ejecutado (' + r.desfases.length + ')</div>' +
     '<div class="hint" style="margin-bottom:6px">En estos conceptos el VOL EJECUTADO del prefiniquito está por debajo de lo ya pagado en destajos. ' +
     'El cálculo de arriba usa el ejecutado, así que pueden quedarse cortos o fuera. ' +
     (fuera.length ? '<b>' + fuera.length + ' no se picarían</b> y quizá sí deberían.' : '') + '</div>';
   r.desfases.forEach(function (x) {
     h += '<div style="font-size:12px">· ' + esc(x.clave) + ' — ' + esc((desc[x.clave] || '').slice(0, 50)) +
       ': pagado ' + fv(x.r) + ' · ejecutado ' + fv(x.p) + ' · diferencia ' + fv(x.dif) + '</div>';
   });
   h += '</div>';
 }
 if (r.conPaquete && r.conPaquete.length) {
   h += '<div class="panel"><div class="sec">📦 No se pican: tienen paquete guardado (' + r.conPaquete.length + ')</div>' +
     '<div class="hint" style="margin-bottom:6px">Sus mediciones están en un paquete. Si deben entrar en esta estimación, impórtalo desde 📦 Paquetes después de abrirla.</div>';
   r.conPaquete.forEach(function (x) {
     h += '<div style="font-size:12px">· ' + esc(x.clave) + ' — ' + esc((desc[x.clave] || '').slice(0, 50)) + ': ' + x.paquetes.map(esc).join(', ') +
       (x.porEstimar !== null && x.porEstimar !== undefined ? ' · por estimar ' + fv(x.porEstimar) : '') + '</div>';
   });
   h += '</div>';
 }
 if (r.sinDato.length) h += '<div class="hint" style="margin:6px 0">No están en el prefiniquito, así que no sé su ejecutado (' + r.sinDato.length + '): ' + r.sinDato.map(esc).join(', ') + '</div>';

 var puede = r.puede && !r.yaTieneFecha && r.picar.length && r.hojaInicio;
 h += '<div class="panel"><div style="display:flex;gap:10px;flex-wrap:wrap">' +
   '<button class="btn azul"' + (puede ? '' : ' disabled style="opacity:.45"') + ' onclick="ejecutarApertura(this)">＋ Abrir estimación ' + (r.n || '') + '</button>' +
   '<button class="btn" onclick="cargarEst(EST)">Cancelar</button></div></div>';
 pintarApp(h);
}
function ejecutarApertura(btn) {
 if (!confirm('Se abre la estimación ' + APE.n + ' de ' + APE.obra + ': se pican ' + APE.picar.length + ' conceptos y se registra hoy como su fecha de apertura. ¿Continuar?')) return;
 btn.disabled = true; btn.textContent = 'Abriendo…';
 google.script.run.withSuccessHandler(function (txt) {
   var r = JSON.parse(txt);
   alert('Estimación ' + r.est + ' abierta el ' + r.fecha + ' con ' + r.picados + ' conceptos incluidos. Desmarca los que no correspondan y presiona ⟳ Actualizar.');
   cargarEst(r.est);
 }).withFailureHandler(function (e) {
   alert('NO se abrió: ' + e.message);
   abrirApertura();
 }).gxAbrirEstimacion({ obra: OBRA });
}

function abrirCierre() {
 cerrarMenuEstado();
 if (Object.keys(PEND).length) { alert('Tienes cambios de "Incluir" sin aplicar — presiona ⟳ Actualizar conceptos a estimar antes de cerrar.'); return; }
 pintarApp('<div class="cargando">Analizando el cierre de la estimación ' + EST + '…</div>');
 google.script.run.withSuccessHandler(function (r) { CIE = r; pintarCierre(); })
   .withFailureHandler(function (e) { alert('No se pudo analizar el cierre: ' + e.message); cargarEst(EST); })
   .analizarCierre(OBRA, EST);
}
function pintarCierre() {
 var r = CIE;
 var h = '<div class="barra"><button class="btn" onclick="cargarEst(EST)">← Estimación ' + EST + '</button>' +
   '<b>🔒 Cerrar estimación ' + r.est + '</b><span class="hint">' + esc(OBRA) + '</span></div>';
 h += '<div class="panel"><div class="sec">Qué va a pasar (no se puede deshacer desde la app)</div>' +
   '<div style="font-size:12px;line-height:1.7">· CANT e IMPORTE de los conceptos y el resumen financiero (filas 3-9) del bloque quedan CONGELADOS a valores.<br>· El bloque pasa a CERRADA (fila 2) — la app y la captura quedan en solo consulta.<br>· La ACEPTACIÓN del cliente NO se toca: su fecha y bandera se registran después en el semáforo ESTIMACIONES.<br>· El bloque se protege con advertencia en la hoja.</div></div>';
 h += '<div class="panel"><div class="sec">Datos del bloque</div>' +
   '<span class="stat"><div class="l">Monto sin IVA</div><div class="v">' + fmt(r.montoSinIva) + '</div></span>' +
   '<span class="stat"><div class="l">Total a cobrar</div><div class="v">' + fmt(r.totalCobrar) + '</div></span>' +
   '<span class="stat"><div class="l">Conceptos incluidos</div><div class="v">' + r.incluidos + '</div></span>' +
   '<span class="stat"><div class="l">Periodo</div><div class="v" style="font-size:12px">' + esc(r.perIni || '¿?') + ' → ' + esc(r.perFin || '¿?') + '</div></span></div>';
 if (r.avisos.length) {
   h += '<div class="panel"><div class="sec">⚠ Avisos (' + r.avisos.length + ') — tú decides si cierras así</div>';
   for (var i = 0; i < r.avisos.length; i++) h += '<div class="warn">' + esc(r.avisos[i]) + '</div>';
   h += '</div>';
 } else {
   h += '<div class="ok-box">✅ Sin avisos: fechas capturadas, hay PDF y los generadores incluidos están COMPLETOS.</div>';
 }
 h += '<div class="panel"><div style="display:flex;gap:10px;flex-wrap:wrap">' +
   '<button class="btn" style="background:var(--malo-solido);color:var(--malo-tinta);border-color:var(--malo-solido)" onclick="ejecutarCierre(this)">🔒 Cerrar definitivamente</button>' +
   '<button class="btn" onclick="cargarEst(EST)">Cancelar</button></div></div>';
 pintarApp(h);
}
function ejecutarCierre(btn) {
 var frase = 'CERRAR ' + EST;
 var t = prompt('Confirmación fuerte — escribe exactamente:\n\n' + frase);
 if (t === null) return;
 if (String(t).trim().toUpperCase() !== frase) { alert('No coincide — no se cerró nada.'); return; }
 btn.disabled = true; btn.textContent = 'Cerrando…';
 google.script.run.withSuccessHandler(function (r) {
   var msg = 'Estimación ' + r.est + ' CERRADA (monto sin IVA ' + fmt(r.montoSinIva) + '). La aceptación del cliente se registra después en el semáforo ESTIMACIONES.';
   if (r.urlDetalle) {
     window.open(r.urlDetalle, '_blank'); // intento automático; si el navegador lo bloquea, queda el botón
     pintarApp('<div class="ok-box">✅ ' + esc(msg) + '</div>' +
       '<div class="panel" style="display:flex;gap:10px;flex-wrap:wrap">' +
       '<a class="btn azul" style="text-decoration:none" target="_blank" href="' + esc(r.urlDetalle) + '">📊 Ver detalle de la estimación ↗</a>' +
       '<button class="btn" onclick="cargarEst(EST)">← Volver a GENERADORES</button></div>');
   } else {
     alert(msg);
     cargarEst(EST);
   }
 }).withFailureHandler(function (e) {
   alert('NO se cerró: ' + e.message);
   cargarEst(EST);
 }).cerrarEstimacion({ obra: OBRA, est: EST });
}


/* v3.43: aqui vivian correrGeneracion y ejecutarPaso, que llamaban a genPaso
 * seccion por seccion. Retirados con el camino viejo. */


/* ───────── vista 4: MATRIZ concepto × estimación (v3.4) ───────── */
function cargarMatriz() {
 pintarApp('<div class="cargando">Armando la matriz de estimaciones…</div>');
 google.script.run.withSuccessHandler(function (m) { pintarMatriz(m); })
   .withFailureHandler(function (e) { alert('No se pudo armar la matriz: ' + e.message); cargarEst(EST); })
   .getMatrizEstimaciones(OBRA);
}
/* barra de progreso del % estimado (v3.10) */
function barraPct(pct) {
 if (pct === null || pct === undefined) return '—';
 /* v0.1.0: el numero, no su escala. Un numeric de Postgres llega '70.0000000000000000'. */
 pct = Math.round(parseFloat(pct) * 10) / 10;
 if (isNaN(pct)) return '—';
 var w = Math.max(0, Math.min(100, pct));
 var color = pct >= 99.95 ? 'var(--bueno)' : 'var(--avance-4-borde)';
 return '<div style="display:flex;align-items:center;gap:6px;justify-content:flex-end">' +
   '<span class="pbar"><span class="pfill" style="width:' + w + '%;background:' + color + ';display:block"></span></span>' +
   (pct > 100 ? '<span class="pill rojo">' + pct + '%</span>' : '<span>' + pct + '%</span>') + '</div>';
}
function pintarMatriz(m) {
 // v3.8: solo las estimaciones que tienen contenido (monto distinto de 0)
 var COLS = [];
 for (var e0 = 0; e0 < m.estimaciones.length; e0++) {
   if (Math.abs(m.totales.porEst[e0]) > 0.005) COLS.push(e0);
 }
 var nE = COLS.length;
 var h = '<div class="barra"><button class="btn" onclick="cargarEst(EST)">' + (EST ? '← Estimación ' + EST : '← Ir a la obra') + '</button>' +
   '<b>Matriz de estimaciones</b><span class="hint">' + esc(m.obra) + ' · montos sin IVA del CONTROL</span></div>';
 h += '<div class="panel"><div class="gwrap"><table class="tbl" style="min-width:' + (380 + nE * 92) + 'px"><tr><th>Concepto</th>';
 for (var e = 0; e < nE; e++) h += '<th class="num">Est ' + m.estimaciones[COLS[e]].num + (m.estimaciones[COLS[e]].estado === 'CERRADA' ? ' 🔒' : '') + '</th>';
 h += '<th class="num">Saldo por estimar</th><th class="num">% estimado</th></tr>';
 // v3.10: sumas por partida para su renglón separador
 var PS = {};
 for (var s0 = 0; s0 < m.filas.length; s0++) {
   var fx = m.filas[s0];
   if (!PS[fx.partClave]) PS[fx.partClave] = { pres: 0, acum: 0 };
   PS[fx.partClave].pres += fx.presupuesto || 0;
   PS[fx.partClave].acum += fx.acum || 0;
 }
 var pAct = 'x';
 for (var f = 0; f < m.filas.length; f++) {
   var c = m.filas[f];
   if (c.partClave !== pAct) {
     pAct = c.partClave;
     var ps = PS[pAct];
     var pctP = ps.pres > 0 ? Math.round(ps.acum / ps.pres * 1000) / 10 : null;
     var nom = pAct === '' ? 'SIN PARTIDA' : 'PARTIDA ' + esc(pAct) + (c.partNombre ? ' — ' + esc(c.partNombre) : '');
     h += '<tr class="part"><td colspan="' + (nE + 1) + '">' + nom + ' <span style="font-weight:600">· Estimado: ' + fmt(Math.round(ps.acum * 100) / 100) + '</span></td>' +
       '<td class="num">' + fmt(Math.round((ps.pres - ps.acum) * 100) / 100) + '</td>' +
       '<td class="num">' + barraPct(pctP) + '</td></tr>';
   }
   // fondo: gris = volumen ajustado EN CERO (fuera por ajuste) · verde = 100% estimado
   var fondo = c.volAdj === 0 ? ' class="fgris"' : (c.pct !== null && c.pct >= 99.95 ? ' class="fverde"' : '');
   h += '<tr' + fondo + '><td>' + esc(c.clave) + ' — ' + esc(String(c.desc).slice(0, 45)) + '<div class="hint">' + esc(c.unidad) + (c.volAdj === 0 ? ' · vol. ajustado 0' : '') + '</div></td>';
   for (var j = 0; j < nE; j++) h += '<td class="num">' + (c.imps[COLS[j]] ? fmt(c.imps[COLS[j]]) : '—') + '</td>';
   h += '<td class="num"' + (c.saldo < -0.005 ? ' style="color:var(--malo);font-weight:700"' : '') + '>' + fmt(c.saldo) + '</td>';
   h += '<td class="num">' + barraPct(c.pct) + '</td></tr>';
 }
 h += '<tr class="total"><td>TOTAL</td>';
 for (var t = 0; t < nE; t++) h += '<td class="num">' + fmt(m.totales.porEst[COLS[t]]) + '</td>';
 h += '<td class="num">' + fmt(m.totales.saldo) + '</td><td class="num">' + barraPct(m.totales.pct) + '</td></tr>';
 h += '</table></div><div class="hint" style="margin-top:6px">Saldo por estimar = importe del catálogo (ajustado si existe, si no el original) menos lo estimado en todas las estimaciones. Solo se muestran las estimaciones que tienen montos.</div></div>';
 pintarApp(h);
}


/* ───────── vista 2: captura del concepto ───────── */
function abrirConcepto(clave, editar) {
 cerrarMenuEstado();
 if (Object.keys(PEND).length) { alert('Tienes cambios de "Incluir" sin aplicar — presiona ⟳ Actualizar conceptos a estimar antes de capturar.'); return; }
 CONC = buscarConcepto(clave);
 if (!CONC) return;
 MODO = editar ? 'edicion' : 'nuevo';
 FILAS = [];
 if (editar) {
   pintarApp('<div class="cargando">Cargando lo capturado…</div>');
   google.script.run.withSuccessHandler(function (r) {
     FILAS = r.filas.map(function (f) { return f.med.slice(); });
     if (!FILAS.length) MODO = 'nuevo';
     pintarConcepto();
   }).withFailureHandler(errFatal).getCaptura(OBRA, EST, clave);
 } else {
   for (var i = 0; i < 5; i++) FILAS.push(['', '', '', '', '', '', '', '', '']);
   pintarConcepto();
 }
}


var COLS = ['EJE', 'TRAMO', 'VARILLAS', 'PZAS.', 'LARGO', 'ANCHO', 'ALTO', 'KG/M2', 'REFERENCIA'];
function pintarConcepto() {
 var c = CONC;
 var ui = estUI(c.estadoCon || '');
 var h = '<div class="barra"><button class="btn" onclick="cargarEst(EST)">← Estimación ' + EST + '</button>' +
   '<b>' + esc(c.clave) + '</b><span class="hint">' + esc(c.desc.slice(0, 70)) + ' · ' + esc(c.unidad) + ' · P.U. ' + fmt(c.pu) + '</span>' +
   (c.estadoCon ? '<span class="pill ab" style="background:var(--neutro-fondo);color:var(--tinta)">' + esc(ui[1]) + '</span>' : '') + '</div>';
 if (MODO === 'edicion') h += '<div class="warn">MODO EDICIÓN: al registrar se REEMPLAZA todo lo capturado de este concepto en la estimación ' + EST + '.</div>';


 h += '<div class="panel"><div class="sec">Volúmenes del concepto</div><table class="tres" id="tTres"></table>' +
   '<div class="hint" style="margin-top:4px">"Generado" incluye todas las estimaciones más lo que estás tecleando. Rojo = rebasa el volumen ajustado (aviso, no bloquea).</div></div>';


 h += '<div class="panel"><div class="sec">Mediciones — subtotal ' + esc(DE.reglas.SUBTOTAL.toLowerCase()) + ' a 2 decimales</div>';
 h += '<div class="chips" style="margin-bottom:8px">';
 for (var vc = 0; vc < COLS.length; vc++) {
   var conDato = false;
   for (var fr = 0; fr < FILAS.length; fr++) { if (String(FILAS[fr][vc] === null ? '' : FILAS[fr][vc]).trim() !== '') { conDato = true; break; } }
   h += '<button class="chip mini-f' + (VCOL[vc] ? ' on' : '') + '" onclick="toggleCol(' + vc + ')">' + COLS[vc] + (!VCOL[vc] && conDato ? ' •' : '') + '</button>';
 }
 h += '</div><div class="gwrap"><table class="grid"><tr>';
 for (var i = 0; i < COLS.length; i++) if (VCOL[i]) h += '<th>' + COLS[i] + '</th>';
 h += '<th>Subtotal</th><th></th></tr><tbody id="tbG"></tbody></table></div>';
 h += '<div style="margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap">' +
   '<button class="btn" onclick="agregarFila()">➕ Renglón</button>' +
   '<button class="btn" onclick="abrirTraer()">📋 Traer renglones…</button>' +
   '<span class="stat total"><div class="l">Volumen capturado</div><div class="v" id="tVol">0</div></span>' +
   '<button class="btn verde" id="bReg" onclick="registrar()">✓ Registrar en CAPTURA</button></div>';
 h += '<div class="hint" style="margin-top:6px">Se escribe en CAPTURA con tu correo y fecha; INCLUIR de la estimación ' + EST + ' se marca solo. Oculta con los chips las columnas que no uses; una columna oculta NO se borra — si trae valores sigue multiplicando (el • lo indica).</div></div>';


 pintarApp(h);
 pintarGrid();
}


function pintarGrid() {
 var html = '';
 for (var r = 0; r < FILAS.length; r++) {
   html += '<tr>';
   for (var col = 0; col < 9; col++) {
     if (!VCOL[col]) continue;
     var esTxt = col === 0 || col === 1 || col === 8;
     html += '<td><input class="' + (col === 8 ? 'txt ref' : (esTxt ? 'txt' : '')) + '" type="text" ' + (esTxt ? '' : 'inputmode="decimal" ') +
       'value="' + esc(FILAS[r][col]) + '" oninput="FILAS[' + r + '][' + col + ']=this.value;calc()"></td>';
   }
   html += '<td class="sub" id="sub' + r + '"></td>';
   html += '<td><button class="mini" onclick="FILAS.splice(' + r + ',1);pintarGrid()">✕</button></td></tr>';
 }
 document.getElementById('tbG').innerHTML = html;
 calc();
}
function agregarFila() { FILAS.push(['', '', '', '', '', '', '', '', '']); pintarGrid(); }


function calc() {
 var vol = 0;
 for (var r = 0; r < FILAS.length; r++) {
   var s = subFila(FILAS[r]);
   var el = document.getElementById('sub' + r);
   if (el) el.textContent = s === null ? '' : fv(s);
   if (s !== null) vol += s;
 }
 vol = Math.round(vol * 100) / 100;
 document.getElementById('tVol').textContent = fv(vol) + ' ' + CONC.unidad;


 // panel de los tres volúmenes
 var base = CONC.genTotal - (MODO === 'edicion' ? CONC.genEsta : 0);
 var gen = Math.round((base + vol) * 100) / 100;
 var reglaImp = DE.reglas.IMPORTE || 'REDONDEAR';
 var mGen = ajustar(gen * CONC.pu, reglaImp);
 // v3.23: el aviso se compara contra el PENDIENTE (ajustado menos lo ya
 // estimado en las anteriores), no contra el ajustado total: el ajustado
 // completo ya estaba parcialmente consumido y avisaba tarde. Si el pendiente
 // es null (catalogo sin volumen ajustado) NO se avisa nada: sin base no se
 // acusa. Esto SIGUE sin bloquear la captura — al generar si frena.
 var pendC = (CONC.volAdjVacio === true) ? null : CONC.volPend;
 // volumen que quedaria en ESTA estimacion tras guardar: en edicion se
 // reemplaza lo capturado, en alta se suma a lo que ya habia.
 var volEsta = Math.round(((MODO === 'edicion' ? 0 : (CONC.genEsta || 0)) + vol) * 100) / 100;
 var excede = (pendC !== null && pendC !== undefined) && volEsta > pendC + 0.005;
 var sobra = excede ? Math.round((volEsta - pendC) * 100) / 100 : 0;
 var t = '<tr><th></th><th>Volumen</th><th>Monto</th></tr>';
 t += '<tr><td>Catálogo original</td><td class="num">' + fv(CONC.volCat) + '</td><td class="num">' + fmt(CONC.impCat) + '</td></tr>';
 t += '<tr><td>Ajustado</td><td class="num">' + fv(CONC.volAdj) + '</td><td class="num">' + fmt(CONC.impAdj) + '</td></tr>';
 t += '<tr><td>Ya estimado en anteriores</td><td class="num">' + (CONC.volAnt === null || CONC.volAnt === undefined ? '—' : fv(CONC.volAnt)) + '</td><td class="num">' + (CONC.impAnt === null || CONC.impAnt === undefined ? '—' : fmt(CONC.impAnt)) + '</td></tr>';
 t += '<tr><td><b>Pendiente de estimar</b></td><td class="num">' + (pendC === null || pendC === undefined ? '—' : fv(pendC)) + '</td><td class="num">' + (CONC.impPend === null || CONC.impPend === undefined ? '—' : fmt(CONC.impPend)) + '</td></tr>';
 t += '<tr class="gen' + (excede ? ' excede' : '') + '"><td><b>Esta captura</b>' + (excede ? ' <span class="pill rojo">SE PASA DEL PENDIENTE POR ' + fv(sobra) + ' ' + esc(CONC.unidad) + '</span>' : '') + '</td><td class="num">' + fv(volEsta) + '</td><td class="num">' + fmt(ajustar(volEsta * CONC.pu, reglaImp)) + '</td></tr>';
 t += '<tr><td>Generado (todas las est. + esta captura)</td><td class="num">' + fv(gen) + '</td><td class="num">' + fmt(mGen) + '</td></tr>';
 if (excede) t += '<tr><td colspan="3" class="hint" style="color:var(--malo)">Puedes registrarlo — la captura no se bloquea. Pero al GENERAR la estimación esto va a frenar la carátula, el cuerpo y el PDF.</td></tr>';
 var el2 = document.getElementById('tTres');
 if (el2) el2.innerHTML = t;
}


/* v3.11: TRAER RENGLONES de otra est/concepto (pedido de Valen 13-jul).
* Copia lo capturado de la est+concepto elegidos y lo AGREGA a este grid;
* aquí lo editas o borras renglones antes de registrar. No toca CAPTURA. */
function abrirTraer() {
 var h = '<div class="velo" onclick="cerrarMenuEstado()"><div class="menuEst" onclick="event.stopPropagation()">';
 h += '<div class="sec">📋 Traer renglones capturados</div>';
 h += '<div class="hint">Copia lo capturado de otra estimación/concepto y lo AGREGA a este grid (no escribe nada). Después edita o borra renglones y registra normal.</div>';
 h += '<div style="margin-top:8px;font-size:11.5px"><label>Estimación<br><select id="trEst">';
 for (var i = 0; i < DE.estimaciones.length; i++) {
   var e = DE.estimaciones[i];
   h += '<option value="' + e.num + '"' + (e.num === EST ? ' selected' : '') + '>Est ' + e.num + (e.escribible ? '' : ' 🔒') + '</option>';
 }
 h += '</select></label></div>';
 h += '<div style="margin-top:8px;font-size:11.5px"><label>Concepto<br><select id="trCon" style="max-width:320px">';
 var ord = ordenarConceptos(DE.conceptos);
 for (var j = 0; j < ord.length; j++) {
   h += '<option value="' + esc(ord[j].clave) + '"' + (ord[j].clave === CONC.clave ? '' : '') + '>' + esc(ord[j].clave) + ' — ' + esc(ord[j].desc.slice(0, 45)) + '</option>';
 }
 h += '</select></label></div>';
 h += '<button class="op" style="text-align:center;background:var(--marca);color:var(--marca-tinta);border-color:transparent" onclick="traerRenglones(this)">📋 Traer</button>';
 h += '<button class="op" style="text-align:center" onclick="cerrarMenuEstado()">Cancelar</button>';
 h += '</div></div>';
 var velo = document.createElement('div');
 velo.id = 'veloEst';
 velo.innerHTML = h;
 document.body.appendChild(velo);
}
function traerRenglones(btn) {
 var est = document.getElementById('trEst').value;
 var con = document.getElementById('trCon').value;
 if (String(est) === String(EST) && con === CONC.clave && MODO === 'edicion') { alert('Eso es justo lo que ya está cargado en el grid.'); return; }
 btn.disabled = true; btn.textContent = 'Trayendo…';
 google.script.run.withSuccessHandler(function (r) {
   cerrarMenuEstado();
   if (!r.filas.length) { alert('El concepto ' + con + ' no tiene renglones capturados en la estimación ' + est + '.'); return; }
   FILAS = FILAS.filter(function (f) { return f.some(function (x) { return String(x || '').trim() !== ''; }); });
   for (var i = 0; i < r.filas.length; i++) FILAS.push(r.filas[i].med.slice());
   pintarGrid();
   alert('Se agregaron ' + r.filas.length + ' renglón(es) del concepto ' + con + ' (est ' + est + '). Edita lo que necesites — nada se escribe hasta que registres.');
 }).withFailureHandler(function (e) {
   cerrarMenuEstado();
   alert('No se pudo traer: ' + e.message);
 }).getCaptura(OBRA, est, con);
}


function registrar() {
 if (enviando) return;
 var validas = FILAS.filter(function (f) { return f.some(function (x) { return String(x || '').trim() !== ''; }); });
 if (!validas.length) { alert('No hay mediciones con datos.'); return; }
 var vol = 0;
 for (var i = 0; i < validas.length; i++) { var s = subFila(validas[i]); if (s !== null) vol += s; }
 vol = Math.round(vol * 100) / 100;
 var msg = MODO === 'edicion'
   ? 'Se REEMPLAZA lo capturado del concepto ' + CONC.clave + ' en la estimación ' + EST + ' por ' + validas.length + ' renglón(es), volumen ' + fv(vol) + ' ' + CONC.unidad + '. ¿Confirmar?'
   : 'Se registran ' + validas.length + ' renglón(es) del concepto ' + CONC.clave + ' en la estimación ' + EST + ', volumen ' + fv(vol) + ' ' + CONC.unidad + '. ¿Confirmar?';
 if (!confirm(msg)) return;
 enviando = true;
 var b = document.getElementById('bReg');
 b.disabled = true; b.textContent = 'Registrando…';
 google.script.run.withSuccessHandler(function (r) {
   enviando = false;
   alert('Listo: ' + r.filas + ' renglón(es) en CAPTURA (volumen ' + fv(r.volEsta) + '). INCLUIR de la estimación ' + EST + ' quedó marcado.' + (r.estadoGen === 'EN PROCESO' ? ' Estado del generador: 🟡 EN PROCESO.' : ''));
   cargarEst(EST);
 }).withFailureHandler(function (e) {
   enviando = false;
   b.disabled = false; b.textContent = '✓ Registrar en CAPTURA';
   alert('No se registró nada: ' + e.message);
 }).registrarCaptura({ obra: OBRA, est: EST, concepto: CONC.clave, reemplazar: MODO === 'edicion', filas: validas });
}


/* ═══════════ v3.54 · «CORREGIR FECHAS» (gxFechas.gs) ═══════════════════════
 * Cambia FECHA y FIN de cualquier estimacion de la obra, tambien las aceptadas
 * o cobradas. Solo DIRECCION: el boton solo se dibuja si el servidor manda
 * puedeCorregirFechas, y el servidor lo vuelve a exigir en cada llamada.
 * ⚠ El INICIO no se captura: se calcula aqui para ENSENARLO, pero el que decide
 *   es el servidor (gxfPlan_), que vuelve a calcular toda la cadena.
 * ⚠ La tabla se pinta UNA vez; revisar y aplicar solo repintan #cfRes, asi que
 *   lo que capturaste no se pierde al revisar. */
var CFD = null, CFR = null;

function abrirCorregirFechas() {
 cerrarMenuEstado();
 if (Object.keys(PEND).length) { alert('Tienes cambios de "Incluir" sin aplicar — presiona ⟳ Actualizar conceptos a estimar antes.'); return; }
 pintarApp('<div class="cargando">Leyendo las fechas de ' + esc(OBRA) + '…</div>');
 google.script.run.withSuccessHandler(function (txt) { CFD = JSON.parse(txt); CFR = null; pintarCorregirFechas(); })
   .withFailureHandler(function (e) { alert('No se pudieron leer las fechas: ' + e.message); cargarEst(EST); })
   .gxfLeer(OBRA);
}

function cfMas1(iso) {
 var m = String(iso || '').match(/^(\d{4})-(\d{2})-(\d{2})$/);
 if (!m) return '';
 var g = new Date(+m[1], +m[2] - 1, +m[3] + 1, 12, 0, 0);
 return g.getFullYear() + '-' + ('0' + (g.getMonth() + 1)).slice(-2) + '-' + ('0' + g.getDate()).slice(-2);
}

function pintarCorregirFechas() {
 var r = CFD;
 var h = '<div class="barra"><button class="btn" onclick="cargarEst(EST)">← Estimación ' + EST + '</button>' +
   '<b>📅 Corregir fechas</b><span class="hint">' + esc(r.obra) + ' · ' + esc((r.nombre || '').slice(0, 60)) + '</span></div>';
 h += '<div class="panel"><div class="sec">Cómo funciona</div><div style="font-size:12px;line-height:1.7">' +
   '· Cambia solo las fechas del PAPEL: <b>fecha de la estimación</b> y <b>fin del periodo</b>. También en estimaciones aceptadas o cobradas.<br>' +
   '· El <b>inicio</b> no se captura: la est 1 empieza en el inicio de obra (CONTRATO C15 = ' + esc(r.inicioObra || 'vacío') + ') y cada una de las demás, el día siguiente al fin de la anterior.<br>' +
   '· No toca importes, presentación, aceptación ni pago. Cada cambio queda en una nota de la celda y en la pestaña CAMBIOS FECHAS del archivo.<br>' +
   '· Después de aplicar hay que volver a imprimir y guardar una versión nueva de las estimaciones que cambien.' +
   (r.termino ? '<br>· Término del CONTRATO (C17): ' + esc(r.termino) + (r.convenios ? ' · ' + r.convenios + ' convenio(s) de prórroga' : '') + '.' : '') +
   '</div></div>';
 h += '<div class="panel"><div class="sec">Estimaciones de la obra</div>' +
   '<table class="aptTbl"><thead><tr><th>Est</th><th>Estado</th><th>Fecha de la estimación</th><th>Inicio (calculado)</th><th>Fin del periodo</th><th>Versiones guardadas</th></tr></thead><tbody>';
 r.ests.forEach(function (e) {
   h += '<tr><td><b>' + e.num + '</b></td><td>' + esc(e.etiqueta) + '</td>' +
     '<td><input type="date" id="cfF' + e.num + '" value="' + esc(e.fecha) + '" oninput="cfRecalc()"></td>' +
     '<td><input type="date" id="cfI' + e.num + '" value="' + esc(e.inicio) + '" disabled style="background:var(--campo-inactivo)"></td>' +
     '<td><input type="date" id="cfN' + e.num + '" value="' + esc(e.fin) + '" oninput="cfRecalc()"></td>' +
     '<td class="n">' + (e.versiones || '') + '</td></tr>';
 });
 h += '</tbody></table>' +
   '<div style="margin-top:10px;font-size:12px"><label>Motivo del cambio * <input type="text" id="cfMot" style="width:420px;max-width:100%" ' +
   'placeholder="ej. pedido del supervisor por WhatsApp 28-sep"></label></div>' +
   '<div style="margin-top:10px"><button class="btn azul" id="cfBtnRev" onclick="cfEnviar(false)">Revisar cambios</button> ' +
   '<span class="hint">No escribe nada: enseña qué cambiaría.</span></div></div>';
 h += '<div id="cfRes"></div>';
 h += '<div class="hint" style="margin:6px 2px">' + esc(r.version || '') + ' · zona del archivo ' + esc(r.tzHoja || '?') + '</div>';
 pintarApp(h);
 cfRecalc();
}

/* Lo que el usuario cambio respecto de lo leido. */
function cfCambios() {
 var out = [];
 CFD.ests.forEach(function (e) {
   var f = document.getElementById('cfF' + e.num).value, n = document.getElementById('cfN' + e.num).value;
   if (f !== (e.fecha || '') || n !== (e.fin || '')) out.push({ est: e.num, fecha: f, fin: n });
 });
 return out;
}

/* Ensena el inicio que va a resultar. Solo pinta: no decide. */
function cfRecalc() {
 var finAnt = null;
 CFD.ests.forEach(function (e, i) {
   var f = document.getElementById('cfF' + e.num).value, n = document.getElementById('cfN' + e.num).value;
   var ini = document.getElementById('cfI' + e.num);
   if (f || n || e.inicio) {
     var calc = (i === 0) ? (CFD.inicioObra || e.inicio) : (finAnt ? cfMas1(finAnt) : e.inicio);
     ini.value = calc || '';
     ini.style.outline = (calc || '') !== (e.inicio || '') ? '2px solid var(--espera)' : '';
     ini.title = (calc || '') !== (e.inicio || '') ? 'Cambia: antes ' + (e.inicio || 'vacío') : '';
   }
   finAnt = n || null;
 });
 CFR = null;
 var res = document.getElementById('cfRes');
 if (res) res.innerHTML = '';
}

function cfEnviar(aplicar) {
 var cambios = cfCambios();
 if (!cambios.length) { alert('No cambiaste ninguna fecha.'); return; }
 var motivo = document.getElementById('cfMot').value;
 if (aplicar && !confirm('Se escriben ' + (CFR ? CFR.cambios.length : '') + ' fecha(s) en el CONTROL de ' + CFD.obra +
     '. Los importes no se tocan. ¿Aplicar?')) return;
 var b = document.getElementById(aplicar ? 'cfBtnApl' : 'cfBtnRev');
 if (b) { b.disabled = true; b.textContent = aplicar ? 'Aplicando…' : 'Revisando…'; }
 google.script.run.withSuccessHandler(function (txt) {
     CFR = JSON.parse(txt);
     if (b) { b.disabled = false; b.textContent = aplicar ? 'Aplicar' : 'Revisar cambios'; }
     cfPintarRes(aplicar);
   })
   .withFailureHandler(function (e) {
     if (b) { b.disabled = false; b.textContent = aplicar ? 'Aplicar' : 'Revisar cambios'; }
     document.getElementById('cfRes').innerHTML = '<div class="alert">No se pudo: ' + esc(e.message) + '</div>';
     document.getElementById('cfRes').scrollIntoView({ block: 'nearest' });
   })
   .gxfCorregir(JSON.stringify({ obra: CFD.obra, cambios: cambios, motivo: motivo, aplicar: aplicar }));
}

function cfPintarRes(aplicado) {
 var r = CFR, h = '';
 if (r.abortos.length) {
   h += '<div class="alert"><b>No se puede aplicar:</b><br>' + r.abortos.map(esc).join('<br>') + '</div>';
 }
 r.avisos.forEach(function (a) { h += '<div class="warn">' + esc(a) + '</div>'; });
 if (!r.abortos.length && !r.cambios.length) h += '<div class="warn">Nada que cambiar: el CONTROL ya tiene esas fechas.</div>';
 if (r.cambios.length) {
   var nom = { fecha: 'Fecha de la estimación', inicio: 'Inicio del periodo', fin: 'Fin del periodo' };
   h += '<div class="panel"><div class="sec">' + (r.aplicado ? 'Se escribió' : 'Cambiaría') + ' (' + r.cambios.length + ')</div>' +
     '<table class="aptTbl"><thead><tr><th>Est</th><th>Fecha</th><th>Antes</th><th>Después</th>' + (r.aplicado ? '<th>Releída</th>' : '') + '</tr></thead><tbody>';
   r.cambios.forEach(function (c, i) {
     var rl = r.relectura && r.relectura[i];
     h += '<tr><td>' + c.est + '</td><td>' + nom[c.campo] + '</td><td>' + esc(c.antes) + '</td><td><b>' + esc(c.despues) + '</b></td>' +
       (r.aplicado ? '<td>' + (rl && rl.ok ? '✓' : '<span class="desfase">NO CUADRA (' + esc(rl ? rl.script + ' / ' + rl.hoja : '?') + ')</span>') + '</td>' : '') + '</tr>';
   });
   h += '</tbody></table></div>';
 }
 if (r.aplicado) {
   h += r.ok ? '<div class="ok-box">Listo: las fechas quedaron escritas y releídas, y los importes no se movieron. Ahora vuelve a imprimir y guarda una versión nueva de cada estimación que cambió.</div>'
     : '<div class="alert">Se escribió, pero algo no cuadró al releer' + (r.movidas.length ? ': ' + r.movidas.map(esc).join(' · ') : '') + '. Avísale a Maca antes de imprimir.</div>';
   h += '<div><button class="btn" onclick="abrirCorregirFechas()">↻ Volver a leer</button> <button class="btn" onclick="cargarEst(EST)">← Estimación ' + EST + '</button></div>';
 } else if (r.ok) {
   h += '<div><button class="btn azul" id="cfBtnApl" onclick="cfEnviar(true)">Aplicar ' + r.cambios.length + ' cambio(s)</button></div>';
 }
 var res = document.getElementById('cfRes');
 res.innerHTML = h;
 res.scrollIntoView({ block: 'nearest' });
}


genArrancarConSesion_();   /* antes: cargarInicio(); — primero la sesion de Google */

/* v3.45: la version en la barra de arriba sale de la constante, no se teclea */
(function(){ var v = document.getElementById('verTop'); if (v) v.textContent = INDEX_VERSION; })();
</script>
</body>
</html>