/* Cómo comprar */
.how { margin-top: 44px; }
.how h2, .featured h2 { font-family: var(--display); font-weight: 800; font-size: 34px; line-height: 1; margin-bottom: 16px; text-wrap: balance; }
.steps { margin: 0; padding-left: 1.3em; display: grid; gap: 12px; max-width: 62ch; }
.steps li::marker { font-weight: 700; }
.steps strong { display: block; }
.steps span { color: var(--muted); }
footer.policy { margin-top: 36px; color: var(--muted); font-size: 14px; max-width: 70ch; display: grid; gap: 8px; }
footer.policy strong { color: var(--ink); }

/* Barra inferior */
.bar { position: fixed; left: 0; right: 0; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); display: flex; justify-content: center; padding: 0 16px; z-index: 30; pointer-events: none; transform: translateY(24px); opacity: 0; transition-property: transform, opacity; transition-duration: 220ms; transition-timing-function: var(--ease-out); }
.bar.show { transform: none; opacity: 1; }
.bar button { pointer-events: auto; width: min(560px, 100%); min-height: 56px; border: 0; border-radius: 16px; background: var(--btn); color: var(--btn-ink); padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-weight: 700; font-size: 16px; box-shadow: var(--sh-2); transition-property: scale; transition-duration: 140ms; transition-timing-function: var(--ease-out); }
.bar button:active { scale: 0.98; }
.bar:not(.show) button { pointer-events: none; }
.num { font-variant-numeric: tabular-nums; }