/* PadelCiencia · navegación móvil compartida */
.mobile-nav-toggle,
.mobile-nav-panel{display:none}
@media(max-width:840px){
  .topbar-inner{position:relative}
  .mobile-nav-toggle{
    display:flex;
    margin-left:auto;
    width:46px;
    height:46px;
    flex:0 0 46px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.28);
    border-radius:9px;
    background:rgba(255,255,255,.08);
    color:#fff;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-nav-toggle:focus-visible{outline:3px solid rgba(41,209,35,.45);outline-offset:2px}
  .mobile-nav-toggle-lines,
  .mobile-nav-toggle-lines::before,
  .mobile-nav-toggle-lines::after{
    content:"";
    display:block;
    width:23px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    transition:transform .18s ease,opacity .18s ease;
  }
  .mobile-nav-toggle-lines{position:relative}
  .mobile-nav-toggle-lines::before{position:absolute;left:0;top:-7px}
  .mobile-nav-toggle-lines::after{position:absolute;left:0;top:7px}
  .mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-lines{background:transparent}
  .mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-lines::before{transform:translateY(7px) rotate(45deg)}
  .mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-lines::after{transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav-panel{
    position:absolute;
    display:block;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    top:calc(100% + 8px);
    right:0;
    width:min(360px,calc(100vw - 24px));
    padding:12px;
    border:1px solid #d8e1e8;
    border-radius:12px;
    background:#fff;
    box-shadow:0 14px 36px rgba(7,27,52,.2);
    transform:translateY(-6px);
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
    z-index:100;
  }
  .mobile-nav-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
  .mobile-nav-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .mobile-nav-links a{
    min-height:44px;
    display:flex;
    align-items:center;
    padding:0 12px;
    border-radius:8px;
    text-decoration:none;
    color:#17304a;
    font:inherit;
    font-size:13px;
    font-weight:700;
    line-height:1.15;
    letter-spacing:.01em;
    background:#f4f7f9;
  }
  .mobile-nav-links a[aria-current="page"]{color:#0b6d14;background:#eaf8ea}
}