.il-expediente .expediente{transform:translate(450px)}.il-expediente .cae,.il-expediente .expediente-vivo{opacity:0}.il-expediente .avance{transform-box:fill-box;transform-origin:0}.il-expediente .cae,.il-expediente .nodo,.il-expediente .interior{transform-box:fill-box;transform-origin:50%}html[data-anim] .il-expediente:not([data-visto]) .expediente{opacity:0;transform:none}html[data-anim] .il-expediente:not([data-visto]) .nodo,html[data-anim] .il-expediente:not([data-visto]) .expediente .interior{opacity:0}html[data-anim] .il-expediente:not([data-visto]) .hoja{opacity:.35}html[data-anim] .il-expediente:not([data-visto]) .avance{transform:scaleX(0)}html[data-anim] .il-expediente[data-visto] .expediente{animation:9s cubic-bezier(.65,0,.25,1) .3s both exp-avanza,.9s cubic-bezier(.5,0,.75,0) 11.2s forwards exp-archiva}@keyframes exp-avanza{0%{opacity:0;transform:translateY(10px)}3.3%,28.9%{opacity:1;transform:translate(0)}36.7%,60%{transform:translate(150px)}67.8%,91.1%{transform:translate(300px)}98.9%,to{opacity:1;transform:translate(450px)}}@keyframes exp-archiva{0%{opacity:1;transform:translate(450px)}to{opacity:0;transform:translate(470px,26px)scale(.9)}}html[data-anim] .il-expediente[data-visto] .avance{animation:9s cubic-bezier(.65,0,.25,1) .3s both exp-riel,12s cubic-bezier(.65,0,.25,1) 11.6s infinite exp-riel-vivo}@keyframes exp-riel{0%,28.9%{transform:scaleX(0)}36.7%,60%{transform:scaleX(.3333)}67.8%,91.1%{transform:scaleX(.6667)}98.9%,to{transform:scaleX(1)}}html[data-anim] .il-expediente[data-visto] .nodo{animation:exp-nodo .5s var(--ease-resorte) var(--t) both}html[data-anim] .il-expediente[data-visto] .hoja{animation:exp-hoja .4s ease-out var(--t) both}html[data-anim] .il-expediente[data-visto] .cae{animation:exp-cae .55s cubic-bezier(.55, 0, .75, .4) calc(var(--t) - 50ms) both}html[data-anim] .il-expediente[data-visto] .expediente .interior{animation:exp-interior .45s var(--ease-resorte) var(--t) both}@keyframes exp-nodo{0%{opacity:0;transform:scale(.3)}}@keyframes exp-hoja{0%{opacity:.35}}@keyframes exp-cae{0%{opacity:0;transform:translateY(0)scale(1)}15%{opacity:1}to{opacity:0;transform:translateY(78px)scale(.75)}}@keyframes exp-interior{0%{opacity:0;transform:translateY(-10px)}}html[data-anim] .il-expediente[data-visto] .expediente-vivo{animation:12s cubic-bezier(.65,0,.25,1) 11.6s infinite exp-vivo}@keyframes exp-vivo{0%{opacity:0;transform:translateY(10px)}4%,20%{opacity:1;transform:translate(0)}26%,44%{transform:translate(150px)}50%,68%{transform:translate(300px)}74%,88%{opacity:1;transform:translate(450px)}96%,to{opacity:0;transform:translate(470px,26px)scale(.9)}}@keyframes exp-riel-vivo{0%,20%{transform:scaleX(0)}26%,44%{transform:scaleX(.3333)}50%,68%{transform:scaleX(.6667)}74%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}.il-expediente .expediente-vivo .interior{opacity:0}html[data-anim] .il-expediente[data-visto] .expediente-vivo .interior-0{animation:12s linear 11.6s infinite exp-int-vivo-0}@keyframes exp-int-vivo-0{0%,4%{opacity:0;transform:translateY(-10px)}7%,95%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}html[data-anim] .il-expediente[data-visto] .expediente-vivo .interior-1{animation:12s linear 11.6s infinite exp-int-vivo-1}@keyframes exp-int-vivo-1{0%,26%{opacity:0;transform:translateY(-10px)}29%,95%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}html[data-anim] .il-expediente[data-visto] .expediente-vivo .interior-2{animation:12s linear 11.6s infinite exp-int-vivo-2}@keyframes exp-int-vivo-2{0%,50%{opacity:0;transform:translateY(-10px)}53%,95%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}html[data-anim] .il-expediente[data-visto] .expediente-vivo .interior-3{animation:12s linear 11.6s infinite exp-int-vivo-3}@keyframes exp-int-vivo-3{0%,74%{opacity:0;transform:translateY(-10px)}77%,95%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}