/* choices: modificando el selector */
.choices.is-invalid .choices__inner {
    border-color: var(--bs-danger, #ff6969);
}

.choices.is-invalid {
    margin-bottom: 0 !important;
}

/* El botón debe estar detrás cuando se despliegue el selector */
.input-group .btn {
    z-index: 0; /* por defecto atrás */
    position: relative;
}

/* Asegurar que el menú del select siempre quede por encima */
select,
.choices,
.choices__list {
    z-index: auto;
    position: relative;
}