.filtros { position: sticky; top: 64px; z-index: 20; background: #fff; border-bottom: 1px solid var(--linea); }
.filtros-in { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem .9rem; padding: .7rem 1.5rem; font-size: 15px; }
.filtros .campo { height: 38px; font-size: 15px; padding: 0 .55rem; }
.filtros .orden { margin-left: auto; }
.seg { display: inline-flex; border: 1px solid var(--linea-2); border-radius: 3px; overflow: hidden; }
.seg button { background: #fff; border: 0; padding: 0 .85rem; height: 36px; color: var(--gris); }
.seg button + button { border-left: 1px solid var(--linea-2); }
.seg button[aria-pressed="true"] { background: var(--verde); color: #fff; }

.listado { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .82fr); gap: 0; align-items: start; }
.resultados { padding: 1.4rem 1.5rem 2rem; }
.resultados .tarjetas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cuenta { color: var(--gris); margin: 0 0 1.2rem; }
.tarjeta.marcada h3 { text-decoration: underline; text-underline-offset: 3px; }
.mapa-caja { position: sticky; top: 118px; height: calc(100vh - 118px); border-left: 1px solid var(--linea); }
#mapa { width: 100%; height: calc(100% - 2rem); background: var(--papel); }
.mapa-nota { margin: .4rem .8rem 0; }
.leaflet-container { font-family: var(--texto); }
.pin { background: #fff; color: var(--tinta); border: 1px solid var(--tinta); border-radius: 3px; padding: .15rem .45rem; font: 500 13px var(--texto); white-space: nowrap; font-variant-numeric: tabular-nums; transform: translate(-50%, -50%); display: inline-block; cursor: pointer; }
.pin.activo { background: var(--verde); color: #fff; border-color: var(--verde); z-index: 1000; }
.leaflet-div-icon { background: none; border: 0; }

.avisame { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; align-items: end; margin-top: 3rem; padding: 1.6rem; background: var(--papel); border-radius: 3px; }
.avisame h2 { font-size: 1.4rem; margin-bottom: .5rem; }
.avisame p { margin: 0; }
.avisame-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: .6rem; align-items: end; }
.avisame-form label { display: grid; gap: .25rem; font-size: 13px; color: var(--gris); }
.avisame-form .chico { grid-column: 1 / -1; margin: 0; }
.vacio { padding: 2rem 0; color: var(--gris); }

@media (max-width: 1100px) {
  .listado { grid-template-columns: 1fr; }
  .mapa-caja { position: relative; top: 0; height: 340px; border-left: 0; border-top: 1px solid var(--linea); order: -1; }
  .avisame, .avisame-form { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .filtros { position: static; }
  .filtros-in { padding: .7rem 1rem; }
  .filtros .orden { margin-left: 0; }
  .resultados { padding: 1.2rem 1rem; }
  .resultados .tarjetas { grid-template-columns: 1fr; }
  .mapa-caja { height: 260px; }
}