/* Footer */
:root{
  /* Mantén tu navy actual */
  --gox-bg: #0b1220;

  /* Acento celeste (no es el fondo, es el highlight) */
  --gox-cyan-1: #18a7ff;
  --gox-cyan-2: #0f6bd6;

  /* Acento amarillo ya lo tienes, lo reutilizamos */
  /* --gox-accent: #ffcc00; */
}

.gox-footer{
  /* Navy base para contraste */
  background: var(--gox-bg) !important;
  color: rgba(255,255,255,.86) !important;

  padding: 18px 0;

  /* Firma GetOverX: amarillo */
  border-top: 2px solid rgba(255,204,0,.70) !important;

  position: relative;
  overflow: hidden;
}

/* “Light bar” celeste superior (muy fina) */
.gox-footer::before{
  content: "";
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--gox-cyan-2), var(--gox-cyan-1), var(--gox-cyan-2));
  opacity: .95;
}

/* Sutil glow celeste para profundidad (no cambia el fondo a celeste) */
.gox-footer::after{
  content: "";
  position: absolute;
  right: -120px;
  bottom: -120px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(24,167,255,.18) 0%, rgba(24,167,255,0) 60%);
  pointer-events: none;
}

/* Links */
.gox-footer a{
  color: rgba(255,255,255,.92) !important;
  text-decoration: none;
  font-weight: 600;
}
.gox-footer a:hover{
  color: var(--gox-cyan-1) !important;
  text-decoration: underline;
}

.gox-footer .gox-footer-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.6rem;
  flex-wrap:wrap;
}

.gox-footer .gox-footer-sep{
  opacity:.65;
  color: rgba(255,255,255,.80) !important;
}

.gox-footer .gox-footer-copy{
  margin-top: .35rem;
  text-align:center;
  font-weight: 500;
  color: rgba(255,255,255,.90) !important;
}

/* Banner en footer: que se vea integrado */
.gox-footer img{
  background: rgba(255,255,255,.95);
  border-radius: 6px;
  padding: 4px 6px;
  vertical-align: middle;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}