/* -------------------------------
   Select2 Bootstrap 5 - Tamanho SM
---------------------------------*/

.select2-container--bootstrap-5 .select2-selection--single {
    height: calc(1.5em + 0.5rem + 2px) !important;  /* mesma altura do form-control-sm */
    padding: 0.25rem 0.4rem !important;             /* padding interno */
    font-size: 0.75rem !important;                  /* mesmo tamanho que inputs sm */
    line-height: 1.2 !important;
    border-radius: 0.2rem !important;
    box-sizing: border-box !important;
}

/* Centraliza o texto dentro do campo */
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding-left: 0.25rem !important;
    padding-right: 0.5rem !important;
}

/* Seta alinhada */
.select2-container--bootstrap-5 .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 0.25rem !important;
}

/* Campo de busca dentro do dropdown */
.select2-container--bootstrap-5 .select2-search .select2-search__field {
    font-size: 0.75rem !important;
    padding: 0.25rem 0.5rem !important;
}

/* Resultados do dropdown do Select2 */
.select2-container--bootstrap-5 .select2-results__option {
    font-size: 0.75rem !important;   /* mesmo tamanho do form-control-sm */
    line-height: 1.2 !important;
    padding: 0.25rem 0.5rem !important; /* reduz espaçamento interno */
}

/* Mensagem de alerta ("Digite 2 ou mais caracteres") */
.select2-container--bootstrap-5 .select2-results__message {
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
    padding: 0.25rem 0.5rem !important;
}

/* Largura 100% para todos os selects */
.select2-container { width: 100% !important; }

/* Formulário compacto */
form.form-sm .form-control,
form.form-sm .form-select,
form.form-sm .select2-selection__rendered,
form.form-sm .select2-search__field {
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 0.25rem 0.4rem;
}

form.form-sm .form-label {
    font-size: 0.75rem;
    margin-bottom: 0.2rem;
}

form.form-sm .mb-2 {
    margin-bottom: 0.25rem;
}


.oculto {
  display: none;   /* esconde o div */
}
.mostrar {
  display: flex;   /* mantém o d-flex */
  gap: 0.5rem;     /* opcional, se quiser sobrescrever o gap */
  align-items: center;
}



.icon-fpe {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/static/imagens-site/fpe_link.png");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.fpe-icone {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.btn-icone {
  font-size: 0.65rem;
  width: 24px;             /* controla a largura */
  height: 24px;            /* controla a altura (opcional) */
  padding: 0;              /* remove padding interno extra */
  display: inline-flex;    /* centraliza conteúdo */
  align-items: center;
  justify-content: center;
}