/* =========================================
   FOCOFY – GRID v3.3
   Design Tokens Contract v3.6

   v3.x → v3.3:
     - var(--s-6) → var(--space-6) (token canônico DTC v3.6)
     - Grid mobile-first: base = 1fr, --2/3/4 via min-width: 1024px
     - max-width: 980px removido (não-canônico)
     - max-width: 768px removido (grid já é 1fr na base)
========================================= */

.focofy-grid{
  display: grid;
  gap: var(--space-6);
  grid-template-columns: 1fr;     /* mobile: coluna única */
}

@media (min-width: 1024px) {      /* --bp-desktop */
  .focofy-grid--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .focofy-grid--3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1440px) {      /* --bp-wide */
  .focofy-grid--4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}