/* =============================================================
   FIX 2026-05-27
   Menú hamburguesa disponible también en PC/navegadores y opción
   de modo claro/oscuro dentro del menú.
============================================================= */
@media (min-width: 900px){
  #mainNav .hamburger{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #mobileNav.mobile-nav{
    display:none!important;
    position:fixed!important;
    top:calc(var(--nav-h) + 10px)!important;
    right:24px!important;
    left:auto!important;
    bottom:auto!important;
    width:min(340px, calc(100vw - 48px))!important;
    max-height:calc(100vh - var(--nav-h) - 28px)!important;
    overflow:auto!important;
    padding:1rem!important;
    gap:.15rem!important;
    border:1px solid rgba(201,168,76,.28)!important;
    border-radius:18px!important;
    background:rgba(10,14,26,.98)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.38)!important;
    z-index:260!important;
  }

  #mobileNav.mobile-nav.open{
    display:flex!important;
  }

  #mobileNav.mobile-nav a{
    display:block!important;
    padding:.78rem .85rem!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    border-radius:10px!important;
    font-size:.94rem!important;
  }

  #mobileNav.mobile-nav a:hover{
    background:rgba(201,168,76,.12)!important;
  }

  #mobileNav .mobile-nav-actions{
    margin-top:.85rem!important;
    gap:.55rem!important;
  }

  #mobileNav .mobile-menu-btn{
    width:100%!important;
    min-height:42px!important;
    padding:.72rem .85rem!important;
    border-radius:10px!important;
    font-size:.92rem!important;
  }
}

#mobileThemeToggle,
.mobile-menu-btn.theme,
[data-theme-toggle]{
  border:1px solid rgba(201,168,76,.45)!important;
  background:rgba(201,168,76,.12)!important;
  color:var(--gold)!important;
  font-weight:800!important;
}

html.theme-light #mobileNav.mobile-nav,
html[data-theme="light"] #mobileNav.mobile-nav,
body.theme-light #mobileNav.mobile-nav{
  background:rgba(255,255,255,.98)!important;
  border-color:rgba(154,122,46,.28)!important;
  box-shadow:0 18px 45px rgba(27,36,48,.18)!important;
}

html.theme-light #mobileNav.mobile-nav a,
html[data-theme="light"] #mobileNav.mobile-nav a,
body.theme-light #mobileNav.mobile-nav a{
  color:#2f3747!important;
  border-bottom-color:rgba(27,36,48,.08)!important;
}

html.theme-light #mobileNav.mobile-nav a:hover,
html[data-theme="light"] #mobileNav.mobile-nav a:hover,
body.theme-light #mobileNav.mobile-nav a:hover{
  background:rgba(201,168,76,.15)!important;
  color:#0A0E1A!important;
}

html.theme-light #mobileThemeToggle,
html[data-theme="light"] #mobileThemeToggle,
body.theme-light #mobileThemeToggle{
  background:#F7F3EA!important;
  color:#7A5C18!important;
  border-color:rgba(154,122,46,.38)!important;
}