/* NLT Charts -- vista «Trading» del teléfono: cristal oscuro con verde neón transparente, números finos y animaciones suaves.
 * Sin desenfoques ni animaciones infinitas (en el celular pesan): el cristal es de degradados, bordes y brillos. */
#chMt5 { --m5-bg: #05080F; --m5-sup: #0B1120; --m5-linea: rgba(255, 255, 255, .07); --m5-txt: #F4F7FB; --m5-mute: #8F9DB0; --m5-neon: 57, 255, 20; --m5-gan: #4DFF88; --m5-per: #FF5C6C; --m5-azul: #7FB2FF; --m5-ease: cubic-bezier(.2, .9, .25, 1);
    position: fixed; inset: 0; z-index: 88; display: none; flex-direction: column; overflow: hidden; background: var(--m5-bg); color: var(--m5-txt);
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', Inter, system-ui, 'Segoe UI', sans-serif; font-feature-settings: 'tnum' 1, 'ss01' 1; -webkit-font-smoothing: antialiased; padding-top: env(safe-area-inset-top); -webkit-tap-highlight-color: transparent; }
#chMt5.on { display: flex; animation: m5In .34s var(--m5-ease); }
#chMt5.saliendo { animation: m5Out .22s ease-in forwards; }
body.m5-on { overflow: hidden; }
:where(#chMt5) button { font: inherit; color: inherit; cursor: pointer; border: 0; background: none; padding: 0; }
:where(#chMt5) :focus-visible { outline: 2px solid rgba(var(--m5-neon), .8); outline-offset: 2px; }
@keyframes m5In { from { opacity: 0; transform: translateY(18px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes m5Out { to { opacity: 0; transform: translateY(22px) scale(.985); } }
/* resplandor de fondo: verde si ganas, rojo si pierdes, verde tenue si no hay posiciones */
.m5-amb { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.m5-amb i { position: absolute; left: -15%; right: -15%; top: -22%; height: 72%; opacity: 0; transition: opacity .8s ease; background: radial-gradient(55% 60% at 50% 30%, var(--c), transparent 72%); }
.m5-amb .gan { --c: rgba(var(--m5-neon), .17); } .m5-amb .per { --c: rgba(255, 70, 90, .16); } .m5-amb .neu { --c: rgba(var(--m5-neon), .07); }
#chMt5[data-pl=""] .m5-amb .neu, #chMt5[data-pl="gan"] .m5-amb .gan, #chMt5[data-pl="per"] .m5-amb .per { opacity: 1; }
/* cabecera */
.m5-top { position: relative; z-index: 6; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; padding: 8px 14px 6px; transition: padding .25s var(--m5-ease), background .25s, box-shadow .25s; }
.m5-top.compacto { padding-block: 4px; background: linear-gradient(180deg, rgba(6, 9, 15, .97), rgba(6, 9, 15, .9)); box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 10px 24px rgba(0, 0, 0, .4); }
.m5-cuenta { justify-self: start; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; max-width: 100%; padding: 0 12px; border-radius: 18px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .09); font-size: 12px; font-weight: 600; letter-spacing: .01em; white-space: nowrap; overflow: hidden; }
.m5-cuenta small { display: none; font-size: 10.5px; font-weight: 500; color: var(--m5-mute); overflow: hidden; text-overflow: ellipsis; } @media (min-width: 430px) { .m5-cuenta small { display: inline; } }
.m5-cuenta .ph-circle { font-size: 7px; flex: none; } .m5-cuenta .ok { color: var(--m5-gan); filter: drop-shadow(0 0 4px rgba(var(--m5-neon), .8)); } .m5-cuenta .mal { color: var(--m5-per); }
.m5-centro { display: flex; align-items: baseline; justify-content: center; gap: 5px; min-width: 0; }
.m5-pl-grande { display: inline-block; font-size: 26px; font-weight: 700; letter-spacing: -.025em; line-height: 1.1; white-space: nowrap; transition: font-size .25s var(--m5-ease), color .4s; }
.m5-top.compacto .m5-pl-grande { font-size: 19px; }
.m5-tit { font-size: 17px; font-weight: 600; letter-spacing: -.01em; }
.m5-usd { font-size: 10.5px; font-weight: 700; letter-spacing: .1em; color: var(--m5-mute); }
.m5-pl-grande.gan { color: var(--m5-gan); text-shadow: 0 0 22px rgba(var(--m5-neon), .38); } .m5-pl-grande.per { color: var(--m5-per); text-shadow: 0 0 22px rgba(255, 70, 90, .34); }
.m5-pl.gan, .m5-niv.gan, .m5-dato b.gan { color: var(--m5-gan); } .m5-pl.per, .m5-niv.per, .m5-dato b.per { color: var(--m5-per); }
.m5-plus { justify-self: end; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; font-size: 18px; color: #D8FFCE; background: linear-gradient(180deg, rgba(var(--m5-neon), .26), rgba(var(--m5-neon), .08)); border: 1px solid rgba(var(--m5-neon), .55);
    box-shadow: 0 0 22px rgba(var(--m5-neon), .28), inset 0 1px 0 rgba(255, 255, 255, .22); transition: transform .18s var(--m5-ease), box-shadow .2s; animation: m5Plus 1.1s var(--m5-ease) .3s 1; }
.m5-plus:active { transform: scale(.9); box-shadow: 0 0 30px rgba(var(--m5-neon), .5), inset 0 1px 0 rgba(255, 255, 255, .22); }
@keyframes m5Plus { 0% { box-shadow: 0 0 0 0 rgba(var(--m5-neon), .55); } 70% { box-shadow: 0 0 0 14px rgba(var(--m5-neon), 0); } 100% { box-shadow: 0 0 22px rgba(var(--m5-neon), .28); } }
/* cuerpo que se desliza */
.m5-cuerpo { position: relative; z-index: 1; flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; scrollbar-width: none; padding-bottom: calc(112px + env(safe-area-inset-bottom)); }
.m5-cuerpo::-webkit-scrollbar { display: none; }
.m5-vista.entra-der { animation: m5Der .36s var(--m5-ease) both; } .m5-vista.entra-izq { animation: m5Izq .36s var(--m5-ease) both; } .m5-vista.entra-arriba { animation: m5Arriba .42s var(--m5-ease) both; }
@keyframes m5Der { from { opacity: 0; transform: translateX(26px); } to { opacity: 1; transform: none; } } @keyframes m5Izq { from { opacity: 0; transform: translateX(-26px); } to { opacity: 1; transform: none; } } @keyframes m5Arriba { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.m5-card, .m5-grupo { margin: 10px 14px 0; border-radius: 20px; background: var(--m5-sup); border: 1px solid var(--m5-linea); box-shadow: 0 12px 32px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .06); }
.m5-card { padding: 4px 16px; background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)), var(--m5-sup); }
.m5-dato { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 33px; font-size: 13px; } .m5-dato + .m5-dato { border-top: 1px solid rgba(255, 255, 255, .05); }
.m5-dato span { color: var(--m5-mute); } .m5-dato b { font-size: 14px; font-weight: 600; text-align: right; letter-spacing: -.005em; } .m5-dato b.acento { color: rgb(var(--m5-neon)); }
/* encabezado fino de «Posiciones» */
.m5-sec { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; min-height: 30px; padding: 0 10px 0 15px; border-radius: 20px 20px 0 0; background: linear-gradient(180deg, #11192B, #0E1525); border-bottom: 1px solid rgba(255, 255, 255, .06); font-size: 10.5px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; color: #9BA9BC; }
.m5-sec b { font-weight: 700; display: inline-flex; align-items: center; gap: 8px; } .m5-sec em { font-style: normal; min-width: 18px; padding: 1px 6px; border-radius: 9px; font-size: 10px; text-align: center; color: #CFFFC4; background: rgba(var(--m5-neon), .14); border: 1px solid rgba(var(--m5-neon), .28); }
.m5-mas { position: relative; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 17px; color: #F2FFF0; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); transition: transform .28s var(--m5-ease), background .2s, border-color .2s; }
.m5-mas::before { content: ''; position: absolute; inset: -9px; } .m5-mas:active { transform: scale(.9); } .m5-mas.on { transform: rotate(90deg); background: rgba(var(--m5-neon), .2); border-color: rgba(var(--m5-neon), .5); box-shadow: 0 0 16px rgba(var(--m5-neon), .22); }
.m5-menu { margin: 8px 10px; padding: 5px; border-radius: 16px; background: linear-gradient(180deg, rgba(20, 30, 22, .99), rgba(12, 18, 14, .99)); border: 1px solid rgba(var(--m5-neon), .22); box-shadow: 0 14px 34px rgba(0, 0, 0, .55); transform-origin: top right; animation: m5Pop .26s var(--m5-ease); }
@keyframes m5Pop { from { opacity: 0; transform: translateY(-6px) scale(.94); } to { opacity: 1; transform: none; } }
.m5-menu button { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border-radius: 11px; font-size: 13.5px; font-weight: 600; text-align: left; transition: background .15s; } .m5-menu button .ph { font-size: 17px; color: rgb(var(--m5-neon)); }
.m5-menu button:disabled { opacity: .4; } .m5-menu button:active { background: rgba(var(--m5-neon), .12); }
/* filas deslizables */
.m5-fila { position: relative; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, .05); } .m5-fila:last-child { border-radius: 0 0 20px 20px; } .m5-sec + .m5-fila, .m5-menu + .m5-fila { border-top: 0; }
.m5-fila.nueva { animation: m5Fila .42s var(--m5-ease) both; } @keyframes m5Fila { from { opacity: 0; transform: translateY(8px) scale(.985); } to { opacity: 1; transform: none; } }
.m5-principal { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding: 9px 15px; background: var(--m5-sup); cursor: pointer; touch-action: pan-y; transition: transform .36s var(--m5-ease); }
.m5-principal.arrastra { transition: none; } .m5-principal.sw-izq { transform: translateX(-156px); } .m5-principal.sw-der { transform: translateX(84px); }
.m5-fila.abierta .m5-principal { background: linear-gradient(180deg, rgba(var(--m5-neon), .05), rgba(var(--m5-neon), .015)), var(--m5-sup); }
.m5-info { min-width: 0; } .m5-l1 { display: flex; align-items: center; font-size: 15px; line-height: 1.2; } .m5-l1 b { font-weight: 700; letter-spacing: -.012em; }
.m5-lado { margin-left: 8px; padding: 2px 8px; border-radius: 10px; font-size: 10.5px; font-weight: 700; letter-spacing: .02em; } .m5-lado.buy { color: var(--m5-azul); background: rgba(80, 140, 255, .15); } .m5-lado.sell { color: #FF8F9B; background: rgba(255, 90, 108, .15); }
.m5-l2 { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 7px; margin-top: 4px; font-size: 12px; color: var(--m5-mute); letter-spacing: .005em; } .m5-l2 .ph { font-size: 10px; opacity: .8; }
.m5-niv { padding: 1px 7px; border-radius: 8px; font-size: 10.5px; font-weight: 700; background: rgba(255, 255, 255, .07); color: var(--m5-mute); } .m5-niv.gan { background: rgba(var(--m5-neon), .12); } .m5-niv.per { background: rgba(255, 90, 108, .13); }
.m5-pl { flex: none; font-size: 17px; font-weight: 700; text-align: right; letter-spacing: -.015em; display: inline-block; } .m5-pl.pend { font-size: 11px; font-weight: 600; color: var(--m5-mute); letter-spacing: .02em; }
.m5-pl.sube { animation: m5Sube .9s var(--m5-ease); } .m5-pl.baja { animation: m5Baja .9s var(--m5-ease); } .m5-pl-grande.sube { animation: m5Sube .9s var(--m5-ease); } .m5-pl-grande.baja { animation: m5Baja .9s var(--m5-ease); }
@keyframes m5Sube { 0% { transform: translateY(5px) scale(1.12); filter: drop-shadow(0 0 12px rgba(var(--m5-neon), .95)); } 60% { transform: translateY(-1px) scale(1.02); } 100% { transform: none; filter: none; } }
@keyframes m5Baja { 0% { transform: translateY(-5px) scale(1.12); filter: drop-shadow(0 0 12px rgba(255, 70, 90, .95)); } 60% { transform: translateY(1px) scale(1.02); } 100% { transform: none; filter: none; } }
.m5-sw-izq, .m5-sw-der { position: absolute; top: 0; bottom: 0; display: flex; } .m5-sw-izq { right: 0; width: 156px; } .m5-sw-izq.solo { width: 78px; } .m5-sw-der { left: 0; width: 84px; }
.m5-sw-b { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font-size: 10.5px; font-weight: 700; letter-spacing: .03em; color: #fff; } .m5-sw-b .ph { font-size: 20px; }
.m5-sw-b.azul { background: linear-gradient(180deg, #4A7DEB, #3563CE); } .m5-sw-b.rojo { background: linear-gradient(180deg, #F0505F, #D7364A); } .m5-sw-b.verde { background: linear-gradient(180deg, rgba(var(--m5-neon), .92), rgba(40, 210, 15, .92)); color: #04200A; }
.m5-sw-b.armado { background: #FF2D45; animation: m5Armado .5s ease-in-out 2; } @keyframes m5Armado { 50% { filter: brightness(1.25); } }
.m5-acc { display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); gap: 8px; padding: 2px 14px 13px; background: var(--m5-sup); animation: m5Pop .26s var(--m5-ease); }
.m5-acc button { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 0 10px; border-radius: 13px; font-size: 12.5px; font-weight: 600; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .08); transition: transform .15s, background .15s; }
.m5-acc button:active { transform: scale(.96); background: rgba(var(--m5-neon), .18); } .m5-acc .m5-cerrar { color: #FFC0C7; background: rgba(255, 80, 100, .12); border-color: rgba(255, 80, 100, .22); } .m5-acc .m5-cerrar.armado { background: var(--m5-per); color: #fff; }
/* vacío, avisos */
.m5-vacio { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 9vh 28px 0; text-align: center; color: var(--m5-mute); animation: m5Arriba .6s var(--m5-ease) both; } .m5-vacio-ico { width: min(28vw, 104px); height: auto; color: rgba(var(--m5-neon), .72); filter: drop-shadow(0 0 16px rgba(var(--m5-neon), .3)); }
.m5-vacio p { font-size: 15px; font-weight: 600; color: var(--m5-txt); letter-spacing: -.01em; } .m5-vacio small { font-size: 12.5px; line-height: 1.55; max-width: 290px; }
.m5-error { margin: 12px 14px 0; padding: 10px 12px; border-radius: 13px; font-size: 12.5px; line-height: 1.5; background: rgba(255, 80, 100, .12); color: #FFC9CF; border: 1px solid rgba(255, 80, 100, .2); }
.m5-toast { position: absolute; z-index: 9; left: 50%; top: calc(env(safe-area-inset-top) + 64px); max-width: calc(100% - 40px); padding: 10px 16px; border-radius: 18px; font-size: 12.5px; font-weight: 600; text-align: center; color: #EAF2FF; background: linear-gradient(180deg, rgba(16, 24, 20, .98), rgba(10, 15, 12, .98)); border: 1px solid rgba(var(--m5-neon), .3); box-shadow: 0 14px 34px rgba(0, 0, 0, .6);
    opacity: 0; transform: translate(-50%, -12px) scale(.96); transition: opacity .26s, transform .34s var(--m5-ease); pointer-events: none; }
.m5-toast.on { opacity: 1; transform: translate(-50%, 0) scale(1); } .m5-toast.gan { border-color: rgba(var(--m5-neon), .55); color: #D5FFDF; box-shadow: 0 14px 34px rgba(0, 0, 0, .6), 0 0 26px rgba(var(--m5-neon), .22); } .m5-toast.per { border-color: rgba(255, 90, 108, .55); color: #FFD9DD; box-shadow: 0 14px 34px rgba(0, 0, 0, .6), 0 0 26px rgba(255, 70, 90, .2); }
.m5-toast[hidden] { display: none; }
/* barra de cristal de abajo con indicador verde neón que se desliza */
.m5-nav { position: absolute; z-index: 7; left: 14px; right: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 5px 6px; border-radius: 32px; background: linear-gradient(180deg, rgba(24, 33, 27, .94), rgba(9, 14, 11, .96)); border: 1px solid rgba(var(--m5-neon), .2);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .62), 0 0 34px rgba(var(--m5-neon), .07), inset 0 1px 0 rgba(255, 255, 255, .1); }
.m5-ind { position: absolute; top: 5px; bottom: 5px; left: 6px; width: calc((100% - 12px) / 5); border-radius: 26px; background: linear-gradient(180deg, rgba(var(--m5-neon), .24), rgba(var(--m5-neon), .07)); border: 1px solid rgba(var(--m5-neon), .42); box-shadow: 0 0 24px rgba(var(--m5-neon), .24), inset 0 1px 0 rgba(255, 255, 255, .2); transition: transform .42s cubic-bezier(.3, 1.25, .4, 1); pointer-events: none; }
.m5-nav button { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 52px; padding: 4px 1px; border-radius: 26px; color: #C9D6CE; font-size: 9.5px; font-weight: 600; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; transition: color .25s; }
.m5-nav button span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .m5-nav button .ph { font-size: 22px; transition: transform .3s var(--m5-ease); }
.m5-nav button.on { color: #E6FFE0; } .m5-nav button.on .ph { transform: translateY(-1px) scale(1.08); filter: drop-shadow(0 0 8px rgba(var(--m5-neon), .7)); } .m5-nav button:active .ph { transform: scale(.9); }
/* ajustes */
.m5-ajustes { padding: 10px 14px 0; display: flex; flex-direction: column; gap: 10px; }
.m5-ajuste { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border-radius: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)), var(--m5-sup); border: 1px solid var(--m5-linea); } .m5-ajuste.col { flex-direction: column; align-items: stretch; }
.m5-ajuste b { display: block; font-size: 14px; font-weight: 600; letter-spacing: -.01em; } .m5-ajuste small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.45; color: var(--m5-mute); }
.m5-sw { position: relative; flex: none; width: 50px; height: 30px; border-radius: 15px; background: rgba(255, 255, 255, .15); transition: background .25s, box-shadow .25s; } .m5-sw::after { content: ''; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .4); transition: transform .3s var(--m5-ease); }
.m5-sw.on { background: rgba(var(--m5-neon), .85); box-shadow: 0 0 18px rgba(var(--m5-neon), .35); } .m5-sw.on::after { transform: translateX(20px); }
.m5-seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 5px; padding: 4px; border-radius: 14px; background: rgba(255, 255, 255, .05); margin-top: 10px; } .m5-seg button { min-height: 38px; border-radius: 10px; font-size: 12.5px; font-weight: 600; color: var(--m5-mute); transition: background .2s, color .2s; } .m5-seg button.on { background: rgba(var(--m5-neon), .2); color: #E6FFE0; box-shadow: inset 0 0 0 1px rgba(var(--m5-neon), .4); }
.m5-btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 16px; border-radius: 15px; font-size: 14px; font-weight: 700; letter-spacing: -.005em; color: #052008; background: linear-gradient(180deg, rgba(var(--m5-neon), .95), rgba(34, 205, 12, .95)); box-shadow: 0 8px 22px rgba(var(--m5-neon), .22), inset 0 1px 0 rgba(255, 255, 255, .35); transition: transform .15s; }
.m5-btn:active { transform: scale(.97); } .m5-btn.sec { color: var(--m5-txt); background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); } .m5-btn:disabled { opacity: .5; }
/* hoja SL / TP */
.m5-hoja-fondo { position: absolute; inset: 0; z-index: 10; background: rgba(2, 4, 8, .62); opacity: 0; transition: opacity .22s; } .m5-hoja-fondo.on { opacity: 1; }
.m5-hoja { position: absolute; left: 0; right: 0; bottom: 0; z-index: 11; display: flex; flex-direction: column; gap: 12px; padding: 10px 16px calc(18px + env(safe-area-inset-bottom)); border-radius: 26px 26px 0 0; background: linear-gradient(180deg, #121B2D, #0B1120); border-top: 1px solid rgba(var(--m5-neon), .22); box-shadow: 0 -20px 50px rgba(0, 0, 0, .5); transform: translateY(100%); transition: transform .34s var(--m5-ease); }
.m5-hoja.on { transform: none; } .m5-hoja[hidden], .m5-hoja-fondo[hidden] { display: none; }
.m5-grip { align-self: center; width: 38px; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .22); } .m5-hoja h3 { display: flex; align-items: center; font-size: 17px; font-weight: 700; letter-spacing: -.015em; } .m5-sub { font-size: 12.5px; line-height: 1.5; color: var(--m5-mute); margin-top: -6px; }
.m5-hoja label { display: flex; flex-direction: column; gap: 6px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--m5-mute); }
.m5-hoja input { min-height: 50px; padding: 0 14px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .05); color: #fff; font: 600 17px -apple-system, BlinkMacSystemFont, 'SF Pro Display', Inter, system-ui, sans-serif; font-feature-settings: 'tnum' 1; letter-spacing: 0; text-transform: none; }
.m5-hoja input:focus { outline: none; border-color: rgba(var(--m5-neon), .6); box-shadow: 0 0 0 3px rgba(var(--m5-neon), .14); } .m5-hoja-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.m5-hoja .m5-error[hidden] { display: none; } .m5-hoja .m5-error { margin: 0; }
/* en el panel Trade: el botón que abre esta vista, solo en teléfono */
.tp-mt5 { display: none; }
@media (max-width: 820px) { .tp-mt5 { display: inline-flex; } }
@media (min-width: 821px) { #chMt5 { display: none !important; } }
/* en pantallas con ratón el cristal puede llevar desenfoque; en el celular no */
@media (hover: hover) and (pointer: fine) { .m5-nav, .m5-hoja { backdrop-filter: blur(14px); } }
@media (prefers-reduced-motion: reduce) { #chMt5, #chMt5 *, #chMt5 *::before, #chMt5 *::after { animation: none !important; transition: none !important; } }
html[data-perf="bajo"] #chMt5, html[data-perf="bajo"] #chMt5 * { animation: none !important; transition: none !important; }