/* Grupo Nórdico — Nórdico Lotes › Legal › Personalizaciones (Bloque A, ver public/legal-personalizaciones.js): clases lgp-.
   La sección de la pestaña Legal y la caja "Personalizado por Legal" al lado de lo firmado (data-personalizacion-op). */
.lgp-barra { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.lgp-q { flex: 1; min-width: 200px; max-width: 360px; }
.lgp-ayuda { margin: 0 0 12px; max-width: 760px; }
.lgp-it { margin-bottom: 12px; display: flex; flex-direction: column; gap: 8px; }
.lgp-it.resaltada { box-shadow: 0 0 0 2px var(--azul, #16427f); }
.lgp-cab { display: flex; gap: 10px; align-items: flex-start; }
.lgp-num { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 14.5px; }
.lgp-anot { border-left: 3px solid var(--azul, #16427f); background: var(--hielo-2, #f3f6fb); border-radius: 0 10px 10px 0; padding: 8px 12px; }
.lgp-txt { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13.5px; margin-top: 2px; }
.lgp-acc { gap: 8px; align-items: center; }
.lgp-res { display: flex; gap: 8px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; font-size: 13px; }
.lgp-res .tag { margin-top: 6px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lgp-res.verde { background: var(--verde-1); color: #0d4f33; }
.lgp-res.rojo { background: var(--rojo-1); color: #7a1d1d; }
.lgp-res.gris { background: var(--hielo-2, #f3f6fb); color: var(--suave); }
.lgp-soltar { padding: 16px; margin-top: 12px; }
/* Al lado de lo firmado (la ficha del lead, Aprobaciones, Transacciones). */
.lgp-op { margin-top: 10px; border: 1px solid var(--aurora-1, #e9e3ff); background: #faf8ff; border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; }
.lgp-op .small { overflow-wrap: anywhere; white-space: pre-wrap; }
.lgp-op-h { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 13.5px; color: var(--aurora, #6b4fd8); }
@media (max-width: 720px) {
  .lgp-q { max-width: none; width: 100%; }
  .lgp-acc .grow { display: none; }
  .lgp-acc .btn { flex: 1 1 auto; justify-content: center; }
}