/* v39 — mobile top menu + unified visibility */
.topmenu{display:none!important}
.hm-sidebar,.v33-sidebar,.v34-sidebar,.v35-sidebar,.v36-sidebar{display:none!important}

/* Desktop keeps the v37 sidebar. */
.v39-mobilemenu{display:none}

@media (max-width:820px){
  .v37-sidebar{display:none!important}
  html.v37-has-sidebar body{padding-left:0!important}
  html.v37-has-sidebar .hm-backbar{left:0!important}

  .v39-mobilemenu{
    display:block;
    position:sticky;
    top:0;
    z-index:999;
    background:linear-gradient(180deg,#06172d,#0a2440);
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 32px rgba(0,0,0,.22);
  }
  .v39-mobilemenu-inner{
    padding:10px 10px 12px;
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .v39-mobilebrand{
    display:flex;
    align-items:center;
    gap:10px;
    color:#f1d49a;
    font-weight:800;
    font-size:15px;
    line-height:1.1;
  }
  .v39-mobilebrand .hat{
    width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
    background:rgba(255,255,255,.06);border:1px solid rgba(224,189,116,.24);font-size:18px;
  }
  .v39-mobilelinks{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .v39-chip,
  .v39-mobile-group > summary{
    list-style:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:10px 12px;
    border-radius:14px;
    color:#f7f9fc;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  }
  .v39-chip .ico,
  .v39-mobile-group > summary .ico{width:18px;height:18px;display:grid;place-items:center;color:#e0bd74}
  .v39-chip .ico svg,
  .v39-mobile-group > summary .ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .v39-chip.active,
  .v39-mobile-group > summary.active,
  .v39-chip:hover,
  .v39-mobile-group > summary:hover{
    background:rgba(255,255,255,.11);
    border-color:rgba(224,189,116,.32);
  }
  .v39-mobile-group{position:relative;flex:1 1 100%}
  .v39-mobile-group > summary{cursor:pointer;width:100%;justify-content:space-between}
  .v39-mobile-group > summary::-webkit-details-marker{display:none}
  .v39-mobile-group > summary .left{display:inline-flex;align-items:center;gap:8px}
  .v39-mobile-group > summary .chev{transition:transform .2s ease;color:#d7c394}
  .v39-mobile-group[open] > summary .chev{transform:rotate(180deg)}
  .v39-mobile-sub{
    margin-top:8px;
    padding:10px;
    border-radius:16px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(224,189,116,.12);
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .v39-mobile-sub a{
    display:flex;align-items:center;gap:8px;min-height:40px;
    padding:10px 11px;border-radius:12px;text-decoration:none;color:#edf3fb;
    font-size:12px;font-weight:700;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)
  }
  .v39-mobile-sub a .ico{width:17px;height:17px;display:grid;place-items:center;color:#d7e2ef}
  .v39-mobile-sub a .ico svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .v39-mobile-sub a.active,.v39-mobile-sub a:hover{background:rgba(255,255,255,.1);border-color:rgba(224,189,116,.24)}
  .v39-mobilelinks .wide{flex:1 1 calc(50% - 4px);justify-content:flex-start}
  .v39-chip.logout{background:rgba(255,255,255,.04);color:#fff}

  /* iPhone layout breathing room */
  body.v31-app .v31-app-wrap,
  body .wrap,
  body main,
  body .mentalismo-shell,
  body .alijuegos-shell,
  body .v31-objects-wrap{margin-top:0!important}
}

@media (max-width:520px){
  .v39-mobilemenu-inner{padding:10px 8px 10px}
  .v39-mobilelinks{gap:7px}
  .v39-chip,
  .v39-mobile-group > summary{font-size:12px;padding:9px 10px;min-height:38px;border-radius:13px}
  .v39-mobile-sub{grid-template-columns:1fr}
}