/* Item 50 — terceiro pop-up promocional de bônus */

/* Camada e painel */
.bonus-popup[hidden]{display:none!important}.bonus-popup{position:fixed;inset:0;z-index:480;display:grid;place-items:center;padding:3vh 3vw}.bonus-popup__backdrop{position:absolute;inset:0;background:rgba(4,11,25,.84);backdrop-filter:blur(12px);animation:bonus-fade .35s ease both}.bonus-popup__panel{position:relative;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;width:min(80vw,1120px);min-height:min(76vh,680px);overflow:hidden;padding:clamp(2rem,5vw,5rem);background:linear-gradient(125deg,var(--bonus-one),var(--bonus-two) 52%,var(--bonus-three));color:var(--bonus-text);border:5px solid #fff;border-radius:56px 12px 56px 12px;box-shadow:0 0 0 7px #09253a,0 35px 100px rgba(0,0,0,.58);isolation:isolate;animation:bonus-enter .7s cubic-bezier(.16,1,.3,1) both}.bonus-popup__panel:before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.07) 28px 30px)}.bonus-popup__panel:after{content:"";position:absolute;z-index:-1;width:580px;height:580px;right:-240px;bottom:-330px;border:90px solid rgba(255,255,255,.16);border-radius:50%}.bonus-popup__close{position:absolute;z-index:5;right:18px;top:18px;display:flex;align-items:center;gap:.5rem;padding:.7rem .85rem;background:var(--bonus-close);color:#fff;border:3px solid #fff;border-radius:10px;box-shadow:5px 5px 0 #65000f;font-size:1.5rem;font-weight:900;line-height:1;cursor:pointer}.bonus-popup__close span{font-size:.78rem;letter-spacing:.08em}.bonus-popup__close:hover,.bonus-popup__close:focus-visible{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #65000f;outline:3px solid #ffe45e;outline-offset:3px}

/* Conteúdo e ações */
.bonus-popup__burst{position:relative;display:grid;place-items:center;justify-self:center;width:clamp(190px,25vw,320px);aspect-ratio:1;filter:drop-shadow(14px 16px 0 rgba(9,37,58,.42));transform:rotate(-7deg)}.bonus-popup__burst:before{content:"";position:absolute;inset:0;background:#ffe45e;clip-path:polygon(50% 0,61% 18%,79% 6%,82% 28%,100% 30%,87% 49%,100% 66%,79% 72%,80% 94%,59% 82%,48% 100%,38% 81%,17% 94%,19% 71%,0 65%,14% 49%,0 31%,21% 27%,20% 6%,40% 18%)}.bonus-popup__burst b,.bonus-popup__burst span{position:relative;color:#09253a;text-align:center;text-shadow:2px 2px 0 #fff}.bonus-popup__burst b{font:900 clamp(4.8rem,9vw,8.8rem)/.78 'Playfair Display',Georgia,serif;letter-spacing:-.09em}.bonus-popup__burst span{position:absolute;bottom:25%;font-size:clamp(1.1rem,2vw,1.9rem);font-weight:900;letter-spacing:.16em}.bonus-popup__copy{position:relative;z-index:2;text-align:center}.bonus-popup__badge{display:inline-block;padding:.45rem .9rem;background:#09253a;color:#fff;border:2px solid #fff;border-radius:999px;font-size:max(18px,calc(var(--bonus-font-size,25px)*.72));font-weight:900;letter-spacing:.13em}.bonus-popup__copy h2{max-width:720px;margin:.9rem auto .7rem;font:900 clamp(2.7rem,5.5vw,5.8rem)/.94 'Playfair Display',Georgia,serif;text-wrap:balance;text-shadow:3px 4px 0 rgba(9,37,58,.45)}.bonus-popup__copy p{max-width:720px;margin:0 auto 1.6rem;font-size:var(--bonus-font-size,25px);font-weight:800;line-height:1.45;text-wrap:pretty}.bonus-popup__button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;max-width:100%;padding:1rem 1.5rem;background:var(--bonus-button);color:#fff!important;border:3px solid #fff;border-radius:14px;box-shadow:8px 8px 0 #064d28;font-size:var(--bonus-font-size,25px);font-weight:900;line-height:1.12;text-align:center;text-decoration:none!important;transition:.2s}.bonus-popup__button:hover,.bonus-popup__button:focus-visible{transform:translate(-3px,-3px);box-shadow:12px 12px 0 #064d28;filter:saturate(1.2)}.bonus-popup__copy small{display:block;max-width:640px;margin:1.4rem auto 0;color:rgba(255,255,255,.88);font-size:max(18px,calc(var(--bonus-font-size,25px)*.72));font-weight:700}.bonus-popup__shape{position:absolute;z-index:-1;display:block;border:4px solid rgba(255,255,255,.3);transform:rotate(25deg)}.bonus-popup__shape.shape-a{width:160px;height:160px;left:-50px;top:-50px}.bonus-popup__shape.shape-b{width:100px;height:100px;right:34%;bottom:-35px;border-radius:50%}body.bonus-popup-open{overflow:hidden}

/* Página pública de bônus */
.bonus-page{position:relative;overflow:hidden;min-height:70vh;padding:clamp(4rem,9vw,8rem) 5%;background:linear-gradient(135deg,var(--bonus-page-one,#ff1744),var(--bonus-page-two,#7a1cff) 55%,var(--bonus-page-three,#ffb000));color:#fff;text-align:center;border-bottom:4px solid #09253a}.bonus-page:before,.bonus-page:after{content:"";position:absolute;border:80px solid rgba(255,255,255,.12);border-radius:50%}.bonus-page:before{width:450px;height:450px;left:-280px;top:-250px}.bonus-page:after{width:600px;height:600px;right:-360px;bottom:-400px}.bonus-page__inner{position:relative;z-index:1;width:min(940px,92%);margin:auto}.bonus-page__discount{display:inline-grid;place-items:center;width:190px;aspect-ratio:1;margin-bottom:1.2rem;background:#ffe45e;color:#09253a;border:5px solid #fff;border-radius:50%;box-shadow:12px 12px 0 #09253a;font:900 4.5rem/.8 'Playfair Display',Georgia,serif;transform:rotate(-6deg)}.bonus-page__discount small{display:block;font:900 1rem 'DM Sans',sans-serif;letter-spacing:.12em}.bonus-page h1{margin:.8rem auto;font:900 clamp(3.2rem,8vw,7.8rem)/.92 'Playfair Display',Georgia,serif;text-shadow:4px 5px 0 rgba(9,37,58,.48)}.bonus-page p{max-width:820px;margin:1.2rem auto 2rem;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800}.bonus-page .bonus-popup__button{background:var(--bonus-page-button,#00a651)}

/* Painel administrativo */
.bonus-admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.bonus-admin-head h1{margin:.25rem 0}.bonus-admin-head p{max-width:760px;color:var(--muted)}.bonus-admin-form{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--pink)}.bonus-admin-form h2{margin-top:2rem;padding-bottom:.4rem;border-bottom:2px solid var(--line);font-family:'Playfair Display',Georgia,serif}.bonus-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.bonus-color-grid label{padding:.7rem;background:#f0f8fa;border:1px solid var(--line);border-radius:12px}.bonus-color-grid input[type=color]{height:52px;padding:.25rem}

/* Responsividade e movimento reduzido */
@keyframes bonus-fade{from{opacity:0}}@keyframes bonus-enter{from{opacity:0;transform:translateY(55px) scale(.88) rotate(-1deg)}to{opacity:1;transform:none}}
@media(max-width:900px){.bonus-popup__panel{grid-template-columns:1fr;width:88vw;min-height:0;max-height:92vh;overflow:auto;padding:4.5rem 1.5rem 2rem}.bonus-popup__burst{width:180px}.bonus-popup__copy h2{font-size:clamp(2.5rem,9vw,4.3rem)}.bonus-admin-head{display:block}.bonus-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.bonus-popup{padding:2vh 2vw}.bonus-popup__panel{width:94vw;border-width:3px;border-radius:30px 8px}.bonus-popup__close{right:10px;top:10px}.bonus-popup__burst{width:145px}.bonus-popup__burst b{font-size:4.6rem}.bonus-popup__copy p,.bonus-popup__button{font-size:clamp(18px,5vw,var(--bonus-font-size,25px))}.bonus-popup__button{width:100%}.bonus-color-grid{grid-template-columns:1fr}.bonus-page__discount{width:150px;font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){.bonus-popup__backdrop,.bonus-popup__panel{animation:none}}