/* Módulo equipo — «Personas que convierten la visión en acción».
   Artboard 1440: tarjetas de 436×478 en x 45 / 504 / 960, como las de oferta. */

.m-equipo {
  --m-equipo-tracking: var(--tracking-title);
  /* 25.4px del diseño (Area) para el nombre del rol: sin token equivalente. */
  --m-equipo-role: clamp(1.25rem, 1.05rem + .85vw, 1.5875rem);
  --m-equipo-pad: calc(var(--space-4) + var(--space-1) * .75); /* 42px */
  padding-block: 4.375rem; /* 70px arriba y abajo en el diseño */
  background: var(--color-bg);
}

/* Fila más ancha que .container: 1352px (tarjetas desde x=44), igual que oferta. */
.m-equipo__inner {
  width: min(100% - 2rem, 84.5rem);
  margin-inline: auto;
}

/* La cabecera se alinea con el texto de las tarjetas, no con su borde. */
.m-equipo__head { margin-inline-start: var(--space-4); }

.m-equipo__title {
  max-width: 9.8em; /* «Personas que / convierten la visión / en acción» */
  margin-top: var(--space-2);
  letter-spacing: var(--m-equipo-tracking);
}

.m-equipo__text {
  max-width: 33.2em;
  margin-top: var(--space-4);
}

.m-equipo__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 27.25rem));
  justify-content: space-between;
  column-gap: var(--space-2);
  row-gap: var(--space-3);
  margin-top: var(--space-5);
  padding: 0;
  list-style: none;
}

.m-equipo__card {
  padding: 2.8125rem var(--m-equipo-pad); /* 45 / 42px */
  border: 1px solid var(--color-primary);
  border-radius: var(--radius);
  color: var(--color-primary);
}

.m-equipo__avatar {
  overflow: hidden;
  width: 6.875rem; /* 110px */
  aspect-ratio: 1;
  border-radius: var(--radius-pill);
  background: var(--color-primary);
}
.m-equipo__photo { width: 100%; height: 100%; object-fit: cover; }

/* Alto fijo de dos líneas: en el diseño el texto de las tres tarjetas empieza a
   la misma altura tenga el rol una línea o dos. */
.m-equipo__role {
  display: flex;
  align-items: flex-end;
  min-height: 3.8125rem; /* 2 × 30.5px */
  margin-top: 1.8125rem;
  font-family: var(--font-ui);
  font-size: var(--m-equipo-role);
  font-weight: var(--weight-ui);
  line-height: 1.2;
  color: inherit;
}

.m-equipo__card-text {
  margin-top: var(--space-4);
  line-height: var(--leading-snug);
}

/* Tablet: dos tarjetas por fila; el alto fijo del rol deja de hacer falta. */
@media (max-width: 67.99rem) {
  .m-equipo { padding-block: var(--section-y); }
  .m-equipo__head { margin-inline-start: 0; }
  .m-equipo__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-3);
    row-gap: var(--space-3);
  }
  .m-equipo__role { min-height: 0; }
}

@media (max-width: 47.99rem) {
  .m-equipo__list { grid-template-columns: minmax(0, 1fr); }
}