/* Biblioteca de recursos */
.resource-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-6);
}

.resource-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.resource-card:hover {
    transform: translateY(-6px);
}

.resource-card__icon {
    height: 132px;
    background:
        linear-gradient(160deg, rgba(59, 130, 246, 0.2) 0%, transparent 55%),
        linear-gradient(135deg, var(--color-bg-elevated), rgba(34, 211, 238, 0.12));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    position: relative;
}

.resource-card--prompt .resource-card__icon {
    background:
        linear-gradient(160deg, rgba(34, 211, 238, 0.2) 0%, transparent 55%),
        linear-gradient(135deg, var(--color-bg-elevated), rgba(8, 145, 178, 0.2));
}

.resource-card--agent .resource-card__icon {
    background:
        linear-gradient(160deg, rgba(139, 92, 246, 0.25) 0%, transparent 55%),
        linear-gradient(135deg, var(--color-bg-elevated), rgba(109, 40, 217, 0.3));
}

.resource-card--workflow .resource-card__icon,
.resource-card--automation .resource-card__icon {
    background:
        linear-gradient(160deg, rgba(59, 130, 246, 0.22) 0%, transparent 55%),
        linear-gradient(135deg, var(--color-bg-elevated), rgba(34, 211, 238, 0.15));
}

.resource-card--cursor .resource-card__icon {
    background:
        linear-gradient(160deg, rgba(52, 211, 153, 0.2) 0%, transparent 55%),
        linear-gradient(135deg, var(--color-bg-elevated), rgba(59, 130, 246, 0.2));
}

.resource-card--mcp .resource-card__icon {
    background:
        linear-gradient(160deg, rgba(251, 113, 133, 0.18) 0%, transparent 55%),
        linear-gradient(135deg, var(--color-bg-elevated), rgba(139, 92, 246, 0.2));
}

.resource-card--prompt .resource-card__tag { color: var(--color-accent-soft); background: rgba(34, 211, 238, 0.1); border-color: rgba(34, 211, 238, 0.15); }
.resource-card--agent .resource-card__tag { color: var(--color-violet-light); background: rgba(139, 92, 246, 0.12); border-color: rgba(139, 92, 246, 0.15); }
.resource-card--workflow .resource-card__tag,
.resource-card--automation .resource-card__tag { color: var(--color-blue-light); background: rgba(59, 130, 246, 0.12); border-color: rgba(59, 130, 246, 0.15); }
.resource-card--cursor .resource-card__tag { color: var(--color-green-light); background: rgba(52, 211, 153, 0.1); border-color: rgba(52, 211, 153, 0.15); }
.resource-card--mcp .resource-card__tag { color: var(--color-coral); background: rgba(251, 113, 133, 0.1); border-color: rgba(251, 113, 133, 0.15); }

.resource-card__icon::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: var(--space-5);
    right: var(--space-5);
    height: 1px;
    background: var(--color-border);
}

.resource-card__body {
    padding: var(--space-5) var(--space-6) var(--space-6);
    flex: 1;
    display: flex;
    flex-direction: column;
}

.resource-card__meta {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
    flex-wrap: wrap;
}

.resource-card__tag {
    font-size: var(--font-size-xs);
    font-weight: 600;
    padding: 3px 10px;
    border-radius: var(--radius-full);
    background: rgba(59, 130, 246, 0.12);
    color: var(--color-blue-light);
    border: 1px solid rgba(59, 130, 246, 0.15);
}

.resource-card__tag--free {
    background: rgba(52, 211, 153, 0.1);
    color: var(--color-green-light);
    border-color: rgba(52, 211, 153, 0.2);
}

.resource-card__tag--executable {
    background: rgba(139, 92, 246, 0.14);
    color: var(--color-violet-light);
    border-color: rgba(139, 92, 246, 0.22);
}

.resource-card__title {
    font-family: var(--font-display);
    font-size: var(--font-size-lg);
    margin-bottom: var(--space-2);
    line-height: 1.3;
    color: var(--color-text-primary);
}

.resource-card__title a {
    color: var(--color-text-primary);
    text-decoration: none;
}

.resource-card__title a:hover {
    color: var(--color-accent-soft);
}

.resource-card__summary {
    font-size: var(--font-size-sm);
    flex: 1;
    margin-bottom: var(--space-4);
    line-height: 1.65;
}

.resource-card__footer {
    display: flex;
    justify-content: space-between;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}

.resource-type-nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-6);
}

.resource-filters {
    padding: var(--space-6);
    margin-bottom: var(--space-8);
}

.resource-show__header {
    margin-bottom: var(--space-8);
}

.resource-show__header h1 {
    margin: var(--space-4) 0;
}

.resource-show__actions {
    display: flex;
    gap: var(--space-3);
    margin-top: var(--space-4);
    flex-wrap: wrap;
}

.resource-block {
    padding: var(--space-6);
    margin-bottom: var(--space-6);
}

.resource-block h2 {
    margin-bottom: var(--space-4);
}

.prompt-box {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    max-height: 400px;
    overflow-y: auto;
}

.json-box {
    max-height: 300px;
}

.resource-tags {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
    margin-bottom: var(--space-6);
}

.download-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.download-list li {
    padding: var(--space-2) 0;
}

.resource-breadcrumb a {
    color: var(--color-text-muted);
    text-decoration: none;
}

.resource-breadcrumb a:hover {
    color: var(--color-accent-soft);
}

.pagination {
    margin-top: var(--space-10);
    display: flex;
    gap: var(--space-2);
    justify-content: center;
    flex-wrap: wrap;
}