/* CeluFix · ajustes para celular/tablet en vertical (solo < 900px; escritorio sin cambios) */
@media (max-width:899px){
 body{overflow-x:clip}
 img,video,svg{max-width:100%}
 /* menú superior */
 .menu-btn{min-width:44px;min-height:44px;font-size:1.4rem;line-height:1;display:grid;place-items:center}
 .links{gap:2px;max-height:calc(100vh - 60px);overflow-y:auto}
 .links a:not(.btn){display:flex;align-items:center;min-height:44px;font-size:1rem}
 .links .btn{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:6px}
 .links .chip{margin:6px 0 0}
 .cur-sel{min-height:40px;font-size:16px;padding:4px 10px}
 /* botones y controles: zona táctil >= 44px, sin zoom de iOS (16px) */
 .btn,.btn.sm{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .tab{min-height:44px;padding:8px 14px}
 .pay-opt{min-height:44px}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;min-height:44px}
 textarea{min-height:88px}
 .pvar{padding:8px}
 .chk{min-height:44px}.chk input{width:22px;height:22px;min-height:0}
 .linkbtn{min-height:44px}
 /* pie */
 .fcols a:not(.logo){padding:9px 0;margin:0}
 .copy a{display:inline-block;padding:8px 2px}
 /* aviso de cookies */
 .cc-banner{left:8px;right:8px;bottom:8px;padding:12px;gap:10px;font-size:13px;max-height:60vh;overflow-y:auto}
 .cc-btn{min-height:44px}
 /* modal Binance / Cargar saldo */
 .bn-ov{place-items:start center;padding:12px}
 .bn-box{margin:auto 0}
 .bn-x{width:44px;height:44px;top:2px;right:2px;font-size:1.25rem}
 .bn-copy{min-height:40px;padding:6px 14px}
 .bn-tab{min-height:44px}
 .bn-alt{min-height:44px}
 .tp-chip{min-height:40px;padding:8px 12px}
 .tp-m{min-height:56px}
 .tp-reopen{padding:6px 10px;margin:4px 0 0}
 /* Mi cuenta */
 .dash-main{padding:16px 12px}
 .dash-side{padding:8px}
 .dash-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;overflow:visible}
 .dash-menu a,.dash-menu button{flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:8px 4px;font-size:.78rem;text-align:center;white-space:normal;line-height:1.2;border:1px solid var(--line,#24304a);background:var(--card,#151c2c)}
 .dash-menu a.on{border-color:var(--teal,#27cfcd);border-left-color:var(--teal,#27cfcd);box-shadow:inset 0 -3px 0 var(--teal,#27cfcd)}
 .dash-menu .sep{display:none}
 .dash-menu svg{width:20px;height:20px}
 .bal-btn{min-height:48px}
 .stat .go{width:44px;height:44px}
 .lhead a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0}
 .dbtn{min-height:44px}
 .dform{max-width:none}
 .dform input{font-size:16px;min-height:44px}
 .dash-warn button{min-height:40px}
 /* panel admin */
 .psearch .btn{flex:none}
}
@media (max-width:600px){
 /* filas de Pagos/Historial: descripción completa arriba, monto y estado abajo */
 .lrow{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
 .lrow .ld{grid-column:1/-1;white-space:normal;overflow:visible;overflow-wrap:anywhere}
 .lrow .la{text-align:left}
 .dform .dbtn{justify-self:stretch}
 .dbox .dbtn{justify-self:stretch}
}
@media (max-width:480px){
 .cta .btn{flex:1 1 100%}
 .pbtns .btn{flex:1 1 100%}
 .acct-actions{width:100%}
 .acct-actions .btn{flex:1}
 .dash-hello h1{font-size:1.15rem}
 .dash-page .bal-amt{font-size:1.75rem}
}
@media (max-width:360px){
 .stat-grid{grid-template-columns:1fr}
 .upd .frow{grid-template-columns:1fr}
 .bal-boxes{grid-template-columns:1fr}
}
/* Mi cuenta en vertical: el panel ocupa todo el alto y fluye hasta el pie (sin caja cortada) */
@media (max-width:899px), (orientation:portrait) and (max-width:1199px){
 .dash-page{display:flex;flex-direction:column;min-height:calc(100vh - 61px);min-height:calc(100svh - 61px);padding:0}
 .dash-shell{flex:1 0 auto;width:100%;max-width:none;min-height:0;border:0;border-radius:0}
 .dash-page + .footer{margin-top:0}
}
