.procesos-tarjeta{position:fixed;top:14px;right:20px;z-index:1001;display:flex;flex-direction:row;align-items:center;gap:12px;padding:7px 8px 7px 18px;border-radius:999px;background:hsla(0,0%,100%,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 30px rgba(0,0,0,.12);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:padding .42s cubic-bezier(.22,.61,.36,1),gap .42s cubic-bezier(.22,.61,.36,1),top .36s cubic-bezier(.22,.61,.36,1),box-shadow .18s ease,transform .18s ease}.procesos-tarjeta:hover{box-shadow:0 10px 34px rgba(0,0,0,.18);transform:translateY(-1px)}.procesos-tarjeta:focus-visible{outline:2px solid var(--color-primary,#007bff);outline-offset:2px}.procesos-tarjeta__texto{font-size:13px;font-weight:500;color:var(--color-text-primary,#1d1d1f);white-space:nowrap;overflow:hidden;max-width:220px;opacity:1;transition:max-width .42s cubic-bezier(.22,.61,.36,1),opacity .18s ease}.procesos-tarjeta__error{flex:0 0 34px;width:34px;font-size:22px;line-height:34px;text-align:center;color:var(--btn-peligro-borde,#b4443f);animation:procesos-tarjeta-aparecer .3s cubic-bezier(.22,.61,.36,1)}.procesos-tarjeta--error .procesos-tarjeta__texto{color:var(--btn-peligro-texto,#9c3a36)}.procesos-tarjeta--compacta{padding:7px;gap:0}.procesos-tarjeta--compacta .procesos-tarjeta__texto{max-width:0;opacity:0}.procesos-tarjeta__contador{position:absolute;top:-4px;left:-4px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;border-radius:999px;color:#fff;background:var(--color-primary,#007bff);box-shadow:0 0 0 2px var(--bg-card,#fff);animation:procesos-tarjeta-aparecer .25s cubic-bezier(.22,.61,.36,1)}.procesos-tarjeta--debajo-de-recursos{top:72px}.procesos-tarjeta-enter,.procesos-tarjeta-leave-to{opacity:0;transform:translateX(28px) scale(.96)}.procesos-tarjeta-enter-active,.procesos-tarjeta-leave-active{transition:opacity .34s ease,transform .38s cubic-bezier(.22,.61,.36,1)}@keyframes procesos-tarjeta-aparecer{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:767px){.procesos-tarjeta{top:60px;right:12px}.procesos-tarjeta--debajo-de-recursos{top:74px}}html.dark-mode .procesos-tarjeta{background:rgba(46,51,58,.82);border-color:hsla(0,0%,100%,.1);box-shadow:0 8px 30px rgba(0,0,0,.45)}html.dark-mode .procesos-tarjeta:hover{box-shadow:0 10px 34px rgba(0,0,0,.6)}