/* ============================ */
/*        CONFIGURAÇÃO GERAL    */
/* ============================ */
html, body {
  height: auto;
  overflow: visible;
  margin: 0; 
  padding: 0;
}

#home {
  height: auto;
  overflow: visible;
}


  /* Cor do texto das abas não selecionadas: cinza */
  .nav-tabs .nav-link {
    color: #6c757d;
  }

  /* Cor do texto da aba selecionada: azul */
  .nav-tabs .nav-link.active {
    color: #0d6efd;
  }

/* ============================ */
/*        ELEMENTOS GERAIS      */
/* ============================ */
.fonte_arial {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-style: normal;
  font-variant: normal;
}

.fonte_arialpre {
  font-family: Arial, sans-serif;
  font-weight: 400; /* Normal */
  font-style: normal;
  font-variant: normal;
  font-size: 0.9rem;
}


.fonte_arialtit {
  font-family: Arial, sans-serif;
  font-weight: 400; /* Normal */
  font-style: bold;
  font-variant: normal;
  font-size: 1.5rem;
}

.barra-rolagem { 
  overflow: auto;
}

#BOXTitulo {
  height: 100px;

}

#BOXFrase {
  height: 100px;

}

#camposPre {
  /* Para funcionar, a div #camposPre precisa de altura fixa ou herdada */
  height: 400px; /* Ajuste conforme necessário */
  
  /* Transformar em flex container, coluna (vertical) */
  display: flex;
  flex-direction: column;

  /* Espaçamento vertical entre label e pre */
  gap: 8px;
}

/* Container normal, sem flex */
#camposPre {
  display: block;        /* ou apenas deixar sem nada */
  /* Se antes você usava height: 100%; pode remover para deixar o container expandir */
  margin: 0;
  padding: 0;
}

/* Cada <pre> cresce conforme o texto */
#camposPre pre {
  display: block;        /* padrão */
  height: auto;          /* fundamental: ajusta ao conteúdo */
  overflow: visible;     /* sem barras de rolagem internas */
  white-space: pre-wrap; /* permite quebrar linhas longas */
  word-wrap: break-word; 
  overflow-wrap: break-word;

  margin: 0;             /* opcional: remove margens extras */
  padding: 8px;          /* ajuste conforme quiser */
  box-sizing: border-box;
}


.pre-comentario {
  /* Se quiser altura fixa exata: */
  height: 400px;

  /* Ou se preferir max-height: */
  /* max-height: 400px; */

  overflow-y: auto; 
  overflow-x: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;

  /* Ajustes extras */
  margin: 0;
  padding: 8px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.2;
}


.anotacaoContainer {
  /* Se quiser altura fixa exata: */
  height: 450px;  /* Ajuste manualmente */

  /* Ou se preferir um máximo e depois rolagem: */
  /* max-height: 500px; */
  overflow: hidden;  /* rolagem se ultrapassar */
}



#txt_resumo {
  /* Aumenta a altura inicial */
  min-height: 180px; /* ou 200px, ajuste como quiser */

  /* Diminui a fonte */
  font-size: 14px; /* Ou 12px, se quiser ainda menor */

  /* Ajustes extras, se quiser */
  line-height: 1.2;  /* Caso queira reduzir espaço vertical entre linhas */
}

.descricao-view pre {
  /* Faz o <pre> crescer conforme o conteúdo */
  height: auto;
  overflow: visible; /* não exibe barras de rolagem internas */
  
  /* Faz quebras de linha em palavras grandes */
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;

  /* Ajustes de estilo */
  margin: 0;
  padding: 8px;
  font-size: 14px; /* Se quiser a fonte menor ou maior, ajuste aqui */
  line-height: 1.2; /* Ajuste o espaçamento entre linhas */
  box-sizing: border-box;
}


/* ============================ */
/*          CORES               */
/* ============================ */
.bg-cordestaque {
  background: #0b0238;
}


.bg-corprincipal {
  background: #FFFFFF;
}

.bg-cinza {
  background: #E6E6E6;
}


.bg-semitransparente {
  background: rgba(255,0,0,.5);
}

.text-cordestaque {
  color: #0b0238;
}


.fonte_0p9rem {
  font-size: 0.9rem;
}

.fonte_1p2rem {
  font-size: 1.2rem;
}

.fonte_1p4rem {
  font-size: 1.4rem;
}


/* ============================ */
/*      ELEMENTOS INTERATIVOS   */
/* ============================ */
.form-clickable {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

/* ============================ */
/*      MENSAGENS / ALERTAS     */
/* ============================ */
#message { 
  position: absolute;
  top: 120px;
  left: 350px;
  width: 200px;
  height: 40px;
  font: bold 15px sans-serif;
  text-align: center;
  background-color: green;
  display: none;
}