/* Menú móvil (<=700px). Se activa con assets/js/wapping-mobile-nav.js, que añade el botón .topnav-burger. */
.topnav-burger{display:none}
@media (max-width:700px){
  nav.topnav .topnav-row{gap:8px}
  nav.topnav .topnav-cta{margin-left:auto}
  nav.topnav .topnav-burger{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin-right:-8px;padding:0;background:none;border:0;border-radius:8px;color:var(--ink,#163f4f);cursor:pointer}
  .topnav-burger svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .topnav-burger .bx{display:none}
  .topnav-burger[aria-expanded="true"] .bb{display:none}
  .topnav-burger[aria-expanded="true"] .bx{display:block}
  .topnav-burger:focus-visible{outline:2px solid var(--orange,#e46d3d);outline-offset:2px}

  html.nav-lock{overflow:hidden}
  nav.topnav.nav-open .topnav-links{display:flex !important;flex-direction:column;align-items:stretch;gap:0;
    position:fixed;top:var(--nav-h,73px);left:0;right:0;bottom:0;z-index:59;overflow-y:auto;overscroll-behavior:contain;
    background:#fff;padding:4px 20px 32px;font-size:1rem;border-top:1px solid var(--line,#e3e9eb)}
  nav.topnav.nav-open .topnav-links>.mega-wrap,
  nav.topnav.nav-open .topnav-links>.topnav-plain-link,
  nav.topnav.nav-open .topnav-links>.lang-switch{border-bottom:1px solid var(--line,#e3e9eb)}
  nav.topnav.nav-open .topnav-links .mega-wrap{position:static}
  nav.topnav.nav-open .topnav-links .mega-trigger{width:100%;justify-content:space-between;padding:15px 2px;font-size:1rem}
  nav.topnav.nav-open .topnav-links .topnav-plain-link{display:block;padding:15px 2px;font-size:1rem}
  nav.topnav.nav-open .topnav-links .lang-switch{display:flex !important;margin:0;padding:15px 2px}
  nav.topnav.nav-open .topnav-links .lang-switch .topnav-sep{display:none}
  nav.topnav.nav-open .topnav-links .lang-switch-link{font-size:1rem}

  /* los paneles pasan a acordeón dentro del menú */
  nav.topnav.nav-open .topnav-links .mega-panel,
  nav.topnav.nav-open .topnav-links .mega-panel.blog-panel,
  nav.topnav.nav-open .topnav-links .mega-panel.resources-panel{position:static !important;transform:none !important;width:auto !important;max-height:none !important;
    overflow:visible;box-shadow:none;border:0;border-radius:0;padding:0 0 14px 4px !important}
  nav.topnav.nav-open .topnav-links .mega-grid{grid-template-columns:1fr;gap:18px}
  nav.topnav.nav-open .topnav-links .mega-col ul{max-height:none;overflow:visible;padding-right:0;gap:14px}
  nav.topnav.nav-open .topnav-links .mega-col li a,
  nav.topnav.nav-open .topnav-links .blog-panel li a,
  nav.topnav.nav-open .topnav-links .resources-panel li a{padding:2px 0;font-size:.95rem}
  nav.topnav.nav-open .topnav-links .mega-ai-bar{margin-top:20px}
}