/* /parque-movil/ — buscador de territorios (templates/parque_movil/_buscador.html, static/parque-movil-buscador.js).

   En .pm-top, a la derecha de las migas y de unos 320 px; por debajo de 768 px, bajo las migas y a todo el ancho.
   Caja con filete fino y texto en tinta; debajo, la lista de resultados con filetes entre filas, y la opción activa
   del teclado (aria-selected) en tinta llena con el texto en blanco. Sin sombras, sin esquinas redondeadas y sin azul;
   colores, solo tokens de Pizarra (:root de style.css). */

.pm-bs { position: relative; flex: 1 1 100%; min-width: 0; }
.pm-bs [hidden] { display: none !important; }
@media (min-width: 768px) { .pm-bs { flex: 0 0 320px; margin-left: auto; } }

.pm-bs-caja { position: relative; }
/* 16 px en móvil: con menos, iOS amplía la página al entrar en la caja. */
.pm-bs-q { display: block; width: 100%; height: 40px; margin: 0; padding: 0 36px 0 12px; font: inherit; font-size: 16px;
    color: var(--ink); background: #fff; border: 1px solid var(--hair); border-radius: 0; -webkit-appearance: none; appearance: none; }
.pm-bs-q::placeholder { color: rgb(var(--gris-500)); opacity: 1; }
.pm-bs-q:placeholder-shown { padding-right: 12px; }   /* vacía no hay ×: el texto de ayuda cabe entero */
.pm-bs-q:hover { border-color: var(--hair-strong); }
.pm-bs-q:focus { border-color: var(--ink); outline: 1px solid var(--ink); outline-offset: -2px; }
.pm-bs-q::-webkit-search-cancel-button, .pm-bs-q::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
@media (min-width: 768px) { .pm-bs-q { font-size: 14px; } }

.pm-bs-borrar { position: absolute; top: 0; right: 0; width: 36px; height: 40px; padding: 0; font: inherit; font-size: 20px;
    line-height: 1; color: rgb(var(--gris-500)); background: none; border: 0; cursor: pointer; }
.pm-bs-borrar:hover { color: var(--ink); }
.pm-bs-borrar:focus-visible { outline: 2px solid var(--ink); outline-offset: -6px; }

/* La lista tapa la cabecera de la página: por encima de la barra fija del índice (z-index 20) y por debajo de la
   cabecera del sitio (50). */
.pm-bs-panel { position: absolute; top: calc(100% - 1px); left: 0; right: 0; z-index: 30; max-height: min(70vh, 560px);
    overflow-y: auto; overscroll-behavior: contain; background: #fff; border: 1px solid var(--ink); }
.pm-bs-lista { margin: 0; padding: 0; list-style: none; }
.pm-bs-lista li + li { border-top: 1px solid var(--hair); }
.pm-bs-op { display: block; padding: 9px 12px 10px; color: var(--ink); text-decoration: none; }
.pm-bs-nom { display: block; font-size: 14px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.pm-bs-et { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.35; color: rgb(var(--gris-500)); }
.pm-bs-op:hover .pm-bs-nom { text-decoration: underline; text-decoration-color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pm-bs-op[aria-selected="true"] { background: var(--ink); color: #fff; }
.pm-bs-op[aria-selected="true"] .pm-bs-nom { text-decoration: none; }
.pm-bs-op[aria-selected="true"] .pm-bs-et { color: rgb(255 255 255 / .78); }
.pm-bs-vacio { margin: 0; padding: 11px 12px 12px; font-size: 13px; line-height: 1.5; color: var(--ink-2); }