/* ═══════════════════════════════════════════ TEATRO AURORA — NAVIGATION ═══════════════════════════════════════════ */ /* ─── NAV ─── */ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 500; display: flex; align-items: center; justify-content: space-between; padding: 1.6rem var(--pad-x); background: rgba(8, 31, 33, .97); backdrop-filter: blur(14px); transition: background var(--transition-slow), backdrop-filter var(--transition-slow); } /* ─── NAV SOPRA L'HERO ─── Solo in home (js/shared.js mette .transparent finché scrollY < 60). Qui la nav non ha alcun fondo: la fascia scura di prima tagliava in due la locandina a tutto schermo del carosello. A far leggere le voci basta il velo dell'hero, che già scurisce il 22% in alto. Fondo opaco e sfocatura tornano appena si scorre, dove sotto passa il testo della pagina e servono davvero. */ nav.transparent { background: transparent; backdrop-filter: none; } /* ⚠️ IL PANNELLO DEL MENU NON COPRIVA LO SCHERMO — non togliere questa regola. `backdrop-filter` crea il containing block per i discendenti `position: fixed`, esattamente come fa `transform` (è lo stesso difetto già annotato per il in base.css, con un'altra proprietà). Il pannello `.nav-open .nav-links` è figlio della