.section-nav { display: none; }
.section-nav-menu-button, .section-nav-mobile-links { display: none; }
@media (min-width: 701px) {
  .section-nav { display: block; position: fixed; z-index: 60; top: 0; inset-inline: 0; height: 52px; background: rgba(245,245,247,.8); color: #1d1d1f; border-bottom: 1px solid rgba(0,0,0,.12); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); transform: translateY(-100%); visibility: hidden; transition: transform .4s cubic-bezier(.16,1,.3,1), visibility .4s, background .3s, color .3s; }
  .section-nav.is-visible { transform: none; visibility: visible; }
  .section-nav.is-dark { background: rgba(29,29,31,.8); color: #f5f5f7; border-color: rgba(255,255,255,.18); }
  .section-nav-inner { width: min(980px, calc(100% - 48px)); height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
  .section-nav-brand { font-size: 21px; font-weight: 600; letter-spacing: -.025em; color: inherit; white-space: nowrap; }
  .section-nav-links { display: flex; align-items: center; gap: 28px; height: 100%; }
  .section-nav-links > a { position: relative; display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-size: 12px; }
  .section-nav-links > a[aria-current="location"]::after { content: ''; position: absolute; inset-inline: 0; bottom: -4px; height: 1px; background: currentColor; }
  .section-nav-links > .section-nav-reserve { min-height: 26px; padding: 0 13px; border-radius: 999px; background: #0071e3; color: #fff; }
  .section-nav a:focus-visible { outline: 3px solid #0071e3; outline-offset: 3px; }
  #eventos, #personalizar, #planos { scroll-margin-top: 68px; }
}
@media (max-width: 700px) {
  .section-nav { display: block; position: fixed; z-index: 60; top: 0; inset-inline: 0; color: #1d1d1f; background: rgba(250,250,252,.84); border-bottom: 1px solid rgba(0,0,0,.14); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); transform: translateY(-100%); visibility: hidden; transition: transform .35s cubic-bezier(.16,1,.3,1), visibility .35s, background-color .25s, color .25s; }
  .section-nav.is-visible { transform: none; visibility: visible; }
  .section-nav.is-dark { background: rgba(29,29,31,.85); color: #f5f5f7; border-color: rgba(255,255,255,.15); }
  .section-nav-inner { display: flex; align-items: center; gap: 4px; height: 48px; padding: 0 16px; }
  .section-nav-brand { margin-right: auto; color: inherit; font-size: 17px; font-weight: 600; letter-spacing: -.022em; white-space: nowrap; }
  .section-nav-menu-button { display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: none; color: inherit; }
  .section-nav-menu-button svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.2; transition: transform .25s cubic-bezier(.16,1,.3,1); }
  .section-nav-menu-button[aria-expanded="true"] svg { transform: rotate(180deg); }
  .section-nav-links > a:not(.section-nav-reserve) { display: none; }
  .section-nav-reserve { display: flex; position: relative; align-items: center; min-height: 28px; padding: 0 13px; border-radius: 99px; background: #0071e3; color: #fff; font-size: 12px; }
  .section-nav-reserve::before { content: ''; position: absolute; inset: -8px 0; }
  .section-nav-mobile-links:not([hidden]) { display: grid; padding: 10px 24px 24px; }
  .section-nav-mobile-links a { padding: 16px 0; border-bottom: 1px solid rgba(128,128,128,.2); color: inherit; font-size: 17px; }
  .section-nav-mobile-links { animation: local-nav-open .28s cubic-bezier(.16,1,.3,1); }
  .mobile-menu-open .section-nav { visibility: hidden; }
  #eventos, #personalizar, #planos, .customize-viewport { scroll-margin-top: 72px; }
  @keyframes local-nav-open { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) { .section-nav, .section-nav-mobile-links { transition: none; animation: none; } }