/* ── Barra de navegación global ── */
.gdnav {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9999;
  padding: .65rem 1rem;
  background: linear-gradient(180deg, transparent, rgba(6,22,28,.96) 28%);
  pointer-events: none;
}
.gdnav-inner {
  pointer-events: all;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .6rem 1.1rem;
  background: rgba(14,48,56,.72);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid rgba(164,236,246,.16);
  border-radius: 999px;
  box-shadow: 0 4px 28px rgba(0,0,0,.4);
}
.gdnav-prev, .gdnav-next, .gdnav-label {
  display: flex;
  align-items: center;
  gap: .4rem;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-size: .82rem;
  font-weight: 600;
  white-space: nowrap;
  transition: color .18s;
}
.gdnav-prev {
  color: rgba(232,249,251,.55);
}
.gdnav-prev:hover { color: #e8f9fb; }
.gdnav-label {
  color: rgba(164,236,246,.35);
  font-size: .72rem;
  font-weight: 500;
  flex-shrink: 0;
}
.gdnav-next {
  background: linear-gradient(135deg, #0f6a78, #1698aa);
  color: #fff;
  padding: .5rem 1.15rem;
  border-radius: 999px;
  box-shadow: 0 3px 14px rgba(15,106,120,.45);
}
.gdnav-next:hover { filter: brightness(1.12); color: #fff; }
/* espacio bajo el contenido para no tapar */
body { padding-bottom: 4.5rem; }
@media (max-width: 480px) {
  .gdnav-inner { padding: .5rem .8rem; gap: .5rem; }
  .gdnav-prev, .gdnav-next { font-size: .78rem; }
  .gdnav-label { display: none; }
}