.vx { font-family: var(--cc-fuente-texto); font-size: 14px; line-height: 1.4; color: var(--cc-texto); font-variant-numeric: tabular-nums; min-width: 0; }
.vx *, .vx *::before, .vx *::after { box-sizing: border-box; }
.vx button { margin: 0; width: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.vx button:focus-visible { outline: 2px solid var(--u-info); outline-offset: 2px; border-radius: 6px; }
.vx small { font-size: 12.5px; }
.vx .g { color: var(--cc-texto-3); }


#px-main .vx-cab .acciones { align-items: center; flex-wrap: wrap; gap: 8px 10px; }
#px-main .vx-cab .acciones .v2-en-vivo { margin-right: 6px; }
.vx-fuente { margin: -4px 0 12px; font-size: 13px; color: var(--cc-texto-2); padding-left: 10px; border-left: 3px solid var(--u-neutro); }


.vx-cifras { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr); border-top: 1px solid var(--cc-borde); border-bottom: 1px solid var(--cc-borde); margin: 4px 0 0; }
.vx-k { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 14px 16px; border-left: 1px solid var(--cc-borde); }
.vx-k:first-child { border-left: 0; padding-left: 0; }
.vx-k-main { display: flex; flex-direction: column; gap: 2px; border-radius: 8px !important; }
.vx-k-main:hover .v { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.vx-k .l { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--cc-texto-3); }
.vx-k .v { font-size: 26px; font-weight: 700; line-height: 1.15; color: var(--cc-texto); overflow-wrap: anywhere; }
.vx-k .v.cero, .vx-k.nd .v { color: var(--cc-texto-3); }
.vx-k .v.u-bien { color: var(--u-bien); }
.vx-k .v.u-alerta { color: var(--u-alerta); }
.vx-k .s { font-size: 13px; color: var(--cc-texto-2); overflow-wrap: anywhere; }
.vx-k.nd .s { color: var(--cc-texto-3); }
.vx-k .s .g { font-size: 12.5px; }
.vx-k .vx-tk-alt { display: none; }
.vx-cambio { animation: vx-cambio 1.1s ease-out 1; }
@keyframes vx-cambio { 0% { background: var(--u-info-suave); box-shadow: 0 0 0 6px var(--u-info-suave); } 100% { background: transparent; box-shadow: 0 0 0 6px transparent; } }

.vx-rep { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-top: 8px; }
.vx-rep-b { display: flex; width: 100%; height: 6px; border-radius: 3px; overflow: hidden; background: var(--u-pista); }
.vx-rep-b i { display: block; height: 100%; }
.vx-rep button { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; font-size: 13px; color: var(--cc-texto-2); border-radius: 6px !important; }
.vx-rep button:hover { color: var(--cc-texto); text-decoration: underline; }
.vx-rep button b { color: var(--cc-texto); font-weight: 600; }
.vx-rep button i { width: 10px; height: 10px; border-radius: 2px; flex: none; }
.vx .t-credito { background: var(--t-credito); }
.vx .t-contado { background: var(--t-contado); }


.vx-sec { margin: 0; padding: 18px 0 4px; border-top: 1px solid var(--cc-borde); min-width: 0; }
#vx-dias-sec { border-top: 0; padding-top: 22px; }
.vx-h { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--cc-texto-3); }
.vx-h .d { font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.vx-h .n { font-size: 14px; font-weight: 700; letter-spacing: 0; color: var(--cc-texto); }
.vx-h .v2-en-vivo { margin-left: auto; text-transform: none; letter-spacing: 0; font-weight: 600; }
details.vx-pl > summary { list-style: none; cursor: pointer; display: block; }
details.vx-pl > summary::-webkit-details-marker { display: none; }
details.vx-pl > summary .vx-h { margin: 0; min-height: 44px; align-items: center; padding-right: 26px; position: relative; }
details.vx-pl > summary .vx-h::after { content: "▾"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); color: var(--cc-texto-3); font-size: 14px; }
details.vx-pl[open] > summary .vx-h::after { content: "▴"; }
details.vx-pl[open] > summary { margin-bottom: 8px; }
.vx-nd { margin: 4px 0 8px; font-size: 13px; color: var(--cc-texto-3); }
.vx-nd b { margin-right: 4px; color: var(--cc-texto-3); }
.vx-cero { margin: 4px 0 10px; font-size: 13.5px; color: var(--cc-texto-2); }
.vx-pie { margin: 10px 0 8px; font-size: 13px; color: var(--cc-texto-3); }
.vx-mas, .vx-link { display: inline-flex; align-items: center; min-height: 40px; padding: 0 2px !important; color: var(--cc-enlace) !important; font-weight: 600 !important; font-size: 13.5px !important; }
.vx-mas:hover, .vx-link:hover { text-decoration: underline; }


.vx-dias { position: relative; display: grid; grid-template-columns: repeat(var(--nc, 7), minmax(0, 1fr)); gap: 6px; align-items: stretch; height: 182px; padding-top: 4px; }
.vx-dias.muchas { gap: 3px; }
.vx-dias::after { content: ""; position: absolute; left: 0; right: 0; bottom: 24px; border-bottom: 1px solid var(--cc-borde-fuerte); pointer-events: none; }
.vx-col { display: flex !important; flex-direction: column; justify-content: flex-end; min-width: 0; height: 100%; border-radius: 6px !important; }
button.vx-col:hover { background: var(--cc-superficie-2) !important; }
.vx-col .b { position: relative; flex: 1 1 auto; margin: 0 14%; }
.vx-dias.muchas .vx-col .b { margin: 0 6%; }
.vx-col .b i { position: absolute; left: 0; right: 0; bottom: 0; height: 0; border-radius: 3px 3px 0 0; transition: height .6s cubic-bezier(.2, .7, .2, 1); }
.vx-col .b i.u-bien { background: var(--u-bien); }
.vx-col .b i.u-alerta { background: var(--u-alerta); }
.vx-col .b i.f { background: transparent; border: 1.5px dashed var(--u-neutro); border-bottom: 0; z-index: 2; left: -8%; right: -8%; }
.vx-col .x { flex: none; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: var(--cc-texto-3); white-space: nowrap; overflow: visible; }
.vx-col.vacio .x { color: var(--cc-texto-3); }
.vx-prom { position: absolute; left: 0; right: 0; height: 0; bottom: calc(24px + (100% - 28px) * var(--p, 0) / 100); border-top: 2px solid var(--cc-texto); opacity: .45; pointer-events: none; z-index: 3; }
.vx-ley { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 10px 0 6px; font-size: 12.5px; color: var(--cc-texto-3); }
.vx-ley i { display: inline-block; width: 14px; height: 9px; border-radius: 2px; vertical-align: middle; margin-right: 6px; }
.vx-ley i.u-bien { background: var(--u-bien); } .vx-ley i.u-alerta { background: var(--u-alerta); }
.vx-ley i.f { background: transparent; border: 1.5px dashed var(--u-neutro); }
.vx-ley em { display: inline-block; width: 16px; height: 0; border-top: 2px solid var(--cc-texto); opacity: .45; vertical-align: middle; margin-right: 6px; }


.vx-rk { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 8px 28px; align-items: start; }
.vx-rk-col { min-width: 0; }
.vx-rk-col + .vx-rk-col { border-left: 1px solid var(--cc-borde); padding-left: 24px; }
#px-main .vx-rk .v2g { gap: 8px; background: none; border: 0; border-radius: 0; padding: 0; margin: 0; }  
.vx-rk .v2g-cab { row-gap: 2px; }
#px-main .vx-rk .v2g-barra { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
#px-main .vx-rk .v2g-barra .v { white-space: normal; flex-direction: column !important; align-items: flex-end !important; gap: 0 !important; text-align: right; }
#px-main .vx-rk .v2g-barra .v small { white-space: normal; max-width: 180px; }
.vx-tabs { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }


.vx-tabla { display: flex; flex-direction: column; min-width: 0; }
.vx-tr { display: grid !important; align-items: center; column-gap: 12px; min-height: 44px; padding: 4px 8px !important; border-bottom: 1px solid var(--cc-borde) !important; width: 100%; }
.vx-th { min-height: 34px; font-size: 12.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--cc-texto-3); }
button.vx-tr:hover, .vx-fila:not(.vx-cero-f):hover { background: var(--cc-superficie-2) !important; }
.vx-tr .d { text-align: right; display: flex; flex-direction: column; align-items: flex-end; }
.vx-tr .d small, .vx-c-prod small { color: var(--cc-texto-3); font-weight: 500; }
.vx-tr .d.g { color: var(--cc-texto-3); }
.vx-tr > button { min-height: 36px; border-radius: 6px !important; }
.vx-tr > button:hover { text-decoration: underline; text-underline-offset: 3px; }
.vx-c-prod { display: flex !important; flex-direction: column; justify-content: center; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.vx-c-prod small { display: block; font-size: 12.5px; }
.vx-c-tienda { min-width: 0; overflow-wrap: anywhere; color: var(--cc-texto-2); font-size: 13.5px; }
.vx-c-fecha { white-space: nowrap; color: var(--cc-texto-2); }
.vx-c-precio { text-align: right; font-weight: 700; white-space: nowrap; }
.vx-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 9px; border: 1px solid var(--cc-borde-fuerte); border-radius: 13px; font-size: 12.5px; font-weight: 600; color: var(--cc-texto-2); white-space: nowrap; }
.vx-chip::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--t-contado); }
.vx-chip.cred::before { background: var(--t-credito); }
.vx-ventas .vx-tr { grid-template-columns: 74px 104px minmax(0, 1.6fr) minmax(0, 1fr) 104px; }
.vx-cortes .vx-tr { grid-template-columns: 62px minmax(0, 1fr) 100px 100px 96px; }
.vx-caja .vx-tr { grid-template-columns: 62px minmax(0, 1fr) 100px 100px 96px; }   
.vx-hoy { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin: 0 0 8px; font-size: 13.5px; color: var(--cc-texto-2); }
.vx-hoy b { color: var(--cc-texto); }
.vx .vx-btn { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid var(--cc-borde-fuerte); border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--cc-texto-3); cursor: not-allowed; }


.vx-dos, .vx-fuera { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr)); column-gap: 32px; align-items: stretch; }

.vx > .vx-dos > details { display: flex; flex-direction: column; }


.vx-fuera { margin-top: 10px; }
.vx-enls { display: flex; flex-direction: column; }
.vx-enl { display: grid !important; grid-template-columns: minmax(64px, auto) minmax(0, 1fr) 16px; align-items: center; gap: 12px; min-height: 52px; padding: 6px 8px !important; border-bottom: 1px solid var(--cc-borde) !important; border-radius: 0 !important; }
.vx-enl:hover { background: var(--cc-superficie-2) !important; }
.vx-enl .k { font-size: 18px; font-weight: 700; text-align: right; white-space: nowrap; }
.vx-enl .t { display: flex; flex-direction: column; font-weight: 600; min-width: 0; }
.vx-enl .t small { font-weight: 500; color: var(--cc-texto-3); }
.vx-enl .ir { color: var(--cc-enlace); font-weight: 700; }


@media (max-width: 1100px) {
  .vx-cifras { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .vx-k:nth-child(3) { border-left: 0; padding-left: 0; }
  .vx-k:nth-child(n+3) { border-top: 1px solid var(--cc-borde); }
  .vx-rk-col + .vx-rk-col { border-left: 0; padding-left: 0; }
}


@media (max-width: 600px) {
  .vx-cifras { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .vx-k { padding: 12px 0 12px 12px; }
  .vx-k-vendido { grid-column: 1 / -1; border-left: 0; padding-left: 0; }
  .vx-k-ventas { border-left: 0 !important; padding-left: 0 !important; border-top: 1px solid var(--cc-borde); }
  .vx-k-cmp { border-top: 1px solid var(--cc-borde); }
  .vx-k-ticket { display: none !important; }
  .vx-k .vx-tk-alt { display: block; }
  .vx-k .v { font-size: 22px; }
  .vx-k-vendido .v { font-size: 28px; }
  .vx-dias { height: 160px; }
  .vx-col .b { margin: 0 8%; }
  .vx-th { display: none !important; }
  .vx-tr { padding: 8px 4px !important; row-gap: 4px; }
  .vx-ventas .vx-tr { grid-template-columns: auto auto minmax(0, 1fr) auto; grid-template-areas: "prod prod prod precio" "fecha tipo tienda tienda"; }
  .vx-ventas .vx-c-prod { grid-area: prod; } .vx-ventas .vx-c-precio { grid-area: precio; }
  .vx-ventas .vx-c-fecha { grid-area: fecha; } .vx-ventas .vx-c-tipo { grid-area: tipo; } .vx-ventas .vx-c-tienda { grid-area: tienda; text-align: right; }
  .vx-cortes .vx-tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; grid-template-areas: "tienda tienda total" "fecha cred cont"; }
  .vx-cortes .vx-tr > :nth-child(1) { grid-area: fecha; color: var(--cc-texto-3); } .vx-cortes .vx-tr > :nth-child(2) { grid-area: tienda; color: var(--cc-texto); font-weight: 600; }
  .vx-cortes .vx-tr > :nth-child(3) { grid-area: cred; align-items: flex-start; text-align: left; } .vx-cortes .vx-tr > :nth-child(4) { grid-area: cont; }
  .vx-cortes .vx-tr > :nth-child(5) { grid-area: total; }
  .vx-caja .vx-tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; grid-template-areas: "tienda tienda total" "fecha cont cobros"; }
  .vx-caja .vx-tr > :nth-child(1) { grid-area: fecha; color: var(--cc-texto-3); font-size: 13px; } .vx-caja .vx-tr > :nth-child(2) { grid-area: tienda; color: var(--cc-texto); font-weight: 600; }
  .vx-caja .vx-tr > :nth-child(3) { grid-area: cont; align-items: flex-start; text-align: left; } .vx-caja .vx-tr > :nth-child(4) { grid-area: cobros; } .vx-caja .vx-tr > :nth-child(5) { grid-area: total; }
  .vx-enl { grid-template-columns: minmax(52px, auto) minmax(0, 1fr) 14px; }
  #px-main .vx-cab .acciones .v2-en-vivo { width: 100%; }
}


#px-main .vx .v2g-barra.vx-bent { cursor: default; }
#px-main .vx .v2g-barra .vx-bt { display: contents !important; }
.vx .vx-bt > .p, .vx .vx-bt > .v { cursor: pointer; }
#px-main .vx .v2g-barra .vx-ent { display: flex; align-items: center; justify-self: start; min-height: 32px; padding: 2px 4px !important; margin-left: -4px; color: var(--cc-enlace); font-weight: 600; font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; border-radius: 6px; }
#px-main .vx .v2g-barra .vx-ent:hover { text-decoration: underline; text-underline-offset: 3px; }

#px-main .vx .v2g-barras.vx-con-elegida > .v2g-barra:not(.vx-elegida) { opacity: .55; }
#px-main .vx .v2g-barra.vx-elegida { outline: 2px solid var(--u-neutro); outline-offset: -2px; opacity: 1; }
.vx .vx-puesto { margin: 2px 0 8px; font-size: 13px; color: var(--cc-texto-2); }
.vx .vx-cadena { margin: -4px 0 8px; font-size: 13px; color: var(--cc-texto-3); }

.vx-k-ent .v { font-size: 18px !important; line-height: 1.25; text-align: left; overflow-wrap: anywhere; }
.vx-k-ent .v.vx-link { min-height: 32px; padding: 0 !important; font-size: 18px !important; }
.vx-k-ent .v.lf-ent { color: var(--cc-enlace); font-weight: 700; }
.vx-k-ent .v:hover { text-decoration: underline; text-underline-offset: 4px; }

.vx-tipos { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; margin: 6px 0 4px; }
.vx-tipos .g { color: var(--cc-texto-3); }
@media (pointer: coarse) {
  
  #px-main .vx .v2g-barra .vx-ent, #px-main .vx-k-ent .v.vx-link, #px-main .vx-tipos .vx-link, #px-main .vx .vx-mas, #px-main .vx .vx-link { min-height: 44px; }
  #px-main .vx .vx-tr > button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .vx-cambio { animation: none; } .vx-col .b i { transition: none; } }

.vx > .vx-sec, .vx > details.vx-sec, .vx > .vx-dos > details, .vx > .vx-fuera > * { margin: 18px 0 0; padding: 18px 20px 16px; border: 1px solid var(--cc-borde); border-top: 1px solid var(--cc-borde); border-radius: 16px; background: var(--cc-superficie); box-shadow: var(--cc-sombra-1); }
.vx > details.vx-resumen > .vx-sec { margin: 14px 0 0; padding: 16px 0 4px; border: 0; border-top: 1px solid var(--cc-borde); border-radius: 0; background: none; box-shadow: none; }
.vx > details.vx-resumen > .vx-cifras { margin: 10px 0 0; border-top: 0; }
.vx .v2g-vivo, .vx .v2-en-vivo { position: static; display: inline-flex; margin: 0 0 6px 0; float: none; }
.vx .vx-rk .v2g-cab { position: relative; align-items: flex-start; }
.vx .vx-dos { column-gap: 18px; }

.vx-cortes .vx-tr { grid-template-columns: 56px minmax(120px, 1.4fr) minmax(70px, 1fr) minmax(70px, 1fr) minmax(80px, 1fr); }
.vx-caja .vx-tr { grid-template-columns: 56px minmax(120px, 1.4fr) minmax(70px, 1fr) minmax(70px, 1fr) minmax(80px, 1fr); }
.vx-cortes .vx-tr > *, .vx-caja .vx-tr > * { min-width: 0; overflow-wrap: normal; word-break: normal; }

.vx-colf { font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--cc-texto-3); border: 0; background: transparent; cursor: pointer; max-width: 100%; padding: 0; appearance: auto; }
.vx-colf:focus-visible { outline: none; box-shadow: var(--cc-anillo-foco); border-radius: 6px; }
.vx-tr.vx-total { background: var(--cc-superficie-2); font-weight: 700; border-bottom: 0 !important; border-radius: 0 0 12px 12px; }
.vx-tr.vx-total [role="cell"]:nth-child(3), .vx-tr.vx-total [role="cell"]:nth-child(4) { font-weight: 500; color: var(--cc-texto-2); font-size: 13px; }
.vx-tr.vx-total em { font-style: normal; font-weight: 500; color: var(--cc-texto-3); font-size: 12px; }
.vx-rk-cab { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 10px; }
.vx-puesto { font-size: 13px; color: var(--cc-texto-2); }
.vx-rkt .vx-fila { text-align: left; }
.vx-rkt .vx-fila:hover { background: var(--cc-superficie-2); }
.vx-rkt .vx-fila.cero { color: var(--cc-texto-3); }
.vx-rkt .vx-c-n, .vx-rkt .vx-c-precio { text-align: right; font-variant-numeric: tabular-nums; }
.vx-rkt .vx-c-precio { font-weight: 700; }
.vx-rkt .vx-c-barra { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.vx-rkt .vx-c-barra i { display: block; height: 8px; border-radius: 99px; background: var(--u-bien, #1b7f4b); max-width: 100%; }
.vx-rkt .vx-c-barra i.bajo { background: var(--u-alerta, #b86a12); }
.vx-rkt .vx-c-barra em { font-style: normal; font-size: 12px; color: var(--cc-texto-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vx-exp { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; text-transform: none; letter-spacing: 0; font-weight: 600; font-size: 12.5px; }
.vx-exp button { border: 0; background: none; color: var(--cc-enlace, var(--cc-primario)); font: inherit; font-weight: 600; cursor: pointer; padding: 2px 4px; border-radius: 6px; }
.vx-exp button:hover { background: var(--cc-superficie-2); }
.vx-exp i { color: var(--cc-texto-3); font-style: normal; }

.vx-exp .vx-exp-mas { display: none; }
.vx-exp .vx-exp-lista { display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 767px) {
  body.v2c-sa .vx-exp { position: relative; }
  body.v2c-sa .vx-exp .vx-exp-mas { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid var(--cc-borde-fuerte); border-radius: 8px; background: var(--cc-superficie); color: var(--cc-texto); font-weight: 600; font-size: 13px; }
  body.v2c-sa .vx-exp .vx-exp-lista { display: none; }
  body.v2c-sa .vx-exp.abierta .vx-exp-lista { display: flex; flex-direction: column; align-items: stretch; gap: 0; position: absolute; right: 0; top: calc(100% + 4px); z-index: 30; min-width: 150px; padding: 4px; background: var(--cc-superficie); border: 1px solid var(--cc-borde); border-radius: 10px; box-shadow: var(--v2-sombra, 0 6px 18px rgba(0,0,0,.15)); }
  body.v2c-sa .vx-exp.abierta .vx-exp-lista i { display: none; }
  body.v2c-sa .vx-exp.abierta .vx-exp-lista button { min-height: 44px; width: 100%; text-align: left; padding: 0 12px; }
}
details.vx-pl > summary .vx-h { padding-right: 30px; }

#px-main > .px-migas { min-height: 34px; align-items: center; }


.vx-th .vx-ord{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.vx-th .vx-ord .flecha{font-style:normal;font-size:11px;color:var(--cc-texto-3)}
.vx-th .vx-ord.act{color:var(--cc-texto)}
.vx-th .vx-ord.act .flecha{color:var(--cc-primario)}
.vx-th .vx-ord:focus-visible{outline:2px solid var(--cc-texto-2);outline-offset:2px;border-radius:4px}
.vx-th [role=columnheader].d .vx-ord{justify-content:flex-end;width:100%}
.vx-cortes .vx-total, .vx-caja .vx-total{border-top:2px solid var(--cc-borde);font-weight:700;min-height:44px}


.vx-ventas .vx-tr { grid-template-columns: 74px 104px minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) 112px; }
.vx-c-vend { min-width: 0; overflow-wrap: anywhere; font-size: 13.5px; color: var(--cc-texto-2); text-align: left; }
.vx-tr .g, .vx-hoy small.g { color: var(--cc-texto-3); font-weight: 500; }
.vx-c-precio small { display: block; font-size: 12px; font-weight: 500; color: var(--cc-texto-3); }
.vx-tr.vx-total [role="cell"]:nth-child(5) { font-weight: 500; color: var(--cc-texto-2); font-size: 13px; }
.vx-de-donde { display: inline-block; }
.vx-hoy small { display: block; font-size: 12.5px; }

.vx .vx-btn { color: var(--cc-texto); cursor: pointer; background: var(--cc-superficie); }
.vx .vx-btn:hover { background: var(--cc-superficie-2); }
.vx .vx-btn:focus-visible { outline: none; box-shadow: var(--cc-anillo-foco); }

details.vx-anul { margin-top: 14px; padding-top: 6px; border-top: 1px solid var(--cc-borde); }
details.vx-anul > summary h3.vx-h { font-size: 15px; }
.vx-anuladas .vx-tr { grid-template-columns: 58px 58px 96px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, .9fr) 88px; }
.vx-anuladas .vx-fila { color: var(--cc-texto-2); }
.vx-anuladas .vx-fila .vx-c-precio { font-weight: 600; text-decoration: line-through; text-decoration-color: var(--cc-texto-3); }
.vx-c-anulada { white-space: nowrap; }
.vx-c-motivo, .vx-c-por { min-width: 0; overflow-wrap: anywhere; font-size: 13.5px; }
.vx-anuladas .vx-total [role="cell"] { font-size: 13px; }

.cm-tabla thead .vx-ord { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; }
.cm-tabla thead .vx-ord .flecha { font-style: normal; font-size: 11px; color: var(--cc-texto-3); }
.cm-tabla thead .vx-ord.act { color: var(--cc-texto); }
.cm-tabla thead .vx-ord.act .flecha { color: var(--cc-primario); }
.cm-tabla thead .vx-ord:focus-visible { outline: 2px solid var(--cc-texto-2); outline-offset: 2px; border-radius: 4px; }
.cm-tabla thead th.num .vx-ord { justify-content: flex-end; width: 100%; }
@media (max-width: 600px) {
  .vx-ventas .vx-tr { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "prod prod precio" "fecha tipo tipo" "tienda tienda tienda" "vend vend vend"; }
  .vx-ventas .vx-c-vend { grid-area: vend; } .vx-ventas .vx-c-tipo { justify-self: start; } .vx-ventas .vx-c-tienda { text-align: left; }
  .vx-ventas .vx-c-tienda::before { content: "Tienda: "; color: var(--cc-texto-3); }
  .vx-ventas .vx-c-vend::before, .vx-anuladas [data-rot]::before { content: attr(data-rot) ": "; color: var(--cc-texto-3); font-weight: 400; }
  .vx-ventas .vx-total { grid-template-areas: none; grid-template-columns: minmax(0, 1fr) auto; }
  .vx-ventas .vx-total > * { grid-area: auto; }
  .vx-ventas .vx-total > :empty { display: none; }
  .vx-anuladas .vx-tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; grid-template-areas: "prod prod precio" "vendida vendida tipo" "anulada anulada anulada" "tienda tienda tienda" "vend vend vend" "motivo motivo motivo" "por por por"; }
  .vx-anuladas .vx-c-prod { grid-area: prod; } .vx-anuladas .vx-c-precio { grid-area: precio; } .vx-anuladas .vx-c-fecha { grid-area: vendida; } .vx-anuladas .vx-c-anulada { grid-area: anulada; }
  .vx-anuladas .vx-c-tipo { grid-area: tipo; justify-self: end; } .vx-anuladas .vx-c-tienda { grid-area: tienda; } .vx-anuladas .vx-c-vend { grid-area: vend; } .vx-anuladas .vx-c-motivo { grid-area: motivo; } .vx-anuladas .vx-c-por { grid-area: por; }
  .vx-anuladas .vx-total { grid-template-areas: none; grid-template-columns: minmax(0, 1fr) auto; }
  .vx-anuladas .vx-total > * { grid-area: auto; }
  .vx-anuladas .vx-total > :empty { display: none; }
}


.vx-c-precio small, .vx-rkt .vx-c-precio small { white-space: normal; overflow-wrap: anywhere; line-height: 1.3; text-align: right; }
.vx-rkt .vx-c-precio, .vx-rkt .vx-c-n { min-width: 0; }

.vx-tabla { background: var(--xl-fondo); border: 1px solid var(--xl-linea); border-radius: 4px; }
.vx-tabla .vx-tr { min-height: 32px; padding: 3px 8px !important; border-bottom: 1px solid var(--xl-linea) !important; color: var(--xl-texto); }
.vx-tabla .vx-tr:last-child { border-bottom: 0 !important; }
.vx-tabla .vx-th { min-height: 34px; background: var(--xl-cab); color: var(--xl-cab-t); border-bottom-color: var(--xl-linea-cab) !important; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; border-radius: 3px 3px 0 0; }
.vx-tabla .vx-th [role="columnheader"], .vx-tabla .vx-th .vx-colf { background: transparent !important; color: var(--xl-cab-t) !important; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.vx-tabla .vx-th .vx-ord.act { color: var(--xl-cab-t); text-decoration: underline; text-underline-offset: 3px; }
.vx-tabla .vx-th .vx-ord .flecha, .vx-tabla .vx-th .vx-ord.act .flecha { color: inherit; }
.vx-tabla .vx-tr:not(.vx-th):not(.vx-total):nth-child(even):not(.act) { background: var(--xl-banda); }
.vx-tabla .vx-tr.vx-total, .vx-cortes .vx-total, .vx-caja .vx-total { min-height: 34px; background: var(--xl-total); color: var(--xl-total-t); font-weight: 600; border-top: 1px solid var(--xl-total-linea); border-radius: 0 0 3px 3px; }
.vx-tabla .vx-tr.vx-total [role="cell"], .vx-tabla .vx-tr.vx-total em { color: var(--xl-total-t); }
.vx-tabla .vx-c-precio, .vx-rkt .vx-c-precio { font-weight: 500; }
.vx-tabla .vx-c-prod { font-weight: 500; }
.vx-tabla .vx-chip { min-height: 22px; border-radius: 3px; font-weight: 500; color: var(--xl-suave-t); }
.vx-tabla .vx-tr > * + * { border-left: 1px solid var(--xl-linea); padding-left: 10px; }
.vx-tabla .vx-th > * + * { border-left-color: var(--xl-linea-cab); }
@media (max-width: 700px) { .vx-tabla .vx-tr > * + * { border-left: 0; padding-left: 0; } }


.vx-exp-pie { display: flex; justify-content: flex-end; margin: 10px 0 0; }
.vx-exp-pie .vx-exp { margin-left: 0; }
@media (max-width: 767px) { body.v2c-sa .vx-exp-pie .vx-exp.abierta .vx-exp-lista { top: auto; bottom: calc(100% + 4px); } }

#px-main .vx .v2f .v2f-linea > .v2f-fichas { display: none !important; }
@media (min-width: 768px) {
  #px-main .vx .v2f .v2f-linea > .v2f-n, #px-main .vx .v2f .v2f-linea > .v2f-quitar { flex: none; width: 104px; box-sizing: border-box; margin-left: auto; padding: 0 6px; text-align: right; overflow: hidden; text-overflow: ellipsis; }
  #px-main .vx .v2f.con-filtros .v2f-linea > .v2f-n { display: none; }
}

.vx > .vx-dos > details > summary .vx-h { align-items: flex-start; }
.vx > .vx-dos > details > summary .vx-h .d { flex-basis: 100%; }


@media (min-width: 701px) {
  #px-main .vx-tabla { max-height: min(70vh, 640px); overflow-y: auto; overflow-x: hidden; }
  #px-main .vx-tabla > .vx-th { position: sticky; top: 0; z-index: 2; background: var(--xl-cab, var(--cc-superficie)); }
  #px-main .vx-tabla > .vx-total { position: sticky; bottom: 0; z-index: 1; }
  #px-main .vx-tabla::-webkit-scrollbar { width: 12px; }
  #px-main .vx-tabla::-webkit-scrollbar-track { background: var(--xl-banda, #f3f7fb); }
  #px-main .vx-tabla::-webkit-scrollbar-thumb { min-height: 40px; background: var(--xl-linea-cab, #b7cbe1); border: 3px solid var(--xl-banda, #f3f7fb); border-radius: 8px; }
  @supports not selector(::-webkit-scrollbar) { #px-main .vx-tabla { scrollbar-color: var(--xl-linea-cab, #b7cbe1) var(--xl-banda, #f3f7fb); } }
}


.vx-rkt .vx-tr { grid-template-columns: minmax(96px, 1.1fr) minmax(96px, 1fr) minmax(110px, 1.3fr) minmax(80px, .8fr) 72px 58px minmax(140px, 1.3fr); }
.vx-rkt .vx-tr > * { min-width: 0; overflow-wrap: anywhere; text-align: left; }
.vx-rkt .vx-tr > .d { text-align: right; }
.vx-rkt .vx-c-fecha { white-space: nowrap; }
.vx-rkt .vx-c-vend, .vx-rkt .vx-c-cat { font-size: 13.5px; color: var(--cc-texto-2); }
.vx-rkt .vx-tr > button { color: inherit; font: inherit; text-align: left; }
@media (max-width: 700px) and (min-width: 601px) {
  .vx-rkt .vx-tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, .8fr) 60px 44px minmax(84px, 1fr); column-gap: 6px; font-size: 13px; }
}
@media (max-width: 600px) {
  .vx-rkt .vx-tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; grid-template-areas: "prod prod precio" "tienda vend n" "cat fecha fecha"; }
  .vx-rkt .vx-c-prod { grid-area: prod; font-weight: 600; } .vx-rkt .vx-c-precio { grid-area: precio; }
  .vx-rkt .vx-c-tienda { grid-area: tienda; } .vx-rkt .vx-c-vend { grid-area: vend; } .vx-rkt .vx-c-n { grid-area: n; }
  .vx-rkt .vx-c-cat { grid-area: cat; } .vx-rkt .vx-c-fecha { grid-area: fecha; justify-self: end; }
  .vx-rkt .vx-fila [data-rot]::before { content: attr(data-rot) ": "; color: var(--cc-texto-3); font-weight: 400; }
  .vx-rkt .vx-fila .vx-c-prod::before, .vx-rkt .vx-fila .vx-c-precio::before { content: none; }
  .vx-rkt .vx-total { grid-template-areas: none; grid-template-columns: minmax(0, 1fr) auto auto; }
  .vx-rkt .vx-total > * { grid-area: auto; }
  .vx-rkt .vx-total > :empty { display: none; }
}