.async-progress{position:fixed;z-index:99999;left:0;top:0;width:100%;height:3px;background:#c46726;transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}
.async-navigating .async-progress{opacity:1;animation:async-progress 8s cubic-bezier(.1,.65,.2,1) forwards}
form.is-pending button[type=submit],form.is-pending input[type=submit]{cursor:wait;opacity:.72}
form.is-pending button[type=submit]::before{content:"";display:inline-block;width:.85em;height:.85em;margin-right:.55em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.12em;animation:async-spin .7s linear infinite}
.async-skeleton{position:absolute;z-index:5;inset:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;padding:18px;background:inherit;min-height:260px}
.async-skeleton>span{display:grid;align-content:end;gap:10px;min-height:230px;padding:16px;border:1px solid rgba(120,130,140,.2);border-radius:10px;background:linear-gradient(100deg,#edf0f2 30%,#f8fafb 50%,#edf0f2 70%);background-size:240% 100%;animation:async-shimmer 1.4s linear infinite}
.async-skeleton i{display:block;height:12px;border-radius:8px;background:rgba(120,130,140,.2)}.async-skeleton i:first-child{height:110px}.async-skeleton i:last-child{width:55%}
.async-skeleton-host,#catalogo{position:relative;min-height:260px}
.async-retry{margin-top:10px}
@keyframes async-spin{to{transform:rotate(360deg)}}
@keyframes async-progress{0%{transform:scaleX(.03)}35%{transform:scaleX(.55)}70%{transform:scaleX(.82)}100%{transform:scaleX(.94)}}
@keyframes async-shimmer{to{background-position:-240% 0}}
@media(prefers-reduced-motion:reduce){.async-navigating .async-progress,.async-skeleton>span,form.is-pending button[type=submit]::before{animation:none!important}.async-navigating .async-progress{transform:scaleX(.85)}.async-skeleton>span{background:#edf0f2}}
.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(120,130,140,.25)}
.pagination-summary{margin:0;font-size:.85rem}.pagination-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pagination-links a,.pagination-links span{display:inline-flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;padding:6px 10px;border:1px solid rgba(120,130,140,.35);border-radius:7px}.pagination-links a[aria-current=page]{background:#17324f;color:#fff;border-color:#17324f}.pagination-links span[aria-disabled=true]{opacity:.5}.pagination-size-form{display:flex;align-items:end;gap:8px}.pagination-size-form label{margin:0}.pagination-size-form select{min-width:72px;padding:7px}.pagination-size-form .btn{padding:8px 12px;font-size:.8rem}
[id$="results"]:focus,[id="results"]:focus{outline:3px solid #c46726;outline-offset:4px}
@media(max-width:600px){.list-pagination{align-items:stretch}.pagination-links{order:1;width:100%}.pagination-summary,.pagination-size-form{width:100%}.pagination-size-form{justify-content:space-between}}
