/* Estilos forzados para miniaturas del buscador */
#resultados-vista-previa img,
.resultados-vista-previa img,
#resultados-vista-previa .item-image-wrapper img,
.resultados-vista-previa .item-image-wrapper img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

/* Garantizar estructura correcta de ítems */
#resultados-vista-previa .autocomplete-item,
.resultados-vista-previa .autocomplete-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
}

/* Eliminar cualquier shimmer que pueda estar bloqueando las imágenes */
#resultados-vista-previa .item-shimmer,
.resultados-vista-previa .item-shimmer {
  display: none !important;
}

/* resalta el item activo en la lista del buscador */
.autocomplete-item.is-active,
.autocomplete-item.active {
  background: #fff7e0 !important;
  outline: 2px solid #ff6600 !important;
}

/* Estilo del botón "Ver todos los resultados" */
.resultados-vista-previa .autocomplete-item.ver-todos,
.resultados-vista-previa .autocomplete-item.ver-mas-resultados {
  position: sticky !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 64px !important;
  padding: 16px 24px !important;
  background: #f7921e !important;
  color: #ffffff !important;
  border-top: 2px solid #ffb870 !important;
  box-shadow: 0 -8px 18px rgba(0,0,0,.08) !important;
  cursor: pointer !important;
}

.resultados-vista-previa .autocomplete-item.ver-todos span,
.resultados-vista-previa .autocomplete-item.ver-mas-resultados span {
  color:#ffffff !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
}

.resultados-vista-previa .autocomplete-item.ver-todos:hover,
.resultados-vista-previa .autocomplete-item.ver-mas-resultados:hover {
  background:#ff8c00 !important;
}

/* tecla "Enter" visual */
.resultados-vista-previa .autocomplete-item.ver-todos .kbd {
  font: 600 11px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  background:#fff !important;
  color:#ff7a00 !important;
  padding:5px 10px !important;
  border-radius:6px !important;
  border:1px solid rgba(0,0,0,.15) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.08) !important;
}

@media (max-width:600px) {
  #resultados-vista-previa .kbd,
  .resultados-vista-previa .kbd {
    display: none !important;
  }
}

/* Tooltip para debug */
.thumbnail-debug {
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: rgba(0,0,0,0.8);
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  z-index: 9999;
}