/* RemateNube: carga accesible, sobria, sin bloquear la pantalla. */
.rn-progress{position:fixed;z-index:99999;left:0;top:0;right:0;height:3px;pointer-events:none;opacity:0;transition:opacity .14s;background:transparent}
.rn-progress[aria-hidden="false"]{opacity:1}
.rn-progress::after{content:"";display:block;width:36%;height:100%;background:#27757b;animation:rn-progress-move 1.35s ease-in-out infinite}
@keyframes rn-progress-move{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}
.rn-progress-label{position:fixed;z-index:99998;right:16px;top:12px;padding:6px 10px;border:1px solid #dce6e9;background:#fff;color:#3c515d;border-radius:4px;font:12px/1.4 system-ui,sans-serif;box-shadow:0 3px 10px #00000012;pointer-events:none;opacity:0;transition:opacity .15s}
.rn-progress-label[aria-hidden="false"]{opacity:1}
.rn-is-busy{position:relative;cursor:progress!important;opacity:.87}
button.rn-is-busy{padding-right:36px!important}
button.rn-is-busy::after{content:"";position:absolute;right:11px;top:calc(50% - 7px);width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:rn-spin .65s linear infinite;pointer-events:none}
@keyframes rn-spin{to{transform:rotate(360deg)}}
.rn-skeleton{pointer-events:none;border-radius:4px;background:linear-gradient(100deg,#e9eef1 24%,#f7f9fa 42%,#e9eef1 64%);background-size:220% 100%;animation:rn-shimmer 1.55s ease-in-out infinite}
@keyframes rn-shimmer{to{background-position-x:-220%}}
.rn-loading-page{padding:26px 0;min-height:250px}
.rn-loading-page .rn-skeleton{margin:0 0 15px;height:18px;max-width:100%}
.rn-loading-page .rn-skeleton:first-child{height:32px;width:48%}
.rn-loading-page .rn-skeleton:nth-child(2){width:70%}
.rn-loading-page .rn-skeleton:nth-child(3){height:185px;width:100%;margin-top:25px}
.rn-loading-page p{font-size:12px;color:#617481;margin:8px 0}
/* La imagen no aparece hasta que se carga y decodifica. Nunca mostrar el icono de foto rota. */
html.rn-js img[data-lot-photo]:not(.rn-photo-ready){opacity:0!important}
html.rn-js img[data-lot-photo].rn-photo-ready{opacity:1;transition:opacity .2s ease}
html.rn-js img[data-lot-photo].rn-photo-failed{opacity:0!important}
.lot-photo-frame[data-rn-photo-state],.lot-art-image[data-rn-photo-state],.lot-main-photo[data-rn-photo-state],.lot-gallery-thumb[data-rn-photo-state],.lot-thumb-frame[data-rn-photo-state],.seo-images>a[data-rn-photo-state],.seo-lot-card>a[data-rn-photo-state],.lightbox-stage[data-rn-photo-state]{position:relative;overflow:hidden;background:#f0f3f5}
[data-rn-photo-state="loading"]::before,[data-rn-photo-state="error"]::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#eff3f5}
[data-rn-photo-state="loading"]::before{background:linear-gradient(100deg,#e6ecef 20%,#f7f9fa 42%,#e6ecef 64%);background-size:220% 100%;animation:rn-shimmer 1.55s ease-in-out infinite}
[data-rn-photo-state="error"]::after{content:"Foto no disponible";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;z-index:3;pointer-events:none;color:#627482;font-size:12px;line-height:1.4}
.lot-thumb-frame[data-rn-photo-state="error"]::after,.lot-art-image[data-rn-photo-state="error"]::after{font-size:10px}
/* Quitar superposiciones antiguas que ocultaban el catálogo */
.lot-photo-unavailable{display:none!important}
@media(prefers-reduced-motion:reduce){.rn-progress::after,.rn-skeleton,[data-rn-photo-state="loading"]::before,button.rn-is-busy::after{animation:none!important}}

.lot-thumb-frame[data-rn-photo-state]{display:flex;flex:none;width:54px;height:48px;border:1px solid #d9dfe5;border-radius:4px;background:#eff3f5;position:relative;overflow:hidden;align-items:center;justify-content:center}
.lot-thumb-frame img{width:100%;height:100%;border:0;border-radius:0;object-fit:cover}
.lot-thumb-frame[data-rn-photo-state="error"]::after{font-size:9px;padding:3px}
/* Evita mostrar alt text o iconos de imagen rota en áreas con un cargador administrado. */
html.rn-js img[data-lot-photo].rn-photo-failed{visibility:hidden}
/* Las tandas de fotografías pueden tardar durante compresión + guardado en Neon. */
.photo-upload #photo-progress[aria-busy="true"]{display:flex;align-items:center;gap:9px;min-height:18px}
.photo-upload #photo-progress[aria-busy="true"]::before{content:"";flex:none;width:13px;height:13px;border-radius:50%;border:2px solid #98b9bb;border-top-color:#27757b;animation:rn-spin .65s linear infinite}

/* Confirmaciones uniformes, en español y accesibles, también en teléfonos. */
.rn-confirm-mask{position:fixed;inset:0;z-index:200100;background:#111e2a80;display:flex;align-items:center;justify-content:center;padding:20px}
.rn-confirm-box{width:min(100%,450px);background:#fff;border:1px solid #d9e2e8;border-radius:8px;padding:25px;box-shadow:0 14px 46px #081b3040;color:#142636;font:14px/1.55 system-ui,Arial,sans-serif}
.rn-confirm-box h2{margin:0 0 10px;font-size:19px;line-height:1.4;font-weight:650}
.rn-confirm-box p{margin:0 0 22px;color:#536575;white-space:pre-line;overflow-wrap:anywhere}
.rn-confirm-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}
.rn-confirm-actions button{font:600 13px system-ui,Arial,sans-serif;border-radius:4px;min-height:38px;padding:9px 16px;border:1px solid #c8d4dc;background:#fff;color:#142636}
.rn-confirm-actions .rn-confirm-aceptar{background:#236c73;color:#fff;border-color:#236c73}
.rn-confirm-actions button:focus-visible{outline:3px solid #90bad0;outline-offset:2px}
.rn-buyer-status{font-size:12px;padding:7px 10px;border-radius:4px;border:1px solid #dae4e9;background:#f5f8fa;color:#334b59;display:inline-block}
.rn-buyer-status.ok{background:#e9f5ee;border-color:#cee7d8;color:#216449}
.rn-buyer-status.wait{background:#fff8e9;border-color:#ecdcb9;color:#77591b}
.rn-buyer-status.bad{background:#faeeee;border-color:#edd0d0;color:#964444}
