.custom-select-container {
    position: relative;
}

/* Oculta la flecha predeterminada del select */
.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Posiciona el ícono */
.custom-select-container i {
    position: absolute;
    right: 20px; /* Ajusta la distancia de la derecha */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Esto hace que el ícono no bloquee la interacción con el select */
    color: #2781d5; /* Color del ícono */
    font-size: 16px; /* Tamaño del ícono */
}
.no-disabled-style:disabled {
    opacity: 1; /* Mantiene la apariencia original */
    pointer-events: none; /* Evita la interacción */
}