/* ============ NAV ============ */
#mainNav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  padding:16px 0;
  transition: background .4s var(--ease), border-color .4s var(--ease), padding .4s var(--ease);
  border-bottom:1px solid transparent;
}
#mainNav.scrolled{
  background:rgba(5,5,10,.72);
  backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--glass-border);
  padding:11px 0;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand svg{width:38px;height:38px;flex-shrink:0;}
.brand-word{font-family:var(--serif);font-size:1.32rem;color:var(--w-100);letter-spacing:.01em;}
.brand-word em{font-style:italic;color:var(--orange-soft);}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a{font-family:var(--mono);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--w-60);transition:color .3s var(--ease);}
.nav-links a:hover{color:var(--orange-soft);}
.nav-admin{color:var(--w-40)!important;font-size:.68rem!important;}
.nav-admin:hover{color:var(--orange-soft)!important;}
.nav-cta{display:flex;align-items:center;gap:18px;}
.nav-mobile-toggle{display:none;}
/* --- Dropdown "Carta" (agrupa Desayunos/Almuerzos/Guarniciones/Postres/Peti-Market) --- */
.nav-dropdown{position:relative;}
.nav-dropdown-toggle{display:flex!important;align-items:center;gap:4px;}
.nav-caret{font-size:.62rem;transition:transform .25s var(--ease);}
.nav-dropdown:hover .nav-caret,.nav-dropdown.open .nav-caret{transform:rotate(180deg);}
.nav-dropdown-menu{
  position:absolute;top:100%;left:50%;transform:translate(-50%,-6px);margin-top:16px;
  display:flex;flex-direction:column;gap:2px;min-width:190px;padding:10px;
  background:rgba(6,6,12,.96);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);
  opacity:0;pointer-events:none;transition:opacity .22s var(--ease),transform .22s var(--ease);
}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%,0);}
.nav-dropdown-menu a{padding:9px 14px;border-radius:var(--radius-2xs);white-space:nowrap;}
.nav-dropdown-menu a:hover{background:rgba(255,255,255,.06);}
@media (max-width:900px){
  .nav-links{position:fixed;top:64px;left:16px;right:16px;background:rgba(6,6,12,.96);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;padding:20px;gap:16px;transform-origin:top;transform:scaleY(0);opacity:0;pointer-events:none;transition:all .35s var(--ease);}
  .nav-links.open{transform:scaleY(1);opacity:1;pointer-events:auto;}
  .nav-mobile-toggle{display:flex;background:none;border:none;color:var(--w-85);font-size:1.4rem;padding:4px 8px;}
  .nav-cta .btn-ghost{display:none;}
  /* En el menú móvil, "Carta" se muestra siempre desplegada (lista vertical),
     no como dropdown flotante — no tiene sentido un hover/click extra dentro
     de un panel que el usuario ya abrió a propósito. */
  .nav-dropdown{width:100%;}
  .nav-dropdown-menu{position:static;transform:none;opacity:1;pointer-events:auto;margin:6px 0 0 14px;padding:0;border:none;background:none;backdrop-filter:none;min-width:0;}
  .nav-caret{display:none;}
}