.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}.passaport{word-break:break-word;background:linear-gradient(#f4f8fb,#e8f1f6);border:3px solid #2f6f8f;border-radius:16px;margin:0 0 24px;padding:14px 16px}.passaport-compacte{margin:12px 0;padding:10px 12px}.passaport-cap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.passaport-cap h1,.passaport-cap h2{margin:0;font-size:1.2rem}.passaport-compte{color:#24566f;font-weight:800}.passaport-segells{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.segell{text-align:center;justify-items:center;gap:3px;display:grid}.segell-cercle{color:#7d93a1;background:#fff;border:3px dashed #9fb6c4;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:800;display:grid}.segell-fet .segell-cercle{background:radial-gradient(circle,#fff6ea 55%,#ffe3c7 100%);border:3px double #c2410c;box-shadow:inset 0 0 0 4px #fff6ea,inset 0 0 0 6px #c2410c55}.segell-num{font-size:1.1rem}.segell-nom{font-size:.78rem;font-weight:700;line-height:1.15}.segell-data{color:var(--text-suau);font-size:.7rem}.passaport-premis{border-top:2px dashed #b9cdd8;margin-top:14px;padding-top:10px}.passaport-premis h3{margin:0 0 8px;font-size:1rem}.passaport-premis ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.passaport-premis li{background:#fff;border:2px solid #dbe6ec;border-radius:10px;grid-template-columns:auto 1fr;gap:2px 10px;padding:8px 10px;display:grid}.passaport-premis li>.text-suau{grid-column:2;font-size:.8rem}.passaport-premis .premi-a-punt{background:#eefaf3;border-color:#2f8f6b}@media (max-width:379px){.passaport-segells{grid-template-columns:repeat(3,1fr)}}.passaport-compacte .segell-cercle{border-width:2px;width:min(40px,11vw);height:min(40px,11vw);font-size:.85rem}.passaport-compacte .segell-cercle .icona-objecte{font-size:.75em}.passaport-compacte .segell-nom{display:none}.segell-tinta{mix-blend-mode:multiply;display:block;overflow:visible}.segell-tinta-mig{opacity:.92;width:100%;height:100%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.passaport-compacte .segell-tinta-mig .icona-objecte{font-size:.7em}.passaport-compacte .passaport-segells{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.passaport-segells{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.passaport .segell-tinta{width:100%;max-width:190px;height:auto;margin:0 auto}.passaport .segell-cercle{width:min(96px,26vw);height:min(96px,26vw)}.passaport-compacte .passaport-segells{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.passaport-compacte .segell-cercle{width:min(60px,17vw);height:min(60px,17vw)}.passaport-comercos,.passaport-vals{border-top:2px dashed #b9cdd8;gap:8px;margin-top:14px;padding-top:10px;display:grid}.passaport-comercos h3,.passaport-vals h3{margin:0;font-size:1rem}.mapa-ruta{gap:8px;margin:12px 0 16px;display:grid}.mapa-ruta-cap{justify-content:space-between;align-items:center;gap:8px;display:flex}.mapa-ruta-marc{border:2px solid var(--tinta);border-radius:var(--radi);-webkit-overflow-scrolling:touch;background:#9fd3e0;overflow-x:auto}.mapa-ruta-planol{width:max(100%,640px);position:relative}.mapa-ruta-planol.mapa-ruta-gran{width:max(100%,1100px)}.mapa-ruta-planol img,.mapa-ruta-planol svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mapa-ruta-punt{border:2px solid var(--tinta);color:#fff;width:30px;height:30px;box-shadow:0 2px 0 var(--tinta);cursor:pointer;background:#9a98a8;border-radius:50%;place-items:center;padding:0;font-size:.85rem;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%)}.mapa-ruta-disponible{background:var(--taronja);width:36px;height:36px;animation:1.6s ease-in-out infinite mapa-ruta-batec}.mapa-ruta-validada{background:#2f8f6b}.mapa-ruta-properament{color:var(--text-suau);background:#fff;border-style:dashed}@keyframes mapa-ruta-batec{50%{transform:translate(-50%,-50%)scale(1.12)}}@media (prefers-reduced-motion:reduce){.mapa-ruta-disponible{animation:none}}.mapa-real{gap:4px;margin-top:6px;display:grid}.mapa-real iframe{border:2px solid var(--tinta);border-radius:12px;width:100%;height:240px}.mapa-ruta-triada{outline:3px solid var(--lila);outline-offset:2px}.num-parada{border:2.5px solid var(--tinta);color:var(--tinta);background:#fff;border-radius:50%;flex:none;place-items:center;font-weight:900;line-height:1;display:grid}.num-parada-validada{color:#fff;background:#2f8f6b}.num-parada-disponible{color:#fff;background:#f5641f;border-width:3px;box-shadow:0 0 0 5px #f5641f59}.num-parada-bloquejada,.num-parada-properament{color:#8a8ba0;border-style:dashed;border-color:#8a8ba0}.mapa-v2,html body section.mapa-v2{padding:0;position:relative}.mapa-v2-marc{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f6efdf;position:relative;overflow:auto}.mapa-v2-marc::-webkit-scrollbar{display:none}.mapa-v2-ruta .mapa-v2-marc{border:3px solid var(--tinta);border-radius:20px;height:330px}.mapa-v2-sencer .mapa-v2-marc{height:auto;padding:52px 0 76px}.mapa-v2-parada .mapa-v2-marc{border-bottom:3px solid var(--tinta);height:230px}.mapa-v2-planol{max-width:none;position:relative}.mapa-v2-planol img,.mapa-v2-planol svg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mapa-v2-punt{color:#8a8ba0;cursor:pointer;background:#fff;border:2.5px dashed #8a8ba0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:14px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%)}.mapa-v2-parada .mapa-v2-punt{width:26px;height:26px;font-size:12px}.mapa-v2-sencer .mapa-v2-punt{width:22px;height:22px;font-size:11px}.mapa-v2-punt:after{content:"";position:absolute;inset:-8px}.mapa-v2-validada{color:#fff;border:2.5px solid var(--tinta);background:#2f8f6b}.mapa-v2-disponible{color:#fff;border:3px solid var(--tinta);z-index:1;background:#f5641f;box-shadow:0 0 0 5px #f5641f59}.mapa-v2-mirada{outline:3px solid var(--tinta);outline-offset:3px;z-index:2}.mapa-v2-sencer-boto{border:2px solid var(--tinta);min-height:36px;color:var(--tinta);cursor:pointer;background:#fff;border-radius:999px;padding:0 12px;font-size:13px;font-weight:900;position:absolute;top:10px;left:10px}.mapa-v2-toca{color:var(--tinta);border:2px solid var(--tinta);background:#fff;border-radius:18px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 4px #2f8f6b}.mapa-v2-toca>div{flex-direction:column;flex:1;min-width:0;display:flex}.mapa-v2-toca small{letter-spacing:.06em;text-transform:uppercase;color:#c44a0c;font-size:11px;font-weight:900}.mapa-v2-toca b{overflow-wrap:break-word;font-size:15px;font-weight:900;line-height:1.2}.mapa-v2-toca-feta{font-size:28px}.mapa-v2-hi-vaig{color:#fff;white-space:nowrap;cursor:pointer;background:#2f8f6b;border:0;border-radius:999px;flex:none;min-height:44px;padding:0 14px;font-weight:900;box-shadow:0 3px #1f6b4f}.ruta-mapa-v2-cap{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.ruta-mapa-v2-cap h1{font-family:var(--font-titol), sans-serif;margin:0;font-size:clamp(1.5rem,7.5vw,1.9rem);font-weight:400;line-height:1.05}.ruta-mapa-v2-cap span{font-family:var(--font-titol), sans-serif;color:#2f8f6b;flex:none;font-size:1.4rem}.ruta-llegenda{flex-wrap:wrap;gap:14px;margin:14px 0 12px;font-size:13px;font-weight:800;display:flex}.ruta-llegenda>span{white-space:nowrap;align-items:center;gap:8px;display:flex}.ruta-llegenda .num-parada-disponible{box-shadow:0 0 0 3px #f5641f59}.ruta-tira{align-items:center;margin:0 0 16px;padding:6px 4px;list-style:none;display:flex}.ruta-tira li{flex:1;align-items:center;display:flex}.ruta-tira li:first-child{flex:none}.ruta-tira li:not(:first-child):before{content:"";background:#d9d2c0;flex:1;min-width:4px;height:3px}.ruta-tira button{cursor:pointer;background:0 0;border:0;padding:4px;display:grid}.ruta-detall-v2{flex-direction:column;gap:12px;display:flex}.ruta-detall-v2 .mapa-v2{margin:-16px 0 2px}@media (max-width:672px){.ruta-detall-v2 .mapa-v2{margin:-16px -16px 2px}}@media (min-width:673px){.ruta-detall-v2 .mapa-v2-marc{border:3px solid var(--tinta);border-radius:20px}}.ruta-detall-v2-enrere{border:2px solid var(--tinta);width:44px;height:44px;color:var(--tinta);cursor:pointer;background:#fff;border-radius:14px;font-size:22px;font-weight:900;line-height:1;position:absolute;top:10px;left:16px}.ruta-detall-v2-real{border:2px solid var(--tinta);min-height:40px;color:var(--tinta);box-shadow:0 3px 0 var(--tinta);background:#fff;border-radius:999px;align-items:center;padding:0 14px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex;position:absolute;bottom:12px;right:16px}.ruta-detall-v2-cap{align-items:center;gap:12px;display:flex}.ruta-detall-v2-cap>div{flex-direction:column;min-width:0;display:flex}.ruta-detall-v2-cap small{letter-spacing:.06em;text-transform:uppercase;color:#c44a0c;font-size:12px;font-weight:900}.ruta-detall-v2-cap h1{font-family:var(--font-titol), sans-serif;overflow-wrap:break-word;margin:0;font-size:1.5rem;font-weight:400;line-height:1.05}.ruta-detall-v2-lloc,.ruta-detall-v2 .ruta-narrativa{overflow-wrap:break-word;margin:0;font-size:15px;line-height:1.45}.ruta-detall-v2 .ruta-narrativa{color:#4a4b66}.ruta-detall-v2-pista{color:var(--tinta);background:#fff6ea;border:2px dashed #c44a0c;border-radius:18px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.ruta-detall-v2-pista img{object-fit:contain;flex:none;width:44px;height:44px}.ruta-detall-v2-pista p{margin:0;font-size:14px;line-height:1.45}.ruta-detall-v2 .ruta-validacio{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.ruta-detall-v2-pregunta{margin:0;font-size:15px;font-weight:900;line-height:1.4}.ruta-detall-v2-pregunta span{color:#4a4b66;font-weight:700}.ruta-form-v2{flex-direction:column;gap:8px;display:flex}.ruta-form-v2>div{gap:8px;display:flex}.ruta-form-v2 input{border-radius:14px;flex:1;min-width:0;min-height:52px;font-weight:700}.ruta-valida{color:#fff;min-height:52px;font-family:var(--font-titol), sans-serif;cursor:pointer;background:#f5641f;border:0;border-radius:14px;flex:none;padding:0 18px;font-size:18px;box-shadow:0 4px #c44a0c}.ruta-valida:disabled{opacity:.55;cursor:default}.ruta-ajudeta{color:#c44a0c;cursor:pointer;background:0 0;border:0;align-self:flex-start;min-height:44px;padding:6px 0;font-weight:800;text-decoration:underline}.ruta-o-be{color:#4a4b66;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.ruta-o-be span{background:#d9d2c0;flex:1;height:2px}.escaner-qr{gap:8px;display:grid}.escaner-qr-boto{width:100%;min-height:52px;font-size:16px}.escaner-qr-ajuda{border:2px solid var(--vora);background:#fff;border-radius:14px;margin:0;padding:10px 12px;font-size:14px;line-height:1.45}.escaner-qr-fons{z-index:90;color:#fff;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:#1c1d39;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.escaner-qr-fons video{aspect-ratio:1;object-fit:cover;border-radius:20px;width:min(100%,420px)}.escaner-qr-visor{aspect-ratio:1;pointer-events:none;border:4px solid #f5641f;border-radius:18px;width:min(60vw,250px);position:absolute}.escaner-qr-fons p{margin:0;font-weight:800}