/* =========================================================
   AISIN STUDIO · RESPONSIVE (se carga al final)
========================================================= */
/* ---------- RESPONSIVE ---------- */
@media (max-width:1360px){
  .grid,#controls .filters{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:1100px){
  :root{--pad-x:32px}
  .logo img{width:280px}
  .nav-btn{padding:0 12px;font-size:14px}
  .nav-btn.active::after{left:12px;right:12px}
}
@media (max-width:980px){
  .grid,#controls .filters{grid-template-columns:repeat(4,minmax(0,1fr))}
  /* Cabecera en dos filas: logo + botones arriba; redes + My Vault debajo */
  .header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo . actions" "social . vault";align-items:center;gap:12px}
  .logo{grid-area:logo;align-items:flex-start}
  .top-left{position:static;grid-area:social}
  .top-right{display:contents}
  .top-actions{grid-area:actions}
  /* cabecera en dos filas: My Vault en una barra de 40 px (caja fuerte | MY VAULT 0001) */
  .vault-box{grid-area:vault;width:calc(3 * var(--h-md) + 16px);height:var(--h-md);column-gap:4px;padding:0 6px 0 4px}
  .vault-box::before{height:22px}
  .vs{height:28px}
  .vault-tx{flex-direction:row;align-items:baseline;justify-content:center;gap:5px}
  .vault-title{font-size:14px}
  .vault-count{font-size:12px}
  .vault-unit{display:none}
  .dbg-btn{width:var(--h-md);padding:0;justify-content:center}
  .dbg-btn span{display:none}
  .logo img{width:200px}
}
@media (max-width:760px){
  :root{--pad-x:16px;--gap:12px}
  .main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}

  .header{padding-top:12px}
  .logo img{width:140px}
  .header{gap:10px 8px}
  .notif{right:0;width:min(300px,calc(100vw - 32px))}

  .search-wrap{margin:20px 0 16px}

  .topnav{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:20;background:var(--surface-1);border-top:1px solid var(--line-soft);padding-bottom:env(safe-area-inset-bottom,0px)}
  .nav{width:100%;border:0}
  .nav-btn{flex:1;flex-direction:column;justify-content:center;gap:5px;height:58px;padding:0 2px;font-size:11px;letter-spacing:.04em}
  .nav-btn + .nav-btn::before,.nav-btn .ext{display:none}
  .nav-btn.active::after{top:-1px;bottom:auto;left:14px;right:14px}
  .nav-ic{width:22px;height:22px}

  #controls .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  #uniMenu{width:calc(100vw - 2 * var(--pad-x))}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  .pager button,.pager span{min-width:30px;height:30px;padding:0 8px;font-size:13px}

  .m-box{flex-direction:column;align-items:stretch;gap:20px;padding:20px 16px 16px}
  .m-box .card{width:min(240px,64vw);margin:0 auto}
  .set-box{padding:10px}
  .set-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .set-link{display:none}
  .set-step{flex-direction:column;justify-content:center;gap:6px;height:auto;padding:10px 4px;text-align:center}
  .set-tx{align-items:center}
  .set-tx b{font-size:13px;letter-spacing:.04em}
  .set-video{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:6px}
  .sv-info{grid-column:1 / 3;gap:8px}
  .sv-tx b{font-size:13px;letter-spacing:.08em}
  .sv-tx small{font-size:11px;letter-spacing:.04em}
  .sv-badge{grid-column:3;flex-direction:column;gap:5px;height:auto;min-height:60px;padding:8px 4px;font-size:12px;letter-spacing:.04em;white-space:normal;text-align:center}
  .set-step.open{padding:10px 8px}
  .reg-ic{display:none}
  .reg-in{padding:0 4px}
  .reg-in::placeholder{font-size:11px;letter-spacing:.04em}
  .m-actions{grid-template-columns:1fr}
  .m-detail h2{font-size:30px;padding-right:0}
  .m-close{top:8px;right:8px}

  .auth-box{padding:24px 20px 20px}


  .gate-box{padding:24px 20px 20px}
  .gate-title{font-size:30px}
  .gate-text{font-size:14px}
  .gate-logo{width:min(180px,55vw);margin-bottom:20px}
  .site-foot{margin-top:32px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- ADDED ---------- */
@media (max-width:760px){
  .m-share{top:8px;right:48px}
}