/* ============================================================
   Gerencia v2 — zip #6 · tanda 2 (21-oct-2026): LECTURA 08 OPERACIÓN, lo propio (lo común vive en admin-gerencia-lectura.css).
   Medidas de Gerencia v2.dc.html#g08 (traspasos\zip6_t2\dibujo_g08.md). Prefijo gl-ope-, dentro de .gl--operacion. Los colores,
   los de la paleta de TEXTOS L9 más la pista de las barras del dibujo (#EFEBE0).
   En la web (≥ 861 px) las rejillas del dibujo (seis cifras; la lista | 380 px); entre 861 y 1100 px lo común pasa las cifras a
   tres y la rejilla a una columna; en el teléfono (≤ 860 px) tres cifras, las empresas apiladas y la lista en filas de dos
   líneas (las placas bloqueadas y el FUEC viven en la web): a 375 px nada pasa de su ancho.
   ============================================================ */

/* Los tonos de las líneas de una cifra (.gl-ambar · .gl-gris…) ya los resuelve lo común (`.ger .gl-cif__l.gl-…`): aquí no se
   repiten. */

/* ---------- Titular «Parque del grupo»: «212 de 219» y una fila por empresa (C15) ---------- */
.gl-ope-tit__de { font-size: 18px; font-weight: 600; color: #8A8574; letter-spacing: 0; }
.gl-tit--tel .gl-ope-tit__de { font-size: 16px; }
.gl-ope-emps { flex: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; min-width: 0; }
.gl-ope-emps--pila { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.gl-tit--tel .gl-ope-emps { gap: 8px; }
.gl-ope-emp { min-width: 0; }
.gl-ope-emp__fila { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 4px; min-width: 0; }
.ger .gl-ope-emp__t { font-size: 12.5px; color: #55605B; min-width: 0; overflow-wrap: anywhere; }
.gl-ope-emp__t b { color: #304D45; font-weight: 700; }
.gl-ope-emp__c { font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.ger .gl-ope-emp__c.gl-verde { color: #3C7E67; }
.ger .gl-ope-emp__c.gl-ambar { color: #B8860B; }
.gl-ope-emp__pista { height: 10px; background: #EFEBE0; border-radius: 5px; overflow: hidden; }
.gl-ope-emp__barra { display: block; height: 100%; background: #3C7E67; }
.gl-ope-emp__barra--tope { background: #B8860B; }
.gl-tit--tel .gl-ope-emp__fila { margin-bottom: 3px; }
.ger .gl-tit--tel .gl-ope-emp__t, .gl-tit--tel .gl-ope-emp__c { font-size: 12px; }
.gl-tit--tel .gl-ope-emp__pista { height: 8px; border-radius: 4px; }

/* ---------- Cifras: seis en la web, tres en el teléfono (dibujo L836: tres columnas) ---------- */
.gl-cifras.gl-ope-cifras { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.gl--tel .gl-cifras.gl-ope-cifras { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gl--tel .gl-ope-cifras .gl-cif { padding: 10px 12px; }
/* «pendiente de definir» en el lugar del %: en la tarjeta de 109 px del teléfono, más chico y partiendo la palabra si hace falta */
.gl-ope-pd { overflow-wrap: anywhere; }
.gl--tel .gl-ope-pd { font-size: 14px; }

/* ---------- Documentos vencidos por carro (web: placa · carro y propietario · documento · venció hace) ---------- */
.gl-ope-ven .gl-lista__cols, .gl-ope-ven .gl-ope-fila { grid-template-columns: 84px minmax(0, 1fr) 130px 110px; }
.gl-ope-filas > .gl-fila:last-child { border-bottom: 0; }
.ger .gl-ope-ven .gl-placa.gl-ope-placa--roja { color: #8E3A31; }
.gl-ope-doc { font-size: 12.5px; color: #27282A; overflow-wrap: anywhere; }
/* teléfono: placa · documento / dueño · lo último; los días a la derecha. «{n} carros» a la derecha del título (dibujo L842) */
.gl-ope-tl__izq { flex: 1; min-width: 0; }
.gl--tel .gl-ope-ven .gl-dos__1 { font-size: 13px; }
.gl--tel .gl-ope-ven .gl-placa { font-size: 11.5px; color: inherit; }
.ger .gl--tel .gl-ope-ven .gl-dos__2 { font-size: 11.5px; }
.gl--tel .gl-ope-ven .gl-dias { font-size: 13px; flex: none; }
.ger .gl-lista--tel.gl-ope-ven .gl-lista__n { font-size: 11.5px; font-weight: 700; color: #304D45; }

/* ---------- Placas bloqueadas · FUEC del mes (la columna derecha de la web) ---------- */
.gl-ope-blq { background: #fff; border: 1px solid #EAE5D9; border-radius: 14px; overflow: hidden; min-width: 0; }
.gl-ope-blq__t { padding: 14px 18px 10px; font-size: 14px; font-weight: 800; color: #304D45; }
.ger .gl-ope-blq__pd { padding: 0 18px 14px; font-size: 12.5px; color: #8A8574; }
.gl-ope-blq__fila { display: flex; align-items: center; gap: 10px; padding: 10px 18px; border-top: 1px solid #F2EFE6; min-width: 0; }
.gl-ope-blq__c { flex: 1; min-width: 0; }
/* C16: el motivo es texto libre de quien pidió el bloqueo (hasta 200 caracteres): una línea, recortada */
.gl-ope-blq__m { font-size: 13px; font-weight: 700; color: #304D45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ger .gl-ope-blq__h { font-size: 12px; color: #6B6455; }
.gl-ope-blq__pie { padding: 10px 18px; border-top: 1px solid #F2EFE6; background: #F7F5EF; }
.ger .gl-ope-blq__pie p { font-size: 12px; color: #8A8574; }
.gl-ope-fuec { background: #fff; border: 1px solid #EAE5D9; border-radius: 14px; padding: 16px 18px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.gl-ope-fuec__t { font-size: 14px; font-weight: 800; color: #304D45; }
.gl-ope-fuec__f { display: flex; justify-content: space-between; gap: 10px; font-size: 12.5px; color: #55605B; min-width: 0; }
.gl-ope-fuec__f > b { color: #27282A; font-weight: 700; text-align: right; }
.gl-ope-fuec__f > b .gl-gris { font-weight: 600; }

/* En el teléfono (≤ 860 px) la tabla de la web no se pinta (la lista va en filas de dos líneas) y sus columnas pasan de 343 px
   fijos (84 + 130 + 110 + 3 × 12 = 360): si alguna vez se pintara, iría a una columna. Así nada fijo pasa de 375 − 32
   (revisar_375.js, medida 1). */
@media (max-width: 860px) {
  .gl-ope-ven .gl-lista__cols, .gl-ope-ven .gl-ope-fila { grid-template-columns: minmax(0, 1fr); }
}