/* ─── NAV ─────────────────────────────────── */
  #nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    padding: 1.75rem 2.5rem;
    background: transparent;
    transition: background 0.5s ease;
  }
  #nav.scrolled {
    background: #F4EDE0;
  }
  .nav-inner { max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
  .nav-logo { display: flex; align-items: center; text-decoration: none; transition: opacity 0.4s ease; }
  .nav-logo img { display: block; }
  #nav.scrolled .nav-logo { opacity: 1; }
  .nav-logo span { color: #C8956A; }
  .nav-links { display: flex; align-items: center; gap: 2.25rem; }
  .nav-link { color: rgba(255,255,255,0.88); font-size: 0.8rem; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; transition: color 0.3s ease; }
  .nav-link.active { color: #C8956A; }
  #nav.scrolled .nav-link { color: #4A5E54; }
  .nav-link:hover { color: #DDB08A; }
  #nav.scrolled .nav-link:hover { color: #8B4E35; }
  #nav.scrolled .nav-link.active { color: #8B4E35; }
  .nav-actions { display: flex; align-items: center; gap: 1rem; }
  .btn-lang { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.35); padding: 0.65rem 0.9rem; border-radius: 100vw; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease; }
  #nav.scrolled .btn-lang { color: #4A5E54; border-color: rgba(30,58,47,0.25); }
  .btn-lang:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.7); color: #fff; }
  #nav.scrolled .btn-lang:hover { background: rgba(30,58,47,0.07); border-color: #1E3A2F; color: #1E3A2F; }
  .btn-book { background: #C8956A; color: #071610; font-size: 1rem; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; padding: 0.75rem 1.2rem; border-radius: 100vw; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; transition: background 0.3s ease, transform 0.2s ease; display: inline-block; }
  .btn-book:hover { background: #DDB08A; transform: translateY(-1px); }
  .btn-book:focus-visible { outline: 2px solid #C8956A; outline-offset: 2px; }
  .nav-logo:focus-visible, .nav-link:focus-visible, .btn-lang:focus-visible, .btn-primary:focus-visible, .btn-ghost:focus-visible, .btn-outline:focus-visible, .btn-outline-light:focus-visible, .btn-wa:focus-visible, a:focus-visible, button:focus-visible { outline: 2px solid #C8956A; outline-offset: 2px; }
  #nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: 11px; min-width: 44px; min-height: 44px; }
  #nav-toggle span { display: block; width: 22px; height: 1.5px; background: #fff; margin: 5px 0; transition: background 0.4s ease, transform 0.3s ease, opacity 0.3s ease; }
  #nav.scrolled #nav-toggle span { background: #1A2820; }
  @media (max-width: 768px) {
    #nav-toggle { display: block; }
    .nav-links { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #F4EDE0; flex-direction: column; align-items: flex-start; gap: 0; padding: 1rem 2rem 1.5rem; box-shadow: 0 8px 24px rgba(30,58,47,0.1); }
    .nav-links.open { display: flex; }
    .nav-link { color: #4A5E54 !important; padding: 0.85rem 0.5rem; min-height: 44px; width: 100%; border-bottom: 1px solid #E8DDCC; display: flex; align-items: center; }
    .nav-actions { display: none; }
  }