.fases { padding-block: var(--section-y); }
.fases__cab { max-width: 760px; }
.fases__cab > * + * { margin-top: var(--space-4); }
.fases__cab .section-label { margin-bottom: 0; }
.fases__lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: var(--space-5); margin-top: clamp(32px, 4vw, 56px); counter-reset: fase; }
.fase { position: relative; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border: var(--border-width) solid var(--border-default); border-top: 3px solid var(--accent); border-radius: var(--radius-md); background: var(--surface-card); }
.fase__num { font: var(--fw-bold) 2rem/1 var(--font-display); letter-spacing: var(--ls-heading); color: var(--accent-text); }
.fase h3 { font-size: var(--fs-h4); line-height: 1.3; }
.fase p { margin: 0; color: var(--text-secondary); font-size: var(--fs-body-sm); }
@media (min-width: 1100px) { .fases__lista { grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); } }