/* =====================================================
   FPUC — Página: Equipo (page-equipo.php)
   -----------------------------------------------------
   Hero de banda con el header montado y la grilla de personas que monta sobre él.

   Sólo var(--fpuc-*): ni un hex ni un tamaño literal.
   ===================================================== */


/* Hero de banda con el header montado encima: el color arranca en el borde
   superior de la página y las tarjetas de Equipo montan sobre su borde
   inferior. Medidas en tokens (equipo.pdf y313 / y677 / y559). */
.fpuc-hero--band {
  padding-block: var(--fpuc-hero-band-top) var(--fpuc-hero-band-bottom);
}
.fpuc-hero--band .fpuc-hero__lead { max-width: 780px; }

/* La grilla sube 118px sobre la banda. El fondo lavanda de la sección no puede
   subir con ella —taparía el teal—, así que va como degradado de corte seco:
   transparente en la franja montada y plano a partir de ahí. */
.fpuc-equipo {
  /* Sin posicionar, la franja montada queda DEBAJO del hero: .fpuc-hero es
     `position: relative` y los elementos posicionados pintan encima. */
  position: relative;
  z-index: 1;
  margin-top: calc(-1 * var(--fpuc-person-overlap));
  padding-top: 0;
  background: linear-gradient(
    to bottom,
    transparent var(--fpuc-person-overlap),
    var(--fpuc-surface-alt) var(--fpuc-person-overlap)
  );
}

.fpuc-trabaja { align-items: center; }
/* Panel 573×458 con 48px de aire interior (equipo.pdf y2843): con el padding
   por defecto (64px) el título se partía en dos líneas. */
.fpuc-trabaja .fpuc-panel {
  min-height: 458px;
  padding: 48px;
}

/* Bajo 1000px el header deja de ir montado (regla de arriba), así que el hero
   pierde el hueco que le reservaba y la grilla deja de montar sobre la banda.
   Va aquí y no en aquel bloque porque a igual especificidad gana la última
   regla del archivo, esté o no en una media query. */
@media (max-width: 1000px) {
  .fpuc-hero--band { padding-block: var(--fpuc-space-8); }
  .fpuc-equipo {
    margin-top: 0;
    padding-top: var(--fpuc-space-8);
    background: var(--fpuc-surface-alt);
  }
  .fpuc-trabaja .fpuc-panel { min-height: 0; padding: var(--fpuc-space-6); }
}