.select2-container {
    /* width: 100% !important; */
}

.select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 40px !important;
    /* padding-left: 25px; */
    font-size: 13px !important;
    border: none !important;
    outline: none !important;
    font-family: "Montserrat", sans-serif !important;
    background-color: #ecf0f3 !important;
    transition: 0.25s ease !important;
    border-radius: 8px !important;
    box-shadow: inset 2px 2px 4px #d1d9e6, inset -2px -2px 4px #f9f9f9 !important;
    display: flex;
    align-items: center;
    overflow-x: hidden;
}

.select2-dropdown {
    border: none !important;
    box-shadow: 2px 2px 4px #d1d9e6, -2px -2px 4px #f9f9f9 !important;
}

.select2-container--default .select2-dropdown {
    background-color: #ecf0f3 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 2px 2px 6px #d1d9e6, -2px -2px 6px #f9f9f9 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    overflow: hidden;
}

.select2-container--default .select2-results__option {
    padding: 8px 12px;
    color: #000 !important;
    transition: background-color 0.2s ease;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: #d1d9e6 !important;
    color: #000 !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 100%;
    /* top: 10px; */
    right: 10px;
}

/* Solo aplica si está dentro de un modal con clase .modal */
.modal
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 100%;
    top: 10px; /* Solo ahora se aplica dentro del modal */
    right: 10px;
}

/* Estilos para select múltiple */
.select2-container--default .select2-selection--multiple {
    width: 100% !important;
    min-height: 40px !important;
    font-size: 13px !important;
    border: none !important;
    outline: none !important;
    font-family: "Montserrat", sans-serif !important;
    background-color: #ecf0f3 !important;
    transition: 0.25s ease !important;
    border-radius: 8px !important;
    box-shadow: inset 2px 2px 4px #d1d9e6, inset -2px -2px 4px #f9f9f9 !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* padding: 5px 10px !important; */
    overflow-x: hidden;
}