@charset "utf-8";

/**********************************************************************************************
						TOPO
**********************************************************************************************/

header { position: relative; z-index: 999; }
#swe_topo { background: #fff; border-bottom: solid 10px #0a5292; position: relative; box-shadow: 0 5px 5px rgba(0,0,0,.1); position: relative; z-index: 600; }
#swe_topo *::-webkit-scrollbar { width: 4px; height: 4px; }
#swe_topo:before { content: ""; height: 60px; position: absolute; right: 0; bottom: 0; left: 0; z-index: 0; background: #0a5292; background: linear-gradient(to bottom, #08457b, #0a5292 30%); }
#swe_topo .e_conteudo_topo { position: relative; z-index: 1; font-size: 0; }
#swe_topo .e_conteudo_topo:before { content: ""; width: 50vw; height: 60px; position: absolute; bottom: 0; right: 90%; z-index: 0; background: #fff; }


/* BARRA TOPO */
#swe_topo .e_barra_topo { min-height: 5px; background: #e6e9ed; text-align: right; }
#swe_topo .e_barra_topo .conteudo_interno { font-size: 0; }
/* GOOGLE TRADUTOR */
#swe_topo .e_area_google_tradutor { float: left; margin-left: 30px; }
#google_translate_element .goog-te-gadget-simple { height: 34px; border: 0; border-radius: 0; padding: 7px 10px; background: transparent; }
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value { color: #50555f; font-weight: bold; letter-spacing: -.025em; }
#google_translate_element .goog-te-gadget img { border-radius: 100%; }

/* LOGIN / CADASTRO */
#swe_topo .e_area_login_usuario { display: inline-block; vertical-align: middle; margin: 3px 0; font-size: 0; color: #61646b; margin-right: 10px; }
#swe_topo .e_area_login_usuario .e_btn_login { height: 28px; line-height: 27px; background: #e7ebee; padding: 0 15px; box-shadow: 0 0 15px rgba(0,0,0,.075); word-spacing: .25em; border-radius: 2px; user-select: none; cursor: pointer; font-size: 12px; transition: .1s ease; }
#swe_topo .e_area_login_usuario .e_btn_login span { display: inline-block; vertical-align: middle; transition: .1s ease; }
#swe_topo .e_area_login_usuario .e_btn_login .swfa { font-size: 16px; margin-right: .075em; }
#swe_topo .e_area_login_usuario .e_btn_login:hover { background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); }
#swe_topo .e_area_login_usuario .e_btn_login:hover .swfa { color: #0068c4; }
#swe_topo .e_area_login_usuario .e_btn_login:active { transform: translateX(3px); transition: 0s; }
/* USUÁRIO LOGADO */
#swe_topo .e_area_login_usuario .e_cont_usuario_logado { font-size: 0; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado div { min-width: 24px; height: 24px; line-height: 24px; font-size: 12px; display: inline-block; vertical-align: middle; margin-left: 5px; border-radius: 24px; text-align: center; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_nome_usuario {margin-right: 5px; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario { overflow: hidden; background: #d5d9dd; font-size: 0; white-space: nowrap; transition: .2s ease; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario span { display: inline-block; vertical-align: middle; color: #4f5155; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario .swfa { width: 24px; line-height: inherit; color: inherit; font-size: 11px; transition: .2s ease; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario .e_txt_btn { max-width: 0; font-size: 10px; letter-spacing: .05em; overflow: hidden; transition: .3s ease; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario:hover .e_txt_btn { max-width: 120px; margin-right: 10px; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario:hover span { color: #fff; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario:hover.e_btn_cadastro { background: #256eb0; }
#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario:hover.e_btn_sair { background: #c01d3b; }

/* BTN ACESSIBILIDADE */
#swe_topo .btn_toggle_acessibilidade { width: 34px; height: 34px; display: inline-block; vertical-align: middle; overflow: hidden; background: #256eb0; margin-right: 10px; position: relative; right: auto; z-index: 1; padding: 2px; transition: .1s ease; }
#swe_topo .btn_toggle_acessibilidade.show { background: #e84168; }


/* LOGO */
#swe_topo .e_area_logo { width: 27%; display: inline-block; vertical-align: bottom; padding: 20px; position: relative; }
#swe_topo .e_area_logo:before { content: ""; width: 100%; height: 60px; position: absolute; bottom: 0; right: -50px; background: url("../img/bg-topo.svg") no-repeat bottom right; background-size: auto 100%; }
#swe_topo .e_area_logo img { width: 90%; max-width: 220px; position: relative; z-index: 1; transition: .1s ease; }
#swe_topo .e_area_logo a:hover img { filter: contrast(1.3); transform: scale(.95); }


/* ÁREA TOPO INTERNA */
#swe_topo .e_area_topo_interna { width: 73%; display: inline-block; vertical-align: bottom; text-align: right; padding-right: 10px; }
/* CONT TOPO INTERNA */
#swe_topo .e_area_topo_interna .e_cont_topo_interna { display: -webkit-flex; align-items: center; }

/* REDES SOCIAIS */
#swe_topo .e_area_redes_sociais { display: inline-block; vertical-align: middle; flex: auto; }
#swe_topo .e_area_redes_sociais .e_rede_social { width: 40px; height: 40px; line-height: 40px; display: inline-block; vertical-align: top; margin-left: 5px; border-radius: 100%; overflow: hidden; text-align: center; transition: .1s ease; }
#swe_topo .e_area_redes_sociais .e_rede_social img { width: 100%; height: 100%; }
#swe_topo .e_area_redes_sociais .e_rede_social .swfa { width: inherit; height: inherit; line-height: inherit; display: block; font-size: 16px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,.25); transition: .1s .05s ease; }
#swe_topo .e_area_redes_sociais .e_rede_social:hover { transform: translateY(-3px); box-shadow: 0 8px 4px -5px rgba(0,0,0,.4); }


/* BUSCA */
#swe_topo .e_area_busca { width: 300px; display: inline-block; vertical-align: middle; position: relative; margin: 15px 0; margin-left: 20px; }
#swe_topo .e_area_busca .e_busca { width: 100%; height: 40px; line-height: 40px;  background: #edf0f3; border: solid 2px #e7ebee; border-radius: 4px; padding: 0 15px; padding-right: 40px; font-size: 13px; color: #6c6c7c; transition: .05s; }
#swe_topo .e_area_busca .e_busca::placeholder { font-size: 12px; color: inherit; }
#swe_topo .e_area_busca .e_busca:hover { background: #f6f7f9; cursor: pointer; }
#swe_topo .e_area_busca .e_busca:focus { background: #fff; cursor: text; }
#swe_topo .e_area_busca .e_btn_busca { width: 40px; height: 40px; position: absolute; top: 0; right: 0; background: none; border: none; font-size: 13px; color: #61676d; transition: .1s; }
#swe_topo .e_area_busca .e_btn_busca:hover,
#swe_topo .e_area_busca .e_busca:focus ~ .e_btn_busca { color: #d62a3e; cursor: pointer; }


/* CARRINHO */
#swe_topo .e_area_carrinho { display: inline-block; vertical-align: middle; margin-left: 25px; }
#swe_topo .e_area_carrinho .e_carrinho { width: 35px; padding-top: 5px; position: relative; transition: .1s ease; }
#swe_topo .e_area_carrinho .e_carrinho span { width: 21px; height: 21px; line-height: 21px; display: block; text-align: center; font-size: 10px; color: #fff; background: #ff6600; border-radius: 100%; position: absolute; top: 0; right: 4px; transition: .1s; }
#swe_topo .e_area_carrinho .e_carrinho img { width: 100%; display: block; transition: .1s; }
#swe_topo .e_area_carrinho .e_carrinho:hover span { transform: translate(5px, -2px); }
#swe_topo .e_area_carrinho .e_carrinho:hover img { transform: rotate(15deg); }



/* **************************** MEDIAS **************************** */
@media (max-width: 1000px) {

	/* **************************** CABEÇALHO **************************** */
	#swe_topo .e_conteudo_topo:before { display: none; }

	/* LOGIN / CADASTRO */
	/* USUÁRIO LOGADO */
	#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario { color: #fff; }
	#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario .e_txt_btn { display: none; }
	#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario.e_btn_cadastro { background: #256eb0; }
	#swe_topo .e_area_login_usuario .e_cont_usuario_logado .e_btn_usuario.e_btn_sair { background: #c01d3b; }

	/* BTN ACESSIBILIDADE */
	#swe_topo .btn_toggle_acessibilidade { margin-right: 0; }

	/* LOGO */
	#swe_topo .e_area_logo { width: auto; display: block; text-align: center; padding-bottom: 10px; }
	#swe_topo .e_area_logo:before { display: none; }
	
	/* ÁREA TOPO INTERNA */
	#swe_topo .e_area_topo_interna { width: auto; display: block; padding: 0 15px; }

	/* REDES SOCIAIS */
	#swe_topo .e_area_redes_sociais { flex: none; }

	/* BUSCA */
	#swe_topo .e_area_busca { width: auto; display: block; flex: auto; }

}
@media (max-width: 600px) {

	#swe_topo { border-bottom: 0; }
	#swe_topo:before { height: 50px; }

	/* BARRA TOPO */
	/* GOOGLE TRADUTOR */
	#swe_topo .e_area_google_tradutor { float: none; margin-left: 0; }
	#google_translate_element .goog-te-gadget-simple { width: 100%; background: rgba(255,255,255,.35); text-align: center; }


	/* LOGO */
	#swe_topo .e_area_logo { padding: 25px 10px; }

	/* ÁREA TOPO INTERNA */
	#swe_topo .e_area_topo_interna .e_cont_topo_interna { width: 100%; display: table; text-align: center; }

	/* BUSCA */
	#swe_topo .e_area_busca { width: 100%; margin: 15px 0; float: left; }

	/* BOTÃO MENU TOPO */
	#swe_topo .menu_topo .btn_menu_topo { border-radius: 0; padding-left: 10px; }
	
}