/* ================================================================
   AlfamaWeb — estilos da página PROJETOS (listagem)
   O card de projeto é compartilhado com a home e mora no styles.css.
   Aqui fica só o que é desta página.
   ================================================================ */

/* ================================================================
   TOPO
   ================================================================ */

.projetos-topo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.projetos-topo::before,
.projetos-topo::after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: -1;
  width: 560px;
  height: 560px;
  transform: translateY(-50%);
  border-radius: 50%;
  pointer-events: none;
}
.projetos-topo::before {
  left: -16%;
  background: radial-gradient(closest-side, rgba(249, 116, 21, .18), transparent);
}
.projetos-topo::after {
  right: -16%;
  background: radial-gradient(closest-side, rgba(59, 62, 186, .20), transparent);
}

.projetos-topo__interno {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-lg);
  text-align: center;
}

.projetos-topo__titulo {
  font-size: var(--fs-h1);
  font-weight: 700;
  line-height: var(--lh-heading);
  color: var(--text-primary);
}

.projetos-topo__descricao { max-width: 760px; }

/* ================================================================
   FILTRO + GRADE
   ================================================================ */

.projetos-lista__interno {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xl);
}