jorgemontivero

<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-sans); }
.container { padding: 1rem 0; }
.search-bar { width: 100%; padding: 8px 14px; font-size: 14px; border: 0.5px solid var(--color-border-secondary); border-radius: var(--border-radius-md); background: var(--color-background-primary); color: var(--color-text-primary); margin-bottom: 1.25rem; }
.search-bar:focus { outline: none; box-shadow: 0 0 0 2px var(--color-border-info); }
.tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 1.25rem; }
.tab { padding: 5px 14px; font-size: 13px; border: 0.5px solid var(--color-border-secondary); border-radius: 999px; cursor: pointer; background: transparent; color: var(--color-text-secondary); transition: all 0.15s; }
.tab:hover { background: var(--color-background-secondary); color: var(--color-text-primary); }