#modalBuscador {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

#modalBuscador .modal-dialog {
  max-width: 100%; /* Ajusta el tamaño máximo del modal */
}

/* Aplicar un ancho máximo específico en pantallas grandes */
@media (min-width: 992px) {
  #modalBuscador .modal-dialog {
    max-width: 750px;
  }
}

/* Estilos adicionales para el efecto de placeholder animado */
#modalBuscador .form-group {
  position: relative;
  margin-bottom: 20px; /* Añadido margen inferior para separar los inputs */
}

#modalBuscador .form-control {
  border: 2px solid #000; /* Cambiado a color gris */
  border-radius: 0;
  padding: 12px; /* Aumentado el espacio vertical y lateral */
  transition: border-color 0.3s;
  margin-bottom: 10px; /* Añadido margen inferior para separar los inputs */
  position: relative;
  background-color: transparent; /* Fondo transparente */
}

#modalBuscador .form-control:focus {
  border-color: #000; /* Cambiado a color gris */
  box-shadow: none;
}

#modalBuscador .form-control:focus + label,
#modalBuscador .form-control:valid + label {
  transform: translateY(-31px); /* Aumentado el espacio vertical */
  font-size: 12px;
  color: #000; /* Cambiado a color gris */
  background-color: white; /* Fondo blanco */
  padding: 0 5px; /* Ajuste de espacio lateral */
}

#modalBuscador label {
  position: absolute;
  left: 15px; /* Aumentado el espacio lateral */
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #000;
  pointer-events: none;
  transition: transform 0.3s, font-size 0.3s, color 0.3s;
  background-color: transparent; /* Fondo transparente */
}
.card-body  {        
  color: black !important;
}