// Bloco

.container {
  margin: 0 16px;
  width: calc(100% - 32px);
  padding: 24px;

  @include quebra-somente-telefone {
    margin: 0 8px;
    width: calc(100% - 16px);
    padding: 16px;
  }

  @media print{
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

// Modificadores de estilo

.container_com-fundo {
  @include borda-arredondada-padrao;
	background: $cor-branca;
}

// Modificadores de tamanho

$tamanhos-do-container: (mini, 656px),
                        (pequeno, 912px),
                        (medio, 1168px),
                        (grande, 1424px),
                        (gigante, 1680px);

@each $nome, $tamanho in $tamanhos-do-container {
  
  .pagina .container_#{$nome} {
    @media screen and (min-width: $tamanho + 48px) {
      max-width: $tamanho;
      margin: 0 auto;
    }
  }

  .pagina_com-menu-lateral .container_#{$nome} {
    @media screen and (min-width: $tamanho + 48px + 256px) {
      max-width: $tamanho;
      margin: 0 auto;
    }
  }
}

// Modificadores de margem

.container_com-margem {
  margin-top: 16px !important;
  margin-bottom: 16px !important;

  @include quebra-somente-telefone {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  @media print{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.container_sem-margem {
  margin: 0;
  width: 100%;
}