@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;700&display=swap');

#footer-velar * {font-family: 'Barlow Semi Condensed', sans-serif !important; box-sizing: border-box; margin: 0;}

#footer-velar{width: 100%; height: auto; background-color: #172024; margin: 0; position: relative; border-top: 4px solid #555;}

#footer-velar #wrap-footer-velar{max-width: 1200px; margin: 0 auto 0; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 0 0 0; position: relative; z-index: 2;}

#footer-velar #wrap-footer-velar .logo-velar{width: 250px; height: auto; margin: 0 0 20px 0;}

#footer-velar #wrap-footer-velar p{max-width: 550px; color: #d1d8dc; font-size: 18px; line-height: 24px;}

#footer-velar #wrap-footer-velar .telefones-footer-velar{width: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; margin: 30px 0 20px 0; border-top: 1px solid rgba(255,255,255,0.1); padding: 36px 0 0 0;}

#footer-velar #wrap-footer-velar .telefones-footer-velar .telefone, #footer-velar #wrap-footer-velar .telefones-footer-velar .numero-whatsapp{width: 100%; max-width: 280px; color: #fff; text-decoration: none; font-weight: 700; font-size: 22px; border-radius: 100px; padding: 10px 20px; position: relative; display: flex; align-items: center; justify-content: center;}
#footer-velar #wrap-footer-velar .telefones-footer-velar .telefone:before, #footer-velar #wrap-footer-velar .telefones-footer-velar .numero-whatsapp:before{width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: 25px; content: ""; display: block; margin: 0 10px 0 0;}
#footer-velar #wrap-footer-velar .telefones-footer-velar .numero-whatsapp:before{background-image: url(icone-whatsapp.svg);}
#footer-velar #wrap-footer-velar .telefones-footer-velar .telefone:before{background-image: url(icone-telefone-branco.svg);}
#footer-velar #wrap-footer-velar .telefones-footer-velar .numero-whatsapp{background-color: #4caf50;}
#footer-velar #wrap-footer-velar .telefones-footer-velar .telefone{background-color: #2196f3;}
#footer-velar #wrap-footer-velar .telefones-footer-velar .telefone:hover, #footer-velar #wrap-footer-velar .telefones-footer-velar .numero-whatsapp:hover{background-color: #000;}

#footer-velar #wrap-footer-velar .endereco{background-image: url(icone-mapa-branco.svg); background-position: center 10px; background-repeat: no-repeat; background-size: 30px; background-color: #2b3a42; display: block; padding: 50px 20px 10px 20px; color: #d1d8dc; border-radius: 10px; font-size: 18px;}

#footer-velar #wrap-footer-velar .logos-rodape-footer-velar{width: 100%; max-width: 1200px; margin: 36px auto 0; padding: 36px 0 0 0; border-top: 1px solid rgba(255,255,255,0.1); display: flex; text-align: center; align-items: center; justify-content: center; gap: 0;}
#footer-velar #wrap-footer-velar .logos-rodape-footer-velar div{width: 100%; display: flex; align-items: center;}
#footer-velar #wrap-footer-velar .logos-rodape-footer-velar div:nth-child(1){justify-content: end;}
#footer-velar #wrap-footer-velar .logos-rodape-footer-velar div:nth-child(2){width: 50%; justify-content: center;}
#footer-velar #wrap-footer-velar .logos-rodape-footer-velar div:nth-child(3){justify-content: flex-start;}
#footer-velar #wrap-footer-velar .logos-rodape-footer-velar img{width: auto; height: 60px;}

#footer-velar .copy{max-width: 1200px; margin: 36px auto 0; border-top: 1px solid rgba(255,255,255,0.1); font-size: 16px; line-height: 26px; color: #d1d8dc; clear: both; text-align: center; padding: 17px 0 15px 0; position: relative; z-index: 2;}

#footer-velar .fundo-footer{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0.1; background-image: url(fundo-rodape-celular.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}

@media(max-width:950px){
#footer-velar #wrap-footer-velar .logo-velar{width: 150px;}
#footer-velar #wrap-footer-velar p{font-size: 15px;}
}

@media(max-width:767px){
#footer-velar #wrap-footer-velar{padding: 35px 10px 0 10px;}
#footer-velar #wrap-footer-velar .telefones-footer-velar{flex-direction: column; padding: 20px 0 0 0; margin: 15px 0 20px 0;}
#footer-velar #wrap-footer-velar .logos-rodape-footer-velar{gap: 20px; margin: 20px auto 0; padding: 20px 0 0 0;}
#footer-velar #wrap-footer-velar .logos-rodape-footer-velar div{width: auto;}
#footer-velar #wrap-footer-velar .logos-rodape-footer-velar div:nth-child(2){width: auto;}
#footer-velar #wrap-footer-velar .logos-rodape-footer-velar img{height: 30px;}
#footer-velar .copy{margin: 20px auto 0;}
}