.svg-preto{
  fill: var(--preto);
}
.svg-preto-claro{
  fill: var(--preto-claro);
}
.svg-cinza-escuro{
  fill: var(--cinza-escuro);
}
.svg-cinza-claro{
  fill: var(--cinza-claro);
}
.svg-branco{
  fill: var(--branco);
}
.svg-amarelo{
  fill: var(--amarelo);
}


.bg-preto{
  background-color: var(--preto);
}
.bg-preto-claro{
  background-color: var(--preto-claro);
}
.bg-cinza-escuro{
  background-color: var(--cinza-escuro);
}
.bg-cinza-claro{
  background-color: var(--cinza-claro);
}
.bg-branco{
  background-color: var(--branco);
}
.bg-amarelo{
  background-color: var(--amarelo);
}


.texto-preto{
  color: var(--preto);
}
.texto-preto-claro{
  color: var(--preto-claro);
}
.texto-cinza-escuro{
  color: var(--cinza-escuro);
}
.texto-cinza-claro{
  color: var(--cinza-claro);
}
.texto-branco{
  color: var(--branco);
}
.texto-amarelo{
  color: var(--amarelo);
}


.icone-simpletec{
  background-image: url('../img/cube.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}