fix(nav): unify mobile navbar surface

[devrodri-com]

What changed

• removed the mobile menu's redundant opaque-black surface and smaller blur
• kept the existing bg-black/70, backdrop-blur-xl, and backdrop-saturate-150 surface on the shared navbar container
• added focused contracts for the single mobile surface and ES/EN desktop/mobile/no-JavaScript navigation parity

Why

The top mobile bar and expanded panel used different backgrounds and backdrop filters. On iPhone this made the expanded navbar look like two separate surfaces. The outer navbar already wraps both regions, so the child panel only needed to stop painting a second surface.

Production and source discovery also confirmed that Servicios/Services was already present exactly once in the shared primary navigation registry. No navigation or copy change was required.

Validation

• Node 22.23.2; npm 9.9.4
• npm ci
• npm run typecheck
• npm run lint
• npm run test:run — 31 suites, 330 tests
• npm run build — prerender and HTTP verification passed
• npm run ci
• Chromium and WebKit checks at 390×844, 430×932, 768×1024, and 1440×1000
• ES/EN routes, mobile open/close, Escape, focus return, touch, reduced motion, no-JavaScript fallback, overflow, and desktop parity

Review gate

• Keep this PR in Draft.
• Physical verification on Rodrigo's iPhone is required before marking ready or merging.
• No production deployment or merge is part of VIS-NAV-01.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
minisitio-rodrigo	Ready	Preview	Aug 7, 2026 1:07am

[cursor]

Bugbot is not enabled for your account, so this pull request was not reviewed.

Enable Bugbot in the Cursor dashboard to get automatic reviews on future PRs.