/* ── Ecossistema Page ── */
.eco-hero {
    padding-top: calc(var(--header-height) + var(--space-16));
    padding-bottom: var(--space-6);
}

.eco-flywheel {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-4);
    margin-bottom: var(--space-16);
}
.eco-step { text-align: center; padding: var(--space-6); }
.eco-step__num {
    display: inline-block; font-size: var(--text-xs); font-weight: var(--font-bold);
    color: var(--color-primary); background: var(--color-primary-subtle);
    border: 1px solid var(--color-border-accent); border-radius: var(--radius-full);
    padding: var(--space-1) var(--space-3); margin-bottom: var(--space-3);
}
.eco-step__title { font-size: var(--text-lg); margin-bottom: var(--space-2); }
.eco-step__desc { font-size: var(--text-sm); color: var(--color-text-secondary); }

.eco-features {
    display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2);
    margin: var(--space-4) 0;
}
.eco-features li {
    display: flex; align-items: center; gap: var(--space-2);
    font-size: var(--text-sm); color: var(--color-text-secondary);
}
.eco-check { color: var(--color-primary); font-weight: var(--font-bold); }

@media (max-width: 1024px) {
    .eco-flywheel { grid-template-columns: repeat(3, 1fr); }
    .eco-features { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .eco-flywheel { grid-template-columns: 1fr; }
}