/* PIWA 3D — buscador de negocios (sitio y páginas de negocios) */
kbd { font: 600 .72rem var(--f-texto); color: var(--gris); border: 1px solid var(--borde); border-bottom-width: 2px; border-radius: 6px; padding: 1px 6px; background: var(--noche); }
/* Ventana del buscador */
.buscador-modal { position: fixed; inset: 0; z-index: 60; display: grid; justify-items: center; align-items: start; padding: 10vh 16px 16px; }
.buscador-modal[hidden] { display: none; }
.buscador-modal__fondo { position: absolute; inset: 0; background: rgba(5, 12, 20, .78); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.buscador-modal__caja {
  position: relative; width: min(620px, 100%); max-height: 78vh; display: flex; flex-direction: column;
  background: var(--noche); border: 1px solid var(--borde); border-radius: 22px; overflow: hidden;
  box-shadow: 0 40px 80px -20px rgba(0, 0, 0, .7), 0 0 0 1px rgba(0, 180, 216, .12);
}
.buscador-modal__campo { display: flex; align-items: center; gap: 12px; padding: 14px 14px 14px 20px; border-bottom: 1px solid var(--borde); }
.buscador-modal__campo > .ico { color: var(--cian); width: 24px; height: 24px; }
.buscador-modal__campo input { flex: 1; min-width: 0; background: none; border: 0; outline: none; color: #fff; font: 600 1.15rem var(--f-texto); padding: 8px 0; }
.buscador-modal__campo input::placeholder { color: #5F7690; font-weight: 500; }
.buscador-modal__campo input::-webkit-search-cancel-button { display: none; }
.buscador-modal__cerrar { background: var(--pizarra); border: 1px solid var(--borde); color: var(--niebla); border-radius: 10px; padding: 8px 12px; font: 600 .85rem var(--f-texto); cursor: pointer; }
.buscador-modal__info { color: var(--gris); font-size: .84rem; padding: 12px 20px 4px; }
.buscador-modal__lista { list-style: none; margin: 0; padding: 4px 10px 10px; overflow-y: auto; }
.buscador-modal__lista a {
  display: flex; align-items: center; gap: 14px; padding: 10px; border-radius: 14px; text-decoration: none; color: #fff;
}
.buscador-modal__lista a[aria-selected="true"], .buscador-modal__lista a:hover { background: var(--pizarra); }
.buscador-modal__lista a[aria-selected="true"] .buscador-modal__ir { opacity: 1; }
.buscador-modal__logo { width: 52px; height: 52px; flex: none; display: grid; place-items: center; border-radius: 12px; background: var(--capas), var(--abismo); padding: 5px; overflow: hidden; }
.buscador-modal__logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.buscador-modal__logo b { font: 700 1.3rem var(--f-titulo); color: var(--cian); }
.buscador-modal__texto { flex: 1; min-width: 0; }
.buscador-modal__texto strong { display: block; font-weight: 700; }
.buscador-modal__texto span { color: var(--gris); font-size: .88rem; }
.buscador-modal__texto mark { background: none; color: var(--cian); }
.buscador-modal__ir { color: var(--cian); font-weight: 700; font-size: .85rem; opacity: 0; white-space: nowrap; }
.buscador-modal__vacio { padding: 18px 20px 22px; color: var(--gris); display: grid; gap: 12px; justify-items: start; }
.buscador-modal__ayuda { border-top: 1px solid var(--borde); padding: 10px 20px; color: var(--gris); font-size: .78rem; }
.buscador-modal__ayuda kbd { margin-right: 2px; }
body.con-buscador { overflow: hidden; }
@media (max-width: 560px) {
  .buscador-modal { padding: 0; align-items: stretch; }
  .buscador-modal__caja { max-height: none; height: 100%; border-radius: 0; border: 0; }
  .buscador-modal__ayuda { display: none; }
  .buscador-modal__ir { display: none; }
}
.buscador-modal [hidden] { display: none !important; }
.buscador-modal .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: 44px; padding: 0 16px;
  border-radius: 12px; border: 1.5px solid var(--borde); background: transparent; color: var(--niebla);
  font: 700 .92rem var(--f-texto); text-decoration: none;
}
.buscador-modal .btn:hover { border-color: var(--cian); color: #fff; }
.buscador-modal__lista a, .buscador-modal__cerrar { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.buscador-modal__lista a:active { background: var(--pizarra); }