/* Menú de la web (2026-10-16): en el celular, botón que abre un panel de vidrio con enlaces grandes. */
.menu-btn { display:none; position:relative; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:12px;
            background:rgba(245, 245, 247, 0.06); cursor:pointer; -webkit-tap-highlight-color:transparent; }
.menu-btn span { position:absolute; left:12px; right:12px; height:2px; border-radius:2px; background:#F5F5F7;
                 transition:transform .25s ease, top .25s ease, opacity .2s; }
.menu-btn span:nth-child(1) { top:16px; } .menu-btn span:nth-child(2) { top:26px; }
.menu-open .menu-btn { background:rgba(198, 255, 58, 0.12); }
.menu-open .menu-btn span { background:#C6FF3A; }
.menu-open .menu-btn span:nth-child(1) { top:21px; transform:rotate(45deg); }
.menu-open .menu-btn span:nth-child(2) { top:21px; transform:rotate(-45deg); }

.menu-panel { position:fixed; left:0; right:0; top:64px; z-index:9; padding:12px 16px calc(20px + env(safe-area-inset-bottom));
              background:#08090B;
              border-bottom:1px solid rgba(245, 245, 247, 0.07); box-shadow:0 30px 60px -20px rgba(0, 0, 0, 0.8);
              opacity:0; transform:translateY(-12px); pointer-events:none; transition:opacity .22s ease, transform .22s ease; }
.menu-open .menu-panel { opacity:1; transform:none; pointer-events:auto; }
.menu-panel a.item { display:flex; align-items:center; gap:14px; padding:15px 6px; border-bottom:1px solid rgba(245, 245, 247, 0.06);
                     color:#F5F5F7; text-decoration:none; font-size:18px; font-weight:600; letter-spacing:-.01em; }
.menu-panel a.item .ic { flex:none; width:38px; height:38px; display:grid; place-items:center; border-radius:11px;
                         background:rgba(198, 255, 58, 0.08); color:#C6FF3A; }
.menu-panel a.item .ic svg { width:19px; height:19px; }
.menu-panel a.item .go { margin-left:auto; color:#6E7079; }
.menu-panel a.item .go svg { width:18px; height:18px; display:block; }
.menu-panel a.item:active { background:rgba(245, 245, 247, 0.04); }
.menu-panel .cta { display:flex; justify-content:center; width:100%; margin-top:18px; padding:16px; border-radius:14px;
                   background:linear-gradient(135deg, #C6FF3A 0%, #00E5FF 100%); color:#050507; font-weight:700; font-size:17px; text-decoration:none; }
.menu-panel .cta-note { text-align:center; margin:10px 0 0; color:#A6A8B0; font-size:13px; }
.menu-panel .cta-note b { color:#C6FF3A; font-weight:600; }
.menu-shade { position:fixed; inset:0; z-index:8; background:rgba(0, 0, 0, 0.5); opacity:0; pointer-events:none; transition:opacity .22s; }
.menu-open .menu-shade { opacity:1; pointer-events:auto; }

@media (max-width: 759px) {
  nav .links { display:none !important; }
  .menu-btn { display:block; }
}
@media (min-width: 760px) { .menu-panel, .menu-shade { display:none; } }
@media (prefers-reduced-motion: reduce) { .menu-panel, .menu-btn span, .menu-shade { transition:none; } }