/* Presentation for Core campaign components; scoped to their own DOM. */
.arena-wheel,.arena-wheel * { box-sizing:border-box; }
.arena-wheel .screen-reader-text,.arena-wheel-steps .screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.arena-wheel.has-external-steps .arena-wheel__mobile .arena-wheel-steps { display:none!important; }
.arena-wheel { width:100%; max-width:600px; margin:20px auto; text-align:center; font-family:var(--arena-font,Arial,sans-serif); }
.arena-wheel__preview { width:fit-content; margin:0 auto 14px!important; padding:6px 10px; border-radius:6px; background:#e7f3ee; color:#205a43; font-size:12px!important; line-height:1.4!important; }
.arena-wheel__stage { position:relative; width:100%; max-width:560px; margin:auto; aspect-ratio:1; }
.arena-wheel canvas { display:block; width:100%; height:auto; aspect-ratio:1; border-radius:50%; box-shadow:0 8px 28px #0005; }
.arena-wheel__spin { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:0; cursor:pointer; }
.arena-wheel--legacy .arena-wheel__spin { width:150px; height:150px; background:transparent url('../../../plugins/arena-core/assets/promotions/gire-botao.webp') center/contain no-repeat; }
.arena-wheel--legacy .arena-wheel__spin:hover { background-image:url('../../../plugins/arena-core/assets/promotions/gire-botao-hover.webp'); }
.arena-wheel__spin:focus-visible,.arena-spin-cta:focus-visible { outline:3px solid #fff; outline-offset:5px; box-shadow:0 0 0 7px #075e40; }
.arena-wheel__spin:disabled { cursor:default; }
.arena-wheel__result { width:fit-content; max-width:100%; margin:20px auto!important; padding:12px 18px; border-radius:24px; background:#fff; color:#21382f!important; font-size:18px!important; line-height:1.4!important; box-shadow:0 4px 18px #0002; }
.arena-wheel__result[hidden],.arena-spin-cta[hidden] { display:none!important; }
.arena-spin-cta { display:block; max-width:100%; width:360px; min-height:50px; margin:20px auto; border:0; border-radius:40px; padding:13px 20px; color:#fff; background:linear-gradient(135deg,#1bbd22,#36de51); font:700 17px/1.3 var(--arena-font,Arial,sans-serif); cursor:pointer; }
.arena-wheel-steps { display:flex!important; align-items:center; justify-content:center; max-width:300px; margin:25px auto!important; padding:0!important; list-style:none!important; }
.arena-wheel-steps li { display:flex!important; align-items:center; margin:0!important; padding:0!important; color:#4b535a; }
.arena-wheel-steps li+li::before { content:''; width:45px; height:4px; background:#dde1e5; }
.arena-wheel-steps li>span:first-child { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#dde1e5; font:700 17px/1 Arial,sans-serif; }
.arena-wheel-steps .is-active>span:first-child,.arena-wheel-steps .is-active::before { background:#ffd166; color:#312d1b; }
.arena-offer-hidden { display:none!important; }
.arena-offer-visible { display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; height:auto!important; min-height:0!important; transform:none!important; }
.arena-wheel--v213 .arena-wheel__stage { padding:12px; border:1px solid #ffffff40; border-radius:50%; background:linear-gradient(145deg,#455263,#02080d 70%,#3c4856); box-shadow:0 16px 35px #0005,inset 0 0 0 6px #0005; }
.arena-wheel--v213 .arena-wheel__spin { width:18%; min-width:72px; aspect-ratio:1; border:3px solid #fff; border-radius:50%; background:linear-gradient(155deg,#4bdc4a,#006c19); color:#fff; font:900 16px/1 Arial,sans-serif; text-transform:uppercase; box-shadow:0 4px 10px #0005; }
.arena-wheel__pointer { position:absolute; top:-10px; left:50%; width:36px; height:36px; transform:translateX(-50%) rotate(-45deg); border-radius:50% 50% 50% 0; border:3px solid #fff; background:#ffc928; box-shadow:0 4px 8px #0004; }
.arena-wheel__mobile { display:none; }
.elementor-form .elementor-field-group .elementor-message-danger { display:block; width:100%; margin-top:8px; padding:10px 12px; border-radius:6px; background:#fff1e9; border:1px solid #cb4e19; color:#842f10!important; font-size:14px; font-weight:600; line-height:1.35; }
.elementor-form .elementor-field-group .elementor-message-danger::before { content:'⚠ '; font-weight:700; }
@media(max-width:768px){.arena-wheel { max-width:382px; }.arena-wheel__result{font-size:16px!important;}.arena-wheel-steps li>span:first-child{width:34px;height:34px;}}
@media(max-width:767px){.arena-wheel__mobile { display:block; }.arena-wheel--v213 .arena-wheel__stage { padding:8px; }.arena-wheel [type=email]{font-size:16px!important;}}
@media(prefers-reduced-motion:reduce){.arena-wheel * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }}