/* =========================================================
   escanear.php — lista pública de QR de las fichas PDF
   ========================================================= */
.aoh-esc-warn{ border:1px solid #e8a84a; color:#e8a84a; padding:12px 14px; margin:0 0 18px; font-size:0.86rem; line-height:1.5; }
.aoh-esc-warn code{ background:#222; padding:1px 6px; }

.aoh-esc-tools{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-bottom:22px; }
.aoh-esc-tools input{
  flex:1 1 280px; max-width:420px; background:var(--aoh-black-soft); border:1px solid rgba(244,241,232,0.2);
  color:var(--aoh-ivory); padding:13px 14px; font-family:inherit; font-size:0.95rem;
}
.aoh-esc-tools input:focus{ outline:none; border-color:var(--aoh-gold); box-shadow:0 0 0 3px rgba(212,175,55,0.15); }
.aoh-esc-count{ color:var(--aoh-gray); font-size:0.85rem; }

.aoh-esc-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap:18px; }
.aoh-esc-card{
  border:1px solid var(--aoh-line); background:var(--aoh-black-soft); padding:16px;
  display:flex; flex-direction:column; gap:14px; transition:border-color .25s var(--ease);
}
.aoh-esc-card:hover{ border-color:rgba(212,175,55,0.55); }
.aoh-esc-card[hidden]{ display:none; }
.aoh-esc-card__top{ display:grid; grid-template-columns:72px 1fr; gap:12px; align-items:center; }
.aoh-esc-card__top img{ width:72px; height:72px; object-fit:cover; border:1px solid var(--aoh-line); }
.aoh-esc-card h3{ font-family:'Inter',sans-serif; font-size:0.95rem; margin:0 0 4px; line-height:1.3; }
.aoh-esc-team{ display:block; color:var(--aoh-gray); font-size:0.78rem; }
.aoh-esc-price{ display:block; color:var(--aoh-gold-bright); font-size:0.95rem; margin-top:3px; }
.aoh-esc-tag{ display:inline-block; margin-top:4px; font-size:0.68rem; font-weight:800; color:#e08585; border:1px solid #e08585; padding:1px 6px; }

.aoh-esc-qr{
  align-self:center; background:#fff; padding:8px; border:0; cursor:zoom-in; line-height:0; width:168px; max-width:100%;
}
.aoh-esc-qr:focus-visible{ outline:3px solid var(--aoh-gold); outline-offset:3px; }
.aoh-qr{ display:block; line-height:0; }
.aoh-qr svg{ width:100%; height:auto; display:block; }

.aoh-esc-actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:auto; }
.aoh-esc-actions .btn{ width:100%; text-align:center; padding-left:8px; padding-right:8px; font-size:0.85rem; }
.aoh-esc-empty{ text-align:center; color:var(--aoh-gray); padding:40px 0; }

/* ---------- Ventana con el QR grande ---------- */
.aoh-esc-modal{
  position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,0.82);
  display:flex; align-items:center; justify-content:center; padding:18px;
}
.aoh-esc-modal[hidden]{ display:none; }
.aoh-esc-modal__box{
  position:relative; background:var(--aoh-black, #0a0a0a); border:1px solid var(--aoh-gold);
  padding:28px 26px 22px; width:min(100%, 420px); text-align:center; max-height:100%; overflow:auto;
}
.aoh-esc-modal__box h3{ font-family:'Inter',sans-serif; font-size:1.05rem; margin:0 30px 6px; }
.aoh-esc-modal__box p{ color:var(--aoh-gray); font-size:0.86rem; margin:0 0 16px; }
.aoh-esc-modal__qr{ background:#fff; padding:12px; width:min(100%, 300px); margin:0 auto 18px; line-height:0; }
.aoh-esc-modal__btns{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.aoh-esc-modal__btns .btn{ width:100%; text-align:center; font-size:0.85rem; padding-left:8px; padding-right:8px; }
.aoh-esc-modal__box small{ display:block; margin-top:12px; color:var(--aoh-gray); font-size:0.76rem; }
.aoh-esc-modal__close{
  position:absolute; top:6px; right:10px; background:none; border:0; color:var(--aoh-ivory);
  font-size:2rem; line-height:1; cursor:pointer; padding:4px 8px;
}
.aoh-esc-modal__close:hover{ color:var(--aoh-gold-bright); }