/* «Vendemos tiempo» · version C, «antes → ahora» (ensamble-tiempo-antes.html).
   In every freed slot, right under its 15-minute review, a chip with the time
   the task used to take; it is struck out and the new time appears, and it
   stays, so the whole week ends showing each saving. Timed from the block's
   own --at (the collapse takes 1.8 %): chip 1.2 %, strike 1.9 %, new time 2.5 %. */
.ch{z-index:3;left:calc(11.35cqw + var(--d) * 17.2cqw + .8cqw);top:calc(11.6cqw + (var(--s) + .25 - 8) * 4.75cqw + .45cqw);margin:0;display:flex;align-items:center;gap:.45cqw;padding:.28cqw .6cqw;border-radius:.5cqw;background:#fff;box-shadow:0 0 0 4px #d3e8da,0 .4cqw .9cqw -.4cqw #1b2f7a33;font-size:1.05cqw;line-height:1.2;white-space:nowrap}
.ch s{position:relative;text-decoration:none;color:#9a7a45}
.ch s::after{content:"";position:absolute;left:-.12cqw;right:-.12cqw;top:52%;height:.15cqw;border-radius:.1cqw;background:#c2410c;transform-origin:0 50%}
.ch i{font-style:normal;color:#8a95a6}
.ch b{font-weight:750;color:#2f7a52}
.is-live .ch,.is-live .ch s::after,.is-live .ch i,.is-live .ch b{animation-timing-function:linear;animation-fill-mode:both;animation-play-state:paused}
.is-live .ch{animation-name:ch-in;animation-duration:60ms;animation-delay:calc(var(--at) * 100ms + 120ms)}
.is-live .ch s::after{animation-name:ch-strike;animation-duration:60ms;animation-delay:calc(var(--at) * 100ms + 190ms)}
.is-live .ch i,.is-live .ch b{animation-name:ch-now;animation-duration:50ms;animation-delay:calc(var(--at) * 100ms + 250ms)}
@keyframes ch-in{0%{opacity:0;transform:translateY(.4cqw)}100%{opacity:1;transform:none}}
@keyframes ch-strike{0%{transform:scaleX(0)}100%{transform:none}}
@keyframes ch-now{0%{opacity:0;transform:translateX(-.4cqw)}100%{opacity:1;transform:none}}
/* The green strip says what the 15 minutes are (Codex: without it they read as
   the automation still taking a quarter of an hour). */
.tb-r::after{content:"Revisión · 15 min";position:absolute;left:.8cqw;top:50%;translate:0 -50%;font-size:.66cqw;font-style:normal;font-weight:750;letter-spacing:.02em;line-height:1;color:#24553b;white-space:nowrap}