/* Píldora flotante liquid-glass del nav al hacer scroll (escritorio) — compartido */
@media (min-width: 861px) {
  nav.pill-d {
    left: 50% !important; right: auto !important; transform: translateX(-50%);
    top: 14px !important; height: 60px !important; width: auto !important;
    max-width: calc(100vw - 32px);
    padding: 0 .5rem 0 1.1rem !important; border-radius: 999px !important;
    background: rgba(3,49,100,0.72) !important;
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    backdrop-filter: blur(22px) saturate(180%);
    border: 1px solid rgba(255,255,255,0.22) !important;
    box-shadow: 0 16px 40px rgba(3,40,85,0.4), inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(255,255,255,0.06) !important;
    gap: 1.2rem;
    transition: top .3s ease, padding .3s ease, background .3s ease, border-radius .3s ease, box-shadow .3s ease;
  }
  nav.pill-d .nav-logo { position: static !important; transform: none !important; }
  nav.pill-d .nav-logo img { height: 38px !important; }
  nav.pill-d ul { gap: .25rem !important; align-items: center !important; }
  nav.pill-d ul li { padding: 0 !important; display: flex; align-items: center; }
  nav.pill-d ul li a {
    display: inline-flex; align-items: center; white-space: nowrap;
    padding: .45rem .8rem !important; border-radius: 999px; opacity: .85; line-height: 1;
    transition: opacity .2s, background .25s ease, color .25s ease;
  }
  nav.pill-d ul li a::after { display: none !important; }
  nav.pill-d ul li a:hover { opacity: 1; background: rgba(255,255,255,0.12); }
  nav.pill-d ul li a.nav-active {
    background: #fff; color: #033f7a !important; opacity: 1; font-weight: 700;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  }
  nav.pill-d .nav-mr-epoxy {
    white-space: nowrap; line-height: 1; align-self: center;
    margin: 0 .1rem !important; padding: 9px 16px !important;
  }
}
