/* 🎨 Estilo general del Select2 */
.select2-container .select2-selection {
    background-color: #ffffff; /* Color de fondo suave */
    border: 1px solid #dadfe5; /* Borde más visible */
    border-radius:5px; /* Bordes redondeados */
    padding: 5px;
    height: auto; /* Ajusta la altura */
    font-size: 14px; /* Tamaño del texto */
  }
  
  /* 🎨 Estilo cuando el Select2 está en foco */
  .select2-container .select2-selection:focus,
  .select2-container .select2-selection:active {
    border-color: #206bc4; /* Azul de Tabler */
    box-shadow: 0 0 5px rgba(32, 107, 196, 0.5);
  }
  
  /* 🎨 Flecha del Select2 */
  .select2-selection__arrow {
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
  }
  
  /* 🎨 Estilo del dropdown */
  .select2-dropdown {
    background-color: #ffffff; /* Fondo blanco */
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  /* 🎨 Opciones del Select2 */
  .select2-results__option {
    padding: 6px;
    font-size: 14px;
  }
  
  /* 🎨 Opción resaltada */
  .select2-results__option--highlighted {
    background-color: #206bc4; /* Azul de Tabler */
    color: white;
  }
  
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px !important;
    position: absolute !important;
    top: 20px !important;
    right: 9px !important;
    width: 25px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #39393a !important;
}