.tut-escena{position:absolute;inset:0}.tut-dedo{border:2px solid var(--ink);pointer-events:none;background:#ffffff8c;background:lab(100% 0 0/.55);border-radius:9999px;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute}.tut1-grilla{animation:3s infinite tut1-grilla}.tut1-lista{opacity:0;animation:3s infinite tut1-lista}.tut1-detalle{opacity:0;animation:3s infinite tut1-detalle}.tut1-dedo{animation:3s infinite tut1-dedo;top:70%;left:50%}@keyframes tut1-grilla{0%,30%{opacity:1}33%,97%{opacity:0}to{opacity:1}}@keyframes tut1-lista{0%,30%{opacity:0}33%,60%{opacity:1}63%,to{opacity:0}}@keyframes tut1-detalle{0%,60%{opacity:0}63%,95%{opacity:1}to{opacity:0}}@keyframes tut1-dedo{0%{opacity:0;top:70%;left:50%;transform:scale(1)}8%{opacity:1}20%{top:6%;left:23%;transform:scale(1)}25%{top:6%;left:23%;transform:scale(.7)}30%{top:6%;left:23%;transform:scale(1)}45%{top:20%;left:13%;transform:scale(1)}52%{top:20%;left:13%;transform:scale(.7)}58%{opacity:1;top:20%;left:13%;transform:scale(1)}63%,to{opacity:0;top:20%;left:13%}}.tut2-lista{transform-origin:100% 0;animation:2s infinite tut2-lista}.tut2-marca{animation:2s infinite tut2-marca}.tut2-dedo{animation:2s infinite tut2-dedo;top:60%;left:40%}@keyframes tut2-lista{0%,35%{opacity:0;transform:scale(.9)}42%,92%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes tut2-marca{0%,60%{opacity:0}66%,92%{opacity:1}to{opacity:0}}@keyframes tut2-dedo{0%{opacity:0;top:60%;left:40%;transform:scale(1)}10%{opacity:1}28%{top:6%;left:89%;transform:scale(1)}34%{top:6%;left:89%;transform:scale(.7)}40%{top:6%;left:89%;transform:scale(1)}58%{top:24%;left:47%;transform:scale(1)}64%{top:24%;left:47%;transform:scale(.7)}70%{opacity:1;top:24%;left:47%;transform:scale(1)}80%,to{opacity:0;top:24%;left:47%}}.tut3-carta{animation:3s infinite tut3-carta}.tut3-favoritos{opacity:0;animation:3s infinite tut3-favoritos}.tut3-lleno{opacity:0}.tut3-lleno-1{animation:3s infinite tut3-lleno-1}.tut3-lleno-2{animation:3s infinite tut3-lleno-2}.tut3-lleno-3{animation:3s infinite tut3-lleno-3}.tut3-boton{opacity:0;animation:3s infinite tut3-boton}.tut3-dedo{animation:3s infinite tut3-dedo;top:80%;left:50%}@keyframes tut3-carta{0%,60%{opacity:1}64%,96%{opacity:0}to{opacity:1}}@keyframes tut3-favoritos{0%,60%{opacity:0}64%,95%{opacity:1}to{opacity:0}}@keyframes tut3-lleno-1{0%,12%{opacity:0}14%,96%{opacity:1}to{opacity:0}}@keyframes tut3-lleno-2{0%,26%{opacity:0}28%,96%{opacity:1}to{opacity:0}}@keyframes tut3-lleno-3{0%,40%{opacity:0}42%,96%{opacity:1}to{opacity:0}}@keyframes tut3-boton{0%,13%{opacity:0}15%,96%{opacity:1}to{opacity:0}}@keyframes tut3-dedo{0%{opacity:0;top:80%;left:50%;transform:scale(1)}5%{opacity:1}10%{top:22.5%;left:92%;transform:scale(1)}13%{top:22.5%;left:92%;transform:scale(.7)}16%{top:22.5%;left:92%;transform:scale(1)}24%{top:44%;left:92%;transform:scale(1)}27%{top:44%;left:92%;transform:scale(.7)}30%{top:44%;left:92%;transform:scale(1)}38%{top:65%;left:92%;transform:scale(1)}41%{top:65%;left:92%;transform:scale(.7)}44%{top:65%;left:92%;transform:scale(1)}54%{top:6%;left:89%;transform:scale(1)}58%{top:6%;left:89%;transform:scale(.7)}62%{opacity:1;top:6%;left:89%;transform:scale(1)}66%,to{opacity:0;top:6%;left:89%}}.tut4-anillo{background:conic-gradient(var(--historia-a), var(--historia-b), var(--historia-c), var(--historia-a))}.tut4-carta{animation:5s infinite tut4-carta}.tut4-visor{opacity:0;animation:5s infinite tut4-visor}.tut4-h{opacity:0}.tut4-h1{animation:5s infinite tut4-h1}.tut4-h2{animation:5s infinite tut4-h2}.tut4-h3{animation:5s infinite tut4-h3}.tut4-b{width:0}.tut4-b1{animation:5s linear infinite tut4-b1}.tut4-b2{animation:5s linear infinite tut4-b2}.tut4-b3{animation:5s linear infinite tut4-b3}.tut4-dedo{animation:5s infinite tut4-dedo;top:70%;left:50%}@keyframes tut4-carta{0%,22%{opacity:1}25%,97%{opacity:0}to{opacity:1}}@keyframes tut4-visor{0%,22%{opacity:0}25%,96%{opacity:1}to{opacity:0}}@keyframes tut4-h1{0%,24%{opacity:0}25%,48%{opacity:1}49%,to{opacity:0}}@keyframes tut4-h2{0%,48%{opacity:0}49%,72%{opacity:1}73%,to{opacity:0}}@keyframes tut4-h3{0%,72%{opacity:0}73%,96%{opacity:1}97%,to{opacity:0}}@keyframes tut4-b1{0%,25%{width:0}48%,96%{width:100%}to{width:0}}@keyframes tut4-b2{0%,49%{width:0}72%,96%{width:100%}to{width:0}}@keyframes tut4-b3{0%,73%{width:0}96%{width:100%}to{width:0}}@keyframes tut4-dedo{0%{opacity:0;top:70%;left:50%;transform:scale(1)}5%{opacity:1}14%{top:4%;left:14%;transform:scale(1)}18%{top:4%;left:14%;transform:scale(.7)}21%{opacity:1;top:4%;left:14%;transform:scale(1)}24%,to{opacity:0;top:4%;left:14%}}@media (prefers-reduced-motion:reduce){.tut-animacion *{animation:none!important}.tut-animacion .tut-dedo{display:none}}