/* COMPONENTE — card */

/* ===== CARD ======================================================= */
.card { position:relative; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-card); box-shadow:var(--shadow-sm); overflow:hidden; }
.card.accent::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background:var(--gradient-mel); }