.af-cupons{display:grid;gap:var(--af-cup-gap,12px);grid-template-columns:1fr;justify-items:var(--af-cup-ji,center)}@media(min-width:750px){.af-cupons{grid-template-columns:repeat(var(--af-cup-cols,1),minmax(0,1fr))}}.af-cup{position:relative;display:flex;align-items:stretch;width:100%;max-width:var(--af-cup-w,520px);min-height:var(--af-cup-h,84px);background:var(--af-cup-bg,#C6942E);border-radius:var(--af-cup-r,14px)}.af-cup__b{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:var(--af-cup-pv,14px) var(--af-cup-ph,18px)}.af-cup__acao{flex:0 0 auto;display:grid;place-items:center;padding:var(--af-cup-pv,14px) var(--af-cup-ph,18px)}.af-cup--canhoto .af-cup__acao,.af-cup--serrcanhoto .af-cup__acao{flex:0 0 calc(100% - var(--af-cup-x,72%))}.af-cup__t{margin:0;line-height:1.25;font-size:var(--af-cup-ts,16px);color:var(--af-cup-tc,#FFFFFF);font-weight:var(--af-cup-tw,700)}.af-cup__c{margin:4px 0 0;line-height:1.3;font-size:var(--af-cup-cs,12px);color:var(--af-cup-cc,#FFFFFF);font-weight:var(--af-cup-cw,400)}.af-cup__cod{letter-spacing:.02em}.af-cup__cod--it{font-style:italic}.af-cup__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;cursor:pointer;font:inherit;white-space:nowrap;background:var(--af-cup-btn-bg,#FFFFFF);color:var(--af-cup-btn-fg,#171717);border-radius:var(--af-cup-btn-r,8px);min-height:var(--af-cup-btn-h,40px);padding:0 var(--af-cup-btn-p,16px);font-size:var(--af-cup-btn-fs,14px);font-weight:var(--af-cup-btn-fw,700);transition:background .15s,color .15s,opacity .15s,transform .1s}.af-cup__btn:hover{opacity:.92}.af-cup__btn:active{transform:scale(.98)}.af-cup__btn:focus-visible{outline:2px solid var(--af-cup-btn-fg,#171717);outline-offset:3px}.af-cup__btn svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.af-cup__btn.is-ok{background:var(--af-cup-btn-ok,#1E874B);color:#fff;opacity:1}.af-cup--lados{-webkit-mask:radial-gradient(circle var(--af-cup-n,14px) at left 50%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat,radial-gradient(circle var(--af-cup-n,14px) at right 50%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat;mask:radial-gradient(circle var(--af-cup-n,14px) at left 50%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat,radial-gradient(circle var(--af-cup-n,14px) at right 50%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.af-cup--canhoto{-webkit-mask:radial-gradient(circle var(--af-cup-n,14px) at var(--af-cup-x,72%) 0%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat,radial-gradient(circle var(--af-cup-n,14px) at var(--af-cup-x,72%) 100%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat;mask:radial-gradient(circle var(--af-cup-n,14px) at var(--af-cup-x,72%) 0%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat,radial-gradient(circle var(--af-cup-n,14px) at var(--af-cup-x,72%) 100%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.af-cup--serr{-webkit-mask:radial-gradient(var(--af-cup-s,8px) at left,#0000 98%,#000 100%) 0 0/100% calc(2 * var(--af-cup-s,8px)) repeat-y,radial-gradient(var(--af-cup-s,8px) at right,#0000 98%,#000 100%) 0 0/100% calc(2 * var(--af-cup-s,8px)) repeat-y;mask:radial-gradient(var(--af-cup-s,8px) at left,#0000 98%,#000 100%) 0 0/100% calc(2 * var(--af-cup-s,8px)) repeat-y,radial-gradient(var(--af-cup-s,8px) at right,#0000 98%,#000 100%) 0 0/100% calc(2 * var(--af-cup-s,8px)) repeat-y;-webkit-mask-composite:source-in;mask-composite:intersect}.af-cup--serrcanhoto{-webkit-mask:radial-gradient(var(--af-cup-s,8px) at left,#0000 98%,#000 100%) 0 0/100% calc(2 * var(--af-cup-s,8px)) repeat-y,radial-gradient(var(--af-cup-s,8px) at right,#0000 98%,#000 100%) 0 0/100% calc(2 * var(--af-cup-s,8px)) repeat-y,radial-gradient(circle var(--af-cup-n,14px) at var(--af-cup-x,72%) 0%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat,radial-gradient(circle var(--af-cup-n,14px) at var(--af-cup-x,72%) 100%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat;mask:radial-gradient(var(--af-cup-s,8px) at left,#0000 98%,#000 100%) 0 0/100% calc(2 * var(--af-cup-s,8px)) repeat-y,radial-gradient(var(--af-cup-s,8px) at right,#0000 98%,#000 100%) 0 0/100% calc(2 * var(--af-cup-s,8px)) repeat-y,radial-gradient(circle var(--af-cup-n,14px) at var(--af-cup-x,72%) 0%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat,radial-gradient(circle var(--af-cup-n,14px) at var(--af-cup-x,72%) 100%,#0000 98%,#000 100%) 0 0/100% 100% no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.af-cup--canhoto:after,.af-cup--serrcanhoto:after{content:"";position:absolute;top:calc(var(--af-cup-n,14px) + 5px);bottom:calc(var(--af-cup-n,14px) + 5px);left:var(--af-cup-x,72%);border-left:var(--af-cup-lw,2px) var(--af-cup-ls,dashed) var(--af-cup-lc,rgba(255,255,255,.55));pointer-events:none}@media(prefers-reduced-motion:reduce){.af-cup__btn{transition:none}.af-cup__btn:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/af-cupons.css.map */
