/* Botón lupa */
.areality-search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
}
.areality-search-btn svg { display:block; }

/* Overlay */
.areality-search-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 1000;
}

/* Modal */
.areality-search-modal {
  position: fixed;
  top: 10vh; left: 50%;
  transform: translateX(-50%);
  width: min(720px, 92vw);
  max-height: 80vh;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  z-index: 1001;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

.asm-header {
  display:flex; align-items:center; justify-content:space-between;
  padding: .9rem 1rem; border-bottom: 1px solid #eee;
}
.asm-header h3 { margin:0; font-size: 1.1rem; }
.asm-close { border:0; background:transparent; font-size:1.6rem; line-height:1; cursor:pointer; }

.asm-body { padding: 1rem; overflow:auto; }

/* Estilos mínimos del form (puedes usar los tuyos) */
.wcps-form--header {
  display:flex; gap:.5rem; align-items:center;
}
.wcps-form--header input[type="search"],
.wcps-form--header select {
  flex: 1;
  padding:.6rem .8rem; border:1px solid #ddd; border-radius:.5rem;
}
.wcps-form--header button {
  padding:.6rem .9rem; border:0; border-radius:.5rem; cursor:pointer;
}

/* Accesibilidad: oculto visualmente (para lector de pantalla) */
.sr-only {
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}