input[type="date"] {
  position: relative;
  padding: 10px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}

input[type="date"]:before {
  color: transparent;
  background: none;
  display: block;
  font-family: 'FontAwesome';
  content: '\f073';
  /* This is the calendar icon in FontAwesome */
  width: 15px;
  height: 20px;
  position: absolute;
  top: -2px;
  right: 6px;
  color: #999;
}
.titulo{

  color: #ffffff;
    background-color: #312396;
    padding: 3px;
    letter-spacing: 4px;
    font-size: 14px;
}

.comercio{

  text-align: center;
  background-color: #312396; 
  color:#fff; 
  padding: 8px;
}
.botones{

  font-size: 80%;
  font-weight: 600;
  color:#312396; ; 
} 

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #6ea1d4 #6ea1d4  #6ea1d4 ;
}

.precio{

margin:auto; 
background-color:#312396;
color:#fff;
width: 250px;
font-size: 24px;
font-weight: 500;
width: 5rem;
height: 5rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.img_carta{

margin:auto; 
width: 250px;

}

.img_boton{
margin-top: 10px;
font-size: 25px;
color:#312396
}