.hoja{--k:clamp(0, calc((var(--sc-p,0) - .18) * 1.9), 1)}.hoja__stage{background:var(--paper);padding-top:var(--bar-h);align-items:center;display:flex}.hoja__grid{gap:var(--space-3xl);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;display:grid}.hoja__texto h2{margin-top:var(--space-sm);max-width:13ch}.hoja__texto .texto{margin-top:var(--space-lg);max-width:40ch}.hoja__ventana{border-radius:var(--radius-lg);box-shadow:var(--sc-e3), 0 0 0 1px var(--hair);background:#fffdf9;overflow:clip}.hoja__barra{border-bottom:1px solid var(--hair);background:#efe9e1;align-items:center;gap:.4rem;height:2.4rem;padding:0 .9rem;display:flex;position:relative}.hoja__barra i{background:#d9cfc3;border-radius:50%;width:.6rem;height:.6rem}.hoja__nombre{font:500 .78rem/1 var(--sc-font-mono);color:var(--ink-soft);white-space:nowrap;transition:opacity .3s var(--ease-out);position:absolute;left:50%;translate:-50%}.hoja__nombre--a{opacity:calc(1 - var(--k) * 2)}.hoja__nombre--b{opacity:calc(var(--k) * 2 - 1);color:var(--ink)}.hoja__cuerpo{aspect-ratio:16/10.5;position:relative}.hoja__excel,.hoja__app{position:absolute;inset:0}.hoja__excel{font:400 .82rem/1 var(--sc-font-text)}.hoja__fila{--o:clamp(0, calc((var(--k) - var(--r) * .05) * 2.6), 1);height:12.5%;opacity:calc(1 - var(--o));transform:translateX(calc(var(--o) * -28px));grid-template-columns:2.2rem 1.4fr .8fr 1fr .8fr 1.3fr;display:grid}.hoja__fila>*{white-space:nowrap;color:#3d3630;border-bottom:1px solid #e6dfd5;border-right:1px solid #e6dfd5;align-items:center;padding:0 .55rem;display:flex;overflow:hidden}.hoja__fila>b,.hoja__fila--cab>*{color:#8a8178;background:#f3eee7;justify-content:center;font-size:.72rem;font-weight:500}.hoja__fila--tit span{color:var(--ink);font-weight:600}.hoja__fila .err{color:#b3261e;background:#fbe9e7;font-weight:600}.hoja__fila .dudoso{background:#fff3c4}.hoja__app{pointer-events:none;flex-direction:column;gap:.8rem;padding:1.1rem 1.2rem;display:flex}.hoja__chips{opacity:clamp(0, calc((var(--k) - .45) * 4), 1);gap:.4rem;display:flex}.hoja__chips span{box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--ink-soft);border-radius:999px;padding:.35rem .7rem;font-size:.78rem}.hoja__chips .sel{background:var(--ink);color:var(--paper);box-shadow:none}.hoja__lista{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.hoja__lista li{--n:clamp(0, calc((var(--k) - .4 - var(--r) * .06) * 3), 1);opacity:var(--n);transform:translateY(calc((1 - var(--n)) * 14px));background:#f5f0e9;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.6rem .8rem;font-size:.88rem;display:grid}.hoja__id{font:500 .78rem/1 var(--sc-font-mono);color:var(--ink-soft)}.hoja__estado{border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.hoja__estado--ok{color:#2f5d27;background:#e3f0de}.hoja__estado--aviso{color:#8a3d0b;background:#fbe4d2}.hoja__estado--pend{color:#5e554c;background:#eee8df}.hoja__estado--ruta{color:#2b4a73;background:#e1e8f3}.hoja__toast{background:var(--night);max-width:26rem;color:var(--ink-n);box-shadow:var(--sc-e2);opacity:clamp(0, calc((var(--k) - .85) * 7), 1);transform:translateY(calc((1 - clamp(0, calc((var(--k) - .85) * 7), 1)) * 12px));border-radius:12px;align-self:flex-end;margin:auto 0 0;padding:.7rem .9rem;font-size:.82rem}@media (width<=900px){.hoja__stage{padding-top:calc(var(--bar-h) + .75rem);align-items:flex-start}.hoja__grid{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}.hoja__texto h2{max-width:none;font-size:1.6rem}.hoja__texto .texto{margin-top:var(--space-sm);font-size:.95rem}.hoja__cuerpo{aspect-ratio:4/4.2}.hoja__excel{font-size:.66rem}.hoja__fila{grid-template-columns:1.4rem 1.3fr .8fr 1fr .8fr}.hoja__fila>:last-child{display:none}.hoja__app{gap:.6rem;padding:.8rem}.hoja__lista li{gap:.5rem;padding:.5rem .6rem;font-size:.78rem}.hoja__toast{font-size:.74rem}}@media (prefers-reduced-motion:reduce){.hoja__fila,.hoja__lista li,.hoja__toast{transform:none}}.herr{margin-top:var(--space-4xl);padding-top:var(--space-lg);border-top:1px solid var(--hair);gap:var(--space-xl);grid-template-columns:14rem 1fr;display:grid}@media (width<=760px){.herr{gap:var(--space-sm);grid-template-columns:1fr}}
