/* ================================
   BUSCAR.CSS
   Se carga junto a principal.css
   (usa sus variables: --lb-black, --lb-white, --lb-medium, etc.)
================================ */

.lb-buscador-home {
  background: var(--lb-black);
  padding: var(--space-block) 8%;
}

.lb-buscador-home h2 {
  color: var(--lb-white);
  text-align: center;
  margin-bottom: var(--space-element);
}

.lb-buscador-home-form {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.lb-buscador-home-form select,
.lb-buscador-home-form input[type="text"] {
  flex: 1;
  min-width: 220px;
  padding: 16px;
  background: var(--lb-black);
  color: var(--lb-white);
  border: 1px solid var(--lb-medium);
  font-family: inherit;
  font-size: 16px;
}

.lb-buscador-home-form select:focus,
.lb-buscador-home-form input[type="text"]:focus {
  outline: none;
  border-color: var(--lb-white);
}

.lb-buscador-home-form input::placeholder {
  color: var(--lb-medium);
}

.lb-buscador-home-form button {
  flex: 0 0 auto;
}

/* ================================
   RESPONSIVE
================================ */

@media (max-width: 768px) {

  .lb-buscador-home-form {
    flex-direction: column;
  }
}