/* =============================================
   SELECTPICKER en input-group Bootstrap 5
   ============================================= */

/* 1. Alinear altura con los demás inputs del input-group */
.input-group .bootstrap-select > .dropdown-toggle {
  height: calc(1.5em + 0.75rem + 2px); /* misma altura que .form-control */
  padding: 0.175rem 0.35rem;
  font-size: 0.7rem;
  line-height: 1.5;

}

/* 2. Corregir color del texto en el botón (blanco sobre gris) */
.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  color: #212529 !important; /* color oscuro estándar de Bootstrap */
  font-weight: 400;
}

/* 1. Alinear altura con los demás inputs del input-group */
.form-select1 {
  
  padding: 0rem 1.6rem 0rem 0rem;
}

.filter-option-inner {
    padding: .234375rem !important;
}

/* 6. Ancho automático para no colapsar el input de teléfono */
.input-group > .bootstrap-select {
  flex: 0 0 auto;
  width: auto !important;
}