/* Proyectos estratégicos — template-parts/components/proyectos-grid.php */

.proyectos-grid { display: grid; gap: var(--sp-5); }

/* Destacado: imagen 5/12 + tarjeta 7/12 */
.proyecto-hero {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--sp-4);
  align-items: stretch;
}
.proyecto-hero__media {
  display: block;
  border-radius: var(--radius-md);
  overflow: clip;
  background: var(--c-bg-soft);
  aspect-ratio: 3 / 2;
}
.proyecto-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.proyecto-hero__body { gap: var(--sp-3); padding: var(--sp-5); }
.proyecto-hero__title a { text-decoration: none; }
.proyecto-hero__text { max-width: 36rem; color: var(--c-text-muted); }
.proyecto-hero__btn { margin-top: auto; align-self: flex-start; }

/* Rejilla */
.proyectos-grid__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
  gap: var(--sp-4);
}
.proyecto-card { padding: 0; overflow: clip; }
.proyecto-card__media { display: block; aspect-ratio: 12 / 5; background: var(--c-bg-soft); }
.proyecto-card__media img { width: 100%; height: 100%; object-fit: cover; }
.proyecto-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-3); padding: var(--sp-4); flex: 1; }
.proyecto-card__title a { text-decoration: none; }
.proyecto-card__text { color: var(--c-text-muted); }
.proyecto-card__chip { margin-top: auto; }

/* Filtrado (archivo) */
[data-filter-item].is-hidden { display: none; }
.proyectos-grid__empty { color: var(--c-text-muted); }

@media (max-width: 60rem) {
  .proyecto-hero { grid-template-columns: 1fr; }
}