/* Footer y botón de volver arriba */
footer { padding: 70px 0 20px; text-align: center; }
footer p { padding-top: 30px; font-size: 13px; font-weight: 300; }
footer a:hover { color: #616161; }
footer .mobile-only { display: none; }
footer .contact { font-size: 16px; font-style: italic; }
footer .socials { justify-content: center; }
footer .socials a { background: #fff; color: #bfa360; }
footer .socials a:hover { background: #333; color: #fff; }

#scrollUp {
  position: fixed;
  right: 20px; bottom: 20px;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  background: #616161;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
#scrollUp.show { opacity: 1; visibility: visible; }
#scrollUp svg { width: 24px; height: 24px; fill: currentColor; transform: rotate(180deg); }

@media (max-width: 768px) {
  footer { padding: 0 0 20px; }
  footer .mobile-only { display: block; padding-top: 20px; }
}