.avatar {
width: 72px; height: 72px; border-radius: 50%; flex: none;
background: rgba(255,255,255,.14); backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,.3);
display: grid; place-items: center; font-size: 24px; font-weight: 600; color: #fff; letter-spacing: .01em;
}

.avatar.com-foto { padding: 0; overflow: hidden; background: none; }
.avatar.com-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

@media (max-width: 900px) {
.search-fields { grid-template-columns: 1fr 1fr; }
.sf { border-right: 0; border-bottom: 1px solid var(--line-2); }
.sf-search { grid-column: 1 / -1; padding: 10px 6px 6px; }
.sf-search button { height: 48px; }
.sf-gatilho { font-size: 16px; }
}
@media (max-width: 560px) {
.hero-inner { padding-top: 28px; padding-bottom: 34px; }
.perfil { gap: 14px; }
.avatar { width: 60px; height: 60px; font-size: 20px; }
.hero-cta { flex-direction: column; align-items: stretch; }
}
.capa { padding: 60px 0 64px; overflow: visible; }
.capa .lead { margin-bottom: 30px; }
.capa > img { object-position: center 52%; }
.capa .qsearch { box-shadow: 0 12px 34px rgba(6,9,16,.34); border-color: transparent; }
@media (max-width: 760px) {
.capa { padding: 40px 0 44px; }
.capa > img { transform: none; object-position: 40% 60%; }
}
.cds-topo-lista { display: flex; align-items: baseline; justify-content: space-between;
gap: 14px; flex-wrap: wrap; margin: 26px 0 18px; }
.cds-conta { font-size: 14px; color: var(--ink-3); }
.cds-conta b { color: var(--ink); font-weight: 600; }
.cds-limpar { font: inherit; font-size: 13px; color: var(--accent); background: none;
border: 0; padding: 0; cursor: pointer; text-decoration: underline; }
.cds-busca { display:flex; align-items:center; gap:10px; border:1px solid var(--line);
border-radius:var(--radius); padding:10px 14px; max-width:420px; background:var(--bg); }
.cds-busca input { border:0; outline:0; background:none; font:inherit; font-size:14px;
color:var(--ink); width:100%; }
.cds-busca .material-icons { font-size:19px; color:var(--ink-4); }
.cds-lista { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:20px; }
 
.cds-fim { padding-bottom: 80px; }
.cds-card { border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden;
text-decoration:none; color:inherit; background:var(--bg); display:flex; flex-direction:column;
transition:border-color .15s, transform .15s; }
@media (hover: hover) { .cds-card:hover { border-color:var(--accent); transform:translateY(-2px); } }
.cds-card img { width:100%; aspect-ratio:4/3; object-fit:cover; background:var(--line-2); }
.cds-card .corpo { padding:15px 16px; display:flex; flex-direction:column; gap:3px; }
.cds-card b { font-size:15.5px; font-weight:600; line-height:1.3; letter-spacing:-.01em; }
.cds-card small { font-size:12.5px; color:var(--ink-3); }
.cds-card .qtd { font-size:12.5px; font-weight:600; color:var(--accent); margin-top:5px; }