div#sug, div#sug2, div#sug_nro, div#sug_dni, div#sug_num, div#sug_det, div#sug_pag, div#sug_nro_pag, div#sug_dni_pag {
  display: none;
  margin-bottom: 10px;
  margin-top: -15px;
  margin-left: 25px;
}
.suggestionsBox{
  position: absolute;
  
}
.suggestionsBox2{
  position: relative;
}
.suggestionsBox, .suggestionsBox2{
  margin: 2px 0 0 0;
  /* background-color: #7FA683; */
  background-color: #F9F9F9;
  border: 1px solid #666;
  color: #000;
  /* width: 95%; */
  width: 20%;
  z-index: 1001;
}
.suggestionList {
  margin: 3px;
  padding-left: 10px;
  cursor: pointer;
}
.suggestionList li {
  padding: 10px 0 10px 3px;
}
.suggestionList p {
  font-size: 12px;
  padding-left: 2px;
  padding-right: 2px;
}

/* Estilos específicos para móviles */
@media (max-width: 768px) {
  div#sug, div#sug2, div#sug_nro, div#sug_dni, div#sug_num, div#sug_det, div#sug_pag, div#sug_nro_pag, div#sug_dni_pag {
    margin-left: 7px;
  }
  .suggestionsBox, .suggestionsBox2 {
    width: 90%; /* Ajustamos el ancho al 90% para móviles */
    margin: 10px auto; /* Centramos y agregamos más espacio en la parte superior */
  }
}