/*Color Azul Claro para botones de Pedidos */
.bg-azulclaro { 
  background-color: #1da1f2;
  }
.boton-pedido {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 14px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background: #367fa9;
  border: 2px solid;
  border-color: #367fa9;
  position: relative;
}
.boton-pedido:hover {
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
  transition: all 0.2s ease;
}
.btn-twitter {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  /* --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1989ce;
  --bs-btn-hover-border-color: #1781c2; */
  --bs-btn-focus-shadow-rgb: 63, 175, 244;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1781c2;
  --bs-btn-active-border-color: #1679b6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
}
.btn-twitter:hover {
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
  transition: all 0.2s ease;
}