@charset "utf-8";

footer { float: left; width: 100%; margin: 21px 0 0;}

footer .contato { display: flex; align-items: center; justify-content: center; gap: 5px; float: left; width: 100%; padding: 20px 0 15px; background-color: #FFF04129;}
footer .contato .sociais { display: flex; gap: 5px;}
footer .contato .sociais a { display: flex; align-items: center; justify-content: center; float: left; width: 55px; height: 55px; background-color: #FFFFFF; border-radius: 10px;}
footer .contato .sociais a i { font-size: 30px; color: #222222;}
footer .contato .whatsapp { display: flex;}
footer .contato .whatsapp a { display: flex; align-items: center; gap: 10px;}
footer .contato .whatsapp a em { display: flex; align-items: center; justify-content: center; float: left; width: 55px; height: 55px; background-color: #FFFFFF; border-radius: 10px;}
footer .contato .whatsapp a em i { font-size: 30px; color: #222222;}
footer .contato .whatsapp a b { float: left; color: #FFFFFF; line-height: 1;}

footer .denunciar { float: left; width: 100%; padding: 8px 0 5px; background-color: #222222; text-align: center;}
footer .denunciar a { text-transform: uppercase; font-size: 0.9em; color: #AAAAAA;}
footer .denunciar a:hover { color: #5f94d6;}

footer .rodape { float: left; width: 100%; padding: 20px 0 15px; background-color: #111111;}
footer .rodape .copyright { float: left; margin: 9px 0 0; font-weight: bold; font-size: 1em; color: #AAAAAA;}
footer .rodape .divulgue { float: right; padding: 10px 10px 8px; background-color: #333333; font-weight: bold; font-size: 1em; color: #FFFFFF;}
footer .rodape .divulgue:hover { background-color: #222222;}

@media only screen and (max-width: 1000px){
	footer .rodape .copyright { width: 100%; margin: 9px 0 0; text-align: center;}
	footer .rodape .divulgue { float: left; width: 96%; padding: 10px 2% 8px; text-align: center;}
}
@media only screen and (max-width: 700px){
	footer .contato { flex-direction: column; gap: 15px;}
	footer .contato .sociais a { border-radius: 20px;}
	footer .contato .whatsapp a { flex-direction: column; text-align: center;}
	footer .contato .whatsapp a em { width: 200px; border-radius: 20px;}
	footer .contato .whatsapp a b { font-size: 1.2em; line-height: 1.1;}
}