/********** Style Guideline **********/
@import "../../styleguideline/styleguideline.css";

/********** Clases Colores **********/
.text-primario {
  color: var(--primario) !important;
}

.text-secundario {
  color: var(--secundario) !important;
}

.text-terciario {
  color: var(--terciario) !important;
}

.text-cuarto {
  color: var(--cuarto) !important;
}

.text-quinto {
  color: var(--quinto) !important;
}

.text-sexto {
  color: var(--sexto) !important;
}

.text-sales {
  color: var(--sales) !important;
}

.text-greenCTA {
  color: var(--greenCTA) !important;
}

.text-fondo {
  color: var(--fondo) !important;
}

.text-light {
  color: var(--light) !important;
}

/* FONDO PALETA DE COLORES */
.bg-primario {
  background-color: var(--primario) !important;
}

.bg-secundario {
  background-color: var(--secundario) !important;
}

.bg-terciario {
  background-color: var(--terciario) !important;
}

.bg-cuarto {
  background-color: var(--cuarto) !important;
}

.bg-quinto {
  background-color: var(--quinto) !important;
}

.bg-sexto {
  background-color: var(--sexto) !important;
}

.bg-sales {
  background-color: var(--sales) !important;
}

.bg-greenCTA {
  background-color: var(--greenCTA) !important;
}

.bg-fondo {
  background-color: var(--fondo) !important;
}

.bg-light {
  background-color: var(--light) !important;
}

/* BORDES */
.border-primario {
  border-color: var(--primario) !important;
}

.border-secundario {
  border-color: var(--secundario) !important;
}

.border-terciario {
  border-color: var(--terciario) !important;
}

.border-cuarto {
  border-color: var(--cuarto) !important;
}

.border-quinto {
  border-color: var(--quinto) !important;
}

.border-sexto {
  border-color: var(--sexto) !important;
}

.border-sales {
  border-color: var(--sales) !important;
}

.border-greenCTA {
  border-color: var(--greenCTA) !important;
}

.border-fondo {
  border-color: var(--fondo) !important;
}

.border-light {
  border-color: var(--light) !important;
}