/* Grupo Nórdico — Nórdico Lotes › Legal: la cáscara (ver public/legal.js). Cada sección trae su hoja:
   legal-personalizaciones.css (lgp-, Bloque A) y transacciones.css (tr-, Bloque B, también su sección de Legal). Usa la
   paleta y las piezas de app.css (seg, card, hero-c, btn, vacio-g…). */
.lg-hero { margin-bottom: 14px; }
.lg-hero p { margin: 4px 0 0; }
.lg-tabs { margin-bottom: 14px; }
.lg-tabs button { padding: 8px 13px; }
.lg-cuerpo { min-height: 200px; }
.lg-mail { max-width: 620px; }
.lg-mail .campo { margin-top: 10px; }
@media (max-width: 720px) {
  .lg-tabs { display: flex; flex-wrap: wrap; width: 100%; }
  .lg-tabs button { flex: 1 1 auto; justify-content: center; padding: 8px 6px; white-space: nowrap; }
}