/* Ownership prevents a CSS entrance, scroll reveal and WAAPI feedback fighting each other. */
:root { --motion-feedback:160ms; --motion-enter:260ms; --motion-exit:140ms; --motion-ease:cubic-bezier(.16,1,.3,1); }
body [data-motion-owner] [data-reveal] { opacity:1; transform:none; transition:none; }
body .emp-pedido :is(.fin-card,.fin-card__btn .icon,.emp-item) { animation:none !important; }
body .emp-pedido .fin-card:hover { transform:none; }
body .emp-pedido .fin-card__btn { transition:background-color var(--motion-feedback),color var(--motion-feedback); }
body .emp-pedido .fin-card.is-elegido { box-shadow:0 0 0 2px var(--blue-700); }
body .emp-item__cant output { display:inline-block; min-width:1.5em; text-align:center; font-variant-numeric:tabular-nums; }
body .emp-pedido__status { min-height:1.5em; margin:0; font:400 .8125rem/1.5 var(--font); color:#c4e9fa; }
body .bcmp-modal:not([hidden]) :is(.bcmp-caja,.bcmp-tabla tbody tr,.bcmp-pill) { animation:none; }
body .bcmp-modal:not([hidden]) .bcmp-caja { animation:panel-enter var(--motion-enter) var(--motion-ease); }
@keyframes panel-enter { from {opacity:0;transform:translateY(10px);} to {opacity:1;transform:none;} }
body .btn:hover::after,
body .card__more:hover::after { animation:none; }
@media(prefers-reduced-motion:reduce) {
 body .bcmp-modal:not([hidden]) .bcmp-caja { animation:none; }
 body .marquee__track { animation-play-state:paused; }
}

/* Hints should not keep asking for attention after their first appearance. */
body .gnav__btn { animation-iteration-count:1; }
body .mascota--perdida { animation:none; }
body .pageload span { width:100%; transform:scaleX(.08); transform-origin:left; animation:bar-progress 1.8s var(--motion-ease) forwards; }
body .pageload.is-done span { width:100%; transform:scaleX(1); animation:none; transition:transform 200ms ease; }
@keyframes bar-progress { from {transform:scaleX(.08);} to {transform:scaleX(.86);} }
@media(prefers-reduced-motion:reduce) { body .pageload span {animation:none;transform:scaleX(1);} }