/* =====================================================
   FPUC — Sección: catálogo de proyectos
   -----------------------------------------------------
   Layout de template-parts/sections/catalogo-proyectos.php, que incluyen Proyectos, ¿Qué hacemos? y el single de proyecto. Por eso no vive en ninguna de las tres.

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


.fpuc-catalogo__title { margin-top: var(--fpuc-space-7); }

/* Tres tiles por fila. La rejilla de 3 pasa directo a una columna bajo 900px,
   y con tiles cuadrados a todo el ancho una tablet se llenaba de un solo
   proyecto: ahí van de a dos hasta el móvil. */
@media (max-width: 900px) and (min-width: 601px) {
  .fpuc-catalogo__grid { grid-template-columns: repeat(2, 1fr); }
}

/* Con tres por fila el tile es más grande y los textos se quedaban chicos:
   tipo y nombre van un 30 % más grandes que en el tile de base. */
.fpuc-catalogo__grid .fpuc-badge--bare { font-size: calc(var(--fpuc-text-10) * 1.3); }
.fpuc-catalogo__grid .fpuc-card__title { font-size: calc(var(--fpuc-text-body) * 1.3); }

/* Sello de certificación bajo los tiles (Registro ATE, sólo en Colegios). */
.fpuc-catalogo__sello {
  display: flex;
  justify-content: center;
  margin-top: var(--fpuc-space-7);
}
.fpuc-catalogo__sello a { display: block; }
.fpuc-catalogo__sello img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 48px;
  object-fit: contain;
}

/* Estudios: panel navy a la izquierda, lista a la derecha. */
.fpuc-estudios {
  display: grid;
  grid-template-columns: 4fr 8fr;
  align-items: stretch;
  gap: 0;
}
.fpuc-estudios__panel { border-radius: 0; }
.fpuc-estudios__list {
  padding: var(--fpuc-space-7) var(--fpuc-space-8);
  background: var(--fpuc-surface-muted);
}
.fpuc-estudios__mas { margin-top: var(--fpuc-space-5); }

@media (max-width: 900px) {
  .fpuc-estudios { grid-template-columns: 1fr; }
  .fpuc-estudios__list { padding: var(--fpuc-space-6); }
}


/* El fundido al cambiar de público lo pone `@view-transition` en base.css,
   que vale para todo el sitio. */