.tic-bus-routes-form div.js-form-item input.form-autocomplete,
.tic-bus-routes-form-v2 div.js-form-item input.form-autocomplete {
    background-image: none;
}

.tic-bus-routes-form input.form-autocomplete:required:invalid:focus,
.tic-bus-routes-form-v2 input.form-autocomplete:required:invalid:focus {
    border: 1px solid var(--black) !important;
}

.ui-autocomplete {
  background: #fff;
  border: 2px solid var(--primary-base); /* Azul corporativo */
  border-radius: 6px;
  max-height: 250px;
  overflow-y: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  font-size: 15px;
  z-index: 10000; /* importante para que no quede oculto */
}

/* Cada opción */
.ui-menu-item {
  padding: 8px 12px;
  cursor: pointer;
}

/* Hover o selección */
.ui-menu-item a:hover,
.ui-menu-item:hover,
.ui-menu-item:hover a,
.ui-menu-item a:focus,
.ui-menu-item a:focus-within,
.ui-state-active a {
  background: #fff;
  color: var(--primary-base);
  border: none;
}

.ui-state-active {
  background: none !important;
  color: inherit !important; /* mantiene el color original */
  border: none !important;
}

.map-container {
  display: flex;
  gap: 20px;

  #route-info {
    height: 100%;
    width: 300px;

    div {
      width: 300px;
    }
  }

  #map-canvas {
    height: 800px;
    width: 100%;
  }

  .gm-style .gm-transit {
    font-size: 16px !important;
  }
}