/*MARCA A LOS PRODUCTOS SU LOGO*/
.marca-estilo {
  font-size: 0.75rem;
  padding: 0.25em 0.6em;
  border-radius: 0.4em;
  font-weight: 600;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* COLORES POR MARCA PARA (PRODUCTOS DESTACADOS) , (FILTROS) , (MENU PRODUCTOS) */
.marca-estilo.pretul { background-color: #ece225; color: #000; }
.marca-estilo.truper { background-color: #252424; color: #ff5e00; }
.marca-estilo.sika   { background-color: #e00303; color: #ffea02; }
.marca-estilo.ingco  { background-color: #ee9105; color: #0a0a0a; }
.marca-estilo.bosch  { background-color: #06166f; color: #e70909; }
.marca-estilo.cemex  { background-color: #fafafa; color: #1d08a1; }
.marca-estilo.cpp    { background-color: #ea0707; color: #fdfdfd; }
.marca-estilo.abrailt { background-color: #ffffff; color: #1f06ad; }
.marca-estilo.cubull  { background-color: #e76006; color: #ffffff; }
.marca-estilo.losaro  { background-color: #fafafa; color: #1d08a1; }
.marca-estilo.anypsa  { background-color: #053fbb; color: #ffffff; }
.marca-estilo.martell  { background-color: #e9ebef; color: #040297; }

/*PARA LOS BOTONES DE PRODUCTOS DESTACADOS*/
.btn-outline-primary {
  background-color: #0961c0;
  color: white;
  border-color: #0961c0;
}

.btn-outline-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
  color: white;
}