/* Sugerencias del buscador del menu. Archivo aparte: sin cache vieja. */

.buscador-caja{position:relative}

.sugerencias{
  position:absolute;top:calc(100% + 10px);right:0;z-index:70;
  width:330px;max-width:calc(100vw - 2rem);
  background:#000;
  border:1px solid rgba(255,255,255,.1);border-radius:16px;
  box-shadow:0 26px 50px rgba(0,0,0,.5);
  padding:.4rem;
  display:none;
}
.sugerencias.abierta{display:block}

.sug{
  display:flex;align-items:center;gap:.7rem;
  padding:.55rem .6rem;border-radius:11px;
  color:rgba(255,255,255,.9);text-decoration:none;transition:.15s ease;
}
.sug:hover,.sug.marcada{background:rgba(255,255,255,.09);color:#fff}
.sug:focus-visible{outline:2px solid #fff;outline-offset:-2px}

.sug-foto{
  flex:0 0 46px;width:46px;height:46px;border-radius:10px;
  overflow:hidden;display:grid;place-items:center;
}
.sug-foto img{width:100%;height:100%;object-fit:contain;display:block}

.sug-txt{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.sug-txt strong{
  font-weight:700;font-size:.92rem;line-height:1.2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sug-txt small{
  font-size:.78rem;color:rgba(255,255,255,.55);line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.sug-vacio{
  padding:.9rem .8rem;margin:0;
  font-size:.86rem;color:rgba(255,255,255,.55);
}

@media (max-width:900px){
  .sugerencias{width:290px}
}