/* CSS Document */
/*---------------------------------------------------------------------------*/
/*  PÁGINA INICIAL - INDEX  */
/*---------------------------------------------------------------------------*/
.destaques{
	outline: 2px solid #FB540D;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	outline-offset: -4px;
	padding: 5px;
	margin-top: 20px;
}
.destaques:hover{
	outline: 2px solid #FB540D;
	border-radius: 10px;
	box-shadow: 0 0 1px rgba(0,0,0,0.5);
	outline-offset: -4px;
	padding-top: 5px;
}
.destaques h2{
	font-size: 1.5em;
	color: #024959;
	font-weight: 600;
	text-align: center;
}
.vcenter-row {
  display: -webkit-box;       /* suporte antigo */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;        /* chave para centralizar verticalmente */
}
.numero-artigos{
	text-align: center;
	color: #777777;
	font-size: 1.4em;
	margin-top: 1em;
}
.icone-plus{
	font-size: 2.5em;
	color: #777777;
	text-align: center;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
.icone-plus:hover{
	font-size: 2.5em;
	color: #C0C0C0;
	text-align: center;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
#faq{
	margin-top: 75px;
	margin-bottom: 75px;
	border-bottom: 1px solid #024959;
	border-top: 1px solid #024959;
	padding-bottom: 30px;
	padding-top: 30px;
}
/*---------------------------------------------------------------------------*/
/*  PÁGINA DE CATEGORIA PRINCIPAL  */
/*---------------------------------------------------------------------------*/
#titulo1 h1{
	color: #024959;
}
.titulo-linha {
  display: flex;
  align-items: center;   /* alinha verticalmente ao centro */
  flex-wrap: wrap;       /* mantém responsivo */
}
.titulo-linha img {
  height: 50px;          /* ajuste o tamanho conforme desejar */
  margin-right: 10px;    /* espaço entre imagem e texto */
}
.titulo-linha h1 {
  margin: 0;
  font-size: 2em;
  line-height: 1.2;
}
#boxes {
	margin-top: 35px;
}
/*---------------------------------------------------------------------------*/
/*  MENU DA ESQUERDA DAS PÁGINAS COM OS ARTIGOS  */
/*---------------------------------------------------------------------------*/
#menu-left{
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	border-radius: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 10px;
}
#menu-left2{
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	border-radius: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 20px;
	background-color: #F5F5F5;
}
.kb-tree { font-size:14px; line-height:1.35; }
.kb-tree .tree, .kb-tree .children { list-style:none; margin:0; padding:0; }

/* linhas e recuos */
.kb-tree .children { 
  margin-top:6px; margin-left:10px; 
  border-left:2px dotted #C0C0C0; padding-left:10px;
}

.kb-tree .node { position:relative; padding-left:18px; }
.kb-tree .is-open{
	margin-top: 10px;
}
/* caret / botao */
.kb-tree .toggle{
  position:absolute; left:0; top:3px;
  border:0; background:none; padding:0; cursor:pointer;
  font:inherit; line-height:1; color:#999999;
}
.kb-tree .node.is-open > .toggle i { transform: rotate(90deg); }

/* links */
.kb-tree a { color:#333333; text-decoration:none; }
.kb-tree a:hover { text-decoration:underline; }

/* Categoria (nivel 1) */
.kb-tree .node > .node-label.lvl1{
  display:block;
  font-size:1.3em; color:#333333;
  background:#E3E3E3;
  padding:2px 8px; border-radius:3px; /* opcional */
  text-transform: uppercase;
}

/* Subcategoria (nivel 2) */
.kb-tree .node > .node-label.lvl2{
  display:inline-block;
  font-size:1.1em; color:#333333;
}

/* itens folha (links simples) herdam 14px; se preferir, aumente: */
/* .kb-tree .children > li > a { font-size:0.98em; } */

/* acessibilidade foco */
.kb-tree .toggle:focus, .kb-tree .node-label:focus { outline:2px solid #99c; outline-offset:2px; }

/*---------------------------------------------------------------------------*/
/*  ÁREA DE CONTEÚDO DAS PÁGINAS COM OS ARTIGOS - COLUNA DIREITA  */
/*---------------------------------------------------------------------------*/
#main{
	margin-top: 10px;
}
#content{
	margin-top: 35px;
	margin-bottom: 35px;
}
.alinhamento-base{
	display: flex;
  	align-items: baseline; 
	border-bottom: 1px solid #F5F5F5;
}