/* ==========================================================================
   lawyers.css — sección "LAWYERS FOR INVESTORS" del HOME.
   Frame Figma: node 21:25, fondo navy 5% (--lfi-soft), 398px.
   Depende de tokens.css + layout.css.

   Un único párrafo (fs-28, navy). Primer fragmento "LAWYERS FOR INVESTORS" en
   ExtraBold (span __strong); el resto Regular. left ~111 (≈ gutter), ancho 1216
   (≈ --lfi-content 1224).

   ESPACIADOS MEDIDOS (frame 21:25): texto a y79 en la banda, aire inferior 49.
   Con el párrafo (~270px) el bloque cuadra exacto en los 398 de la banda.
   ========================================================================== */

.lfi-lawyers {
  background: var(--lfi-soft);
  color: var(--lfi-navy);
}

.lfi-lawyers .lfi-container {
  min-height: var(--lfi-lawyers-min-h);
  display: flex;
  flex-direction: column;
  padding-top: var(--lfi-lawyers-pad-top);       /* 79px (Figma) */
  padding-bottom: var(--lfi-lawyers-pad-bottom); /* 49px (Figma) */
}

.lfi-lawyers__text {
  font-family: var(--lfi-font);
  font-weight: var(--lfi-weight-regular);
  font-size: var(--lfi-fs-28);
  line-height: var(--lfi-lh-normal);
  letter-spacing: var(--lfi-ls-tight);
  color: var(--lfi-navy);
}

/* Fragmento inicial en ExtraBold. */
.lfi-lawyers__strong {
  font-weight: var(--lfi-weight-extrabold);
}

/* ==========================================================================
   DECISIÓN MÓVIL: el cuerpo grande se reduce para no desbordar en 1 columna.
   ========================================================================== */
.lfi-lawyers__text { font-size: var(--lfi-fs-20); }   /* móvil */

@media (min-width: 768px) {
  .lfi-lawyers__text { font-size: var(--lfi-fs-23); }
}
@media (min-width: 1024px) {
  .lfi-lawyers__text { font-size: var(--lfi-fs-28); }  /* réplica Figma */
}