.ay-guia__barra{border-bottom:1px solid var(--sx-line);background:#f4f1f7;gap:6px;padding:9px 12px;display:flex}.ay-guia__barra i{background:#d9d3e0;border-radius:50%;width:10px;height:10px}.ay-guia{margin:0}.ay-guia__marco{border:1px solid var(--sx-line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -34px #21123899}.ay-guia__pantalla{background:#f7f5fa;position:relative;overflow:hidden}.ay-guia__pantalla img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.ay-guia__pantalla img[data-activo=true]{opacity:1}.ay-guia__cursor{z-index:2;width:26px;height:26px;transition:left .9s var(--sx-ease), top .9s var(--sx-ease);filter:drop-shadow(0 3px 5px #00000059);margin:-3px 0 0 -4px;position:absolute}.ay-guia__cursor svg{z-index:1;display:block;position:relative}.ay-guia__onda{opacity:0;background:#8b3fd459;border:2px solid #8b3fd4cc;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:3px;left:4px;transform:scale(.3)}.ay-guia__cursor[data-fase=clic] .ay-guia__onda{animation:.7s ease-out ay-onda}.ay-guia__cursor[data-fase=clic] svg{animation:.25s ease-out ay-presion}@keyframes ay-onda{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}@keyframes ay-presion{50%{transform:scale(.82)}}.ay-guia__pie{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:12px;display:grid}.ay-guia__n{font-family:var(--sx-mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--cat,var(--sx-purple));border-radius:8px;padding:5px 9px;font-size:12px;font-weight:700}.ay-guia__txt{color:var(--sx-ink);font-weight:600;line-height:1.4}.ay-guia__ctrl{align-items:center;gap:8px;display:flex}.ay-guia__puntos{display:flex}.ay-guia__puntos button{cursor:pointer;background:0 0;border:0;padding:8px 3px}.ay-guia__puntos i{background:var(--sx-line);width:16px;height:4px;transition:width .25s var(--sx-ease), background-color .2s ease;border-radius:4px;display:block}.ay-guia__puntos button:hover i{background:var(--sx-lilac-2)}.ay-guia__puntos button[aria-current=step] i{background:var(--cat,var(--sx-purple));width:26px}.ay-guia__pausa{border:1px solid var(--sx-line);cursor:pointer;width:32px;height:32px;color:var(--sx-ink-2);background:#fff;border-radius:50%;place-items:center;display:grid}.ay-guia__pausa:hover{background:var(--sx-lilac)}.ay-guia__pausa:active{transform:scale(.94)}@media (max-width:640px){.ay-guia__pie{grid-template-columns:1fr;gap:8px}.ay-guia__n{justify-self:start}}@media (prefers-reduced-motion:reduce){.ay-guia__cursor{transition:none}}