/* ============================================================
   Gerencia v2 — zip #6 · tanda 2 (21-oct-2026): LECTURA 09 DESEMPEÑO, lo propio (lo común vive en admin-gerencia-lectura.css).
   Medidas de Gerencia v2.dc.html#g09 (traspasos\zip6_t2\dibujo_g09.md). SOLO la paleta de TEXTOS L9. Prefijo `gl-des-`, dentro
   de `.cs-main.ger`. La tabla de seis columnas es de la web: entre 861 y 1100 px se estrecha y a ≤ 860 px (el teléfono no la
   pinta: allí va la lista) baja a una columna, para que nada fijo pase de 343 px (revisar_375).
   ============================================================ */

/* ---------- Titular: el divisor y los tres datos (dibujo L890-893) ---------- */
.gl-des-div { width: 1px; height: 40px; background: #EAE5D9; flex: none; }
.gl-des-dato { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gl-des-dato__n { font-size: 20px; line-height: 1.15; font-weight: 800; color: #304D45; white-space: nowrap; }
.gl-des-dato__n.gl-gris { font-size: 13px; font-weight: 600; color: #8A8574; white-space: normal; }

/* ---------- La tabla del equipo (dibujo L897-906) ---------- */
.ger .gl-des-tabla .gl-lista__t.gl-des-t--rojo { color: #8E3A31; }
.gl-des-rej { display: grid; grid-template-columns: minmax(0, 1.6fr) 110px 120px 80px 150px 120px; gap: 12px; align-items: center; }
.gl-des-tabla .gl-lista__cols { padding: 10px 18px; }
.gl-des-fila { padding: 11px 18px; border-bottom: 1px solid #F2EFE6; min-width: 0; }
.gl-des-fila:last-child { border-bottom: 0; }
.gl-des-fila--baja { background: #FBEEEC; }
.gl-des-per { display: flex; align-items: center; gap: 10px; min-width: 0; }
.gl-des-ini { flex: none; width: 32px; height: 32px; border-radius: 50%; background: #E7EEEB; color: #304D45; font-size: 11.5px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center; }
.gl-des-fila--baja .gl-des-ini, .gl-des-tf--baja .gl-des-ini { background: #fff; border: 1px solid #E3B4AC; color: #8E3A31; }
.ger .gl-des-fila--baja .gl-dos__2, .ger .gl-des-tf--baja .gl-dos__2 { color: #8E3A31; }
.gl-des-ges { font-size: 14px; font-weight: 800; color: #27282A; white-space: nowrap; }
.gl-des-cel { font-size: 13px; color: #27282A; min-width: 0; overflow-wrap: anywhere; }
.gl-des-cel.gl-rojo { color: #8E3A31; font-weight: 700; }
.gl-des-pd { font-size: 12px; font-weight: 600; color: #8A8574; min-width: 0; overflow-wrap: anywhere; }
.gl-des-vs { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.gl-des-vs--sube { color: #3C7E67; }
.gl-des-vs--baja { color: #8E3A31; }
.gl-des-vs--igual { color: #8A8574; }
.gl-des-vs--pd { color: #8A8574; font-size: 12px; font-weight: 600; white-space: normal; }
.gl-des-pie .gl-abrir--tel { font-size: 12.5px; }
.gl-des-vacia { padding: 12px 18px; font-size: 12.5px; color: #8A8574; }

/* ---------- Las dos tarjetas (dibujo L907-911) ---------- */
.gl-des-tarjetas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gl-des-tar { background: #fff; border: 1px solid #EAE5D9; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px;
  min-width: 0; }
.ger .gl-des-tar__l { font-size: 13px; line-height: 1.45; color: #55605B; overflow-wrap: anywhere; }
.gl-des-tar__l b { color: #27282A; font-weight: 700; }

/* ---------- «Informe para la reunión» (C18) ---------- */
.gl-des-inf { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: none; min-width: 0; }
.ger .gl-des-inf__fallo { max-width: 260px; font-size: 12px; line-height: 1.35; font-weight: 700; color: #8E3A31; text-align: right; overflow-wrap: anywhere; }
.gl-des-inf--tel .gl-des-inf__fallo { max-width: 150px; }

/* ---------- Teléfono: la lista de personas (dibujo L919-926) ---------- */
.gl-lista--tel .gl-des-tf { padding: 10px 14px; }
.gl-lista--tel .gl-des-tf:first-child { border-top: 0; }
.gl-des-tf--baja { background: #FBEEEC; }
.gl-des-tf .gl-des-ini { width: 30px; height: 30px; font-size: 11px; }
.gl-des-tf .gl-dos { flex: 1; min-width: 0; }
.gl-des-tf .gl-dos__1 { font-size: 13px; }
.ger .gl-des-tf .gl-dos__2 { font-size: 11.5px; }
.gl-des-tf .gl-des-vs { flex: none; }

@media (max-width: 1100px) {
  .gl-des-rej { grid-template-columns: minmax(0, 1.3fr) 84px 84px 64px 130px 104px; gap: 10px; }
}
@media (max-width: 860px) {
  .gl-des-rej { grid-template-columns: minmax(0, 1fr); }
  .gl-des-tarjetas { grid-template-columns: minmax(0, 1fr); }
}