/* ==========================================================================
   equipo-servicios.css — EQUIPO · sección 5: servicios y sectores (banda ROJA).
   Frame Figma: EQUIPO 11:19 — servicios 18:456 (banda ROJA, 355px).
   Depende de tokens.css + layout.css.

   CORRECCIÓN: la banda es ROJA con texto blanco (verificado con screenshot del
   frame 18:456), NO navy como se maquetó a ciegas. Texto ExtraBold 37 (token 36),
   centrado verticalmente en la banda.
   ========================================================================== */

.lfi-equipo-servicios {
  background: var(--lfi-red);
  color: var(--lfi-white);
}

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

.lfi-equipo-servicios__text {
  font-family: var(--lfi-font);
  font-weight: var(--lfi-weight-extrabold);
  font-size: var(--lfi-fs-24);                  /* móvil */
  line-height: var(--lfi-lh-tight-body);
  letter-spacing: var(--lfi-ls-tight);
  color: var(--lfi-white);
  max-width: var(--lfi-content-read);
}

/* ==========================================================================
   BREAKPOINTS
   ========================================================================== */
@media (min-width: 768px) {
  .lfi-equipo-servicios__text { font-size: var(--lfi-fs-30); }
}
@media (min-width: 1024px) {
  .lfi-equipo-servicios__inner {
    min-height: var(--lfi-equipo-servicios-h);   /* 355 */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .lfi-equipo-servicios__text { font-size: var(--lfi-fs-36); }   /* réplica Figma (37) */
}