// Texto estilo

.u-texto-negrito {
  @include fonte-negrito;
}
.u-texto-italico {
  font-style: italic;
}
.u-texto-riscado {
  text-decoration: line-through;
}

.u-texto-maiusculo {
  text-transform: uppercase !important;
}
.u-texto-capitalizado {
  text-transform: capitalize !important;
}

.u-texto-sup {
  vertical-align: super;
  font-size: smaller;
}
.u-texto-sub {
  vertical-align: sub;
  font-size: smaller;
}

.u-texto-alinhado-ao-centro {
  text-align: center !important;
}
.u-texto-alinhado-a-direita {
  text-align: right !important;
}
.u-texto-alinhado-a-esquerda {
  text-align: left !important;
}
.u-alinhamento-vertical-ao-topo {
  vertical-align: top;
}
.u-alinhamento-vertical-ao-centro {
  vertical-align: middle;
}
.u-alinhamento-vertical-a-base {
  vertical-align: bottom;
}
.u-esconder-acessivel {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

// Texto outros

.u-texto-truncado {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

// Margens e paddings

$tamanhos-de-espaco: (mini, 4px), (pequena, 8px), (media, 16px), (grande, 32px), (gigante, 64px);

@each $nome, $tamanho in $tamanhos-de-espaco {
  .u-margem-superior-#{$nome} {
    margin-top: $tamanho !important;
  }
  .u-margem-inferior-#{$nome} {
    margin-bottom: $tamanho !important;
  }
  .u-margem-esquerda-#{$nome} {
    margin-left: $tamanho !important;
  }
  .u-margem-direita-#{$nome} {
    margin-right: $tamanho !important;
  }
  .u-margem-#{$nome} {
    margin: $tamanho !important;
  }
  .u-padding-superior-#{$nome} {
    padding-top: $tamanho !important;
  }
  .u-padding-inferior-#{$nome} {
    padding-bottom: $tamanho !important;
  }
  .u-padding-esquerda-#{$nome} {
    padding-left: $tamanho !important;
  }
  .u-padding-direita-#{$nome} {
    padding-right: $tamanho !important;
  }
  .u-padding-#{$nome} {
    padding: $tamanho !important;
  }
}
.u-sem-margem {
  margin: 0 !important;
}
.u-sem-margem-inferior {
  margin-bottom: 0 !important;
}
.u-sem-margem-esquerda {
  margin-left: 0 !important;
}
.u-sem-margem-direita {
  margin-right: 0 !important;
}
.u-sem-margem-superior {
  margin-top: 0 !important;
}
.u-sem-padding {
  padding: 0 !important;
}
.u-sem-padding-inferior {
  padding-bottom: 0 !important;
}
.u-sem-padding-esquerda {
  padding-left: 0 !important;
}
.u-sem-padding-direita {
  padding-right: 0 !important;
}
.u-sem-padding-superior {
  padding-top: 0 !important;
}

// Visibilidade

.u-escondido {
  display: none !important;
}
.u-escondido-somente-telefone {
  @include quebra-somente-telefone {
    display: none !important;
  }
}
.u-escondido-maior-que-telefone {
  @include quebra-maior-que-telefone {
    display: none !important;
  }	
}
.u-escondido-maior-que-tablet {
  @include quebra-maior-que-tablet {
    display: none !important;
  }	
}
.u-escondido-menor-que-tablet {
  @include quebra-menor-que-tablet {
    display: none !important;
  }	
}
.u-escondido-maior-que-desktop-pequeno {
  @include quebra-maior-que-desktop-pequeno {
    display: none !important;
  }	
}
.u-escondido-menor-que-desktop-pequeno {
  @include quebra-menor-que-desktop-pequeno {
    display: none !important;
  }	
}
.u-escondido-maior-que-desktop-grande {
  @include quebra-maior-que-desktop-grande {
    display: none !important;
  }	
}
.u-escondido-menor-que-desktop-grande {
  @include quebra-menor-que-desktop-grande {
    display: none !important;
  }	
}
.u-invisivel {
  visibility: hidden !important;
}

// Estado

.u-desabilitado {
  @include desabilitado;
}

// Outros

.u-sem-borda {
  border: 0 solid transparent !important;
}

// Displays
.u-exibir-bloco {
  display: block !important;
}
.u-exibir-em-linha {
  display: inline !important;
}
.u-exibir-bloco-em-linha {
  display: inline-block !important;
}
.u-exibir-em-linha-flexivel {
  display: inline-flex !important;
}

@media screen {
  .u-apenas-impressao {
    display: none;
  }
}

@media print {
  .u-nao-imprimir {
    display: none;
  }
}