@charset "utf-8";

/**********************************************************************************************
						RODAPÉ
/**********************************************************************************************/

#swe_rodape { width: 100%; float: left; font-size: 0 !important; }
#swe_rodape .conteudo_rodape { padding-top: 20px; }
#swe_rodape *::-webkit-scrollbar { width: 4px; height: 4px; }

/* LINKS RODAPÉ */
#swe_rodape .area_links_rodape { min-width: 22%; max-width: 400px; display: table-cell; vertical-align: top; padding: 20px; text-align: left; }
#swe_rodape .area_links_rodape .cont_links_rodape { max-height: 400px; overflow: hidden; overflow-y: auto; padding-right: 5px; }
#swe_rodape .link_rodape div { display: inline-block; }
/* REDES SOCIAIS */
#swe_rodape .area_redes_sociais_rodape { margin-bottom: 15px; font-size: 0; }
#swe_rodape .area_redes_sociais_rodape .rede_social { margin-bottom: 5px; margin-right: 5px; }
/* FORMAS DE PAGAMENTO */
#swe_rodape .area_links_rodape .area_formas_pagamento { max-width: 200px; margin-bottom: 20px;  display: inline-block; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento { width: 80px; height: 30px; line-height: 30px; display: inline-block; vertical-align: top; text-align: center; font-size: 10px; color: #fff; font-family: "Open Sans"; font-weight: bold; font-style: italic; margin-right: 2px; margin-bottom: 2px; border-radius: 2px; position: relative; z-index: 0; cursor: pointer; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento:hover { z-index: 1; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento::before,
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento::after { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; border-radius: inherit; z-index: 0; background: inherit; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento:hover::after { transform: scalex(2) scaleY(3); opacity: 0; visibility: hidden; transition: .4s ease-out; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento div,
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento div span { overflow: hidden; position: relative; z-index: 1; white-space: nowrap; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento div .swfa,
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento div img { width: 30px; height: 30px; line-height: 32px; position: absolute; top: 0; right: -3px; font-size: 26px; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento.credito { background: #723dc1; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento.credito .swfa { color: #5b2f9b; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento.debito { background: #1a9849; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento.debito .swfa { color: #0c8539; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento.boleto { background: #e9e9f2; color: #2e2e30; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento.boleto .swfa { color: #c8c8d3; }
#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento.pagseguro { background: #e8c433; color: #2c231c; }

/* INFO EMPRESA */
#swe_rodape .area_info_empresa { padding: 30px 20px; }
#swe_rodape .area_info_empresa .info_empresa { margin: 5px 0; }
#swe_rodape .area_info_empresa .info_empresa .link_rodape { font-size: inherit; }
#swe_rodape .area_info_empresa .info_empresa span { display: inline-block; }

/* LAYOUT PADRÃO (SEM ACESSO FÁCIL) */
#swe_rodape .area_info_empresa_lp .conteudo_interno { display: flex; text-align: left; }
#swe_rodape .area_info_empresa_lp .cont_info_empresa { flex: auto; }
#swe_rodape .area_info_empresa_lp .area_redes_sociais_rodape { flex-shrink: 0; margin: 10px 35px; }


/* INSTAR */
#swe_rodape .area_instar { font-size: 12px; color: #868b96; text-align: center; font-family: "Lato"; font-weight: normal; letter-spacing: .2px; }
#swe_rodape .area_instar .conteudo_interno { height: 90px; position: relative; padding: 20px; }
#swe_rodape .area_instar .conteudo_interno > div { display: table-cell; vertical-align: middle; }
#swe_rodape .area_instar a strong { font-weight: 900; }
#swe_rodape .area_instar img { width: 80px; position: absolute; top: 50%; margin-top: -12px; right: 30px; }



/**********************************************************************************************
						MEDIAS
/**********************************************************************************************/

@media (max-width: 1000px) {

	/* **************************** RODAPÉ **************************** */
	#swe_rodape { text-align: center; }

	/* LINKS RODAPÉ */
	#swe_rodape .area_links_rodape { display: inline-block; }
	/* REDES SOCIAIS */
	#swe_rodape .area_links_rodape .area_redes_sociais_rodape { text-align: center; }
	/* FORMAS DE PAGAMENTO */
	#swe_rodape .area_links_rodape .area_formas_pagamento { max-width: none; display: block; text-align: center; }
	#swe_rodape .area_links_rodape .area_formas_pagamento .forma_pagamento:hover::after { transform: none; }

	/* INSTAR */
	#swe_rodape .area_instar { text-align: left; }
	#swe_rodape .area_instar .conteudo_interno { padding-right: 120px; }

}

@media (max-width: 600px) {
	
	/* LINKS RODAPÉ */
	#swe_rodape .area_links_rodape { width: 100%; padding: 15px 10px; }
	#swe_rodape .area_links_rodape .cont_links_rodape { max-height: none; display: flex; flex-wrap: wrap; overflow: hidden; background: rgba(0,0,0,.1); padding: 10px; padding-bottom: 0; border-radius: 8px; }
	#swe_rodape .area_links_rodape .titulo_rodape { text-align: center; }
	#swe_rodape .area_links_rodape .link_rodape { min-width: 150px; flex: 50%; margin-bottom: 10px; }
	#swe_rodape .area_links_rodape .link_rodape:only-child { flex: 100%; }
	#swe_rodape .area_links_rodape .link_rodape div { padding: 0; padding-left: 15px; position: relative; }

	/* INFO EMPRESA */
	#swe_rodape .area_info_empresa { padding: 20px; font-size: 13px;}

	/* LAYOUT PADRÃO (SEM ACESSO FÁCIL) */
	#swe_rodape .area_info_empresa_lp .conteudo_interno { display: block; text-align: center; }
	#swe_rodape .area_info_empresa_lp .area_redes_sociais_rodape { margin: auto; margin-top: 35px; }


}