.cerca-bar { display: flex; align-items: center; gap: var(--space-2); }
.cerca-input {
  flex: 1; font-size: var(--text-base); padding: var(--space-3);
  border: 1px solid var(--border); border-radius: var(--radius-md);
  background: var(--bg-elevated); color: var(--text);
}
.cerca-close {
  flex-shrink: 0; width: 44px; height: 44px; border-radius: var(--radius-sm);
  color: var(--text-muted); font-size: var(--text-lg);
}
.cerca-close:active { transform: scale(0.95); }

.cerca-hint { color: var(--text-muted); font-size: var(--text-sm); text-align: center; padding: var(--space-5) 0; }

.cerca-list { display: flex; flex-direction: column; gap: var(--space-2); }
.cerca-card {
  display: flex; align-items: flex-start; gap: var(--space-3);
  background: var(--bg-elevated); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4);
  box-shadow: var(--shadow-sm);
}
.cerca-card:active { transform: scale(0.99); }
.cerca-card__emoji { font-size: var(--text-lg); line-height: var(--lh-base); }
.cerca-card__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cerca-card__title { font-weight: 600; color: var(--text); }
.cerca-card__place, .cerca-card__when { font-size: var(--text-sm); color: var(--text-muted); }

.cerca-badge { margin-left: var(--space-2); font-size: var(--text-sm); }