.char-card{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .25s ease}.char-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-gold)}.char-card:hover img{transform:scale(1.08)}.char-card__name{font-size:1.5rem;color:var(--color-gold-light);margin-bottom:.125rem}.char-card__category{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;padding:2px 8px;border-radius:4px;margin-bottom:.25rem}.char-card[data-category=primordial] .char-card__category{background:rgba(107,33,168,.2);color:#a855f7}.char-card[data-category=titan] .char-card__category{background:rgba(180,83,9,.2);color:#f59e0b}.char-card[data-category=olimpico] .char-card__category{background:rgba(202,138,4,.2);color:#fbbf24}.char-card[data-category=heroe] .char-card__category{background:rgba(8,145,178,.2);color:#22d3ee}.char-card[data-category=mortal] .char-card__category{background:rgba(101,163,13,.2);color:#a3e635}.char-card[data-category=ninfa] .char-card__category{background:rgba(219,39,119,.2);color:#f472b6}.char-card[data-category=monstruo] .char-card__category{background:rgba(220,38,38,.2);color:#f87171}@keyframes charCardIn{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.animate-filter-chars .char-card{animation:charCardIn .5s cubic-bezier(.2,.8,.2,1) both}.animate-filter-chars .char-card:first-child{animation-delay:.03s}.animate-filter-chars .char-card:nth-child(2){animation-delay:.06s}.animate-filter-chars .char-card:nth-child(3){animation-delay:.09s}.animate-filter-chars .char-card:nth-child(4){animation-delay:.12s}.animate-filter-chars .char-card:nth-child(5){animation-delay:.15s}.animate-filter-chars .char-card:nth-child(6){animation-delay:.18s}.animate-filter-chars .char-card:nth-child(7){animation-delay:.21s}.animate-filter-chars .char-card:nth-child(8){animation-delay:.24s}.animate-filter-chars .char-card:nth-child(9){animation-delay:.27s}.animate-filter-chars .char-card:nth-child(10){animation-delay:.3s}.animate-filter-chars .char-card:nth-child(11){animation-delay:.33s}.animate-filter-chars .char-card:nth-child(12){animation-delay:.36s}.animate-filter-chars .char-card:nth-child(n+13){animation-delay:.39s}