.il-hotel .ficha{transform:translate(400px)}.il-hotel .ficha-viva{opacity:0}.il-hotel .ficha-barra,.il-hotel .avance{transform-box:fill-box;transform-origin:0}.il-hotel .nodo,.il-hotel .luz-puerta{transform-box:fill-box;transform-origin:50%}html[data-anim] .il-hotel:not([data-visto]) .ficha{opacity:0;transform:none}html[data-anim] .il-hotel:not([data-visto]) .nodo,html[data-anim] .il-hotel:not([data-visto]) .registro,html[data-anim] .il-hotel:not([data-visto]) .encontrada,html[data-anim] .il-hotel:not([data-visto]) .luz-puerta,html[data-anim] .il-hotel:not([data-visto]) .tarjeta{opacity:0}html[data-anim] .il-hotel:not([data-visto]) .avance,html[data-anim] .il-hotel:not([data-visto]) .ficha-barra{transform:scaleX(0)}html[data-anim] .il-hotel[data-visto] .ficha{animation:7s cubic-bezier(.65,0,.25,1) .5s both hotel-ficha,.5s ease-out 8s forwards hotel-sale}@keyframes hotel-ficha{0%{opacity:0;transform:translateY(8px)}5%,34%{opacity:1;transform:translate(0)}46%,73%{transform:translate(200px)}86%,to{opacity:1;transform:translate(400px)}}@keyframes hotel-sale{to{opacity:0;transform:translate(400px,-10px)}}html[data-anim] .il-hotel[data-visto] .avance{animation:7s cubic-bezier(.65,0,.25,1) .5s both hotel-avance,8s cubic-bezier(.65,0,.25,1) 8s infinite hotel-avance-vivo}@keyframes hotel-avance{0%,34%{transform:scaleX(0)}46%,73%{transform:scaleX(.5)}86%,to{transform:scaleX(1)}}html[data-anim] .il-hotel[data-visto] .ficha .ficha-barra{animation:7s cubic-bezier(.65,0,.25,1) .5s both hotel-barra}@keyframes hotel-barra{0%,8%{transform:scaleX(0)}14%,46%{transform:scaleX(.33)}52%,86%{transform:scaleX(.66)}92%,to{transform:scaleX(1)}}html[data-anim] .il-hotel[data-visto] .nodo{animation:hotel-llega .6s var(--ease-resorte) both}html[data-anim] .il-hotel[data-visto] .nodo-0{animation-delay:.4s}html[data-anim] .il-hotel[data-visto] .nodo-1{animation-delay:3.7s}html[data-anim] .il-hotel[data-visto] .nodo-2{animation-delay:6.5s}@keyframes hotel-llega{0%{opacity:0;transform:scale(.5)}}html[data-anim] .il-hotel[data-visto] .registro{animation:.8s steps(8,end) 1.2s both hotel-teclea,8s linear 8s infinite hotel-registro-vivo}html[data-anim] .il-hotel[data-visto] .registro-2{animation-delay:1.9s,8.3s}@keyframes hotel-teclea{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}html[data-anim] .il-hotel[data-visto] .encontrada{animation:hotel-aparece .5s var(--ease-salida) 4s both, hotel-encontrada-vivo 8s linear 8s infinite}html[data-anim] .il-hotel[data-visto] .luz-puerta,html[data-anim] .il-hotel[data-visto] .tarjeta{animation:hotel-llega .6s var(--ease-resorte) 6.7s both, hotel-puerta-vivo 8s linear 8s infinite}@keyframes hotel-aparece{0%{opacity:0}}html[data-anim] .il-hotel[data-visto] .ficha-viva{animation:8s cubic-bezier(.65,0,.25,1) 8s infinite hotel-ficha-viva}html[data-anim] .il-hotel[data-visto] .ficha-viva .ficha-barra{animation:8s cubic-bezier(.65,0,.25,1) 8s infinite hotel-barra-viva}@keyframes hotel-ficha-viva{0%{opacity:0;transform:translateY(8px)}5%,22%{opacity:1;transform:translate(0)}34%,52%{opacity:1;transform:translate(200px)}64%,88%{opacity:1;transform:translate(400px)}96%,to{opacity:0;transform:translate(400px,-10px)}}@keyframes hotel-barra-viva{0%,8%{transform:scaleX(0)}12%,34%{transform:scaleX(.33)}40%,64%{transform:scaleX(.66)}70%,to{transform:scaleX(1)}}@keyframes hotel-avance-vivo{0%,22%{transform:scaleX(0)}34%,52%{transform:scaleX(.5)}64%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes hotel-registro-vivo{0%,6%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(8,end)}16%,to{clip-path:inset(0)}}@keyframes hotel-encontrada-vivo{0%,38%{opacity:0}42%,92%{opacity:1}to{opacity:0}}@keyframes hotel-puerta-vivo{0%,62%{opacity:0;transform:scale(.5)}67%,94%{opacity:1;transform:none}to{opacity:0}}