/* ==========================================================================
   equipo-bio.css — EQUIPO · sección 3: bio (banda navy).
   Frame Figma: EQUIPO 11:19 — bio 35:139 (banda navy, 602px).
   Depende de tokens.css + layout.css. Medido en la copia Pro.

   Banda navy full-bleed, texto blanco (Regular 27/lh35), 3 párrafos con salto
   entre ellos (35). Span en negrita "más de 200 clientes,". Contenido centrado
   verticalmente en la banda (como el Figma).
   ========================================================================== */

.lfi-equipo-bio {
  background: var(--lfi-navy);
  color: var(--lfi-white);
}

.lfi-equipo-bio__inner {
  padding-block: var(--lfi-equipo-py-mobile);   /* móvil */
}

.lfi-equipo-bio__text {
  font-family: var(--lfi-font);
  font-weight: var(--lfi-weight-regular);
  font-size: var(--lfi-fs-19);                  /* móvil */
  line-height: var(--lfi-lh-tight-body);        /* 35/27 = 1.30 */
  letter-spacing: var(--lfi-ls-tight);
  color: var(--lfi-white);
  max-width: var(--lfi-content-read);
}
.lfi-equipo-bio__text p { margin: 0; }
.lfi-equipo-bio__text p + p { margin-top: var(--lfi-equipo-bio-para); }  /* 35 */

/* Fragmentos en negrita dentro de la bio. */
.lfi-equipo-bio__strong { font-weight: var(--lfi-weight-bold); }

/* ==========================================================================
   BREAKPOINTS
   ========================================================================== */
@media (min-width: 768px) {
  .lfi-equipo-bio__text { font-size: var(--lfi-fs-23); }
}
@media (min-width: 1024px) {
  /* Banda de alto fijo con el texto centrado verticalmente (Figma). */
  .lfi-equipo-bio__inner {
    min-height: var(--lfi-equipo-bio-h);         /* 602 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: var(--lfi-equipo-bio-py);     /* 86 (Figma) */
  }
  .lfi-equipo-bio__text { font-size: var(--lfi-fs-27); }   /* réplica Figma */
}