#orden {
  --papel: var(--hueso);
  --tinta: var(--carbon);
  --tinta-2: var(--gris-700);
  --borde: color-mix(in srgb, var(--carbon) 32%, var(--hueso));
  --regla: color-mix(in srgb, var(--gris-400) 60%, var(--hueso));
  --fondo-chat: color-mix(in srgb, var(--plata) 55%, var(--hueso));
  --traza: color-mix(in srgb, var(--borgona) 55%, var(--hueso));
  --voladizo: 0.75rem;
  overflow: clip;
}

.orden__simbolos { position: absolute; width: 0; height: 0; overflow: hidden; }

#orden .titular, .m__cifra, .nota__titulo, .comprobante__monto, .w__marca, .w__titulo {
  font-variation-settings: "wdth" var(--ancho-titular);
}

.orden__escena { padding-block: var(--seccion-y); }
.orden__rejilla { row-gap: 3rem; align-items: center; }
.orden__texto > * + * { margin-top: 1.5rem; }
.orden__texto { max-width: 34rem; }

.tiempo + .tiempo { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--filete); }

.tiempo__rotulo {
  font-weight: 700; font-size: 1.0625rem; line-height: 1.3; color: var(--texto);
}
.tiempo__rotulo::before {
  content: ""; display: block; width: 2.5rem; height: 2px; margin-bottom: 0.625rem; background: var(--gris-400);
}
.tiempo--sistema .tiempo__rotulo::before { background: var(--acento); }
.tiempo__texto { margin-top: 0.5rem; max-width: 34ch; color: var(--texto-2); text-wrap: pretty; }

.plano {
  --cols: 4; --filas: 4; --razon: 0.72;
  position: relative; display: grid;
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
  grid-template-rows: repeat(var(--filas), minmax(0, 1fr));
  width: min(100%, 544px); margin-inline: auto; aspect-ratio: var(--razon);
  container: plano / inline-size;
}
@media (min-width: 64em) {
  .plano { --cols: 6; --filas: 6; --razon: 1.25; width: 100%; max-width: 768px; }
}

.plano { margin-bottom: 2.5rem; }
.plano__nota {
  position: absolute; top: 100%; left: 0; margin: 1rem 0 0; white-space: nowrap; pointer-events: none;
  font-size: var(--t-chico); line-height: 1.4; color: var(--texto-2);
}

@media (max-width: 63.99em) {
  #orden .solo-esc { display: none !important; }
}
@media (min-width: 64em) {
  #orden .solo-cel { display: none !important; }
}

.plano__trazos { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.trazo { position: absolute; display: block; background: var(--traza); }
.trazo--v { top: calc(var(--voladizo) * -1); bottom: calc(var(--voladizo) * -1); left: calc(var(--i) * 100% / var(--cols)); width: 1px; transform-origin: center top; }
.trazo--h { left: calc(var(--voladizo) * -1); right: calc(var(--voladizo) * -1); top: calc(var(--i) * 100% / var(--filas)); height: 1px; transform-origin: left center; }
.trazo:nth-child(1), .trazo:nth-child(8) { --i: 0; }
.trazo:nth-child(2), .trazo:nth-child(9) { --i: 1; }
.trazo:nth-child(3), .trazo:nth-child(10) { --i: 2; }
.trazo:nth-child(4), .trazo:nth-child(11) { --i: 3; }
.trazo:nth-child(5), .trazo:nth-child(12) { --i: 4; }
.trazo:nth-child(6), .trazo:nth-child(13) { --i: 5; }
.trazo:nth-child(7), .trazo:nth-child(14) { --i: 6; }
@media (max-width: 63.99em) {
  .trazo:nth-child(6), .trazo:nth-child(7), .trazo:nth-child(13), .trazo:nth-child(14) { display: none; }
}

.pieza {
  position: relative; z-index: var(--z, 3);
  grid-column: var(--c) / span var(--cs);
  grid-row: var(--f) / span var(--fs);
  min-width: 0; min-height: 0;
  margin: 0 -1px -1px 0;
  container: pieza / size;
  color: var(--tinta);
  font-size: clamp(12px, 2.9cqi, 15px); line-height: 1.35;
  font-stretch: calc(var(--ancho-cuerpo) * 1%);
}
@media (min-width: 64em) {
  .pieza { font-size: clamp(12px, 1.6cqi, 14px); }
}
.pieza[data-solo="escritorio"] { display: none; }
@media (min-width: 64em) {
  .pieza[data-solo="escritorio"] { display: block; }
  .pieza[data-solo="celular"] { display: none; }
}

.cara { position: absolute; inset: 0; overflow: hidden; }
.cara--caos, .cara__dentro {
  display: flex; flex-direction: column;
  border: 1px solid var(--borde); background: var(--papel);
}
.cara__dentro { position: absolute; inset: 0; }
.cara p { margin: 0; }
.cara--caos { display: none; }
.pieza__latido { display: none; }

.p-planilla { --c: 1; --cs: 2; --f: 1; --fs: 2; --z: 6; --dx: 15; --dy: 27.5; }
.p-cuaderno { --c: 3; --cs: 2; --f: 1; --fs: 1; --z: 4; --dx: 4; --dy: 30; }
.p-chats { --c: 3; --cs: 2; --f: 2; --fs: 1; --z: 5; --dx: 0; --dy: 200; }
.p-recibo { --c: 1; --cs: 2; --f: 3; --fs: 1; --z: 7; --dx: -2.5; --dy: 85; }
.p-nota { --c: 1; --cs: 2; --f: 4; --fs: 1; --z: 8; --dx: 6; --dy: -115; }
.p-foto { --c: 3; --cs: 2; --f: 3; --fs: 2; --z: 3; --dx: 4; --dy: -27.5; }

@media (min-width: 64em) {
  .p-planilla { --c: 1; --cs: 3; --f: 1; --fs: 3; --z: 4; --dx: 10; --dy: 26; }
  .p-inventario { --c: 1; --cs: 3; --f: 4; --fs: 1; --z: 6; --dx: 5; --dy: -42; }
  .p-cuaderno { --c: 4; --cs: 2; --f: 1; --fs: 2; --z: 5; --dx: -25; --dy: 16; }
  .p-chat-a { --c: 6; --cs: 1; --f: 1; --fs: 1; --z: 9; --dx: -66; --dy: 52; }
  .p-chat-b { --c: 6; --cs: 1; --f: 2; --fs: 1; --z: 10; --dx: -16; --dy: 132; }
  .p-recibo { --c: 4; --cs: 2; --f: 3; --fs: 2; --z: 7; --dx: 28; --dy: -16; }
  .p-nota { --c: 6; --cs: 1; --f: 3; --fs: 1; --z: 11; --dx: -84; --dy: -58; }
  .p-comprobante { --c: 6; --cs: 1; --f: 4; --fs: 1; --z: 8; --dx: -186; --dy: -84; }
  .p-foto { --c: 1; --cs: 6; --f: 5; --fs: 2; --z: 3; --dx: 1; --dy: -27; }
}

.p-cuaderno .cara__dentro { border-bottom-color: var(--regla); }
.p-chats .cara__dentro { border-top-color: var(--regla); }
.p-recibo .cara__dentro { border-bottom-color: var(--regla); }
.p-nota .cara__dentro { border-top-color: var(--regla); }
@media (min-width: 64em) {
  .p-cuaderno .cara__dentro { border-bottom-color: var(--borde); border-right-color: var(--regla); }
  .p-recibo .cara__dentro { border-bottom-color: var(--borde); border-right-color: var(--regla); }
  .p-chat-a .cara__dentro { border-left-color: var(--regla); border-bottom-color: var(--regla); }
  .p-chat-b .cara__dentro { border-left-color: var(--regla); border-top-color: var(--regla); }
  .p-nota .cara__dentro { border-left-color: var(--regla); border-top-color: var(--borde); border-bottom-color: var(--regla); }
  .p-comprobante .cara__dentro { border-left-color: var(--regla); border-top-color: var(--regla); }
}

.p-planilla .cara--caos {
  background-image: repeating-linear-gradient(to bottom, transparent 0 calc(1.95em - 1px), var(--regla) calc(1.95em - 1px) 1.95em);
}
.planilla__titulo { padding: 0.4em 0.7em; font-weight: 700; border-bottom: 1px solid var(--regla); background: var(--papel); }
.planilla__tabla { width: 100%; table-layout: fixed; border-collapse: collapse; background: var(--papel); }
.planilla__tabla th, .planilla__tabla td {
  padding: 0.3em 0.5em; border: 1px solid var(--regla); text-align: left; font-weight: 400;
  white-space: nowrap; overflow: hidden; text-overflow: clip;
}
.planilla__tabla th { background: var(--plata); font-weight: 600; }
.planilla__tabla .c-prod { width: 44%; } .planilla__tabla .c-cant { width: 24%; } .planilla__tabla .c-bs { width: 32%; }
@media (min-width: 64em) {
  .planilla__tabla .c-fecha { width: 20%; } .planilla__tabla .c-prod { width: 36%; } .planilla__tabla .c-cant { width: 20%; } .planilla__tabla .c-bs { width: 24%; }
}
.planilla__tabla th:nth-last-child(-n+2), .planilla__tabla td:nth-last-child(-n+2) { text-align: right; }
.planilla__tabla tr > :first-child { border-left: 0; }
.planilla__tabla tr > :last-child { border-right: 0; }
.planilla__tabla td.sel { outline: 2px solid var(--borgona); outline-offset: -2px; }
.planilla__tabla tr.vacia td { height: 1.95em; }

.p-cuaderno .cara--caos, .p-inventario .cara--caos {
  --r: 1.55em;
  padding: 0.45em 0.8em 0 2.5em;
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--r) - 1px), var(--regla) calc(var(--r) - 1px), var(--regla) var(--r));
  background-position: 0 0.45em;
}
.p-cuaderno .cara--caos p, .p-inventario .cara--caos p { line-height: var(--r); white-space: nowrap; }
.p-cuaderno .cara--caos::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: 1.9em; width: 1px;
  background: color-mix(in srgb, var(--borgona) 70%, var(--hueso));
}
.p-cuaderno .cara--caos::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0.55em; width: 0.5em;
  background: radial-gradient(circle at center, var(--borde) 0 0.2em, transparent 0.22em) center top / 100% 2.4em repeat-y;
}
.cuaderno__titulo, .hoja__titulo { font-weight: 700; }
.cuaderno__titulo { margin-left: -0.15em; }
.hecho { text-decoration: line-through; text-decoration-thickness: 1px; color: var(--tinta-2); }
.p-inventario .cara--caos { padding-left: 0.9em; }
.hoja__titulo { display: flex; justify-content: space-between; gap: 1em; }
.hoja__aviso { font-weight: 600; text-decoration: underline; text-decoration-color: var(--borgona); text-decoration-thickness: 2px; text-underline-offset: 0.2em; }

.p-nota .cara--caos {
  justify-content: center; padding: 0.55em 0.8em 0.6em;
  border-top: 3px solid var(--borgona);
  background: color-mix(in srgb, var(--borgona) 9%, var(--hueso));
}
.nota__titulo { font-weight: 800; font-stretch: calc(var(--ancho-titular) * 1%); font-size: 1.3em; line-height: 1.15; }
.nota__texto { margin-top: 0.3em !important; color: var(--tinta-2); }

.p-recibo .cara--caos { padding: 0.55em 0.75em; border-top-style: dashed; border-bottom-style: dashed; }
.recibo__titulo { font-weight: 700; margin-bottom: 0.2em !important; }
.recibo__linea, .recibo__total { display: flex; justify-content: space-between; gap: 0 0.5em; white-space: nowrap; }
.recibo__total { margin-top: 0.3em !important; padding-top: 0.3em; border-top: 1px dashed var(--borde); font-weight: 700; }
.recibo__pago { margin-top: 0.6em !important; color: var(--tinta-2); }
.recibo__pago + .recibo__linea { color: var(--tinta-2); }

.p-comprobante .cara--caos { justify-content: center; padding: 0.5em 0.8em; }
.comprobante__titulo { font-weight: 700; }
.comprobante__monto { font-size: 1.6em; font-weight: 800; font-stretch: calc(var(--ancho-titular) * 1%); line-height: 1.15; }
.comprobante__nota { color: var(--tinta-2); }

.p-chats .cara--caos, .p-chat-a .cara--caos, .p-chat-b .cara--caos {
  justify-content: center; gap: 0.45em; padding: 0.55em 0.6em;
  background: var(--fondo-chat);
}
.burbuja {
  max-width: 100%; padding: 0.35em 0.6em; border: 1px solid var(--borde); align-self: flex-start;
  border-radius: 0.2em 0.9em 0.9em 0.9em; background: var(--hueso); color: var(--carbon);
}
.burbuja--sale { align-self: flex-end; border-radius: 0.9em 0.2em 0.9em 0.9em; background: var(--carbon); border-color: var(--carbon); color: var(--hueso); }
.burbuja__hora { display: block; text-align: right; color: var(--gris-700); }
.burbuja--sale .burbuja__hora { color: var(--plata); }

.p-foto .cara--caos { padding: 0.45em; }
.foto__copia {
  flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--gris-400) 30%, var(--hueso)) 0 68%, color-mix(in srgb, var(--gris-400) 55%, var(--hueso)) 68% 100%);
  --zap-cuerpo: var(--carbon); --zap-suela: var(--hueso); --zap-costura: var(--gris-400); --zap-acento: var(--borgona);
}
.foto__zapatilla { width: 82%; height: auto; }
@media (min-width: 64em) {
  .foto__zapatilla { width: auto; height: 74%; }
}
.zap__cuerpo { fill: var(--zap-cuerpo); }
.zap__suela { fill: var(--zap-suela); }
.zap__costura { fill: none; stroke: var(--zap-costura); stroke-width: 1; stroke-linecap: round; }
.zap__acento { fill: none; stroke: var(--zap-acento); stroke-width: 2; }

.cara__dentro { gap: 0.35em; padding: 0.7em 0.8em; }
.m__etq { font-weight: 700; color: var(--tinta-2); white-space: nowrap; }
.m__cifra { font-size: 1.85em; font-weight: 800; font-stretch: calc(var(--ancho-titular) * 1%); line-height: 1.05; color: var(--tinta); white-space: nowrap; }
.m__nota { color: var(--tinta-2); }
.m__barras { flex: 1; min-height: 1.8em; display: flex; align-items: flex-end; gap: 0.3em; }
.m__barras i { flex: 1; height: var(--h, 50%); background: var(--tinta); display: block; }
.m__barras i:nth-child(1) { --h: 32%; } .m__barras i:nth-child(2) { --h: 52%; } .m__barras i:nth-child(3) { --h: 40%; }
.m__barras i:nth-child(4) { --h: 66%; } .m__barras i:nth-child(5) { --h: 48%; } .m__barras i:nth-child(6) { --h: 80%; }
.m__barras i:nth-child(7) { --h: 100%; background: var(--borgona); }
.m__filas { list-style: none; margin: 0; padding: 0; }
.m__filas li { display: flex; justify-content: space-between; gap: 0.6em; padding: 0.25em 0; border-top: 1px solid var(--regla); white-space: nowrap; }
.m__filas li > span:first-child { overflow: hidden; }
.m__estado { color: var(--tinta-2); }
.m__estado--pendiente { color: var(--tinta); font-weight: 600; }
.m-pedidos .m__filas { margin-top: 0.1em; }

.m-kpi .m__cifra { margin-top: 0.1em; }
.m-kpi .m__etq + .m__filas { margin-top: 0.15em; }
.m__stock { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.3em; }
.m__stock li { display: grid; grid-template-columns: minmax(0, 1fr) 34% 1.6em; align-items: center; gap: 0.7em; }
.m__nombre { overflow: hidden; white-space: nowrap; }
.m__num { text-align: right; font-weight: 700; }
.m__medidor { position: relative; display: block; height: 0.5em; background: var(--regla); }
.m__medidor::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w); background: var(--tinta); }
.m__medidor--bajo { --w: 22%; } .m__medidor--bajo::after { background: var(--borgona); }
.m__medidor--medio { --w: 45%; }
.m__medidor--alto { --w: 88%; }
@media (min-width: 64em) {
  .m-ventas .m__barras { min-height: 6em; margin-top: 0.4em; }
  .m-ventas .m__filas { margin-top: 0.5em; }
  .m-pedidos .m__filas li { padding-block: 0.42em; }
  .m-caja .m__nota { margin-bottom: 0.2em; }
  .m-caja .m__cifra { margin-top: 0.15em; }
  .m-caja .m__filas { margin-top: auto; }
  .m-inventario { display: grid; grid-template-columns: 30% minmax(0, 1fr); column-gap: 1.2em; align-items: center; }
  .m-kpi .m__cifra { font-size: 1.6em; }
  .m-caja .m__cifra { font-size: 2.2em; }
}

.m-web { padding: 0; gap: 0; background: var(--carbon); border-color: var(--carbon); color: var(--hueso); }
.w__barra { display: flex; align-items: center; justify-content: space-between; gap: 1em; padding: 0.55em 0.8em; border-bottom: 1px solid var(--filete-sobre-carbon); white-space: nowrap; }
.w__marca { font-weight: 800; font-stretch: calc(var(--ancho-titular) * 1%); }
.w__menu { display: flex; gap: 1.1em; color: var(--plata); }
.w__cuerpo { flex: 1; min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.w__imagen {
  display: flex; align-items: center; justify-content: center; padding: 0 8%; min-height: 0;
  background: color-mix(in srgb, var(--hueso) 9%, var(--carbon));
  --zap-cuerpo: var(--plata); --zap-suela: var(--gris-700); --zap-costura: var(--gris-400); --zap-acento: var(--borgona);
}
.w__zapatilla { width: 86%; height: auto; max-height: 100%; }
.w__texto { display: flex; flex-direction: column; gap: 0.5em; padding: 0.6em 0.8em 0.75em; }
.w__titulo { font-size: 1.12em; font-weight: 800; font-stretch: calc(var(--ancho-titular) * 1%); line-height: 1.15; }
.w__sub { color: var(--plata); }
.w__boton { align-self: flex-start; padding: 0.5em 0.75em; border-radius: var(--radio); background: var(--borgona); color: var(--carbon); font-weight: 600; line-height: 1.2; white-space: nowrap; }
@media (min-width: 64em) {
  .w__cuerpo { grid-template-rows: none; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .w__zapatilla { width: auto; height: 78%; }
  .w__titulo { font-size: 1.5em; }
  .w__texto { justify-content: center; padding: 0.9em 1.4em; gap: 0.75em; }
}

@container plano (max-width: 336px) {
  .parentesis { display: none; }
}
@container plano (max-width: 368px) {
  .solo-angosto { display: none !important; }
  .planilla__tabla .c-prod { width: 60% !important; } .planilla__tabla .c-bs { width: 40% !important; }
}
@container pieza (max-height: 152px) {
  .m-ventas .m__barras { display: none; }
}
@media (min-width: 64em) {
  @container pieza (max-height: 160px) {
    .m-caja .m__filas li { padding-block: 0.12em; }
    .m-caja .m__nota { display: none; }
    .w__sub { display: none; }
    .w__texto { padding-block: 0.5em; gap: 0.5em; }
  }
}
@container pieza (max-height: 104px) {
  .cara__dentro { padding-block: 0.45em; gap: 0.2em; }
  .m__filas li { padding-block: 0.12em; }
  .m-pedidos .m__filas li:nth-child(3) { display: none; }
  .p-cuaderno .cara--caos, .p-inventario .cara--caos { --r: 1.3em; padding-top: 0.3em; background-position: 0 0.3em; }
  .comprobante__nota { display: none; }
}
@container pieza (max-height: 76px) {
  .m-kpi .m__nota { display: none; }
}
@container pieza (max-width: 160px) {
  .w__barra { padding-inline: 0.6em; gap: 0.5em; }
  .m__filas li { gap: 0.4em; }
}
@container pieza (max-width: 104px) {
  .cara__dentro { padding-inline: 0.55em; }
  .m-kpi .m__cifra { font-size: 1.35em; }
}
@container pieza (max-width: 136px) {
  .w__menu, .m__bs { display: none; }
  .w__boton { white-space: normal; padding-inline: 0.55em; }
}

:is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__pista { height: 200svh; }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__escena {
  position: sticky; top: 0; height: 100svh; padding-block: calc(var(--alto-cabecera) + 1rem) 1rem; overflow: clip;
}
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__contenedor,
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__rejilla { height: 100%; }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__rejilla { row-gap: 1rem; grid-template-rows: auto minmax(0, 1fr); align-items: start; }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__texto > * + * { margin-top: 0.875rem; }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__lamina {
  height: 100%; min-height: 0; container-type: size; display: flex; align-items: flex-start; justify-content: center;
}
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .plano {
  width: auto; max-width: none; margin: 0 0 2.5rem;
  height: min(calc(100cqh - 2.5rem), calc(100cqw / var(--razon)), 640px);
}
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__tiempos { display: grid; }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .tiempo { grid-area: 1 / 1; margin: 0; padding: 0; border: 0; }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .tiempo__texto { max-width: 38ch; margin-top: 0.375rem; }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .tiempo__rotulo::before { margin-bottom: 0.5rem; }
@media (max-width: 63.99em) {

  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .tiempo__texto { font-size: 1rem; line-height: 1.45; }

  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .plano {
    margin-bottom: 0.125rem; height: min(calc(100cqh - 0.125rem), calc(100cqw / var(--razon)), 640px);
  }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .plano__nota {
    z-index: 2; margin-top: 0.125rem; padding-right: 0.375rem; background: var(--papel);
    font-size: 0.8125rem; line-height: 1.2;
  }
}
@media (max-width: 63.99em) and (max-height: 46em) {

  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__texto .titular { font-size: clamp(1.75rem, 1.4rem + 1.6vw, 2.25rem); }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__texto > * + * { margin-top: 0.625rem; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .tiempo__texto { font-size: 0.9375rem; line-height: 1.4; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__rejilla { row-gap: 0.75rem; }
}
@media (min-width: 48em) and (max-width: 63.99em) {

  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .plano { height: min(calc(100cqh - 0.125rem), calc(100cqw / var(--razon)), 768px); }
}
@media (min-width: 64em) {
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__rejilla { grid-template-rows: minmax(0, 1fr); align-items: center; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__texto { align-self: center; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__texto > * + * { margin-top: 1.5rem; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__lamina { align-items: center; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .tiempo__rotulo::before { margin-bottom: 0.625rem; }
}
@media (min-width: 64em) and (max-height: 43.75em) {

  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__escena { padding-block: calc(var(--alto-cabecera) + 0.5rem) 0.5rem; }
}

:is(#orden[data-estado], [data-orden="pendiente"] #orden) .cara--caos { display: flex; }
:is(#orden[data-estado="espera"], [data-orden="pendiente"] #orden) .cara--sistema { transform: translateY(-100%); }
:is(#orden[data-estado="espera"], [data-orden="pendiente"] #orden) .cara__dentro { transform: translateY(100%); }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .pieza__latido {
  display: block; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  border: 1px solid var(--borgona); opacity: 0;
}
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .tiempo--sistema { opacity: 0; }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .trazo--v { transform: scaleY(0); }
:is(#orden[data-estado], [data-orden="pendiente"] #orden) .trazo--h { transform: scaleX(0); }
:is(#orden[data-estado="espera"], [data-orden="pendiente"] #orden) .pieza { transform: translate(calc(var(--dx) * 1%), calc(var(--dy) * 1%)); }

:is(#orden[data-estado], [data-orden="pendiente"] #orden):not([data-visto]) :is(.plano, .orden__tiempos) { opacity: 0; }
#orden[data-estado][data-visto="fundido"] :is(.plano, .orden__tiempos) { transition: opacity 0.3s linear; }
#orden[data-estado="activa"] .pieza,
#orden[data-estado="activa"] .cara--sistema,
#orden[data-estado="activa"] .cara__dentro,
#orden[data-estado="activa"] .trazo { will-change: transform; }
#orden[data-estado="activa"] .pieza__latido,
#orden[data-estado="activa"] .tiempo { will-change: transform, opacity; }

@media print {
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__pista { height: auto; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .orden__escena { position: static; height: auto; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .cara--caos, :is(#orden[data-estado], [data-orden="pendiente"] #orden) .pieza__latido, :is(#orden[data-estado], [data-orden="pendiente"] #orden) .tiempo--hoy { display: none !important; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .pieza { transform: none !important; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .cara--sistema, :is(#orden[data-estado], [data-orden="pendiente"] #orden) .cara__dentro { transform: none !important; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) .tiempo--sistema { opacity: 1 !important; transform: none !important; }
  :is(#orden[data-estado], [data-orden="pendiente"] #orden) :is(.plano, .orden__tiempos) { opacity: 1 !important; }
}