html.tpk-lock,html.tpk-lock body{overflow:hidden!important}html.tpk-on cart-drawer,html.tpk-on #cart-drawer{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.tpk{--tpk-ink:#091E31;--tpk-text:#3D4F61;--tpk-muted:#5E6E7E;--tpk-line:#E2E8EF;--tpk-bg:#F4F6F9;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;visibility:hidden;pointer-events:none;font-family:"Barlow",var(--text-font-family,system-ui),sans-serif;color:var(--tpk-ink);-webkit-font-smoothing:antialiased}.tpk *{box-sizing:border-box}.tpk button{font-family:inherit;cursor:pointer}.tpk input{font-family:inherit}.tpk a{text-decoration:none}.tpk.is-open{visibility:visible;pointer-events:auto}.tpk-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:#091e3173;opacity:0;transition:opacity .3s ease}.tpk.is-open .tpk-ov{opacity:1}.tpk-panel{position:absolute;top:0;right:0;bottom:0;width:min(var(--tpk-ancho,720px),100vw);background:var(--tpk-bg);display:flex;flex-direction:column;box-shadow:-24px 0 60px #091e3147;transform:translate(104%);transition:transform .36s cubic-bezier(.2,.9,.25,1)}.tpk.is-open .tpk-panel{transform:none}.tpk-body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;transition:opacity .2s}.tpk.is-busy .tpk-body{opacity:.6;pointer-events:none}.tpk-head{display:flex;align-items:center;gap:10px;padding:18px 22px;background:#fff;border-bottom:1px solid var(--tpk-line);flex:0 0 auto}.tpk .tpk-head h2{margin:0!important;font-size:24px!important;font-weight:700;color:var(--tpk-ink);line-height:1.1;letter-spacing:-.01em;text-transform:none}.tpk-count{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:99px;background:#eef3f8;color:var(--tpk-navy);font-size:13.5px;font-weight:600;white-space:nowrap}.tpk .tpk-x{margin-left:auto;width:40px;height:40px;border-radius:10px;border:1px solid var(--tpk-line);background:#fff;color:var(--tpk-navy);display:grid;place-items:center;padding:0;transition:background .15s}.tpk .tpk-x:hover{background:#eef3f8}.tpk-x svg{width:18px;height:18px}.tpk button:focus-visible,.tpk a:focus-visible,.tpk input:focus-visible{outline:2px solid var(--tpk-blue)!important;outline-offset:2px}.tpk .tpk-x:focus:not(:focus-visible){outline:none}.tpk-ship{flex:0 0 auto;background:#fff;padding:12px 22px 14px;border-bottom:1px solid var(--tpk-line)}.tpk-ship-t{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--tpk-text);line-height:1.3}.tpk-ship-t b{color:var(--tpk-ink);font-weight:700}.tpk-ship.is-ok .tpk-ship-t{color:#15803d;font-weight:600}.tpk-ship-ok{width:20px;height:20px;border-radius:50%;background:var(--tpk-green);display:grid;place-items:center;flex:0 0 auto}.tpk-ship-ok svg{width:11px;height:11px}.tpk-bar{position:relative;height:6px;border-radius:99px;background:#dce3ea;margin-top:9px;overflow:hidden}.tpk-ship.is-ok .tpk-bar{background:var(--tpk-green)}.tpk-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--tpk-blue);transition:width .6s ease}.tpk-ship-n{font-size:13px;color:var(--tpk-muted);margin-top:6px}.tpk-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 22px 22px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#C9D6E2 transparent}.tpk-line{flex:0 0 auto;display:flex;gap:14px;padding:14px;background:#fff;border:1px solid var(--tpk-line);border-radius:12px}.tpk-line.is-new{animation:tpk-new 1.8s ease}@keyframes tpk-new{0%,35%{border-color:#86d3a2;box-shadow:0 0 0 3px #16a34a2e}to{border-color:var(--tpk-line);box-shadow:0 0 0 3px transparent}}.tpk-img{width:72px;height:72px;flex:0 0 auto;border-radius:8px;background:var(--tpk-bg);display:grid;place-items:center;overflow:hidden;color:#8296a9}.tpk-img img{width:100%;height:100%;object-fit:contain;padding:5px;mix-blend-mode:multiply}.tpk-img svg{width:30px;height:30px}.tpk-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.tpk-top{display:flex;gap:8px;align-items:flex-start}.tpk-name{flex:1;min-width:0;font-size:15.5px;font-weight:600;line-height:1.3;color:var(--tpk-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpk-name:hover{color:var(--tpk-blue)}.tpk .tpk-del{width:30px;height:30px;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:#8c9cab;display:grid;place-items:center;margin:-4px -6px 0 0;padding:0;transition:.15s}.tpk .tpk-del:hover{background:#fef2f2;color:#dc2626}.tpk-del svg{width:16px;height:16px}.tpk-chips{display:flex;flex-wrap:wrap;align-items:center;gap:3px 12px;font-size:13.5px;color:var(--tpk-muted)}.tpk-sku b{color:var(--tpk-ink);font-weight:500;font-variant-numeric:tabular-nums}.tpk-chip{font-size:12.5px;font-weight:600;color:var(--tpk-muted);background:#f2f5f8;border-radius:5px;padding:1px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpk-unit{font-size:13.5px;color:var(--tpk-muted)}.tpk-unit b{color:var(--tpk-ink);font-weight:600}.tpk-mult{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:7px;background:#fff4d6;color:#6b4a00;font-size:13px;font-weight:600;line-height:1.3}.tpk-mult svg{width:14px;height:14px;flex:0 0 auto}.tpk-low{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px}.tpk-qty{display:flex;align-items:center;gap:8px}.tpk-ud{font-size:13.5px;color:var(--tpk-muted)}.tpk-step{display:flex;align-items:stretch;height:36px;border:1.5px solid #CBD5E0;border-radius:8px;overflow:hidden;background:#fff;flex:0 0 auto}.tpk-step:focus-within{border-color:var(--tpk-blue);box-shadow:0 0 0 3px #2173b81f}.tpk .tpk-step button{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:var(--tpk-navy)!important;line-height:1!important;box-shadow:none!important;transition:background .12s}.tpk .tpk-step button svg{width:14px;height:14px;display:block;flex:0 0 auto}.tpk .tpk-step button:hover{background:#eef3f8!important}.tpk .tpk-step.is-min [data-tpk-menos]{opacity:.35}.tpk .tpk-step input{display:block!important;width:44px!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;text-align:center!important;font-size:15px!important;font-weight:600!important;line-height:1!important;color:var(--tpk-ink)!important;outline:none;-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield;font-variant-numeric:tabular-nums}.tpk-step input::-webkit-outer-spin-button,.tpk-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tpk-lt{text-align:right;font-size:17px;font-weight:700;color:var(--tpk-ink);font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}.tpk-lt s{display:block;font-size:12.5px;font-weight:500;color:#8c9cab}.tpk-reco{flex:0 0 auto;margin-top:10px}.tpk-reco[hidden]{display:none}.tpk-reco-h{display:flex;align-items:flex-end;gap:12px}.tpk-reco-t{font-size:18px;font-weight:700;color:var(--tpk-ink);line-height:1.2}.tpk-reco-s{font-size:14px;color:var(--tpk-muted);margin-top:2px}.tpk-reco-goal{margin-top:6px;font-size:13.5px;color:var(--tpk-text);line-height:1.35}.tpk-reco-goal b{color:#15803d;font-weight:700}.tpk-rail{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 8px;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#C9D6E2 transparent;cursor:grab}.tpk-rail.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.tpk-rail.is-drag a,.tpk-rail.is-drag img{pointer-events:none}.tpk-rail::-webkit-scrollbar{height:6px}.tpk-rail::-webkit-scrollbar-thumb{background:#c9d6e2;border-radius:99px}.tpk-rail::-webkit-scrollbar-track{background:transparent}.tpk-reco-nav{display:flex;gap:6px;flex:0 0 auto;margin-left:auto}.tpk .tpk-reco-nav button{width:34px!important;height:34px!important;min-width:0!important;padding:0!important;margin:0!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--tpk-line)!important;color:var(--tpk-navy)!important;display:grid!important;place-items:center;box-shadow:none!important;transition:background .15s,color .15s,opacity .15s}.tpk .tpk-reco-nav button:hover:not([disabled]){background:var(--tpk-navy)!important;color:#fff!important}.tpk .tpk-reco-nav button[disabled]{opacity:.35;cursor:default}.tpk-reco-nav svg{width:15px;height:15px;display:block}.tpk-reco.is-q .tpk-rc{animation:none}.tpk-rc{flex:0 0 160px;scroll-snap-align:start;background:#fff;border:1px solid var(--tpk-line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;animation:tpk-in .4s ease both;animation-delay:calc(var(--i,0) * 50ms)}@keyframes tpk-in{0%{opacity:0;transform:translateY(8px)}}.tpk-rc-img{position:relative;display:block;height:96px;border-radius:8px;background:var(--tpk-bg);overflow:hidden}.tpk-rc-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:8px;mix-blend-mode:multiply}.tpk-rc-gift{position:absolute;left:6px;bottom:6px;font-size:11.5px;font-weight:700;color:#0f6b33;background:#eaf7ef;border:1px solid #BFE6CE;border-radius:99px;padding:2px 8px;z-index:1}.tpk-rc-n{font-size:14px;font-weight:600;line-height:1.28;color:var(--tpk-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.tpk-rc-n:hover{color:var(--tpk-blue)}.tpk-rc-m{align-self:flex-start;font-size:11.5px;font-weight:600;color:#6b4a00;background:#fff4d6;border-radius:99px;padding:1px 8px}.tpk-rc-p{font-size:16px;font-weight:700;color:var(--tpk-ink);font-variant-numeric:tabular-nums;margin-top:auto}.tpk .tpk-rc-add{height:38px;border:1.5px solid var(--tpk-navy);border-radius:8px;background:#fff;color:var(--tpk-navy);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px;transition:background .15s,color .15s}.tpk .tpk-rc-add:hover{background:var(--tpk-navy);color:#fff}.tpk-rc-add svg{width:15px;height:15px}.tpk-rc-add.is-busy svg{animation:tpk-spin .7s linear infinite}@keyframes tpk-spin{to{transform:rotate(360deg)}}.tpk-cup{flex:0 0 auto;margin-top:10px;background:#fff;border:1px solid var(--tpk-line);border-radius:12px;overflow:hidden}.tpk .tpk-cup-h{width:100%;height:50px;border:0;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:15px;font-weight:600;color:var(--tpk-ink);text-align:left}.tpk .tpk-cup-h:hover{color:var(--tpk-blue)}.tpk-cup-h>svg{width:18px;height:18px;color:var(--tpk-blue);flex:0 0 auto}.tpk-cup-h span{flex:1}.tpk-cup-h i{display:grid;place-items:center;transition:transform .25s}.tpk-cup-h i svg{width:17px;height:17px;color:var(--tpk-navy)}.tpk-cup.is-open .tpk-cup-h i{transform:rotate(180deg)}.tpk-cup-b{display:none;padding:0 14px 14px}.tpk-cup.is-open .tpk-cup-b{display:block}.tpk-cup-row{display:flex;gap:8px}.tpk-cup-row input{flex:1;min-width:0;height:44px;border:1.5px solid #CBD5E0;border-radius:8px;padding:0 12px;font-size:15px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;outline:none;color:var(--tpk-ink)}.tpk-cup-row input::placeholder{text-transform:none;font-weight:400;letter-spacing:0;color:#93a1ae}.tpk-cup-row input:focus{border-color:var(--tpk-blue);box-shadow:0 0 0 3px #2173b81f}.tpk .tpk-cup-row button{height:44px;padding:0 16px;border:1.5px solid var(--tpk-navy);border-radius:8px;background:#fff;color:var(--tpk-navy);font-size:14.5px;font-weight:700}.tpk .tpk-cup-row button:hover{background:var(--tpk-navy);color:#fff}.tpk-cup-msg{font-size:13.5px;font-weight:600;margin-top:8px;line-height:1.35}.tpk-cup-msg:empty{display:none}.tpk-cup-msg.is-err{color:#dc2626}.tpk-cup-msg.is-ok{color:#0f6b33}.tpk-codes{display:flex;flex-wrap:wrap;gap:7px}.tpk-codes:not(:empty){margin-top:10px}.tpk-code{display:inline-flex;align-items:center;gap:7px;background:#eaf7ef;border:1px solid #BFE6CE;color:#0f6b33;font-weight:700;font-size:13.5px;letter-spacing:.03em;padding:4px 6px 4px 10px;border-radius:7px}.tpk .tpk-code button{width:20px;height:20px;border:0;border-radius:50%;background:#0f6b3321;color:#0f6b33;font-size:14px;line-height:1;display:grid;place-items:center;padding:0}.tpk .tpk-code button:hover{background:#dc2626;color:#fff}.tpk-foot{flex:0 0 auto;background:#fff;border-top:1px solid var(--tpk-line);padding:16px 22px 18px;padding-bottom:max(18px,env(safe-area-inset-bottom));box-shadow:0 -12px 24px -20px #091e3159}.tpk-r{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--tpk-text);padding:2px 0}.tpk-r b{color:var(--tpk-ink);font-weight:600;font-variant-numeric:tabular-nums}.tpk-r.is-green,.tpk-r.is-green b{color:#15803d;font-weight:600}.tpk-tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid #EEF2F6;margin-top:8px;padding-top:10px}.tpk-tot>span{font-size:17px;font-weight:600;color:var(--tpk-ink)}.tpk-tot>span small{font-size:13.5px;font-weight:400;color:var(--tpk-muted);margin-left:2px}.tpk-tot>b{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--tpk-ink);font-variant-numeric:tabular-nums;line-height:1}.tpk-mini{display:none;font-size:13px;color:var(--tpk-muted);margin-top:3px}.tpk-mini b{font-weight:600}.tpk .tpk-co{margin-top:14px;width:100%;height:52px;border:0;border-radius:10px;background:var(--tpk-blue);color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.tpk .tpk-co:hover{background:var(--tpk-navy);color:#fff}.tpk-co svg{width:21px;height:21px;margin-top:-2px}.tpk-links{display:flex;gap:8px;margin-top:8px}.tpk-ghost{flex:1;min-width:0;height:44px;border-radius:10px;border:1px solid var(--tpk-line);background:#fff;color:var(--tpk-navy)!important;font-size:14.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:1.1;padding:0 8px;transition:background .15s}.tpk-ghost:hover{background:#eef3f8}.tpk-ghost svg{width:16px;height:16px;flex:0 0 auto;color:var(--tpk-blue)}.tpk-trust{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:13px;color:var(--tpk-muted);text-align:center;line-height:1.35}.tpk-trust svg{width:18px;height:12px;flex:0 0 auto}.tpk-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 36px;gap:12px}.tpk-empty-ico{width:84px;height:84px;border-radius:50%;background:#fff;border:1px solid var(--tpk-line);display:grid;place-items:center;color:var(--tpk-navy)}.tpk-empty-ico svg{width:38px;height:38px}.tpk .tpk-empty h3{margin:0!important;font-size:22px!important;font-weight:700;color:var(--tpk-ink);text-transform:none;letter-spacing:0}.tpk-empty p{margin:0;font-size:15.5px;line-height:1.45;color:var(--tpk-muted);max-width:320px}.tpk-empty-b{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px;margin-top:8px}.tpk .tpk-empty-b .tpk-co{margin:0;height:50px;font-size:16px}.tpk-empty-b .tpk-ghost{flex:0 0 auto;height:46px}.tpk-toast{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;background:var(--tpk-dark);color:#fff;font-size:14.5px;font-weight:600;padding:12px 16px;border-radius:10px;box-shadow:0 12px 30px #091e3159;transform:translateY(140%);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.2),opacity .2s;pointer-events:none}.tpk-toast.is-on{transform:none;opacity:1}.tpk-toast.is-err{background:#b91c1c}@media(max-height:820px){.tpk-head{padding:12px 20px}.tpk .tpk-head h2{font-size:21px!important}.tpk .tpk-x{width:36px;height:36px}.tpk-ship{padding:9px 20px 11px}.tpk-ship-t{font-size:14px}.tpk-bar{margin-top:7px}.tpk-ship-n{display:none}.tpk-scroll{padding:12px 20px 16px;gap:8px}.tpk-line{padding:12px;gap:12px}.tpk-img{width:60px;height:60px}.tpk-name{font-size:15px}.tpk-foot{padding:12px 20px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.tpk-rows{display:none}.tpk-tot{border-top:0;margin-top:0;padding-top:0}.tpk-tot>b{font-size:25px}.tpk-mini{display:block}.tpk .tpk-co{height:46px;margin-top:10px;font-size:16px}.tpk-ghost{height:40px;font-size:14px}.tpk-trust{display:none}}@media(max-height:680px){.tpk-rc{flex-basis:140px}.tpk-rc-img{height:72px}.tpk-reco-s{display:none}.tpk .tpk-cup-h{height:44px}}@media(max-width:560px){.tpk-panel{width:100vw}.tpk-head{padding:12px 16px}.tpk-ship{padding:10px 16px 12px}.tpk-ship-n{display:none}.tpk-scroll{padding:12px 16px 16px;gap:8px}.tpk-line{padding:12px;gap:12px}.tpk-img{width:60px;height:60px}.tpk-rc{flex-basis:146px}.tpk-reco-nav{display:none}.tpk-rail{scrollbar-width:none;cursor:auto}.tpk-rail::-webkit-scrollbar{display:none}.tpk-rc-img{height:84px}.tpk-foot{padding:12px 16px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.tpk-rows{display:none}.tpk-tot{border-top:0;margin-top:0;padding-top:0}.tpk-tot>b{font-size:25px}.tpk-mini{display:block}.tpk .tpk-co{height:50px;margin-top:10px;font-size:16.5px}.tpk-ghost{height:42px;font-size:14px}.tpk-trust{display:none}.tpk-toast{left:16px;right:16px}}@media(prefers-reduced-motion:reduce){.tpk-panel,.tpk-ov{transition:none}.tpk-rc,.tpk-line.is-new{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/tpi-cajon-carrito.css.map */