.cajon,.cajon__fondo{--c-brand:#3d7cb8;--c-brand-strong:#1f5288;--c-brand-soft:#6ba3d6;--c-ink:#15293b;--c-ink-soft:#3f5163;--c-muted:#6c7c8c;--c-line:#e3eaf1}.cajon__fondo{z-index:170;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;cursor:pointer;transition:opacity .3s var(--e-suave,ease), visibility .3s var(--e-suave,ease);background:#0716268c;border:0;padding:0;position:fixed;inset:0}.cajon__fondo.es-abierto{opacity:1;visibility:visible}.cajon{z-index:171;width:min(27rem,100%);height:100dvh;color:var(--c-ink);visibility:hidden;transition:translate .34s var(--e-suave,cubic-bezier(.22, 1, .36, 1)), visibility .34s var(--e-suave,ease);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;right:0;translate:100%;box-shadow:-24px 0 60px -30px #0716268c}.cajon.es-abierto{visibility:visible;translate:0}@media (prefers-reduced-motion:reduce){.cajon,.cajon__fondo{transition:none}}.cajon__cab{color:#f2f7fc;background:linear-gradient(135deg,#14375e 0%,#0d2745 60%,#071626 100%);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.2rem;display:flex}.cajon__r{color:#8fc2e8;letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.64rem;font-weight:800}.cajon__t{letter-spacing:-.01em;text-transform:uppercase;align-items:center;gap:.5rem;margin:.25rem 0 0;font-size:1.25rem;font-weight:800;display:flex}.cajon__t i{color:#8fc2e8;font-size:1.3rem}.cajon__t em{color:#fff;font-variant-numeric:tabular-nums;background:#3d7cb8;border-radius:999px;place-items:center;min-width:1.4rem;height:1.4rem;padding-inline:.35rem;font-size:.72rem;font-style:normal;font-weight:800;display:grid}.cajon__x{color:#dceaf6;cursor:pointer;width:2.2rem;height:2.2rem;transition:background .2s var(--e-suave,ease), border-color .2s var(--e-suave,ease);background:#ffffff0f;border:1px solid #a8cdea40;border-radius:.6rem;flex:none;place-items:center;font-size:1.2rem;display:grid}.cajon__x:hover{color:#fff;background:#6ba3d633;border-color:#a8cdea99}.ruta{border-bottom:1px solid var(--c-line);background:linear-gradient(#f3f8fc 0%,#fff 100%);flex:none;padding:1.15rem 1.2rem 1.3rem}.ruta__frase{color:var(--c-ink-soft);margin:0 0 1.15rem;font-size:.84rem;line-height:1.5}.ruta__frase strong{color:var(--c-brand-strong);font-weight:800}.ruta__frase i{color:#2e7d57}.ruta__via{height:2rem;margin-inline:.85rem;position:relative}.ruta__pista{background:#dfe9f2;border-radius:999px;height:.32rem;position:absolute;top:50%;left:0;right:0;overflow:hidden;translate:0 -50%}.ruta__lleno{border-radius:inherit;height:100%;transition:width .45s var(--e-suave,ease);background:linear-gradient(90deg,#6ba3d6,#1f5288);display:block}@media (prefers-reduced-motion:reduce){.ruta__lleno{transition:none}}.ruta__hito{color:#9db3c6;width:1.7rem;height:1.7rem;transition:border-color .3s var(--e-suave,ease), color .3s var(--e-suave,ease), scale .3s var(--e-suave,ease);background:#fff;border:2px solid #dfe9f2;border-radius:50%;place-items:center;font-size:.85rem;display:grid;position:absolute;top:50%;translate:-50% -50%}.ruta__hito.es-logrado{color:#fff;background:#2e7d57;border-color:#2e7d57;scale:1.08}@media (prefers-reduced-motion:reduce){.ruta__hito{transition:none}}.ruta__leyenda{flex-wrap:wrap;gap:.45rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.ruta__leyenda li{color:var(--c-muted);background:#fff;border:1px solid #e2ebf4;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.74rem;line-height:1.2;display:inline-flex}.ruta__leyenda li i{opacity:.8;font-size:.9rem}.ruta__leyenda li.es-logrado{color:#2e7d57;background:#2e7d5714;border-color:#2e7d5759;font-weight:700}.ruta__leyenda li.es-logrado i{opacity:1}.ruta__leyenda em{font-variant-numeric:tabular-nums;opacity:.75;font-style:normal}.cajon__aviso{border:1px solid var(--c-line);border-left:3px solid var(--c-brand-soft);color:var(--c-ink-soft);background:#f5f9fd;border-radius:.5rem;align-items:flex-start;gap:.55rem;margin:.6rem 1.2rem 0;padding:.65rem .8rem;font-size:.8rem;line-height:1.45;display:flex}.cajon__aviso i{color:var(--c-brand);flex:none;margin-top:.1em;font-size:1rem}.cajon__lineas{overscroll-behavior:contain;flex:1;margin:0;padding:.4rem 1.2rem;list-style:none;overflow-y:auto}.lin{border-bottom:1px solid var(--c-line);gap:.8rem;padding:.85rem 1.6rem .85rem 0;display:flex;position:relative}.lin:last-child{border-bottom:0}.lin__media{border:1px solid var(--c-line);width:4rem;height:4rem;color:var(--c-brand-soft);background:#f3f8fc;border-radius:.7rem;flex:none;place-items:center;font-size:1.4rem;display:grid;overflow:hidden}.lin__media img{object-fit:cover;width:100%;height:100%}.lin__cuerpo{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.lin__nombre{margin:0;font-size:.86rem;font-weight:700;line-height:1.35}.lin__pres{color:var(--c-muted);margin:0;font-size:.73rem}.lin__pie{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.45rem;display:flex}.lin__qty{border:1px solid var(--c-line);border-radius:999px;align-items:center;display:inline-flex}.lin__qty button{width:1.7rem;height:1.7rem;color:var(--c-brand-strong);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:.9rem;display:grid}.lin__qty button:hover{background:#e9f1f9}.lin__qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:1.4rem;font-size:.8rem;font-weight:800}.lin__precio{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:800}.lin__precio.es-mayoreo{color:var(--c-brand-strong)}.lin__precio s{color:var(--c-muted);text-align:right;font-size:.72rem;font-weight:500;display:block}.lin__quitar{color:#a9b8c6;cursor:pointer;width:1.5rem;height:1.5rem;transition:color .2s var(--e-suave,ease);background:0 0;border:0;border-radius:50%;place-items:center;font-size:.95rem;display:grid;position:absolute;top:.8rem;right:0}.lin__quitar:hover{color:#c0392b;background:#fdeceb}.cajon__pie{border-top:1px solid var(--c-line);background:#fbfcfe;flex:none;padding:1rem 1.2rem 1.2rem}.cajon__meta{color:var(--c-brand-strong);background:#f3f8fc;border:1px solid #1f528833;border-radius:.6rem;align-items:center;gap:.4rem;margin:0 0 .8rem;padding:.5rem .7rem;font-size:.76rem;font-weight:600;display:flex}.cajon__fila{color:var(--c-ink-soft);justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.4rem;font-size:.86rem;display:flex}.cajon__fila strong{color:var(--c-ink);font-variant-numeric:tabular-nums;font-weight:700}.cajon__fila strong.es-gratis{color:#2e7d57}.cajon__fila--total{border-top:1px solid var(--c-line);margin:.6rem 0 .9rem;padding-top:.7rem;font-size:.95rem;font-weight:700}.cajon__fila--total strong{letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.cajon__btn{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:100%;transition:background .2s var(--e-suave,ease);background:linear-gradient(135deg,#3d7cb8,#1f5288 60%,#14375e);border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.2rem;font-family:inherit;font-size:.86rem;font-weight:800;text-decoration:none;display:flex;box-shadow:0 14px 28px -16px #1f5288e6}.cajon__btn:hover{background:linear-gradient(135deg,#4d8cc6,#24598f 60%,#1a4674)}.cajon__btn:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.4)}.cajon__bloqueo{color:var(--c-muted);gap:.4rem;margin:.6rem 0 0;font-size:.75rem;line-height:1.5;display:flex}.cajon__bloqueo i{color:#b8860b;flex:none}.cajon__bloqueo a{color:var(--c-brand-strong);font-weight:700;text-decoration:underline}.cajon__seguir{width:100%;color:var(--c-muted);cursor:pointer;background:0 0;border:0;margin-top:.7rem;font-family:inherit;font-size:.8rem;font-weight:600;text-decoration:underline;display:block}.cajon__seguir:hover{color:var(--c-brand-strong)}.cajon__vacio{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:2rem 1.6rem;display:flex}.cajon__vacio-ico{width:4.5rem;height:4.5rem;color:var(--c-brand);background:#eef5fb;border-radius:50%;place-items:center;margin-bottom:.8rem;font-size:1.9rem;display:grid}.cajon__vacio-r{color:var(--c-brand);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.cajon__vacio-t{text-transform:uppercase;margin:.3rem 0 0;font-size:1.1rem;font-weight:800}.cajon__vacio-d{max-width:26ch;color:var(--c-muted);margin:.5rem 0 1.4rem;font-size:.86rem;line-height:1.6}.cajon__vacio .cajon__btn{width:auto}.cajon__seguir{text-align:center;display:block}