/* Manifestación en Ánima: un día de tu yo futuro. Tokens de anima.css; clases mf-. */

.mf-intro { font-size: 1.7rem; color: var(--ivory); text-align: center; margin: 8px 0 6px; }
.mf-kicker { font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold); margin: 4px 0 14px; }
.mf-centro { text-align: center; }
.mf-error { color: #ff9f8a; margin: 8px 0; }
.mf-dia { list-style: none; margin: 0 0 18px; padding: 0; position: relative; }
.mf-dia::before { content: ''; position: absolute; left: 62px; top: 6px; bottom: 6px; width: 1px; background: var(--line); }
.mf-momento { display: grid; grid-template-columns: 48px 28px 1fr; align-items: start; gap: 0 6px; margin-bottom: 16px; }
.mf-hora { color: var(--gray); font-size: 0.85rem; font-variant-numeric: tabular-nums; padding-top: 2px; }
.mf-simbolo { color: var(--gold); text-align: center; background: var(--deep, #0a0912); position: relative; line-height: 1.4; }
.mf-escena { color: var(--ivory-dim); line-height: 1.6; margin: 0; }
.mf-cierre { color: var(--ivory); font-style: italic; text-align: center; font-size: 1.1rem; margin: 6px 0 18px; }