:root {
--mt-p900: #0b1a1f; --mt-p800: #0f2a33; --mt-p500: #0b6072; --mt-p400: #2f9fb8;
--mt-cel: #a9d6e5; --mt-cel2: #5cc3d9; --mt-tinta3: #6d8790; --mt-linea: #d6e2e6;
--mt-fondo-tabs: #ffffff; --mt-ancho-carril: 232px; --mt-alto-tabs: 64px;
}
:root:not([data-theme="light"]) { }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) { --mt-fondo-tabs: #0f2a33; --mt-linea: #1a4b57; --mt-tinta3: #a9d6e5; }
}
:root[data-theme="dark"] { --mt-fondo-tabs: #0f2a33; --mt-linea: #1a4b57; --mt-tinta3: #a9d6e5; }
:root[data-tema="oscuro"] { --mt-fondo-tabs: #0f2a33; --mt-linea: #1a4b57; --mt-tinta3: #a9d6e5; }
.mt-nav { display: none; }
body.mt-activo .mt-nav { display: grid; }
.mt-nav__btn {
display: grid; justify-items: center; align-content: center; gap: 3px;
background: transparent; border: 0; color: var(--mt-tinta3); font: inherit; font-size: 11px;
padding: 6px 0 4px; cursor: pointer; border-radius: 12px; min-width: 0;
}
.mt-nav__btn .mt-k {
width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center;
background: rgba(11, 96, 114, .10); color: var(--mt-p500);
}
.mt-nav__btn .mt-k svg { width: 18px; height: 18px; }
.mt-nav__btn[aria-current="page"] { color: var(--mt-p500); font-weight: 600; }
.mt-nav__btn[aria-current="page"] .mt-k { background: var(--mt-p500); color: #fff; }
.mt-nav__btn .mt-n {
position: absolute; top: 2px; right: 14%; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
background: #e0523c; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
}
.mt-nav__btn { position: relative; }
.mt-nav__btn:focus-visible { outline: 2px solid var(--mt-cel2); outline-offset: 2px; }
.mt-nav__marca, .mt-nav__vend { display: none; }
@media (max-width: 899px) {
body.mt-activo .mt-nav {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0;
background: var(--mt-fondo-tabs); border-top: 1px solid var(--mt-linea);
padding: 4px 4px calc(4px + env(safe-area-inset-bottom));
}
body.mt-activo #app-view { padding-bottom: calc(var(--mt-alto-tabs) + env(safe-area-inset-bottom)); }
}
@media (min-width: 900px) {
body.mt-activo .phone-shell { position: relative; padding-left: calc(var(--mt-ancho-carril) + 24px); }
body.mt-activo .mt-nav {
position: absolute; left: 0; top: 0; bottom: 0; width: var(--mt-ancho-carril);
grid-template-columns: 1fr; align-content: start; gap: 6px;
padding: 18px 12px; background: var(--mt-p900); color: #fff; border-radius: 0 18px 18px 0;
}
body.mt-activo .mt-nav__marca {
display: block; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--mt-cel);
opacity: .85; margin: 4px 10px 10px;
}
body.mt-activo .mt-nav__btn {
grid-template-columns: 30px 1fr; justify-items: start; align-items: center; gap: 12px; text-align: left;
padding: 11px 12px; font-size: 14px; color: #fff;
}
body.mt-activo .mt-nav__btn .mt-k { background: rgba(255, 255, 255, .08); color: #fff; }
body.mt-activo .mt-nav__btn[aria-current="page"] { background: rgba(255, 255, 255, .10); box-shadow: inset 3px 0 0 var(--mt-cel2); color: #fff; }
body.mt-activo .mt-nav__btn[aria-current="page"] .mt-k { background: var(--mt-cel2); color: var(--mt-p900); }
body.mt-activo .mt-nav__btn .mt-n { position: static; margin-left: auto; }
body.mt-activo .mt-nav__btn { grid-template-columns: 30px 1fr auto; }
body.mt-activo .mt-nav__vend {
display: block; margin-top: auto; padding: 12px; border-top: 1px solid rgba(255, 255, 255, .10);
font-size: 12px; color: var(--mt-cel); line-height: 1.4; overflow-wrap: anywhere;
}
}
body.mt-activo #registro-clientes-toggle-wrap { display: none !important; }
body.mt-activo .cp-volver-fila { display: none; }
.mt-panel { display: none; }
body.mt-activo .mt-panel.mt-panel--abierto { display: block; }
.mt-opciones { display: grid; gap: 12px; margin-top: 12px; }
@media (min-width: 600px) { .mt-opciones { grid-template-columns: repeat(2, 1fr); } }
.mt-opcion {
display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center; text-align: left;
min-height: 72px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--mt-linea);
background: var(--cc-superficie, var(--tarjeta, #fff)); color: inherit; font: inherit; cursor: pointer;
}
.mt-opcion:hover, .mt-opcion:focus-visible { border-color: var(--mt-p400); outline: none; }
.mt-opcion--primaria { background: var(--mt-p500); color: #fff; border-color: var(--mt-p500); }
.mt-opcion__k { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(11, 96, 114, .10); color: var(--mt-p500); }
.mt-opcion--primaria .mt-opcion__k { background: rgba(255, 255, 255, .16); color: #fff; }
.mt-opcion__k svg { width: 22px; height: 22px; }
.mt-opcion__t { display: block; font-weight: 600; font-size: 16px; }
.mt-opcion__s { display: block; font-size: 13px; opacity: .8; margin-top: 2px; }
.mt-opcion--peligro { border-color: rgba(224, 82, 60, .5); }
.mt-opcion--peligro .mt-opcion__k { background: rgba(224, 82, 60, .12); color: #e0523c; }
body.mt-sin-formulario #datos-cliente-form-wrap { display: none !important; }
body.mt-activo:not([data-mt-destino="venta"]) #progress-dots { display: none; }
@media (max-width: 899px) { body.mt-activo #btn-cerrar-turno { display: none !important; } }
body.mt-activo.mt-sin-formulario #progress-dots { display: none; }
body.mt-activo #phone-shell #app-view {
--t-h1: 22px; --t-h2: 17px; --t-lead: 14px; --t-cuerpo: 14px; --t-etiqueta: 12px; --t-boton: 15px; --t-campo: 16px;
--aire: 14px; --aire-corto: 8px;
}
body.mt-activo .cc-pos { --cc-toque-pos: 46px; font-size: 14px; padding: 14px; max-width: none; }
body.mt-activo .cc-pos .cc-btn { font-size: 15px; }
body.mt-activo .cc-pos .cc-input { font-size: 17px; }
body.mt-activo .cc-pos__titulo, body.mt-activo .cp-titulo-panel { font-size: 22px; }
body.mt-activo .cc-pos__lectura .cc-cifra { font-size: 32px; }
body.mt-activo .cc-pos__tienda { font-size: 12px; padding: 6px 10px; }
@media (min-width: 1200px) { body.mt-activo .phone-shell { max-width: 1280px; } }
@media (min-width: 900px) { body.mt-activo .mt-opcion { min-height: 60px; padding: 12px 14px; } body.mt-activo .mt-opcion__t { font-size: 15px; } body.mt-activo .mt-opcion__s { font-size: 12px; } }
.mt-inicio { --mt-tarjeta: var(--cc-superficie, #fff); --mt-fondo2: var(--cc-superficie-2, #eef3f5); --mt-tinta: var(--cc-texto, #0e2127); --mt-tinta2: var(--cc-texto-2, #3d5a63); --mt-sombra: 0 10px 30px rgba(11, 26, 31, .08); --mt-r: 16px; --mt-r2: 12px;
display: none; color: var(--mt-tinta); font-size: 14px; line-height: 1.4; }
body.mt-activo .mt-inicio.mt-panel--abierto { display: grid; gap: 14px; }
.mt-inicio .num { font-variant-numeric: tabular-nums; }
.mt-saludo h1 { font-size: 22px; margin: 0; line-height: 1.15; text-wrap: balance; font-weight: 700; }
.mt-saludo p { margin: 4px 0 0; color: var(--mt-tinta3); font-size: 13px; }
.mt-buscar { display: flex; gap: 8px; background: var(--mt-tarjeta); border-radius: var(--mt-r); box-shadow: var(--mt-sombra); padding: 10px; min-width: 0; margin: 0; }
.mt-buscar input { flex: 1; min-width: 0; border: 1.5px solid var(--mt-linea); border-radius: 12px; padding: 12px 14px; font-size: 19px; letter-spacing: .05em; font-family: "IBM Plex Mono", ui-monospace, monospace; background: var(--mt-tarjeta); color: var(--mt-tinta); }
.mt-buscar input:focus { outline: 2px solid var(--mt-p400); outline-offset: 1px; }
.mt-btn-p { border: 0; border-radius: 12px; padding: 0 18px; min-height: 46px; font: inherit; font-weight: 600; font-size: 15px; background: var(--mt-p500); color: #fff; cursor: pointer; }
.mt-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; grid-auto-rows: 1fr; align-items: stretch; }
@media (min-width: 900px) { .mt-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.mt-kpi { background: var(--mt-tarjeta); border-radius: var(--mt-r); padding: 12px 14px; box-shadow: var(--mt-sombra); min-width: 0; }
.mt-kpi small { display: block; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--mt-tinta3); }
.mt-kpi b { display: block; font-size: 24px; margin-top: 4px; letter-spacing: -.01em; }
.mt-kpi__s { display: block; font-size: 12px; color: var(--mt-tinta2); margin-top: 2px; }
.mt-kpi--malo b { color: var(--mt-tinta3); } .mt-kpi--malo .mt-kpi__s { color: #c6413a; }
.mt-accesos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (min-width: 900px) { .mt-accesos { grid-template-columns: repeat(5, 1fr); } }
.mt-acceso { background: var(--mt-tarjeta); border-radius: var(--mt-r); box-shadow: var(--mt-sombra); padding: 14px 12px; display: grid; gap: 6px; justify-items: start; text-align: left; color: var(--mt-tinta); min-height: 96px; border: 1.5px solid transparent; min-width: 0; font: inherit; cursor: pointer; }
.mt-acceso:hover, .mt-acceso:focus-visible { border-color: var(--mt-p400); outline: none; }
.mt-acceso--on { border-color: var(--mt-p400); }
.mt-acceso__k { width: 36px; height: 36px; border-radius: 11px; background: #dff0f5; display: grid; place-items: center; color: var(--mt-p500); }
.mt-acceso__k svg { width: 20px; height: 20px; }
.mt-acceso--cred .mt-acceso__k { background: #e6f6ee; color: #135c39; }
.mt-acceso b { font-size: 15px; font-weight: 600; } .mt-acceso small { color: var(--mt-tinta3); font-size: 12px; }
.mt-dos { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 900px) { .mt-dos { grid-template-columns: 1fr 1fr; } }
.mt-caja { background: var(--mt-tarjeta); border-radius: var(--mt-r); box-shadow: var(--mt-sombra); padding: 16px; min-width: 0; }
.mt-caja h2 { margin: 0 0 10px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--mt-tinta3); display: flex; justify-content: space-between; align-items: center; gap: 8px; font-weight: 700; }
.mt-h2-ir { font: inherit; font-size: 12px; letter-spacing: 0; text-transform: none; color: var(--mt-p500); background: none; border: 0; font-weight: 600; white-space: nowrap; cursor: pointer; padding: 4px 0; }
.mt-lista { display: grid; }
.mt-f { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--mt-linea); min-width: 0; background: none; border-left: 0; border-right: 0; border-bottom: 0; text-align: left; color: inherit; font: inherit; cursor: pointer; width: 100%; }
.mt-f:first-child { border-top: 0; }
.mt-f b { display: block; font-size: 14px; font-weight: 600; } .mt-f small { color: var(--mt-tinta3); font-size: 12px; }
.mt-ir { color: var(--mt-p500); font-weight: 600; font-size: 13px; white-space: nowrap; }
.mt-n { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-weight: 700; font-size: 15px; }
.mt-n--ojo { background: #fff4dd; color: #c98400; } .mt-n--mal { background: #fdecea; color: #c6413a; } .mt-n--ok { background: #e6f6ee; color: #1f9d61; } .mt-n--az { background: #dff0f5; color: var(--mt-p500); }
.mt-nada { margin: 0; padding: 8px 0; color: var(--mt-tinta3); font-size: 13px; }
.mt-pie { margin: 12px 0 0; color: var(--mt-tinta3); font-size: 12px; }
.mt-cierre { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 4px; }
.mt-cierre div { background: var(--mt-fondo2); border-radius: var(--mt-r2); padding: 10px 12px; min-width: 0; }
.mt-cierre small { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--mt-tinta3); }
.mt-cierre b { font-size: 20px; }
body.mt-activo[data-mt-destino="inicio"] #progress-dots { display: none; }
.nombre-origen{ margin-top:4px; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; }
.nombre-origen.oculto{ display:none; }
.nombre-origen__usar{ padding:0; min-height:0; font-size:inherit; text-decoration:underline; }
@media (min-width: 900px) {
body.mt-activo .phone-shell { max-width: none; padding-left: clamp(12px, 1.6vw, 28px); padding-right: clamp(12px, 1.6vw, 28px); }
body.mt-activo #phone-shell #app-view { max-width: none; }
body.mt-activo.con-aviso .phone-shell { padding-bottom: 96px; }
}
body.mt-activo #datos-cliente-form-wrap,
body.mt-activo #datos-cliente-form-wrap .cc-formulario,
body.mt-activo #datos-cliente-form-wrap .cp-acciones-paso1 { max-width: none; margin-left: 0; margin-right: 0; width: 100%; }
@media (min-width: 1100px) {
body.mt-activo #vista-pos:not(.oculto) { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); column-gap: 28px; row-gap: 14px; align-items: start; }
body.mt-activo #vista-pos:not(.oculto) > * { grid-column: 1 / -1; }
body.mt-activo #vista-pos:not(.oculto) > .pos-busqueda { grid-column: 1; }
body.mt-activo #vista-pos:not(.oculto) > .pos-stats-hoy { grid-column: 2; grid-row: span 2; }
body.mt-activo #venta-contado:not(.oculto) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; row-gap: 14px; align-items: start; }
body.mt-activo #venta-contado:not(.oculto) > * { grid-column: 1 / -1; }
body.mt-activo #venta-contado:not(.oculto) > .campo { grid-column: auto; }
body.mt-activo #registro-clientes-caja:not(.oculto), body.mt-activo #resumen-caja-caja:not(.oculto), body.mt-activo #panel-casos-revisar:not(.oculto) { max-width: none; width: 100%; }
}
body.mt-activo, body[data-paso="8"] {
--md-pet: #002c36; --md-fondo: #f3f5f5; --md-tarjeta: #fff; --md-borde: rgba(0, 44, 54, .12); --md-borde2: rgba(0, 44, 54, .24);
--md-tinta: #0b2a31; --md-tinta2: #4a5f65; --md-etq: #3d555b; --md-nota: #5b6f74; --md-ph: #7d8f93;
--md-nar: #f39200; --md-nar2: #ffa424; --md-sobre-nar: #00212a; --md-suave: #f5f8f8; --md-icono: #e8f1f2;
--md-verde: #22a06b; --md-verde-t: #146c43; --md-rojo: #d93d42; --md-peligro: #b42318; --md-peligro-f: #fdecea;
--md-hover2: #f2f6f6; --md-enlace-h: #a35f00; --md-sombra: 0 14px 30px -20px rgba(0, 30, 38, .4);
background: var(--md-fondo); color: var(--md-tinta);
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; -webkit-font-smoothing: antialiased;
}
html[data-tema="oscuro"] body.mt-activo, html[data-tema="oscuro"] body[data-paso="8"] {
--md-fondo: #0a1d22; --md-tarjeta: #10272d; --md-borde: rgba(169, 214, 229, .14); --md-borde2: rgba(169, 214, 229, .26);
--md-tinta: #eef4f5; --md-tinta2: #b7c8cc; --md-etq: #a9c2c8; --md-nota: #93a9ae; --md-ph: #7f979c;
--md-suave: #0c2228; --md-icono: #173a42; --md-verde-t: #6fd3a3; --md-peligro: #ff8a80; --md-peligro-f: rgba(255, 138, 128, .12);
--md-hover2: #143238; --md-enlace-h: #ffb54d; --md-sombra: 0 14px 30px -20px rgba(0, 0, 0, .7);
}
body.mt-activo button, body.mt-activo input, body.mt-activo select, body.mt-activo textarea,
body[data-paso="8"] button, body[data-paso="8"] input, body[data-paso="8"] select { font-family: inherit; }
body.mt-activo .cc-topbar, body[data-paso="8"] .cc-topbar {
position: sticky; top: 0; z-index: 50; min-height: 64px; height: 64px; padding: 0 24px;
background: #002c36; border-bottom: 1px solid rgba(255, 255, 255, .08); box-shadow: none; color: #fff;
}
body.mt-activo .cc-topbar .dentro, body[data-paso="8"] .cc-topbar .dentro { max-width: none; height: 64px; min-height: 64px; margin: 0; }
body.mt-activo .cc-topbar .cc-topbar__marca, body[data-paso="8"] .cc-topbar .cc-topbar__marca { gap: 16px; }
body.mt-activo .cc-topbar img.cc-topbar__logo:not(.cc-topbar__logo--color),
body[data-paso="8"] .cc-topbar img.cc-topbar__logo:not(.cc-topbar__logo--color) { height: 36px; width: auto; display: block; }
body.mt-activo .cc-topbar .h1-sub-tienda, body[data-paso="8"] .cc-topbar .h1-sub-tienda {
margin: 0; padding: 0 0 0 16px; border-left: 1px solid rgba(255, 255, 255, .18); line-height: 24px;
font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(255, 255, 255, .82);
}
body.mt-activo .cc-topbar .cc-topbar__acciones, body[data-paso="8"] .cc-topbar .cc-topbar__acciones { gap: 8px; }
body.mt-activo .cc-topbar .cc-btn, body[data-paso="8"] .cc-topbar .cc-btn {
height: 40px; min-height: 40px; border-radius: 0; border: 1px solid rgba(255, 255, 255, .18); background: transparent; color: #fff;
font-size: 14px; font-weight: 600; padding: 0 14px; box-shadow: none;
}
body.mt-activo .cc-topbar .cc-btn--icono, body[data-paso="8"] .cc-topbar .cc-btn--icono { width: 40px; min-width: 40px; padding: 0; }
body.mt-activo .cc-topbar .cc-btn:hover, body[data-paso="8"] .cc-topbar .cc-btn:hover { background: rgba(255, 255, 255, .08); }
body.mt-activo :is(button, a, select, summary):focus-visible, body[data-paso="8"] :is(button, a, select, summary):focus-visible { outline: 2px solid var(--md-nar); outline-offset: 2px; }
body.mt-activo .phone-shell {
margin: 0 !important; max-width: none !important; width: 100%; padding: 0 !important; border: 0; border-radius: 0; box-shadow: none;
background: transparent; flex: 1 0 auto;
}
body.mt-activo .phone-shell > .notch { display: none; }
body.mt-activo #phone-shell #app-view { background: transparent; border: 0; box-shadow: none; border-radius: 0; margin: 0; }
body.mt-activo #app-view > .pantalla { background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0; }
@media (min-width: 900px) {
body.mt-activo .phone-shell { display: grid !important; grid-template-columns: 240px minmax(0, 1fr); align-items: start; min-height: calc(100vh - 64px); overflow: visible !important; }
body.mt-activo .phone-shell > * { grid-column: 2; }
body.mt-activo .mt-nav {
grid-column: 1; grid-row: 1 / span 40; position: sticky !important; top: 64px; left: auto; bottom: auto;
width: 240px; height: calc(100vh - 64px); align-self: start;
display: flex; flex-direction: column; gap: 4px; padding: 24px 14px; background: #002c36; border-radius: 0; color: #fff;
}
body.mt-activo #phone-shell #app-view { padding: 24px 40px 140px; max-width: calc(1200px + 80px); width: 100%; box-sizing: border-box; }
}
@media (max-width: 899px) {
body.mt-activo #phone-shell #app-view { padding: 16px 16px calc(var(--mt-alto-tabs) + 140px + env(safe-area-inset-bottom)); }
body.mt-activo .mt-nav { background: #002c36; border-top: 1px solid rgba(255, 255, 255, .08); }
body.mt-activo .mt-nav__btn { color: rgba(255, 255, 255, .74); border-radius: 0; }
body.mt-activo .mt-nav__btn .mt-k { border-radius: 0; background: rgba(255, 255, 255, .07); color: #fff; }
body.mt-activo .mt-nav__btn[aria-current="page"] { color: #fff; }
body.mt-activo .mt-nav__btn[aria-current="page"] .mt-k { background: var(--md-nar); color: var(--md-sobre-nar); }
body.mt-activo .mt-nav__btn .mt-n { background: var(--md-rojo); border-radius: 0; }
}
body.mt-activo #step-1 { display: flex; flex-direction: column; gap: 20px; }
body.mt-activo #step-1 > .oculto, body.mt-activo #step-1 > [hidden] { display: none !important; }
body.mt-activo #step-1 > * { margin-left: 0 !important; margin-right: 0 !important; width: 100%; max-width: none; box-sizing: border-box; }
@media (min-width: 900px) {
body.mt-activo .mt-nav__marca { margin: 0 10px 14px; font-size: 11px; font-weight: 700; letter-spacing: .14em; color: rgba(255, 255, 255, .6); opacity: 1; }
body.mt-activo .mt-nav__btn {
display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 12px; height: 46px; padding: 0 10px;
border-radius: 0; font-size: 15px; font-weight: 600; color: rgba(255, 255, 255, .74); text-align: left;
}
body.mt-activo .mt-nav__btn:hover { background: rgba(255, 255, 255, .05); color: #fff; }
body.mt-activo .mt-nav__btn .mt-k { width: 32px; height: 32px; border-radius: 0; background: rgba(255, 255, 255, .07); color: #fff; }
body.mt-activo .mt-nav__btn .mt-k svg { width: 18px; height: 18px; stroke-width: 1.5; }
body.mt-activo .mt-nav__btn[aria-current="page"] { background: rgba(255, 255, 255, .08); box-shadow: inset 3px 0 0 var(--md-nar); color: #fff; }
body.mt-activo .mt-nav__btn[aria-current="page"] .mt-k { background: var(--md-nar); color: var(--md-sobre-nar); }
body.mt-activo .mt-nav__btn .mt-n { background: var(--md-rojo); color: #fff; border-radius: 0; min-width: 22px; height: 22px; line-height: 22px; font-size: 12px; }
body.mt-activo .mt-nav__vend {
margin-top: auto; padding: 16px 10px 0; border-top: 1px solid rgba(255, 255, 255, .1);
font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #fff;
}
}
body.mt-activo #banner-tienda {
display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 0;
padding: 12px 16px; background: var(--md-tarjeta); border: 1px solid var(--md-borde); border-radius: 0; box-shadow: none;
}
body.mt-activo #banner-tienda .banner-tienda-fila { display: flex; align-items: center; gap: 14px; min-width: 0; }
body.mt-activo #banner-tienda .banner-tienda-etq {
background: var(--md-nar); color: var(--md-sobre-nar); border-radius: 0; padding: 5px 10px;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; border: 0;
}
body.mt-activo #banner-tienda-nombre { font-size: 13px; font-weight: 600; color: var(--md-tinta); letter-spacing: .02em; }
body.mt-activo #banner-tienda .banner-tienda-sync { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--md-verde-t); background: none; border: 0; padding: 0; }
body.mt-activo #banner-tienda .banner-tienda-sync-punto { width: 8px; height: 8px; border-radius: 0; background: var(--md-verde); }
body.mt-activo #step-1 .cp-titulo-panel, body.mt-activo #step-1 .t-titulo, body.mt-activo .mt-saludo h1 {
margin: 0; font-size: 30px; line-height: 1.1; font-weight: 800; letter-spacing: -.02em; color: var(--md-tinta); text-transform: none;
}
body.mt-activo #venta-contado .cp-titulo-panel, body.mt-activo #datos-cliente-form-wrap .cp-titulo-panel { font-size: 26px; }
body.mt-activo #step-1 .t-lead, body.mt-activo .mt-saludo p { margin: 6px 0 0; font-size: 14px; color: var(--md-tinta2); }
body.mt-activo #step-1 .t-etiqueta, body.mt-activo #step-1 .cc-etiqueta, body.mt-activo .mt-kpi small, body.mt-activo .mt-caja h2, body.mt-activo .mt-cierre small {
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--md-etq);
}
body.mt-activo #step-1 .t-mini, body.mt-activo .mt-pie { font-size: 12.5px; color: var(--md-nota); }
body.mt-activo #step-1 a, body.mt-activo #step-1 .btn-texto { color: var(--md-pet); font-weight: 600; }
html[data-tema="oscuro"] body.mt-activo #step-1 a, html[data-tema="oscuro"] body.mt-activo #step-1 .btn-texto { color: #a9d6e5; }
body.mt-activo #step-1 a:hover { color: var(--md-enlace-h); }
body.mt-activo #step-1 .cc-btn--primario, body.mt-activo #step-1 .btn-primary, body.mt-activo .mt-btn-p,
body[data-paso="8"] #step-8 .cc-btn--primario {
min-height: 48px; height: auto; padding: 0 24px; border: 0; border-radius: 0; box-shadow: none;
background: var(--md-nar); color: var(--md-sobre-nar); font-size: 15px; font-weight: 700;
}
body.mt-activo #step-1 .cc-btn--primario:hover, body.mt-activo #step-1 .btn-primary:hover, body.mt-activo .mt-btn-p:hover,
body[data-paso="8"] #step-8 .cc-btn--primario:hover { background: var(--md-nar2); }
body.mt-activo #step-1 .cc-btn--secundario, body.mt-activo #step-1 .btn-secundario, body[data-paso="8"] #step-8 .cc-btn--secundario {
min-height: 48px; padding: 0 20px; border-radius: 0; border: 1px solid var(--md-borde2); background: var(--md-tarjeta);
color: var(--md-pet); font-size: 15px; font-weight: 600; box-shadow: none;
}
html[data-tema="oscuro"] body.mt-activo #step-1 :is(.cc-btn--secundario, .btn-secundario), html[data-tema="oscuro"] body[data-paso="8"] #step-8 .cc-btn--secundario { color: var(--md-tinta); }
body.mt-activo #step-1 :is(.cc-btn--secundario, .btn-secundario):hover, body[data-paso="8"] #step-8 .cc-btn--secundario:hover { background: var(--md-hover2); border-color: var(--md-pet); }
body.mt-activo #step-1 .cc-btn--pildora { border-radius: 0; }
body.mt-activo #step-1 :is(.cc-input, .field-input, .cc-select, select), body.mt-activo .mt-buscar input, body[data-paso="8"] #step-8 .cc-input {
min-height: 48px; height: 48px; padding: 0 14px; border: 1px solid var(--md-borde2); border-radius: 0; box-shadow: none;
background-color: var(--md-tarjeta); color: var(--md-tinta); font-family: inherit; font-size: 15px; letter-spacing: normal;
}
body.mt-activo #step-1 :is(.cc-input--cedula, .cc-num), body.mt-activo .mt-buscar input { font-family: inherit; }
body.mt-activo #step-1 :is(.cc-input, .field-input, select)::placeholder, body.mt-activo .mt-buscar input::placeholder { color: var(--md-ph); }
body.mt-activo #step-1 :is(.cc-input, .field-input, .cc-select, select):focus, body.mt-activo .mt-buscar input:focus, body[data-paso="8"] #step-8 .cc-input:focus {
outline: none; border-color: var(--md-pet); box-shadow: 0 0 0 3px rgba(243, 146, 0, .3);
}
html[data-tema="oscuro"] body.mt-activo #step-1 :is(.cc-input, .field-input, select):focus { border-color: #a9d6e5; }
body.mt-activo #step-1 select { appearance: none; -webkit-appearance: none; padding-right: 40px; background-repeat: no-repeat; background-position: right 14px center; }
body.mt-activo #step-1 .cc-campo__etiqueta { font-size: 13px; font-weight: 600; color: var(--md-tinta); margin-bottom: 6px; }
body.mt-activo :is(.mt-buscar, .mt-kpi, .mt-acceso, .mt-caja, .mt-opcion, .mt-vtipo) {
background: var(--md-tarjeta); border: 1px solid var(--md-borde); border-radius: 0; box-shadow: none; color: var(--md-tinta);
}
body.mt-activo .mt-inicio.mt-panel--abierto { gap: 20px; }
body.mt-activo .mt-saludo h1 { text-wrap: balance; }
body.mt-activo .mt-buscar { padding: 16px; gap: 12px; }
body.mt-activo .mt-buscar input { height: 56px; min-height: 56px; font-size: 16px; }
body.mt-activo .mt-buscar .mt-btn-p { min-height: 56px; min-width: 118px; }
body.mt-activo .mt-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; grid-auto-rows: 1fr; align-items: stretch; }
@media (min-width: 1100px) { body.mt-activo .mt-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
body.mt-activo .mt-kpi { padding: 20px; }
body.mt-activo .mt-kpi b { font-size: 26px; font-weight: 800; color: var(--md-tinta); margin-top: 8px; }
body.mt-activo .mt-kpi__s { color: var(--md-tinta2); font-size: 13px; margin-top: 6px; }
body.mt-activo .mt-accesos { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
body.mt-activo .mt-acceso { padding: 18px; min-height: 150px; gap: 8px; align-content: start; transition: border-color .15s, box-shadow .15s; }
body.mt-activo .mt-acceso__k { width: 40px; height: 40px; border-radius: 0; background: var(--md-icono); color: var(--md-pet); margin-bottom: 14px; }
html[data-tema="oscuro"] body.mt-activo :is(.mt-acceso__k, .mt-opcion__k) { color: #a9d6e5; }
body.mt-activo .mt-acceso--cred .mt-acceso__k { background: var(--md-icono); color: var(--md-pet); }
body.mt-activo .mt-acceso__k svg { width: 20px; height: 20px; stroke-width: 1.5; }
body.mt-activo .mt-acceso b { font-size: 16px; font-weight: 700; }
body.mt-activo .mt-acceso small { font-size: 13px; color: var(--md-tinta2); line-height: 1.45; }
body.mt-activo .mt-acceso--on { border-color: var(--md-pet); box-shadow: inset 0 3px 0 var(--md-nar); }
html[data-tema="oscuro"] body.mt-activo .mt-acceso--on { border-color: #a9d6e5; }
body.mt-activo :is(.mt-acceso, .mt-opcion):hover { border-color: var(--md-pet); box-shadow: var(--md-sombra); }
body.mt-activo .mt-acceso--on:hover { box-shadow: inset 0 3px 0 var(--md-nar), var(--md-sombra); }
body.mt-activo .mt-dos { grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 20px; }
body.mt-activo .mt-caja { padding: 22px; }
body.mt-activo .mt-caja h2 { margin-bottom: 14px; }
body.mt-activo .mt-h2-ir { color: var(--md-pet); font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }
html[data-tema="oscuro"] body.mt-activo :is(.mt-h2-ir, .mt-ir) { color: #a9d6e5; }
body.mt-activo .mt-f { border: 1px solid var(--md-borde); padding: 14px; margin-top: 8px; }
body.mt-activo .mt-f:first-child { border-top: 1px solid var(--md-borde); margin-top: 0; }
body.mt-activo .mt-f b { font-size: 15px; font-weight: 700; } body.mt-activo .mt-f small { color: var(--md-tinta2); font-size: 13px; }
body.mt-activo .mt-ir { color: var(--md-pet); font-size: 14px; }
body.mt-activo .mt-n { border-radius: 0; width: 40px; height: 40px; }
body.mt-activo .mt-n--mal { background: var(--md-peligro-f); color: var(--md-peligro); }
body.mt-activo .mt-cierre { gap: 12px; }
body.mt-activo .mt-cierre div { background: var(--md-suave); border-radius: 0; padding: 16px; }
body.mt-activo .mt-cierre b { font-size: 22px; font-weight: 800; color: var(--md-tinta); }
.mt-vtipo { display: none; }
body.mt-activo[data-mt-venta] .mt-vtipo { display: grid; gap: 12px; padding: 16px; }
.mt-vtipo__fila { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body.mt-activo .mt-vtipo__b {
display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 16px; cursor: pointer;
border: 1px solid var(--md-borde2); border-radius: 0; background: var(--md-tarjeta); color: var(--md-pet); font-size: 16px; font-weight: 700;
}
html[data-tema="oscuro"] body.mt-activo .mt-vtipo__b { color: var(--md-tinta); }
body.mt-activo .mt-vtipo__b svg { width: 20px; height: 20px; stroke-width: 1.5; }
body.mt-activo .mt-vtipo__b:hover { border-color: var(--md-pet); background: var(--md-hover2); }
body.mt-activo .mt-vtipo__b[aria-pressed="true"] { background: var(--md-nar); border-color: var(--md-nar); color: var(--md-sobre-nar); }
body.mt-activo .mt-opciones { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin-top: 20px; }
body.mt-activo .mt-opcion { grid-template-columns: 44px 1fr; gap: 16px; padding: 24px; min-height: 0; align-items: start; }
body.mt-activo .mt-opcion__k { width: 44px; height: 44px; border-radius: 0; background: var(--md-icono); color: var(--md-pet); }
body.mt-activo .mt-opcion__k svg { stroke-width: 1.5; }
body.mt-activo .mt-opcion__t { font-size: 18px; font-weight: 700; }
body.mt-activo .mt-opcion__s { font-size: 14px; color: var(--md-tinta2); opacity: 1; margin-top: 6px; line-height: 1.45; }
body.mt-activo .mt-opcion--peligro { border-color: rgba(180, 35, 24, .25); }
body.mt-activo .mt-opcion--peligro .mt-opcion__k { background: var(--md-peligro-f); color: var(--md-peligro); }
body.mt-activo #mt-mas.mt-panel--abierto { background: transparent; border: 0; padding: 0; box-shadow: none; }
body.mt-activo #step-1 > .cp-panel:not(.oculto) { background: transparent; border: 0; box-shadow: none; padding: 0; border-radius: 0; max-width: none; }
body.mt-activo #step-1 .cp-volver-fila { display: none; }
body.mt-activo #step-1 details.ayuda-mas summary { color: var(--md-pet); font-size: 14px; font-weight: 600; }
html[data-tema="oscuro"] body.mt-activo #step-1 details.ayuda-mas summary { color: #a9d6e5; }
body.mt-activo #vista-pos:not(.oculto) {
display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 20px; align-items: start;
}
body.mt-activo #vista-pos:not(.oculto) > * { grid-column: 1 / -1; }
body.mt-activo #vista-pos:not(.oculto) > .pos-busqueda { grid-column: auto; }
body.mt-activo #vista-pos:not(.oculto) > .pos-stats-hoy { grid-column: auto; grid-row: auto; }
body.mt-activo #vista-pos .pos-busqueda, body.mt-activo #vista-pos .pos-stats-hoy:not(:empty) {
background: var(--md-tarjeta); border: 1px solid var(--md-borde); padding: 22px; margin: 0;
}
body.mt-activo #vista-pos .pos-busqueda-fila { display: flex; flex-wrap: wrap; gap: 12px; }
body.mt-activo #vista-pos .pos-busqueda-fila .cc-input { flex: 1 1 220px; min-width: 220px; height: 56px; min-height: 56px; font-size: 16px; }
body.mt-activo #vista-pos .pos-busqueda-fila .cc-btn { min-height: 56px; flex: 0 0 auto; }
body.mt-activo #vista-pos .pos-stats-hoy { text-align: center; }
body.mt-activo #vista-pos .pos-stats-hoy :is(b, strong, .cc-cifra) { font-size: 48px; font-weight: 800; line-height: 1.1; }
body.mt-activo #step-1 > #venta-contado:not(.oculto) {
display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 18px 20px; align-items: start;
background: var(--md-tarjeta); border: 1px solid var(--md-borde); padding: 24px 28px 28px;
}
body.mt-activo #venta-contado:not(.oculto) > * { grid-column: 1 / -1; margin: 0; }
body.mt-activo #venta-contado:not(.oculto) > .campo:not(#contado-cf-wrap):not(:has(#contado-producto-buscar)) { grid-column: auto; }
body.mt-activo #venta-contado #contado-cf-wrap { background: var(--md-suave); padding: 14px 16px; border: 1px solid var(--md-borde); }
body.mt-activo #venta-contado #btn-emitir-contado { justify-self: end; grid-column: 1 / -1; width: auto; min-width: 260px; min-height: 52px; }
body.mt-activo #venta-contado > .cp-titulo-panel { padding-bottom: 0; }
body.mt-activo #datos-cliente-form-wrap:not(.oculto) { background: var(--md-tarjeta); border: 1px solid var(--md-borde); padding: 24px 28px 28px; box-shadow: none; border-radius: 0; }
}
body.mt-activo #datos-cliente-form-wrap :is(.acepta, .cc-check) { background: var(--md-suave); padding: 14px 16px; border: 1px solid var(--md-borde); }
body.mt-activo #datos-cliente-form-wrap .cp-acciones-paso1 { display: flex; justify-content: flex-end; }
body.mt-activo #progress-dots { margin: 0; padding: 14px 20px; background: var(--md-tarjeta); border: 1px solid var(--md-borde); }
body.mt-activo #step-1 > #resumen-caja-caja:not(.oculto) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 16px 20px; align-items: start; }
body.mt-activo #resumen-caja-caja:not(.oculto) > * { grid-column: 1 / -1; margin: 0; }
body.mt-activo #resumen-caja-caja:not(.oculto) > :is(.caja-respaldo, .caja-cierre) { grid-column: auto; }
@media (min-width: 1100px) { body.mt-activo #step-1 > #resumen-caja-caja:not(.oculto) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
body.mt-activo #resumen-caja-caja > p.t-mini:not(.estad-vacio) { max-width: 760px; }
body.mt-activo #resumen-caja-caja .estad-vacio { border: 1px dashed var(--md-borde2); background: transparent; padding: 16px 18px; color: var(--md-tinta2); }
body.mt-activo #resumen-caja-caja > :is(.perfil-seccion, .caja-anular, .sim-grid) { background: var(--md-tarjeta); border: 1px solid var(--md-borde); padding: 22px; border-radius: 0; box-shadow: none; }
body.mt-activo #resumen-caja-caja .sim-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
body.mt-activo #resumen-caja-caja .perfil-seccion .sim-grid { padding: 0; border: 0; margin-top: 12px; }
body.mt-activo #resumen-caja-caja .sim-grid > * { background: var(--md-suave); border: 0; border-radius: 0; padding: 16px; box-shadow: none; }
body.mt-activo #resumen-caja-caja .caja-nuevos .sim-grid :is(b, strong, .cc-cifra, .sim-valor) { font-size: 32px; font-weight: 800; }
body.mt-activo #resumen-caja-caja .caja-cierre .campo { margin-top: 12px; }
body.mt-activo #resumen-caja-caja .caja-cierre .cc-btn--lg { background: var(--md-nar); color: var(--md-sobre-nar); border: 0; font-weight: 700; }
body.mt-activo #resumen-caja-caja .caja-cierre .cc-btn--lg:hover { background: var(--md-nar2); }
body.mt-activo #step-1 > :is(#registro-clientes-caja, #panel-casos-revisar):not(.oculto) { background: var(--md-tarjeta); border: 1px solid var(--md-borde); padding: 24px 28px; }
body.mt-activo #avisoLocal, body[data-paso="8"] #avisoLocal {
position: fixed; right: 24px; bottom: 24px; left: auto; top: auto; max-width: 560px; width: calc(100% - 48px); z-index: 70;
background: var(--md-tarjeta); border: 1px solid var(--md-borde); border-radius: 0; box-shadow: 0 24px 50px -24px rgba(0, 30, 38, .45);
padding: 16px 18px; gap: 16px;
}
body.mt-activo #avisoLocal p, body[data-paso="8"] #avisoLocal p { color: var(--md-tinta2); font-size: 13px; }
body.mt-activo #avisoLocal #btn-aceptar-local, body[data-paso="8"] #avisoLocal #btn-aceptar-local {
background: #002c36; color: #fff; border: 0; border-radius: 0; min-height: 44px; padding: 0 18px; font-weight: 700; flex: none;
}
@media (max-width: 899px) { body.mt-activo #avisoLocal { bottom: calc(var(--mt-alto-tabs) + 12px + env(safe-area-inset-bottom)); right: 12px; width: calc(100% - 24px); } }
body[data-paso="8"] .phone-shell { margin: 0 auto !important; max-width: none !important; width: 100%; background: transparent; box-shadow: none; border: 0; }
body[data-paso="8"] #phone-shell #app-view { background: transparent; box-shadow: none; border: 0; padding: 56px 20px 140px; }
body[data-paso="8"] #step-8.active { display: flex; flex-direction: column; gap: 14px; width: 100%; max-width: 520px; margin: 0 auto; }
body[data-paso="8"] #btn-volver-home { margin-top: 16px; }
body[data-paso="8"] #step-8 .cp-titulo-panel { font-size: 26px; font-weight: 800; letter-spacing: -.02em; text-align: center; color: var(--md-tinta); margin: 0; }
body[data-paso="8"] #step-8 .cp-puerta-paso { background: var(--md-tarjeta); border: 1px solid var(--md-borde); border-radius: 0; box-shadow: none; padding: 32px; margin-top: 10px; }
body[data-paso="8"] #step-8 .vendedor-pregunta { font-size: 22px; font-weight: 700; margin: 12px 0 16px; color: var(--md-tinta); }
body[data-paso="8"] #step-8 .cc-input { height: 56px; min-height: 56px; width: 100%; box-sizing: border-box; }
body[data-paso="8"] #step-8 .cc-btn--primario { width: 100%; min-height: 56px; }
body[data-paso="8"] #step-8 #volver-modo-8 { width: 100%; min-height: 52px; }
body[data-paso="8"] #step-8 .t-etiqueta { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--md-etq); }
body.mt-activo #datos-cliente-form-wrap .cp-progreso { position: static; display: flex; align-items: center; gap: 14px; margin: 14px 0 20px; }
body.mt-activo #datos-cliente-form-wrap .cp-progreso .cc-progreso { flex: 1 1 auto; height: 4px; border-radius: 0; background: rgba(0, 44, 54, .14); position: static; }
body.mt-activo #datos-cliente-form-wrap .form-progreso-relleno { background: var(--md-nar); border-radius: 0; }
body.mt-activo #datos-cliente-form-wrap .form-progreso-texto { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--md-etq); white-space: nowrap; }
body.mt-activo #step-1 > #venta-contado:not(.oculto) { grid-template-columns: minmax(0, 1fr); }
body.mt-activo #venta-contado:not(.oculto) > .campo:not(#contado-cf-wrap):not(:has(#contado-producto-buscar)) { grid-column: 1 / -1; }
body.mt-activo #venta-contado #btn-emitir-contado { justify-self: stretch; width: 100%; min-width: 0; }
body.mt-activo #datos-cliente-form-wrap .cc-formulario { display: flex; flex-direction: column; gap: 16px; }
body.mt-activo #datos-cliente-form-wrap .cp-permisos { display: flex; flex-direction: column; gap: 12px; }
body.mt-activo #datos-cliente-form-wrap .cp-permisos > * { width: 100%; max-width: none; border-left: 0; padding-left: 0; }
body.mt-activo #datos-cliente-form-wrap .cp-acciones-paso1 { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
body.mt-activo #datos-cliente-form-wrap .cp-acciones-paso1 .cc-btn { width: 100%; max-width: none; }
body.mt-activo #btn-en-local-1, body.mt-activo #nota-en-local { display: none !important; }
body.mt-activo #datos-cliente-form-wrap fieldset.cp-permisos { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-auto-flow: row; }
body.mt-activo #datos-cliente-form-wrap fieldset.cp-permisos > * { grid-column: 1 / -1 !important; border-left: 0 !important; }
body.mt-activo #datos-cliente-form-wrap #btn-continuar-1 { width: 100%; max-width: none; flex: 1 1 auto; }
body.mt-activo #step-1 > :is(#mt-vtipo, #venta-contado, #datos-cliente-form-wrap) { max-width: 760px !important; }
body.mt-activo :is(#venta-contado, #datos-cliente-form-wrap) :is(.cc-input, .field-input, .cc-select, select) { height: 44px; min-height: 44px; font-size: 15px; }
body.mt-activo :is(#venta-contado, #datos-cliente-form-wrap) .cc-campo__etiqueta { margin-bottom: 4px; }
body.mt-activo #step-1 > #venta-contado:not(.oculto) { row-gap: 14px; padding: 22px 24px 24px; }
body.mt-activo #datos-cliente-form-wrap .cc-formulario { gap: 12px; }
body.mt-activo #venta-contado #btn-emitir-contado, body.mt-activo #datos-cliente-form-wrap #btn-continuar-1 { min-height: 48px; }
body.mt-activo .mt-vtipo__b { min-height: 48px; font-size: 15px; }
body.mt-activo #datos-cliente-form-wrap fieldset.cp-permisos > * { grid-row: auto !important; }
body.mt-activo #datos-cliente-form-wrap .cp-acciones-paso1 { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
body.mt-activo :is(#venta-contado, #datos-cliente-form-wrap) :is(input.cc-input, input.field-input, select.field-input, select.cc-select) { height: 44px !important; min-height: 44px !important; }
body[data-paso="8"] #app-view > .pantalla { background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0; }
body[data-paso="8"] #step-8 .cp-titulo-panel { text-transform: none; }
body[data-paso="8"] .cc-topbar .h1-sub-cliente { display: none !important; }
body[data-paso="8"] .cc-topbar .h1-sub-tienda { display: inline-block !important; }
@media (max-width: 600px) {
body.mt-activo .cc-topbar .cc-topbar__marca, body[data-paso="8"] .cc-topbar .cc-topbar__marca { flex-wrap: nowrap; gap: 10px; }
body.mt-activo .cc-topbar .h1-sub-tienda, body[data-paso="8"] .cc-topbar .h1-sub-tienda { flex: 0 0 auto; padding: 0 0 0 10px; font-size: 11px; letter-spacing: .14em; border-left: 1px solid rgba(255, 255, 255, .18); }
body.mt-activo .cc-topbar img.cc-topbar__logo:not(.cc-topbar__logo--color), body[data-paso="8"] .cc-topbar img.cc-topbar__logo:not(.cc-topbar__logo--color) { height: 32px; }
body.mt-activo .cc-topbar, body[data-paso="8"] .cc-topbar { padding: 0 14px; }
}
@media (min-width: 900px) {
body.mt-activo .phone-shell { background: linear-gradient(90deg, #002c36 0, #002c36 240px, transparent 240px) !important; }
}
.mt-barra-tienda { display: none; }
body.mt-activo .cc-topbar .mt-barra-tienda {
display: inline-block; padding-left: 16px; border-left: 1px solid rgba(255, 255, 255, .18); line-height: 24px;
font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40vw;
}
@media (min-width: 900px) { body.mt-activo .mt-nav__vend { display: none !important; } }
@media (max-width: 600px) { body.mt-activo .cc-topbar .mt-barra-tienda { display: none; } }
body.mt-activo .cc-btn, body.mt-activo .btn-primary, body.mt-activo .btn-secundario, body.mt-activo .pos-contado-btn,
body.mt-activo .mt-btn-p, body.mt-activo #step-1 .cc-btn, body.mt-activo #step-1 .cc-btn--pildora { border-radius: 6px; }
body.mt-activo #banner-tienda .banner-tienda-fila { flex: 1 1 auto; }
body.mt-activo #banner-tienda-nombre { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mt-activo .mt-nav__vend { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; }
@media (max-width: 899px) {
body.mt-activo .mt-r-mas { display: none; }
body.mt-activo .mt-nav__btn { font-size: 10px; }
body.mt-activo .mt-nav__btn .mt-r { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
.mt-ch-burbuja { display: none; }
body.mt-activo .mt-ch-burbuja {
display: grid; place-items: center; position: fixed; right: 18px; bottom: 18px; z-index: 70;
width: 56px; height: 56px; border-radius: 50%; cursor: pointer; padding: 0;
background: #fff; color: #fff; border: 2px solid var(--mt-p500); box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
}
body.mt-activo .mt-ch-burbuja svg { width: 26px; height: 26px; }
body.mt-activo .mt-ch-burbuja .mt-ch-burbuja__img { width: 40px; height: 40px; object-fit: contain; display: block; }
body.mt-activo .mt-ch-burbuja .mt-ch-burbuja__img { -webkit-user-drag: none; user-select: none; pointer-events: none; }
body.mt-activo .mt-ch-burbuja:focus-visible { outline: 2px solid var(--mt-cel2); outline-offset: 3px; }
@media (max-width: 899px) { body.mt-activo .mt-ch-burbuja { bottom: calc(var(--mt-alto-tabs) + 14px + env(safe-area-inset-bottom)); right: 14px; width: 50px; height: 50px; } }
.mt-kpi--dos { display: grid; gap: 10px; }
.mt-kpi__linea { min-width: 0; }
.mt-kpi__linea + .mt-kpi__linea { border-top: 1px solid var(--mt-linea); padding-top: 8px; }
body.mt-activo .mt-kpi--dos .mt-kpi__linea b { font-size: 20px; margin-top: 2px; }
body.mt-activo .mt-kpi--dos .mt-kpi__s { margin-top: 2px; }
.mt-kpi--boton { display: block; width: 100%; text-align: left; font: inherit; color: inherit; border: 1.5px solid transparent; cursor: pointer; }
.mt-kpi--boton:hover { border-color: var(--mt-p500); }
.mt-kpi--boton:focus-visible { outline: 2px solid var(--mt-p500); outline-offset: 2px; }
.mt-kpi__ir { display: block; margin-top: 8px; font-size: 13px; font-weight: 700; color: var(--mt-p500); }
.mt-stock__barra { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 8px 0 12px; }
.mt-stock__buscar { flex: 1 1 240px; min-width: 0; }
.mt-stock__tabla { overflow-x: auto; }
.mt-tabla { width: 100%; border-collapse: collapse; font-size: 14px; }
.mt-tabla th, .mt-tabla td { padding: 9px 10px; border-bottom: 1px solid var(--mt-linea); text-align: left; vertical-align: top; }
.mt-tabla .num { text-align: right; font-variant-numeric: tabular-nums; }
.mt-tabla .mono { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 13px; }
.mt-tabla tfoot td { font-weight: 800; border-top: 2px solid var(--mt-linea); border-bottom: 0; }
.mt-orden { background: none; border: 0; padding: 0; font: inherit; font-weight: 700; color: inherit; cursor: pointer; white-space: nowrap; }
.mt-orden__f { color: var(--mt-tinta3); }
.mt-orden[aria-sort] .mt-orden__f { color: var(--mt-p500); }
.mt-tabla tr.mt-stock--malo td { color: #c6413a; }
.mt-tabla tr.mt-stock--malo td:first-child { box-shadow: inset 3px 0 0 #c6413a; }