/*
 * NATGAS — Menú de sugerencias del autocompletado de Origen/Destino
 * en el Planificador de Ruta GNV, para la migración de
 * google.maps.places.Autocomplete (legacy) a AutocompleteSuggestion
 * (Places API New) implementada en gnv-planner/widget.v2.js.
 * v1 (2026-08-11)
 *
 * El <ul> se inyecta en document.body (fuera de #natgas-gnv-planner,
 * que usa overflow:hidden y recortaría un menú posicionado dentro).
 * position: fixed + coordenadas calculadas en JS a partir del <input>.
 */

.ng-suggest-list {
  display: none;
  position: fixed;
  z-index: 100000;
  margin: 4px 0 0;
  padding: 4px;
  list-style: none;
  background: #ffffff;
  border: 1px solid rgba(17, 24, 39, .12);
  border-radius: 10px;
  box-shadow: 0 18px 45px rgba(17, 24, 39, .18);
  max-height: 240px;
  overflow-y: auto;
  font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
}

.ng-suggest-item {
  padding: 9px 12px;
  font-size: .85rem;
  color: #333333;
  border-radius: 7px;
  cursor: pointer;
}

.ng-suggest-item:hover,
.ng-suggest-item.is-active {
  background: #F2F2F2;
  color: #002B49;
}