/* Eliminar manteniendo presionado (acompaña a js/core/hold-delete.js).
   El relleno avanza durante 2 s; al soltar antes vuelve en 200 ms. */
.hold-delete { position: relative; overflow: hidden; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; touch-action: none; }
.hold-delete .hold-fill { position: absolute; inset: 0; background: rgba(166, 71, 63, .28); clip-path: inset(0 100% 0 0); transition: clip-path 200ms ease-out; pointer-events: none; }
.hold-delete.presionando .hold-fill { clip-path: inset(0 0 0 0); transition: clip-path 2000ms linear; }
.hold-delete i { position: relative; }
/* Sin relleno sólido al pasar el mouse: así se ve avanzar la barra */
.hold-delete.btn-outline-danger,
.hold-delete.btn-outline-danger:hover,
.hold-delete.btn-outline-danger:active,
.hold-delete.btn-outline-danger:focus { --bs-btn-hover-bg: #fff; --bs-btn-hover-color: #dc3545; --bs-btn-active-bg: #fff; --bs-btn-active-color: #dc3545; background-color: #fff; color: #dc3545; }
.hold-delete.presionando .hold-fill { background: rgba(220, 53, 69, .38); }
tr.hold-saliendo, li.hold-saliendo { opacity: 0; transform: translateX(12px); transition: opacity 200ms ease-in, transform 200ms ease-in; }
@media (prefers-reduced-motion: reduce) {
  .hold-delete.presionando .hold-fill { transition: none; background: rgba(166, 71, 63, .45); }
  tr.hold-saliendo, li.hold-saliendo { transform: none; }
}