/* Caja de la dirección del valorador en las páginas de inmobiliariamalgrat.com.
   Va sobre styles.css de la web: usa sus colores (--nit, --pedra, --sorra, --lli) y sus clases (.form-box, .f, .btn). */
.vw-caja { display: flex; flex-direction: column; gap: 12px; }
.vw-caja__texto { margin: 0; color: var(--pedra); font-size: .95rem; }
.vw-caja__micro { margin: 0; color: var(--pedra); font-size: .78rem; line-height: 1.45; }
.vw-caja__micro a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

.vw-combo { position: relative; }
.vw-combo__campo { position: relative; }
.vw-caja .f .vw-combo__campo input { padding-left: 2.7em; }
.vw-lupa { position: absolute; left: .95em; top: 50%; transform: translateY(-50%); color: var(--pedra); pointer-events: none; }

.vw-caja .suggeriments {
  position: absolute; z-index: 30; left: 0; right: 0; top: 100%;
  margin: 6px 0 0; padding: 4px; list-style: none; max-height: 320px; overflow: auto;
  background: #fff; border: 1px solid var(--sorra); border-radius: 14px;
  box-shadow: 0 18px 40px -18px rgba(23, 19, 16, .35);
}
.vw-caja .suggeriments li { border-bottom: 1px solid var(--lli); }
.vw-caja .suggeriments li:last-child { border-bottom: 0; }
.vw-caja .suggeriments button {
  display: flex; gap: 10px; align-items: flex-start; width: 100%; padding: .7em .8em;
  background: none; border: 0; border-radius: 10px; text-align: left; font: inherit; color: var(--nit); cursor: pointer;
}
.vw-caja .suggeriments button:hover,
.vw-caja .suggeriments li[aria-selected="true"] > button { background: var(--lli); }
.vw-caja .sug__icona { flex: none; margin-top: 3px; color: var(--pedra); }
.vw-caja .sug__text { display: flex; flex-direction: column; min-width: 0; }
.vw-caja .sug__zona { font-size: .8rem; color: var(--pedra); }
.vw-caja .combo__vacio { padding: .8em; color: var(--pedra); font-size: .9rem; }

.vw-municipios { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px 18px; margin: 1rem 0; padding: 0; list-style: none; }
.vw-actualizado { font-size: .82rem; color: var(--pedra); }