/* Paso 3 */
.plan-header { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 8px; }
.plan-header strong { color: var(--strong); font-size: 18px; letter-spacing: -.03em; }
.plan-header .hint { margin: 2px 0 0; }
.plan-switch { margin-bottom: 0; }
.plan-note { margin-top: 18px; padding: 16px 18px; border-radius: 16px; border: 1px solid var(--line); background: var(--hair); font-size: 13.5px; }
.plan-note strong { color: var(--strong); }
.plan-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 16px; border: 1px solid var(--line); background: var(--field); }
.plan-row { grid-template-columns: minmax(0, 1fr) auto auto; }

/* Etapa 4: guardar y compartir */
.save-card { display: grid; gap: 12px; padding: 16px 18px; border-radius: 18px; border: 1px solid var(--line-2); background: var(--hair); }
.save-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.save-head strong { color: var(--strong); font-size: 15px; }
.save-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.file-btn { cursor: pointer; }
.save-code { font-size: 11.5px; color: var(--live); overflow-wrap: anywhere; }
.save-list { display: grid; gap: 8px; }
.save-list-title { font: 600 10.5px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }