/* ========= faroProp Footer Styles ========= */
/* Intenta usar el mismo gradiente que el header si hay variable global. */
:root {
  /* Si en tu header ya definís --fp-gradient-dark, este archivo la respetará. */
  --fp-gradient-dark: linear-gradient(135deg, #02040a 0%, #06172b 50%, #00060d 100%);
  --fp-gold: #c89246;
  --fp-mono: #cfd4da;
  --fp-mono-2: #bfc5cc;
}

/* Contenedor principal */
.fp-footer-pasion {
  background: var(--fp-gradient-header, var(--fp-gradient-dark)); /* usa gradiente del header si existe */
  color: #e9ecef;
  border-top: 1px solid rgba(255,255,255,.06);
}
.fp-footer-pasion a { text-decoration: none; }
.fp-footer-inner { position: relative; }

/* Separador fino */
.fp-footer-pasion hr.opacity-25 { opacity: .25 !important; }

/* Social icons: monocromo + hover dorado */
.fp-social-list .bi {
  font-size: 1.25rem;
  vertical-align: -2px;
}
.fp-social-link {
  color: var(--fp-mono-2);
  transition: color .15s ease-in-out, transform .15s ease-in-out;
}
.fp-social-link:hover,
.fp-social-link:focus {
  color: var(--fp-gold);
  transform: translateY(-1px);
}

/* Contacto + legales */
.fp-contact-link,
.fp-legal-link {
  color: var(--fp-mono);
  transition: color .15s ease-in-out;
}
.fp-contact-link:hover,
.fp-legal-link:hover,
.fp-contact-link:focus,
.fp-legal-link:focus {
  color: var(--fp-gold);
}

/* Espaciado fino del bloque de contacto */
.fp-contact-list li + li { margin-top: .25rem; }

/* Scroll to top button (se mantiene el estilo original del proyecto) */
.btn-scroll-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  border-radius: 999px;
  box-shadow: 0 4px 18px rgba(0,0,0,.25);
}