/* Veetri 0.2.410 — card moderno de cupom disponível para resgate */
.public-page-designed .coupon-achievement-dock{
    position:fixed;
    z-index:2140;
    left:clamp(12px,2vw,28px);
    bottom:clamp(14px,2vw,28px);
    width:min(450px,calc(100vw - 24px));
    display:grid;
    gap:10px;
    pointer-events:none;
}
.public-page-designed .coupon-achievement{
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    gap:14px;
    align-items:center;
    width:100%;
    min-width:0;
    padding:18px;
    overflow:hidden;
    border:1px solid rgba(255,122,0,.48)!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,rgba(24,24,28,.98),rgba(10,10,12,.98))!important;
    color:#fff!important;
    box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.025) inset!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    pointer-events:auto;
    animation:veetriCouponEnter .34s cubic-bezier(.2,.8,.2,1) both;
}
.public-page-designed .coupon-achievement.is-stacked{
    margin-top:-3px;
    transform:scale(.985);
    opacity:.96;
}
.public-page-designed .coupon-achievement-glow{
    position:absolute;
    z-index:-1;
    width:180px;
    height:180px;
    left:-70px;
    top:-85px;
    border-radius:999px;
    background:radial-gradient(circle,rgba(255,122,0,.25),rgba(255,61,31,.08) 46%,transparent 72%);
    pointer-events:none;
}
.public-page-designed .coupon-achievement:after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 28%,transparent 70%,rgba(255,122,0,.035));
    pointer-events:none;
}
.public-page-designed .coupon-achievement-icon{
    display:grid!important;
    place-items:center!important;
    width:56px!important;
    height:56px!important;
    border:1px solid rgba(255,122,0,.46)!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,rgba(255,122,0,.18),rgba(255,61,31,.07))!important;
    color:#ff7a00!important;
    box-shadow:0 12px 28px rgba(255,90,0,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;
    font-size:0!important;
}
.public-page-designed .coupon-achievement-icon svg{
    width:29px;
    height:29px;
    display:block;
}
.public-page-designed .coupon-achievement-body{
    min-width:0;
    padding-right:28px;
}
.public-page-designed .coupon-achievement-body small.coupon-achievement-kicker{
    display:inline-flex!important;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin:0 0 6px!important;
    padding:5px 8px;
    border:1px solid rgba(255,122,0,.28);
    border-radius:999px;
    background:rgba(255,122,0,.09);
    color:#ff9a50!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.public-page-designed .coupon-achievement-body>strong{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.22!important;
    font-weight:900!important;
    letter-spacing:-.02em;
}
.public-page-designed .coupon-achievement-code{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    margin:12px 0 8px!important;
    padding:10px 12px!important;
    border:1px dashed rgba(255,122,0,.5)!important;
    border-radius:14px!important;
    background:rgba(5,5,7,.72)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.public-page-designed .coupon-achievement-code span{
    min-width:0;
    color:#f4f4f5!important;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
    font-size:13px!important;
    line-height:1.2;
    font-weight:900!important;
    letter-spacing:.06em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.public-page-designed .coupon-achievement-code b{
    color:#ff7a00!important;
    font-size:15px!important;
    line-height:1;
    font-weight:950!important;
    white-space:nowrap;
}
.public-page-designed .coupon-achievement-body>em{
    display:block!important;
    margin:0!important;
    color:#a7a7b0!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-style:normal!important;
    font-weight:700!important;
}
.public-page-designed .coupon-achievement-action{
    grid-column:1/-1;
    display:block!important;
    margin:0!important;
}
.public-page-designed .coupon-achievement-action form{
    display:block;
    width:100%;
    margin:0;
}
.public-page-designed .coupon-achievement-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:11px 16px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(90deg,#ff7a00,#ff3d1f)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:0 14px 30px rgba(255,75,20,.22)!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.public-page-designed .coupon-achievement-button:hover{
    transform:translateY(-1px);
    filter:brightness(1.04);
    box-shadow:0 18px 36px rgba(255,75,20,.3)!important;
}
.public-page-designed .coupon-achievement-button:active{
    transform:translateY(0) scale(.99);
}
.public-page-designed .coupon-achievement-button svg{
    width:17px;
    height:17px;
    flex:0 0 17px;
}
.public-page-designed .coupon-achievement-close{
    position:absolute!important;
    z-index:3;
    top:12px!important;
    right:12px!important;
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.045)!important;
    color:#aaaab2!important;
    font-size:0!important;
    cursor:pointer;
    transition:.18s ease!important;
}
.public-page-designed .coupon-achievement-close:hover{
    border-color:rgba(255,122,0,.38)!important;
    background:rgba(255,122,0,.09)!important;
    color:#fff!important;
}
.public-page-designed .coupon-achievement-close svg{
    width:16px;
    height:16px;
}
@keyframes veetriCouponEnter{
    from{opacity:0;transform:translateY(16px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:560px){
    .public-page-designed .coupon-achievement-dock{
        left:10px;
        right:10px;
        bottom:12px;
        width:auto;
    }
    .public-page-designed .coupon-achievement{
        grid-template-columns:46px minmax(0,1fr);
        gap:11px;
        padding:14px;
        border-radius:20px!important;
    }
    .public-page-designed .coupon-achievement-icon{
        width:46px!important;
        height:46px!important;
        border-radius:15px!important;
    }
    .public-page-designed .coupon-achievement-icon svg{
        width:24px;
        height:24px;
    }
    .public-page-designed .coupon-achievement-body{
        padding-right:24px;
    }
    .public-page-designed .coupon-achievement-body>strong{
        font-size:15px!important;
    }
    .public-page-designed .coupon-achievement-code{
        margin-top:10px!important;
        padding:9px 10px!important;
    }
    .public-page-designed .coupon-achievement-code span{
        font-size:12px!important;
    }
    .public-page-designed .coupon-achievement-code b{
        font-size:14px!important;
    }
    .public-page-designed .coupon-achievement-close{
        top:10px!important;
        right:10px!important;
        width:29px!important;
        height:29px!important;
    }
}
@media(prefers-reduced-motion:reduce){
    .public-page-designed .coupon-achievement{animation:none!important}
    .public-page-designed .coupon-achievement-button{transition:none!important}
}
