/* .search-results {
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  border-radius: 6px;
}
.search-results div {
  padding: 8px 12px;
  cursor: pointer;
}
.search-results div:hover {
  background: #f0f0f0;
} */


.search-results {
  position: absolute;
  top: 100%;               /* Ahora aparece debajo del input */
  left: 0;
  background: #fff;
  border: 1px solid #ddd;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;             /* Menor z-index que modales o tooltips */
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.search-results div {
  padding: 8px 12px;
  cursor: pointer;
}
.search-results div:hover {
  background: #f0f0f0;
}
.input-wrapper {
  position: relative; /* importante para posicionar el div .search-results */
}