main{display:flex;flex-direction:column;align-items:center;align-self:stretch}.texto-branco{color:#fff}.texto-preto{color:#000}.cupom-abc-cupoms{padding-block:32px;align-self:stretch;background-color:#f0f3f5;position:relative}.cupom-abc-cupoms>div{display:flex;justify-content:center;align-items:flex-start;align-content:flex-start;gap:32px;flex-wrap:wrap}.cupom:hover,.instruction:hover{-ms-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)}.cupom{position:relative;width:100%;height:230px;max-width:450px;display:flex;padding:16px 24px;flex-direction:column;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:8px;border:.5px solid #bbb;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.3);transition:transform .5s ease}.cupom::before{position:absolute;border-right:.5px solid #bbb;box-shadow:5px 0 5px -5px rgba(0,0,0,.3);content:"";height:30px;left:-30px;border-radius:40px;z-index:1;top:100px;background-color:#f0f3f5;width:40px}.cupom::after{position:absolute;border-left:.5px solid #bbb;box-shadow:-5px 0 5px -5px rgba(0,0,0,.3);content:"";height:30px;right:-30px;border-radius:40px;z-index:1;top:100px;background-color:#f0f3f5;width:40px}.cupom>p,.cupom>button,.cupom>a{font-family:var(--font-brand);font-style:normal;line-height:normal}.cupom>*:nth-child(1){display:flex;width:30px;height:30px;padding:6.2px;justify-content:center;align-items:center;gap:6.2px;flex-shrink:0;border-radius:6px;border:.775px solid #000}.cupom>*:nth-child(1) svg{width:20px;height:20px;flex-shrink:0;fill:#1c1b1f}.cupom>*:nth-child(2){color:#000;font-size:24px;font-weight:600;text-transform:uppercase}.cupom>*:nth-child(3){color:#000;font-size:16px;font-weight:500}.cupom>*:nth-child(3) .cupom-name{color:#e30613;font-size:16px;font-weight:700;text-transform:uppercase}.cupom>button,.cupom>a{padding:8px;border-radius:4px}.cupom>*:nth-child(4){width:300px;border:.669px solid #e30613;color:#e30613;font-size:14px;font-weight:600}.cupom>*:nth-child(4):hover{color:#fff;background-color:#e30613}.cupom>*:nth-child(5){color:#5d5d5d;text-align:center;font-size:8px;font-weight:500}.cupom>*:nth-child(5)>a{color:#006dd5;text-decoration-line:underline}.cupom>*:nth-child(6){border:.5px solid #5d5d5d;background:#fff;color:#5d5d5d;font-family:var(--font-brand);font-size:10px;font-weight:600}.cupom>*:nth-child(6):hover{color:#fff;background-color:#006dd5}.cupom-abc-help{padding-block:32px;background-color:#fff;align-self:stretch}.cupom-abc-help>div{display:flex;flex-direction:column;align-items:center;gap:32px}.cupom-abc-help>div>p{color:#000;text-align:center;font-family:var(--font-brand);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.cupom-abc-help .help-title{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.help-title>p{align-self:stretch;color:#000;text-align:center;font-family:var(--font-brand);font-style:normal;line-height:normal}.help-title>p:nth-child(1){font-size:24px;font-weight:500}.help-title>p:nth-child(2){font-size:12px;font-weight:400}.help-instructions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:64px}.instruction{display:flex;width:100%;max-width:530px;padding:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;flex-shrink:0;border-radius:16px;background-color:#f0f3f5;transition:transform .5s ease}.instruction>div:nth-child(1){display:flex;width:50px;height:50px;justify-content:center;align-items:center;gap:8px;border-radius:43px;border:5px solid #fff;background-color:#000;color:#fff;font-family:var(--font-brand);font-size:32px;font-style:normal;font-weight:500;line-height:normal}.instruction>p{align-self:stretch;text-align:center;font-size:32px;font-style:normal;font-weight:600}.instruction>p:nth-child(2){color:#161616;font-family:var(--font-brand);font-size:32px;font-weight:600;line-height:normal}.instruction>p:nth-child(3){color:#6a6c72;font-family:var(--font-brand);font-size:18px;font-weight:400;line-height:22px;letter-spacing:.3px}.instruction img{align-self:stretch}.cupom-abc-flags{padding:32px 0;border-top:.8px solid #ededed;background-color:#f0f3f5;align-self:stretch}.cupom-abc-flags>div{display:flex;justify-content:center;align-items:center;gap:40px;flex-shrink:0;flex-wrap:wrap}.flags-payment{display:flex;padding:2px 0;flex-direction:column;align-items:flex-start;gap:14px}.flags-payment>.title{color:#000;font-family:var(--font-brand);font-size:16px;font-style:normal;font-weight:600;line-height:22.86px}.flags-payment>.flags{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px}.flags-copyright{display:flex;width:100%;max-width:530px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex-shrink:0}.flags-copyright>p{display:flex;height:51.8px;flex-direction:column;justify-content:center;align-self:stretch;color:#392f2d;text-align:right;font-family:var(--font-brand);font-size:8px;font-style:normal;font-weight:400;line-height:13px}.cupom-abc .toast{position:fixed;top:100px;padding:16px;overflow:hidden;transform:translateY(calc(0% - 300px));transition:all .5s cubic-bezier(.68,-.55,.265,1.35);z-index:9999;border-radius:4px;border:1px solid #41a648;background-color:#eefff3;box-shadow:0 0 8px 0 rgba(0,0,0,.2)}.toast.active{transform:translateY(0%)}.cupom-abc .toast .toast-content{display:flex;align-items:flex-start}.toast-content .message{display:flex;flex-direction:column;padding-inline:8px;gap:8px}.message .text{color:#000;font-family:var(--font-brand);font-size:12px;font-style:normal;font-weight:400;line-height:20px;width:260px}.message .text.text-1{color:#41a648;font-family:var(--font-brand);font-size:16px;font-style:normal;font-weight:600;line-height:24px}.cupom-abc .toast .close{position:absolute;top:10px;right:15px;padding:5px;cursor:pointer;opacity:.7;width:30px;height:30px}.cupom-abc .toast .close:hover{opacity:1}.cupom-abc .toast .progress{position:absolute;bottom:0;left:0;height:3px;width:100%}.cupom-abc .toast .progress:before{content:"";position:absolute;bottom:0;right:0;height:100%;width:100%;background-color:#41a648}.progress.active:before{animation:progress 5s linear forwards}@keyframes progress{100%{right:100%}}.toast.active~button{pointer-events:none}@media(min-width:991px){.help-title>p:nth-child(1){font-size:48px}.help-title>p:nth-child(2){font-size:16px}}