/* H2D · presentación pública V1430 · navegación SEO móvil compacta */
.mobile-nav-only{display:none!important}

@media(max-width:850px){
  .page-seo .site-header__inner{position:relative;min-height:68px;height:68px;padding:0 14px;gap:10px}
  .page-seo .brand{margin-right:auto}
  .page-seo .brand img{width:34px;height:42px}
  .page-seo .brand strong{font-size:1.08rem}

  .page-seo .nav-toggle{
    order:4;
    display:grid;
    place-content:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
    border:1px solid rgba(255,255,255,.2);
    border-radius:13px;
    background:rgba(255,255,255,.07);
    box-shadow:0 8px 20px rgba(0,0,0,.14);
  }
  .page-seo .nav-toggle span{
    width:21px;
    height:2px;
    margin:2.5px 0;
    border-radius:3px;
    background:#fff;
    transition:transform .18s ease,opacity .18s ease;
  }
  .page-seo .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .page-seo .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .page-seo .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .page-seo .main-nav{
    left:auto;
    right:12px;
    top:calc(100% + 8px);
    width:min(276px,calc(100vw - 24px));
    padding:8px;
    gap:3px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:16px;
    background:rgba(7,26,54,.985);
    box-shadow:0 22px 54px rgba(0,0,0,.3);
    backdrop-filter:blur(18px);
  }
  .page-seo .main-nav.is-open{display:flex}
  .page-seo .main-nav a{
    display:flex;
    align-items:center;
    min-height:44px;
    padding:10px 12px;
    border-radius:10px;
    color:#eaf1fb;
    font-size:.88rem;
    font-weight:800;
    line-height:1.2;
  }
  .page-seo .main-nav a:hover,.page-seo .main-nav a:focus-visible{background:rgba(255,255,255,.09)}
  .page-seo .main-nav a:after{display:none}
  .page-seo .mobile-nav-only{display:flex!important}
  .page-seo .header-actions{margin-left:0;gap:7px}
  .page-seo .header-actions .header-login{display:none}
  .page-seo .header-actions .button--header{min-height:40px;padding:0 11px;font-size:.68rem}
}

@media(max-width:540px){
  .page-seo .header-actions{display:none}
  .page-seo .main-nav{right:10px;width:min(264px,calc(100vw - 20px))}
}

@media(prefers-reduced-motion:reduce){
  .page-seo .nav-toggle span{transition:none}
}