.motor {
  max-width: 1200px !important;
  border-radius: 15px;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.55);
  background-color: rgba(255, 255, 255, 1);
}

.motor p {
  display: inline;
  position: relative;
}

.motor p:empty {
  display: none !important;
}

/*COLORES PARAMETROS */

.btn-primary {
  background-color: #1580a0 !important;
  border: none !important;
  box-shadow: none !important;
}

.btn-primary:hover {
  background-color: #444 !important;
  border: none !important;
  box-shadow: none !important;
}

.btn-secondary {
  background-color: #efefef !important;
  border: none !important;
  color: black !important;
  box-shadow: none !important;
}

.btn-secondary:hover {
  background-color: #efefef !important;
  border: none !important;
  color: black !important;
  box-shadow: none !important;
}

input.form-control,
select.form-select {
  background-color: #efefef !important;
  border: none !important;
  box-shadow: none !important;
}

.max-width-150px {
  max-width: 150px;
}

button:focus,
input:focus,
select:focus,
.dropdown {
  outline: none !important;
  box-shadow: none !important;
}

.form-control:focus,
.form-select:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.form-select:focus,
input:focus,
button:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* button:focus,
button:focus-visible {
  color: black !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
} */

/* Estilo inicial para ocultar */
#cajaVehiculos {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
  /* La transición durará 0.5 segundos */
}

/* Estilo para cuando la clase 'visible' esté aplicada */
#cajaVehiculos.visible {
  height: 67px;
}

.form-check-input:checked {
  background-color: #1580a0;
  border: none !important;
  box-shadow: none !important;
}


.flex-6 {
  flex: 6;
}

.flex-5 {
  flex: 5;
}

.flex-4 {
  flex: 4;
}

.flex-3 {
  flex: 3;
}

.flex-2 {
  flex: 2;
}

.flex-1 {
  flex: 1;
}





/* Estilo inicial para ocultar */
#cajaRegimen {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
  /* La transición durará 0.5 segundos */
}

/* Estilo para cuando la clase 'visible' esté aplicada */
#cajaRegimen.visible {
  height: 69px;
}

.btnMasMenos {
  background-color: transparent;
  color: white;
  background-color: #1580a0;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
}

.btnMasMenos>i,
.textoAnosPasajeros {
  font-size: 14px;
}

.btnMasMenos:active,
.btnMasMenos:focus {
  color: white !important;
  /* Evita que se cambie el color */
  transform: none !important;
  /* Evita transformaciones al hacer clic */
  border: none !important;

}

.btnMasMenos:hover {
  background-color: #444 !important;
  border-color: #444 !important;
}

.inputNumPasajeros {
  border: none;
  max-width: 50px;
  background-color: transparent;
  appearance: none;
  text-align: center;
}

.inputNumPasajeros::-webkit-inner-spin-button,
.inputNumPasajeros::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.inputNumPasajeros {
  -moz-appearance: textfield;
  /* Para Firefox */
}


.motor br {
  display: none;
}



.motor select,
.motor textarea,
.motor input[type=text],
.motor input[type=password],
.motor input[type=datetime],
.motor input[type=datetime-local],
.motor input[type=date],
.motor input[type=month],
.motor input[type=time],
.motor input[type=week],
.motor input[type=number],
.motor input[type=email],
.motor input[type=url],
.motor input[type=search],
.motor input[type=tel],
.motor input[type=color] {
  margin-bottom: 0;
}



.motor .fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.motor .fade.show {
  opacity: 1 !important;
}

.position-relative {
  position: relative;
}








/* Contenedor del dropdown */
.dropdown-content {
  z-index: 999999 !important;
  margin-top: 40px;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translateX(-50%);
  width: 300px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: none;
  /* Inicialmente oculto */
  opacity: 0;
  animation: fadeInUp 0.5s forwards;
  /* Se aplica la animación */
}

/* Caja interna */
.dropdown-box {
  z-index: 999999 !important;
  background: white;
  border-radius: 15px;
  padding: 15px;
}

/* Animación de aparición */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(-20px);
    /* Comienza desplazada hacia arriba */
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    /* Llega a su posición original */
  }
}

/* Clase para mostrar el dropdown */
.show {
  display: block;
  /* Solo cambia display cuando se activa */
  animation: fadeInUp 0.5s forwards;
  /* Se aplica la animación */
}


/*MD*/
@media screen and (min-width: 768px) {
  .max-width-150px-md {
    max-width: 150px !important;
  }

  .w-md-auto {
    width: auto !important;
  }

}

@media screen and (max-width: 768px) {
  #cajaVehiculos.visible {
    height: 230px !important;
  }
}


@media screen and (min-width: 992px) {
  #booking-form.motorEscritorio {
    display: flex !important;
  }

  #booking-form.motorMovil {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  #booking-form.motorEscritorio {
    display: none !important;
  }

  #booking-form.motorMovil {
    display: flex !important;

  }

  .form-select {
    text-align: center;
  }



}


@media (max-width: 563px) {
  .daterangepicker {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

.motorSinBordes{
  border-radius: 0px !important;
  margin: 0px !important;
  box-shadow: none !important;
}