/* estilo front-end */
.grano-container {
  width: 100%;
  box-sizing: border-box;
  /* padding lateral leve para não colar no canto quando estiver limitado */
  padding-left: 16px;
  padding-right: 16px;
}

/* quando a opção estiver ativa */
.grano-container--limited {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

/* classe de utilidade (opcional) */
.grano-container.full-bleed {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}