/* ═══════════ BUSCAR · la Library entera en una frase ═══════════ */
.busca{position:fixed;inset:0;z-index:70;display:flex;justify-content:center;align-items:flex-start;
  padding:clamp(12px,8vh,90px) clamp(10px,4vw,40px) 20px;background:rgba(4,4,7,.72);
  -webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);
  animation:busca-entra .35s var(--curva) both}
@keyframes busca-entra{from{opacity:0}to{opacity:1}}

.busca-hoja{position:relative;width:min(760px,100%);max-height:100%;display:flex;flex-direction:column;
  background:linear-gradient(176deg,rgba(255,255,255,.055),transparent 42%),rgba(13,11,9,.94);
  animation:busca-sube .45s var(--curva) both}
@keyframes busca-sube{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.busca-hoja::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:
    linear-gradient(90deg,transparent,rgba(232,200,116,.5) 14%,rgba(232,200,116,.5) 86%,transparent) top/100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(201,163,95,.3) 22%,rgba(201,163,95,.3) 78%,transparent) bottom/100% 1px no-repeat,
    linear-gradient(180deg,transparent,rgba(201,163,95,.3) 26%,rgba(201,163,95,.3) 74%,transparent) left/1px 100% no-repeat,
    linear-gradient(180deg,transparent,rgba(201,163,95,.3) 26%,rgba(201,163,95,.3) 74%,transparent) right/1px 100% no-repeat}

.busca-cab{display:flex;align-items:center;gap:12px;padding:14px 14px 14px clamp(16px,3vw,24px);position:relative}
.busca-cab::after{content:"";position:absolute;left:clamp(16px,3vw,24px);right:14px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,163,95,.26) 10%,rgba(201,163,95,.26) 90%,transparent)}
.busca-lupa{display:grid;place-items:center;color:var(--gold-idle);flex:none}
.busca-lupa svg{width:17px;height:17px}
.busca-cab input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ivory);
  font-family:var(--f-texto);font-size:19px;padding:6px 0}
.busca-cab input::placeholder{color:var(--locked);font-family:var(--f-susurro);font-style:italic}
.busca-cab input::-webkit-search-cancel-button{display:none}

.busca-fuera{overflow-y:auto;overscroll-behavior:contain;padding:8px clamp(10px,2.4vw,18px) 18px}
.busca-fuera > .rotulo{margin:18px 10px 8px;font-family:var(--f-rotulo);font-size:9.5px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--gold)}
.busca-nada{margin:30px 14px;text-align:center;font-family:var(--f-susurro);font-style:italic;
  font-size:17px;color:var(--ivory-dim)}

.hallazgo{display:block;width:100%;text-align:left;cursor:pointer;border:0;background:none;color:inherit;
  padding:12px 14px;position:relative;transition:background .25s}
.hallazgo:hover,.hallazgo:focus-visible{background:rgba(201,163,95,.07)}
.hallazgo::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(201,163,95,.14),transparent 82%)}
.hallazgo .cual{display:block;font-family:var(--f-rotulo);font-size:9px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-idle);margin-bottom:5px}
.hallazgo .dice{display:block;font-family:var(--f-texto);font-size:16px;line-height:1.55;color:var(--ivory-dim)}
.hallazgo mark{background:none;color:var(--gold-hi);font-weight:500}
.hallazgo:hover .dice{color:var(--ivory)}

/* al llegar desde una búsqueda, el párrafo se enciende un momento */
.bloque.hallado{animation:hallado 2.6s ease both}
@keyframes hallado{0%{background:rgba(201,163,95,.3)}30%{background:rgba(201,163,95,.22)}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){.busca,.busca-hoja,.bloque.hallado{animation:none}}