
.contenedor-general {
  display: flex;
  margin: 5px;
  padding: 10px;
  flex-direction: column;
  border: 1px solid #D3D5D5;
  border-radius: 10px;
  background: #FDFDFD;
}

.contenedor-general .wpb_wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.contenedor-agencia {
  width: 50%;
  display: flex;
  padding: 0px;
  margin: 0px;
  align-items: flex-start;
  border: 0px;
  flex-direction: column;
  padding-left: 10px;
}

.contenedor-agencia strong {
  background: #FFB81D;
  padding: 5px 10px;
  border-radius: 10px 0px;
  font-size: 10px;
  text-align: left;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400;
  color: #003865;
  text-transform: capitalize !important;
  /* Bold */
}

.contenedor-agencia p {
   font-family: 'Open Sans', sans-serif !important;
   font-weight: 700;
  /* Bold */
   text-transform: capitalize;
   padding-top: 10px;
   line-height: 15px;
   font-size: 12px;
   text-align: left;
   color: #003865;
}

.contenedor-horario {
  margin-left: 0px !important;
  padding: 10px;
  border-left: 1px solid #003865;
  width: 45%
}

.contenedor-horario span {
    font-family: 'Open Sans', sans-serif !important;
  font-size: 10px;
  color: #5A5A5A;
  font-weight: 400;
  /* Regular */
}

.contenedor-horario h6 {
   font-family: 'Open Sans', sans-serif !important;
   font-weight: 700;
   font-size: 11px;
   color: #003865;
}

/* Estilo para los selectores y el botón */
select {
  background-color: #FDFDFD !important;
  border: 1px solid #809BBE !important;
  border-radius: 8px !important;
  padding: 10px 25px !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300 !important;
  color: #8E9292!important;
  width: 100% !important;
  max-width: 275px !important;
  margin-bottom: 20px !important;
  cursor: pointer !important;
  height: 3rem !important;
  display: flex;
  align-items: center;
}
select:hover{
 border: 1px solid #00C1D4 !important;
  
}
button {
  background-color: #00C1D4 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #003865!important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  padding-bottom: 10px;
  display: flex !important;
  vertical-align: middle !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600 !important;
  width: 93% !important;
  justify-content: center !important;
  align-items: center;
  margin: 0px 10px 15px 10px !important;
  height: 3rem;
}

button:hover {
  background-color:#FFB81D!important;
  color: #002747 !important;
}
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeIn 0.5s forwards;
}
.grid-x .cell{
    text-align: center !important;
    
}
.grid-x .cell label{
  color: #003865!important;
    padding-bottom: 10px;
	padding-left: 12px;
 font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
     text-align: left !important;
}
@keyframes fadeIn {
  to {
      opacity: 1;
      transform: translateY(0);
  }
}