footer {
  background: white;
  display: flex;
  flex-flow: column;
  margin-top: 50px;
}

footer img.logo_footer {
  width: 100%;
  max-width: 250px;
}

footer .footer-contact {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
}

footer .bottom-bar {
    position: relative;
    text-align: center;
    font-size: .8em;
    text-transform: uppercase;
    background: black;
    color: #cacaca;
    padding: 15px 0;
    margin-top: 20px;
}

footer .bottom-bar a {
    color: white;
    text-decoration: none;
    text-align: center;
    -webkit-transition: color .5s, background .5s;
    transition: color .5s, background .5s;
}

footer .bottom-bar a:hover {
    color: #666;
}

/* Typography */
footer h3 {font-weight: bolder;margin-bottom: 0; text-align: center;}
footer h3 a{color: black;}
footer h3 a:hover{color: #cacaca;}
footer p{
	text-align: center;
  font-weight: 400;
  margin: 0;
  font-size: 16px;
}

footer a {
  color: #000000;
  text-decoration: none;
  text-align: center;
  -webkit-transition: color .5s, background .5s;
  transition: color .5s, background .5s;
}

footer a:hover {
  color: rgba(0, 0, 0, 0.356);
}

.redes-footer {
  margin-top: 10px;
  display: flex;
  flex-flow: row;
  gap: 20px;
  align-items: center;
}

.footer-contact .redes-footer a{
  width: 25px;
  height: 25px;
}

.footer-contact .redes-footer a svg{
  width: 100%;
  height: 100%;
}

.footer-contact .redes-footer a svg path{
  transition: all .3s ease-in-out;
  fill: #000;
}

.footer-contact .redes-footer a:hover svg path{
  fill: rgb(230,185,128);
}

.footer-contact .redes-footer a:nth-child(1){
  width: 27px;
  height: 27px;
}

.footer-contact .redes-footer a:nth-child(2){
  width: 30px;
  height: 30px;
}

.whatsappLink.mobile{
  display: none;
}

@media (max-width:1024px){
  .whatsappLink.desktop {
    display: none;
  }
  .whatsappLink.mobile{
    display: inline;
  }
}

@media (max-width: 768px){
  footer p {
      width: 75%;
  }
}