/* Estilos adicionais para os novos elementos */
.popular-file {
    border: 2px solid var(--color-accent);
    box-shadow: 0 0 15px var(--color-accent-glow);
    position: relative;
    overflow: visible;
}

.popular-badge {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: var(--color-accent);
    color: var(--color-background);
    padding: 5px 10px;
    border-radius: var(--border-radius-md);
    font-size: 0.8rem;
    font-weight: bold;
    box-shadow: 0 0 10px var(--color-accent-glow);
    z-index: 10;
    transform: rotate(5deg);
}

.file-features {
    margin-bottom: var(--spacing-md);
}

.file-features p {
    color: var(--color-text-secondary);
    margin-bottom: var(--spacing-xs);
    font-size: 0.9rem;
}

.file-features p i {
    color: var(--color-accent);
    margin-right: 8px;
}

.file-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--spacing-md);
}

.price-main {
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--color-accent);
    margin-bottom: 5px;
}

.price-installments {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
}

/* Ajustes para o select de ordenação */
#sortSelect option[value="price"] {
    display: block;
}

/* Animação para o badge de popular */
@keyframes pulse {
    0% {
        transform: scale(1) rotate(5deg);
    }
    50% {
        transform: scale(1.1) rotate(5deg);
    }
    100% {
        transform: scale(1) rotate(5deg);
    }
}

.popular-badge {
    animation: pulse 2s infinite;
}