/* Wrapper centrado */
.search-wrap{
  padding: 18px 12px;
  display: grid;
  place-items: center;
}

/* Pastilla con sombra */
.search-bar{
  width: min(1100px, 100%);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(15,23,42,.08);
  padding: 10px;
  display: flex;               /* fila flexible */
  gap: 12px;                   /* <-- separación entre controles */
  align-items: center;
}

/* Cada control ocupa el mismo ancho */
.field{ width: 100%; min-width: 220px; }

/* Select2: tamaño y aire */
.select2-container{ width: 100% !important; }
.select2-container--default .select2-selection--single{
  height: 48px;                /* alto uniforme */
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
}
.select2-selection__rendered{ padding-left: 12px !important; }
.select2-selection__arrow{ right: 10px !important; }

/* Botón buscar */
.btn-buscar{
  padding: 12px 22px;
  border: 0;
  border-radius: 12px;
  background: #08b59e;         /* tu verde/teal */
  color: #fff;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(8,181,158,.18);
}
.btn-buscar:hover{ filter: brightness(1.05); }

/* Quita pegado al borde izquierdo/derecho en pantallas grandes */
.search-bar > *{ margin: 2px 0; }

/* Responsive: en móvil se apila con buen espacio */
@media (max-width: 960px){
  .search-bar{
    flex-wrap: wrap;
  }
  .field{ min-width: 100%; }
  .btn-buscar{ width: 100%; justify-content: center; }
}