html,body, main{min-height: calc(100dvh - 169px)}
body{background: #1f2b3b;color: #F6F8FB;}

/* PESQUISA ABERTA */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.boxCategorias::-webkit-scrollbar {width: 6px!important;}
.boxCategorias::-webkit-scrollbar-thumb { background-color: #d0ad1d; border-radius: 32px!important; }
.boxCategorias::-webkit-scrollbar-track { background-color: #151515!important; }


main{height: 100%}
main .centro { width: 100%; margin-left: auto;}
main .centro .faq{width: 100%;display: flex;justify-content: end;position: relative}
main .centro .faq .boxCategorias {font: 600 15px/18px var(--fonte1);max-width: 394px;min-width: 394px;width: 100%;padding: 56px 0 40px;max-height: 835px;overflow-y: auto;overflow-x: clip;position: sticky;top: 0px;height: calc(100dvh - 169px);padding-left: 20px;}
main .centro .faq::before {content: '';display: block;width: calc((100% - 526px) / 2);height: 50px;background: linear-gradient(180deg, #1f2b3b 0%, #1f2b3b69 100%);left: 0px;top: 0;position: absolute;z-index: 2;min-width: 388px;pointer-events: none}
main .centro .faq::after {content: '';display: block;width: calc((100% - 526px) / 2);height: 50px;background: linear-gradient(0deg, #1f2b3b 0%, #1f2b3beb 100%);left: 0px;bottom: 0;position: absolute;z-index: 2;min-width: 388px;pointer-events: none}
._1000 main .centro .faq .boxCategorias button.fecharMobile {display: none;}
main .centro .faq .boxCategorias h3 {display: flex; gap: 12px; align-items: center; font-weight: 600; margin-bottom: 24px;}
main .centro .faq .boxCategorias h3::before {content: ''; display: block; width: 5px;height: 5px; border-radius: 100%; background: #f6f8fbc9; opacity: 0.24}
main .centro .faq .boxCategorias > ul{padding-bottom: 20px}
main .centro .faq .boxCategorias ul li b{display: flex;align-items: center;gap: 12px; font-weight: 600; cursor: pointer; transition: all .5s ease}
main .centro .faq .boxCategorias ul li b:hover{color: var(--cor2)}
main .centro .faq .boxCategorias ul:not(.perguntas) li b svg{display: flex; width: 16px;height: 10px; transform: rotate(0deg); transition: all .5s ease}
main .centro .faq .boxCategorias ul:not(.perguntas) li.categoriaAberta > b svg, main .centro .faq .boxCategorias ul:not(.perguntas) li.subcategoriaAberta > b svg{transform: rotate(0);}
main .centro .faq .boxCategorias ul.categorias > li{&+&{margin-top: 32px}}
main .centro .faq .boxCategorias ul.categorias li.categoriaAberta ul.subcategorias{padding: 24px 0 0 33px;}
main .centro .faq .boxCategorias ul.categorias li ul.subcategorias{display: grid;grid-template-rows: 0fr;transition: all .5s ease;padding: 0px 0 0 33px;margin-left: 3px;border-left: 1px solid transparent;}
main .centro .faq .boxCategorias ul.categorias li.categoriaAberta ul.subcategorias{grid-template-rows: 1fr;border-left: 1px solid #343a43;}
main .centro .faq .boxCategorias ul.categorias li.categoriaAberta ul.subcategorias li:has(.subcategoriaAberta){overflow: visible}
	main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li{overflow: hidden;transition: all .5s ease;}
	main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li div.subcategoria + div.subcategoria{margin-top: 32px;}
	main .centro .faq .boxCategorias ul.categorias li  ul.subcategorias li div:not(.subcategoriaAberta):last-of-type{margin-bottom: 13px}
		main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li div ul.perguntas{display: grid; grid-template-rows: 0fr; transition: all .5s ease}
		main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li div.subcategoriaAberta ul.perguntas{grid-template-rows: 1fr;}
		main .centro .faq .boxCategorias  ul.categorias li ul.subcategorias li div.subcategoriaAberta ul.perguntas{padding: 24px 0 0px;}
		main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li div.subcategoriaAberta{overflow: visible;padding: 0 0 0px;}
		main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li div.subcategoriaAberta b svg{transform: rotate(90deg)}
		main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li div.subcategoriaAberta:has(+ div){}
		main .centro .faq .boxCategorias ul.perguntas div.tituloItem{transition: all .5s ease;display: flex;gap: 12px;align-items: center;font-weight: 600;color: #f6f8fbc9;position: relative;cursor: pointer;animation: fadeIn 0.5s ease;&+&{margin: 20px 0 0;}}
		main .centro .faq .boxCategorias ul.perguntas div.tituloItem:hover em{color: var(--cor2)}
		main .centro .faq .boxCategorias ul.perguntas div.tituloItem:hover::before{background: var(--cor2)}
		main .centro .faq .boxCategorias ul.perguntas div.tituloItem em{position: relative; z-index: 2; font-weight: 600; max-width: 252px; transition: all .5s ease}
		main .centro .faq .boxCategorias ul.perguntas div.tituloItem::before{content: ''; display: block; width: 5px;height: 5px; border-radius: 100%; background: #f6f8fbc9; z-index: 2; transition: all .5s ease}
		main .centro .faq .boxCategorias ul.perguntas div.tituloItem::after{content: ''; position: absolute; left: -34px; top: 50%; width: calc(100% + 33px); height: calc(100% + 20px); transform: translateY(-50%); background: transparent; transition: all .5s ease; display: none; animation: fadeIn 0.5s;}
		main .centro .faq .boxCategorias .subcategoriaAberta ul.perguntas div.tituloItem.ativo::after{display: block;background: var(--cor2);}
		main .centro .faq .boxCategorias ul.perguntas li.wrapper:has(div.tituloItem.ativo){ overflow: visible;}
		main .centro .faq .boxCategorias ul.perguntas div.tituloItem.ativo{ overflow: visible;}
		main .centro .faq .boxCategorias ul.perguntas div.tituloItem.ativo em{color: var(--cor1);}
		main .centro .faq .boxCategorias ul.perguntas div.tituloItem.ativo::before{background: var(--cor1);}


main .centro .faq .duvidas{padding: 56px 20px 40px 5.8%;background: #181E26;display: block;height: calc(100dvh - 169px);overflow-y: auto;overflow-x: clip;width: calc((100% + 513px) / 2);}
main .centro .faq .duvidas .itemPergunta{display: none;animation: fadeIn 1s ease;margin-right: auto;max-width: 802px;}
main .centro .faq  .descricaoEditor{margin: 0;padding: 0; font: 400 18px/28px var(--fonte1); color: var(--cor1); letter-spacing: -0.01em;}
	main .centro .faq .itemPergunta.aberto .descricaoEditor::-webkit-scrollbar{width: 0;}
	main .centro .faq .itemPergunta.aberto .descricaoEditor p{max-height: max-content;padding-bottom: 15px;opacity: 1; font-size: 15px !important;}
	main .centro .faq .itemPergunta.aberto .descricaoEditor p span{font-size: 15px !important;}
main .centro .faq .itemPergunta.aberto a.verMais{margin: 0 0 5px auto;opacity: 1;visibility: visible;pointer-events: all;}

	main .centro .faq .duvidas .itemPergunta > h5{font: 800 14px/16px var(--fonte1); color: var(--cor2); text-transform: uppercase}
	main .centro .faq .duvidas .itemPergunta > h3{font: 800 32px/36px var(--fonte1); color: var(--cor1); margin: 4px 0 40px}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida{margin-top: 52px; padding-top: 48px; width: 100%; display: flex; flex-wrap: wrap; position: relative}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida::before{content: ''; display: block; width: 1920px; height: 1px; left: 0; top: 0; position: absolute; background: #262c35}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida h6{font: 600 14px/16px var(--fonte1); color: #f6f8fbc9; width: 100%; margin-bottom: 8px}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida span{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 6px; background: rgba(65, 62, 59, 0.08); margin-right: 10px; cursor: pointer; transition: all .5s ease}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida span:hover{background: #212121}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida span.ativo{background: #151515}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida span svg{width: 17px;height: 18px;}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida span.nao svg{transform: rotate(180deg)}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida span svg path{transition: all .5s ease}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida span:hover svg path{fill: #fff; opacity: 0.8}
	main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida span.ativo svg path{fill: #fff;}

	main .centro .faq .duvidas .descricaoEditor b{display: inline}	 
	main .centro .faq .duvidas .descricaoEditor h1 {font: 700 34px / 34px;}
	 main .centro .faq .duvidas .descricaoEditor h2 {font: 600 30px / 30px var(--fonte1);}
	 main .centro .faq .duvidas .descricaoEditor > h3 {font: 500 26px / 26px var(--fonte1);}
	 main .centro .faq .duvidas .descricaoEditor h4 {font: 500 20px / 20px var(--fonte1);}
	 main .centro .faq .duvidas .descricaoEditor h5 {font: 500 18px / 18px var(--fonte1);text-transform: uppercase;}
	 main .centro .faq .duvidas .descricaoEditor h6 {font: 400 15px / 15px var(--fonte1);text-transform: uppercase;}
	 main .centro .faq .duvidas .descricaoEditor p em {font-weight: 500;}
	 main .centro .faq .duvidas .descricaoEditor p b {font-weight: 800;}
	 main .centro .faq .duvidas .descricaoEditor p strong {font-weight:  normal;}
	 main .centro .faq .duvidas .descricaoEditor b,
	 main .centro .faq .duvidas .descricaoEditor b, 
	 main .centro .faq .duvidas .descricaoEditor b em,
	 main .centro .faq .duvidas .descricaoEditor b > i { font-weight: 700; }
	 main .centro .faq .duvidas .descricaoEditor i{font-style: italic!important;} 

	 main .centro .faq .duvidas .descricaoEditor img{margin: 0 auto; display: block;}
	 main .centro .faq .duvidas .descricaoEditor iframe{width: 100%;}
	 main .centro .faq .duvidas .descricaoEditor table{width: 100%;border: 1px solid #cccccc;}
		 main .centro .faq .duvidas .descricaoEditor table tr:last-of-type td{border-bottom: 0;}
		 main .centro .faq .duvidas .descricaoEditor table tr td:last-of-type{border-right: 0;}
		 main .centro .faq .duvidas .descricaoEditor table tr td{border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding: 10px;}
		 main .centro .faq .duvidas .descricaoEditor a:active,
		 main .centro .faq .duvidas .descricaoEditor a:any-link{color: #337ab7;transition: all 0.5s ease;}
			 main .centro .faq .duvidas .descricaoEditor a:hover{color: #23527c; text-decoration: underline; outline: 0;}

	 main .centro .faq .duvidas .descricaoEditor ol {counter-reset: item 0;list-style: none;}
		 main .centro .faq .duvidas .descricaoEditor ol li {padding-left: 30px;margin: 0 0 15px;position: relative;}
		 main .centro .faq .duvidas .descricaoEditor ol > li::before {content: counter(item) " ";counter-increment: item 1;position: absolute;color: rgb(138 138 138);font-size: 17px;font-weight: 700;top: 1px;left: 6px;width: 11px;text-align: center;}
                        
	 main .centro .faq .duvidas .descricaoEditor ul { list-style-type: none; }
		 main .centro .faq .duvidas .descricaoEditor ul li {padding-left: 30px;margin: 0 0 15px;position: relative;}
		 main .centro .faq .duvidas .descricaoEditor ul li::before {content: "";width: 8px;height: 8px;position: absolute;left: 7px;top: 8px;/* top: 50%; *//* transform: translateY(-50%); */background: rgb(192 191 191);border-radius: 100%;}

             main .centro .faq .duvidas .nadaEncontrado.ativo{display: block;}
             main .centro .faq .duvidas .nadaEncontrado{display: none;position: relative;padding: 20px 30px 25px 79px;background: #f6f6f6;animation: fadeIn 1s ease;}
                 main .centro .faq .duvidas .nadaEncontrado:before{content: "?";position: absolute;top: 15px;left: 25px;font: 500 60px/50px var(--fonte1);color: var(--corNivel);}
             main .centro .faq .duvidas .nadaEncontrado h4{font: 500 17px/24px var(--fonte1);color: #404040;}
             main .centro .faq .duvidas .nadaEncontrado p{font: 400 14px/18px var(--fonte1);color: #949494;}

/* MOBILE */
._320 html, ._320 body, ._320 main{min-height: calc(100dvh - 185px)}
._320 body{background: #FFFFFF}

._320 main .centro .faq::before{background: linear-gradient(180deg, #181E26 20%, rgb(255 255 255 / 0%) 100%); height: 40px; max-width: calc(100% - 8px); min-width: auto; width: 100%;}
._320 main .centro .faq::after{background: linear-gradient(0deg, #181E26 0%, #181E26 100%); height: 30px; max-width: calc(100% - 8px); min-width: auto; width: 100%;}
._320 main .centro .faq .boxCategorias{position: fixed;z-index: 9;top: 0;left: -100%;background: #181818;height: 100%;width: 100%;max-width: none;max-height: max-content;padding: 56px 20px 40px; opacity: 0; transition: all .5s ease; min-width: auto; min-height: 100dvh; z-index: 10}
._320 main .centro .faq .boxCategorias h3{margin-bottom: 20px}
._320 main .centro .faq .boxCategorias.mobileAtivo{left: 0; opacity: 1}
._320 main .centro .faq .boxCategorias ul.categorias > li{&+&{margin-top: 24px}}
._320 main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li div:not(.subcategoriaAberta):last-of-type{margin-bottom: 0;}
._320 main .centro .faq .boxCategorias button.fecharMobile{width: 28px;height: 28px; border-radius: 4px; position: absolute; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320.591 320.591" xml:space="preserve"><g fill="%23413e3b"><path d="M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z" data-original="%23000000"/><path d="M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z" data-original="%23000000"/></g></svg>'); background-position: center; background-position: center; background-size: 16px; background-repeat: no-repeat;}

._320 main .centro .faq .duvidas{width: 100%; padding: 30px 20px 30px; height: 100%}
._320 main .centro .faq .duvidas .itemPergunta{max-width: 440px; margin: 0 auto}
._320 main .centro .faq .duvidas .itemPergunta > h5{font: 800 12px/14px var(--fonte1)}
._320 main .centro .faq .duvidas .itemPergunta > h3{font: 800 24px/26px var(--fonte1); margin: 4px 0 20px}
._320 main .centro .faq .duvidas .itemPergunta .avaliacaoItemDuvida{margin-top: 30px; padding-top: 25px}
._320 main .centro .faq .descricaoEditor{font: 400 14px/24px var(--fonte1)}
._320 main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li div.subcategoria + div.subcategoria{margin-top: 12px; padding: 16px 0 0px}
._320 main .centro .faq .boxCategorias ul.categorias li ul.subcategorias li div.subcategoriaAberta ul.perguntas{margin-bottom: -8px; padding: 20px 0 0px}















