/* ══════════════════════════════
   CASES PAGINA
══════════════════════════════ */
.cases-grid {
  padding-block: var(--sp-64) var(--sp-80);
}

.cases-grid__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sp-16);
}

.cases-grid__card {
  border: 1px solid var(--color-vapor);
  border-radius: var(--radius-card);
  overflow: hidden;
}

.cases-grid__img { border-radius: 0; }

.cases-grid__body {
  padding: var(--sp-24);
}

.cases-grid__cat {
  font-size: var(--text-caption);
  color: var(--color-fog);
  letter-spacing: var(--tracking-label);
  margin-bottom: var(--sp-4);
}

.cases-grid__title {
  font-family: var(--font-display);
  font-feature-settings: "ss01";
  font-size: var(--text-body-lg);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  margin-bottom: var(--sp-12);
}

.cases-grid__link {
  text-decoration: none;
  color: var(--color-ink-black);
}

.cases-grid__link:hover { color: var(--color-fog); }

@media (max-width: 600px) {
  .cases-grid__items { grid-template-columns: 1fr; }
}
