/* === Estilização do container geral do Select2 === */
#div_filtros .select2-container {
  width: 100% !important;               /* Ocupa toda a largura disponível */
  flex: 1 1 auto !important;            /* Permite o crescimento no flex container */
  min-width: 0 !important;             /* Garante que o conteúdo respeite o tamanho mínimo */
  box-sizing: border-box !important;   /* Inclui padding e border no cálculo total */
}

/* === Área visível do select antes de abrir (o campo "selecionado") === */
#div_filtros .select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center !important;             /* Alinha verticalmente o conteúdo */
  width: 100% !important;
  padding: 0.75rem 1rem !important;           /* Espaçamento interno: 12px vertical, 16px horizontal */
  border: 1px solid #d1d5db !important;       /* Borda cinza clara (gray-300) */
  border-radius: 0.5rem !important; /* rounded-lg */
  background: #f9fafb !important; /* Fundo suave */
  color: #111827 !important;                 /* Cor do texto (gray-700) */
  font-weight: 500 !important;               /* Peso da fonte médio */
  font-size: 0.875rem !important;            /* Tamanho da fonte pequeno (text-sm) */
  transition: all 0.2s !important;
  box-sizing: border-box !important;
  min-height: 2.7rem !important;               /* Altura mínima de 48px */
}

/* === Texto visível do item selecionado === */
#div_filtros .select2-container--default .select2-selection__rendered {
  padding-left: 0 !important;
  color: #111827 !important;                 /* Cinza médio (placeholder - gray-500) */
  font-weight: 500 !important;
  font-size: 0.875rem !important;
}

/* === Ícone de seta do select === */
#div_filtros .select2-container--default .select2-selection__arrow {
  position: absolute !important;
  right: 1rem !important;                    /* Espaçamento à direita */
  top: 50% !important;
  transform: translateY(-50%) !important;    /* Centraliza verticalmente */
  height: auto !important;
}

/* === Dropdown (caixa de opções) === */
#div_filtros .select2-dropdown {
  min-width: 0 !important;
  max-width: 100vw !important;              /* Impede estouro na tela */
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid #d1d5db !important;      /* Borda cinza (gray-300) */
  border-radius: 0.5rem !important; /* rounded-lg */
  font-size: 0.875rem !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; /* Sombra leve */
  font-weight: 500 !important;
  z-index: 9999 !important;                  /* Garante sobreposição */
}

/* === Estilização do campo com foco (quando está ativo) === */
#div_filtros .select2-container--default.select2-container--focus .select2-selection--single {
  outline: none !important;
  border-color: #9ca3af !important;         /* Borda em foco (gray-400) */
  box-shadow: 0 0 0 1px #9ca3af !important;  /* Simula ring de foco */
}

/* === Opções dentro da lista (dropdown) === */
.select2-container--default .select2-results__option {
  color: #111827;                           /* Texto padrão (gray-700) */
  background-color: #fff;
  padding: 0.5rem 1rem;                     /* Espaçamento confortável */
  font-size: 0.875rem;                      /* Tamanho da fonte pequeno */
}

/* === Opção destacada com hover ou teclado === */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f3f4f6;                /* Fundo ao passar o mouse (gray-100) */
  color: #111827;                           /* Texto escuro (gray-900) */
}

/* === Opção atualmente selecionada (dentro do dropdown) === */
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #e5e7eb;                /* Fundo do item selecionado (gray-200) */
  color: #111827;                           /* Texto escuro (gray-900) */
}

/* === Redefine algumas propriedades no campo selecionado para manter consistência === */
.select2-container--default .select2-selection--single {
  background-color: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem; /* rounded-lg */
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  outline: none !important;           /* remove o contorno */
  /*border: none !important;            /* remove a borda */
  box-shadow: none !important;        /* remove o foco com sombra */
}