/* ================================================================
   FOCOFY FACTORY — SECTION STRUCTURES (Layout Intelligence Core) v1.1
   v1.0 → v1.1: @media var(--bp-desktop) → literal 1024px (vars não resolvem em @media)
   - Aplica layouts genéricos no wrapper padrão via data-structure
   - SAFE DEFAULT: nada acontece se data-structure for vazio
   - Escopo: .focofy-section[data-structure="..."] .focofy-section__inner
   ================================================================ */

/* CENTER — ideal para CTA */
.focofy-section[data-structure="center"] .focofy-section__inner{
  display: grid;
  place-items: center;
  text-align: center;
}

/* STACK — layout vertical simples */
.focofy-section[data-structure="stack"] .focofy-section__inner{
  display: grid;
  gap: var(--stack-gap);
}

/* GRID — cards/features */
.focofy-section[data-structure="grid"] .focofy-section__inner{
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* SPLIT — duas colunas (texto + mídia) */
.focofy-section[data-structure="split"] .focofy-section__inner{
  display: grid;
  gap: var(--grid-gap);
}

@media (min-width: 1024px) {           /* --bp-desktop: var() não é resolvido em @media */
  .focofy-section[data-structure="split"] .focofy-section__inner{
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}