@charset "utf-8";

footer .fundo { background-color: rgb(20 20 20);}

footer .logo { width: 20%; min-height: 340px; opacity: 0.4;}
footer .mais { width: 80%; min-height: 340px; border-left: 1px solid rgb(255 255 255 / 15%);}

footer .mais .tab { width: 33.33%; padding: 51px 5%;}
footer .mais .nomesi { margin: 0 0 16px;}
footer .mais .nomesi h2 { font-size: 1.3em;}
footer .mais .nomesi em { width: 45px; height: 7px; margin: 5px 0 0; background-color: rgb(255 255 255 / 15%);}
footer .mais .link:hover { background-color: rgb(5 5 5 / 20%);}
footer .mais .sociais { width: 50px; height: 40px; background: rgb(5 5 5 / 60%) 50% no-repeat;}
footer .mais .sociais.instagram { background-image: url('../../imagens/loja/footer-sociais-instagram.png?v1');}
footer .mais .sociais.whatsapp { background-image: url('../../imagens/loja/footer-sociais-whatsapp.png?v1');}
footer .mais .sociais.tiktok { background-image: url('../../imagens/loja/footer-sociais-tiktok.png?v1');}
footer .mais .sociais.facebook { background-image: url('../../imagens/loja/footer-sociais-facebook.png?v1');}
footer .mais .sociais:hover { background-color: rgb(5 5 5 / 80%);}
footer .mais .app:hover { opacity: 1 !important;}
footer .mais .divisao { margin: 5px 0; height: 1px; background-color: rgb(255 255 255 / 15%);}

footer .copyright { background-color: rgb(30 30 30);}

footer .logo { width: 20%; min-height: 340px; opacity: 0.4;}
footer .mais { width: 80%; min-height: 340px; border-left: 1px solid rgb(255 255 255 / 15%);}

@media only screen and (max-width: 1000px){
  footer .logo { width: 100%; padding: 20px 0; min-height: 0;}
  footer .mais { width: 100%; min-height: 0; border-top: 1px solid rgb(255 255 255 / 15%); border-left: 0;}
}
@media only screen and (max-width: 700px){
  footer .mais { padding: 21px 0;}
  footer .mais .tab { width: 100%; padding: 11px 3%;}
}