.ruta{max-width:640px;margin:0 auto;padding:16px 0 32px}.ruta-demo{color:var(--text-suau);background:var(--blau-verd-clar);border-radius:var(--radi);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding:10px 12px;font-size:.85rem;display:flex}.ruta-demo code{background:#fff;border-radius:6px;padding:1px 6px;font-size:.78rem}.ruta h1{margin-top:8px}.ruta-resum{flex-wrap:wrap;gap:8px 16px;margin:0 0 16px;font-weight:800;display:flex}.ruta-passos{gap:8px;margin:0 0 16px;padding-left:22px;display:grid}.ruta-barra{background:var(--fons-suau);border:2px solid var(--vora);border-radius:999px;height:14px;margin:0 0 16px;overflow:hidden}.ruta-barra span{background:linear-gradient(90deg, var(--llima), var(--taronja));height:100%;transition:width .4s;display:block}.ruta-etapes{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.ruta-etapa-boto{text-align:left;background:var(--fons-targeta);border:2px solid var(--vora);border-radius:var(--radi);align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 12px;display:flex}.ruta-etapa-num{width:40px;height:40px;font-family:var(--font-titol), "Arial Black", system-ui, sans-serif;background:var(--fons-suau);color:var(--tinta);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;display:grid}.ruta-etapa-text{flex-direction:column;min-width:0;display:flex}.ruta-etapa-text small{color:var(--text-suau);font-weight:700}.ruta-etapa-validada .ruta-etapa-num{background:var(--llima)}.ruta-etapa-disponible .ruta-etapa-boto{border-color:var(--taronja);box-shadow:0 0 0 3px #ffe6d6}.ruta-etapa-disponible .ruta-etapa-num{background:var(--taronja);color:#fff}.ruta-etapa-bloquejada .ruta-etapa-boto,.ruta-etapa-properament .ruta-etapa-boto{opacity:.6}.ruta-enrere{color:var(--text-suau);background:0 0;border:0;min-height:44px;padding:8px 0;font-weight:800}.ruta-etapa-ordre{color:var(--text-suau);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:800}.ruta-lloc{background:var(--fons-suau);border-radius:var(--radi);gap:2px;margin:0 0 12px;padding:12px 14px;display:grid}.ruta-lloc small{display:block}.ruta-narrativa{color:var(--text-suau);font-style:italic}.ruta-pista{border-radius:var(--radi);background:#fff6ea;border:2px solid #f7c9a8;padding:12px 14px;font-weight:700}.ruta-validacio{border-top:2px dashed var(--vora);margin-top:16px;padding-top:16px}.ruta-pregunta{gap:4px;display:grid}.ruta-form{flex-wrap:wrap;gap:8px;display:flex}.ruta-form input{min-height:48px;font:inherit;border:2px solid var(--tinta);color:var(--tinta);background:#fff;border-radius:999px;flex:160px;padding:8px 14px}.ruta-error{color:var(--vermell);margin:10px 0 0;font-weight:800}.ruta-validada{background:var(--llima-clara);border-radius:var(--radi);justify-items:start;gap:10px;padding:14px;display:grid}.ruta-recompensa,.ruta-final{text-align:center}.ruta-carta{gap:8px;max-width:280px;margin:0 auto 16px;display:grid}.ruta-extra{background:var(--fons-suau);border-radius:var(--radi);padding:10px 12px}.ruta .hero-accions{justify-content:center}.ruta-inici .hero-accions,.ruta-mapa .hero-accions,.ruta-detall .hero-accions{justify-content:flex-start}.colleccio-grup{margin-bottom:24px}.carta-bloquejada{filter:grayscale()opacity(.55)}.carta-com{color:var(--text-suau);margin:6px 0 0;font-size:.85rem}.ruta .toast{color:var(--crema)}.controls-so-ruta{justify-content:center;margin-top:16px}.ruta-lloc .boto-petit{justify-self:start;margin-top:6px;padding:8px 14px;font-size:.9rem}