/* 🔹 Estilo del select cerrado  */
.select2-container--default .select2-selection--single {
    height: 2rem !important;          /* h-8 */
    display: flex !important;
    align-items: center !important;
    border-radius: 9999px !important; /* rounded-full */
    border: 1px solid #9ca3af !important; /* border-gray-400 */
    padding-left: 0.75rem !important; /* px-3 */
}

.select2-selection__rendered {
    color: #111827 !important;  /* text-gray-900 */
    font-size: 0.875rem !important; /* text-sm */
}

.select2-selection__arrow {
    top: 4px !important;
}

/* 🔹 Aumenta el alto del dropdown */
.select2-container--default .select2-results > .select2-results__options {
    max-height: 500px !important; /* más alto que el default (~200px) */
}

/* 🔹 Cada fila del dropdown más compacta */
.select2-results__option {
    padding: 2px 8px !important;   /* menos espacio vertical */
    font-size: 0.85rem !important; /* texto un poco más pequeño */
    line-height: 1.6 !important;   /* filas más juntas */
}

/* 🔹 Estilo del campo de búsqueda dentro del dropdown */
.select2-search--dropdown .select2-search__field {
    padding: 4px 8px !important;
    font-size: 0.85rem !important;
}

/* 🔹 Scrollbar fino y discreto */
.select2-results__options::-webkit-scrollbar {
    width: 6px;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #d1d5db; /* gray-300 */
    border-radius: 9999px;
}

.select2-results__options::-webkit-scrollbar-thumb:hover {
    background-color: #9ca3af; /* gray-400 */
}

/* 🔹 Colores de hover y selección (gris suave tipo Tailwind) */
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e5e7eb !important; /* gray-200 */
    color: #111827 !important;            /* text-gray-900 */
}

.select2-results__option--selected {
    background-color: #d1d5db !important; /* gray-300 */
    color: #111827 !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e5e7eb !important; /* bg-gray-200 */
    opacity: 1 !important; /* evita que se vea muy apagado */
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000000 !important; /* gray-400 de Tailwind */
}

/* 🔹 Placeholder cuando está desactivado */
.select2-container--default.select2-container--disabled
.select2-selection--single .select2-selection__placeholder {
    color: #6b7280 !important; /* gray-500 */
}