/*
 * proyectos.css — estilos propios de la página `proyectos`. Geometría exacta:
 * _dev/registro-decisiones.md, 2026-08-17. Fondo de toda la zona intermedia (espacio en blanco +
 * filtro + grilla + paginación): blanco, confirmado por barrido de píxel — no hay banda beige en
 * esta página.
 */

.gyo-proyectos-main {
  background-color: #FFFFFF;
}

.gyo-hero-proyectos {
  height: 693px; /* medido: y55→748 — movido acá desde un `style` inline en el HTML (2026-08-18,
    Fase 3), mismo criterio que `.gyo-hero-estudio` en estudio.css. */
}

@media (max-width: 991.98px) {
  .gyo-hero-proyectos {
    height: auto;
    min-height: 400px; /* alto de trabajo, sin dato del PDF para este ancho (Fase 3) */
  }
}

.gyo-filtro-categorias {
  padding-top: 114px; /* espacio-en-blanco medido: 862-748 */
}

/* Convertido a `.row`/`col-lg-4` de Bootstrap (auditoría 2026-08-18, hallazgo 7 — mismo criterio
   que `.gyo-seccion-ultimos-proyectos__grid` de `inicio.css`, sin overflow real, es limpieza de
   arquitectura). `--bs-gutter-y` reproduce el gap de fila (51px, tratado como 50px, misma
   tolerancia ya aceptada) solo cuando el `row` wrappea. */
.gyo-grilla-proyectos {
  --bs-gutter-x: var(--gyo-tarjeta-proyecto-gap-6); /* columna, 50px */
  --bs-gutter-y: 50px; /* fila, medido 51px */
  margin-top: 61px; /* medido: 963-902 */
}

.gyo-paginacion {
  margin-top: 72px; /* medido: 2470-2398 */
  padding-bottom: 72px; /* medido: 2607-2535, hasta el inicio del cta-cierre */
}