.columnas_texto.blue {
  background: var(--azul-t);
  color: #fafafa;
}
.columnas_texto.cafe {
  background: var(--cafe);
  color: #fafafa;
}
.columnas_texto.rojob {
  background: var(--rojo-b);
  color: #fafafa;
}
.columnas_texto.rojol {
  background: var(--rojo-l);
  color: #fafafa;
}
.columnas_texto.morado {
  background: var(--morado);
  color: #fafafa;
}
.columnas_texto.indigo {
  background: var(--indigo);
  color: #fafafa;
}
.columnas_texto.azul {
  background: var(--azul);
  color: #fafafa;
}
.columnas_texto.azulc {
  background: var(--azul-c);
  color: #fafafa;
}
.columnas_texto.aqua {
  background: var(--aqua);
  color: #fafafa;
}
.columnas_texto.verde {
  background: var(--verde);
  color: #fafafa;
}
.columnas_texto.negro-tr {
  background: var(--cafe);
  color: #fafafa;
}
.columnas_texto.pink {
  background: var(--rosa-m);
  color: #fafafa;
}
.columnas_texto.blue a,
.columnas_texto.cafe a,
.columnas_texto.rojob a,
.columnas_texto.rojol a,
.columnas_texto.morado a,
.columnas_texto.indigo a,
.columnas_texto.azul a,
.columnas_texto.azulc a,
.columnas_texto.aqua a,
.columnas_texto.verde a,
.columnas_texto.negro-tr a,
.columnas_texto.pink a {
  color: var(--gris-c);
}
.columnas_texto.blue a:hover,
.columnas_texto.cafe a:hover,
.columnas_texto.rojob a:hover,
.columnas_texto.rojol a:hover,
.columnas_texto.morado a:hover,
.columnas_texto.indigo a:hover,
.columnas_texto.azul a:hover,
.columnas_texto.azulc a:hover,
.columnas_texto.aqua a:hover,
.columnas_texto.verde a:hover,
.columnas_texto.negro-tr a:hover,
.columnas_texto.pink a:hover {
  color: var(--blanco);
}