/* ============================================
   KUMANI — LAYOUT: CONTAINER
   Garante que o conteúdo nunca se estica até à borda do ecrã em
   monitores largos (regra da Especificação Mestra, secção 27:
   "--container-max: 1440px mantém-se, conteúdo centrado").
   ============================================ */

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--space-container-x);
}

/* As secções da home (.section) já têm fundo de cor de ponta a ponta
   (ex.: .section--dark). Para o fundo continuar de ponta a ponta mas
   o CONTEÚDO lá dentro ficar centrado e travado em 1440px, aplicamos
   o limite de largura directamente aos blocos de conteúdo: */
.section__header,
.work-grid,
.product-grid,
.clients-grid {
  max-width: var(--container-max);
  margin-inline: auto;
}