/* =====================================================
   FPUC — Página: Nosotros (page-nosotros.php)
   -----------------------------------------------------
   Hero con el header montado y sus tarjetas.

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


/* El header va montado sobre el teal (fpuc_header_variante()), así que el hero
   le reserva arriba el hueco del nav, igual que ¿Qué hacemos? y Equipo. Bajo
   1000px el header vuelve a ir sólido y el hueco sobra. */
.fpuc-hero--nosotros { padding-top: var(--fpuc-hero-band-top); }
@media (max-width: 1000px) {
  .fpuc-hero--nosotros { padding-top: var(--fpuc-space-8); }
}

.fpuc-hero--nosotros .fpuc-hero__cards { width: 100%; margin-top: var(--fpuc-space-7); }
/* Las dos tarjetas van en 4:3 y no en la franja apaisada que daba el alto fijo:
   con la mitad del contenedor de ancho, 240px las dejaba casi 2,5:1. `min-height: 0`
   anula el mínimo de 325px de la tarjeta de imagen, que en una columna (móvil)
   ganaría a la proporción y la volvería a estirar. */
.fpuc-hero--nosotros .fpuc-card--image {
  min-height: 0;
  aspect-ratio: 4 / 3;
}
.fpuc-hero--nosotros .fpuc-card--image .fpuc-card__title { font-size: var(--fpuc-text-h2); }