.dir { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--sp-4); }
.dir .person { position: relative; }
.dir .person.destaque { border-color: var(--accent); }
.dir .selo { position: absolute; top: 12px; right: 12px; }
.dir-bar { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center; margin: var(--sp-5) 0; }
.dir-bar .search-field { flex: 1; min-width: 220px; }
.dir-bar select { width: auto; }