:root{--sb-orange: #626f37;--sb-orange-dark: #4b5629;--sb-ink: #181c16;--sb-line: #e9e9e9;--sb-soft: #f6f6f4;--sb-red: #e5322d;--sb-green: #1f9d55}.sb-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem}.sb-now{font-family:var(--font-heading-family);font-weight:700;font-size:1.7rem;color:var(--sb-ink);letter-spacing:-.01em}.sb-was{font-size:1.25rem;color:#1f232980;text-decoration:line-through}.sb-price--sm .sb-now{font-size:1.4rem}.sb-price--sm .sb-was{font-size:1.15rem}.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--sb-orange);color:#fff;border:0;border-radius:.8rem;padding:1rem 1.2rem;font-family:var(--font-body-family);font-weight:600;font-size:1.35rem;letter-spacing:.02em;line-height:1;cursor:pointer;text-decoration:none;transition:background-color .15s ease,transform .1s ease}.sb-btn:hover{background:var(--sb-orange-dark)}.sb-btn:active{transform:scale(.97)}.sb-btn:focus-visible{outline:2px solid var(--sb-ink);outline-offset:2px}.sb-btn.is-loading{opacity:.65;pointer-events:none}.sb-btn.is-loading svg{animation:sb-spin .8s linear infinite}.sb-btn.is-added{background:var(--sb-green)}.sb-btn.is-error{background:var(--sb-red)}.sb-btn--ghost{background:transparent;color:var(--sb-ink);box-shadow:inset 0 0 0 1.5px var(--sb-ink)}.sb-btn--ghost:hover{background:var(--sb-ink);color:#fff}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-comp{margin:2.2rem 0 .8rem;min-height:1px}.sb-comp:not(.is-ready){display:none}.sb-comp__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;margin-bottom:1.2rem}.sb-comp__title{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;line-height:1.2;margin:0;color:var(--sb-ink);display:flex;align-items:center;gap:.8rem}.sb-comp__title:before{content:"";width:.4rem;height:1.8rem;border-radius:.3rem;background:var(--sb-orange);flex:none}.sb-comp__sub{margin:.3rem 0 0 1.2rem;font-size:1.25rem;line-height:1.4;color:#1f23299e}.sb-nav{display:none;gap:.6rem;flex:none}.sb-scrollable .sb-nav{display:flex}.sb-nav button{width:3.2rem;height:3.2rem;padding:0;border-radius:50%;border:1px solid var(--sb-line);background:#fff;color:var(--sb-ink);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.sb-nav button:hover:not(:disabled){border-color:var(--sb-ink);background:var(--sb-ink);color:#fff}.sb-nav button:disabled{opacity:.35;cursor:default}.sb-cu .sb-nav button{width:2.8rem;height:2.8rem}.sb-comp__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 1rem) / 3.3);gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.3rem .2rem .8rem}.sb-comp__track::-webkit-scrollbar{display:none}.sb-card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sb-line);border-radius:1rem;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.sb-card:hover{box-shadow:0 1rem 2.4rem #1f23291a;transform:translateY(-2px);border-color:transparent}.sb-card__media{position:relative;display:block;aspect-ratio:1 / 1;background:#fff;border-bottom:1px solid var(--sb-line)}.sb-card__media img{width:100%;height:100%;object-fit:contain;padding:.8rem;transition:transform .3s ease}.sb-card:hover .sb-card__media img{transform:scale(1.04)}.sb-card__badge{position:absolute;top:.6rem;left:.6rem;background:var(--sb-red);color:#fff;font-size:1.05rem;font-weight:700;line-height:1;padding:.4rem .6rem;border-radius:99rem}.sb-card__body{display:flex;flex-direction:column;gap:.6rem;flex:1;padding:.9rem .9rem 1rem}.sb-card .sb-now{font-size:1.45rem}.sb-card .sb-was{font-size:1.1rem}.sb-card__title{font-size:1.2rem;line-height:1.35;color:var(--sb-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.25rem}.sb-card__title:hover{text-decoration:underline;text-underline-offset:.3rem}.sb-card .sb-btn{margin-top:auto;width:100%;padding:.8rem .6rem;font-size:1.2rem;border-radius:.6rem}@media screen and (max-width:749px){.sb-comp__track{grid-auto-columns:38%;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem;scroll-padding-left:1.5rem}.sb-comp .sb-nav{display:none!important}.sb-comp__title{font-size:1.7rem}}.sb-cu{flex:none;border-top:1px solid rgba(var(--color-foreground),.1);padding:1.4rem 0 .4rem}.sb-cu:not(.is-ready){display:none}.sb-cu__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}.sb-cu__title{display:flex;align-items:center;gap:.6rem;margin:0;font-family:var(--font-heading-family);font-size:1.5rem;font-weight:700;color:var(--sb-ink);letter-spacing:0}.sb-cu__title svg{color:var(--sb-orange)}.sb-cu__track{display:flex;gap:.8rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.8rem}.sb-cu__track::-webkit-scrollbar{display:none}.sb-mini{flex:0 0 86%;max-width:30rem;scroll-snap-align:start;display:flex;align-items:center;gap:1rem;padding:.9rem;background:#fff;border:1px solid var(--sb-line);border-radius:1rem}.sb-cu__track .sb-mini:only-child{flex-basis:100%;max-width:none}.sb-mini__media{flex:none;width:6rem;height:6rem;border-radius:.7rem;background:#fff;border:1px solid var(--sb-line);overflow:hidden;display:block}.sb-mini__media img{width:100%;height:100%;object-fit:contain;padding:.4rem}.sb-mini__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.sb-mini__title{font-size:1.25rem;line-height:1.3;color:var(--sb-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sb-mini .sb-btn{flex:none;padding:.8rem 1rem;font-size:1.2rem;border-radius:.7rem}.sb-mini .sb-btn span{display:inline}@media screen and (max-width:360px){.sb-mini .sb-btn span{display:none}}.sb-card__badge--kit{background:var(--sb-orange);right:.6rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-now--kit{color:var(--sb-orange-dark)}.sb-card--kit,.sb-mini--kit{border-color:#626f3773}.sb-mini__tag{align-self:flex-start;background:var(--sb-orange);color:#fff;font-size:1rem;font-weight:700;line-height:1;padding:.3rem .6rem;border-radius:99rem;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mb-complementos.css.map */