/* move-journey.css — barra «Moving to Dubai in 5 steps» (site/move-journey.mjs). Propiedades lógicas: sirve igual en RTL. */
.mj { margin: 16px 0; padding: 12px 14px; border: 1px solid var(--line, #d6ded9); border-radius: 12px; background: var(--surface, #fff); font-size: 15px; line-height: 1.4; }
.mj-title { margin: 0 0 8px; font-weight: 700; }
.mj-count { font-weight: 500; color: var(--muted, #5e6d66); margin-inline-start: 6px; }
.mj-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.mj-steps li a, .mj-steps li > span { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 10px; border: 1px solid var(--line, #d6ded9); border-radius: 999px; text-decoration: none; color: inherit; }
.mj-steps .mj-current > span { background: var(--accent-soft, #dcefea); border-color: var(--accent, #0e7c6b); font-weight: 700; }
.mj-steps .mj-done a { opacity: .85; }
.mj-n { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--surface-2, #e9efec); font-size: 12px; font-weight: 700; }
.mj-current .mj-n { background: var(--accent, #0e7c6b); color: #fff; }
.mj-next { margin: 10px 0 0; }
.mj-next a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--accent-strong, #0a5f52); }
.mj a:focus-visible { outline: 3px solid var(--accent, #0e7c6b); outline-offset: 2px; }
@media (prefers-color-scheme: dark) { .mj-current .mj-n { color: #0f1714; } }
/* Selector de versiones por idioma sin JS (scripts/pricewatch/static-lang-shell.mjs) en las páginas de la ruta. */
nav.static-lang-switcher { display: flex; flex-wrap: wrap; gap: 4px 10px; width: min(1180px, 100%); margin: 8px auto 0; padding-inline: 18px; font-size: 14px; }
nav.static-lang-switcher a { text-decoration: none; }
nav.static-lang-switcher [aria-current] { font-weight: 700; }