.mode-selector{width:100%;min-height:540px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0 20px;box-sizing:border-box}@media(min-width:769px){.mode-selector{min-height:500px;padding:60px 20px;background-image:url(/cdn/shop/files/fundo-5.png?v=1788288493);background-size:120% auto;background-position:center;background-repeat:no-repeat}}.mode-wheel{position:relative;width:420px;height:420px;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(60px) scale(.9);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.mode-wheel.show{opacity:1;transform:translateY(0) scale(1)}.mode-knob{position:absolute;width:85px;height:85px;display:flex;justify-content:center;align-items:center;z-index:5;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.knob-image{width:200px;height:200px;object-fit:contain}.mode-point{--radius:150px;position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.25s ease;transform:rotate(calc(var(--angle) - 90deg)) translate(var(--radius)) rotate(calc((var(--angle) - 90deg) * -1));z-index:3}.mode-icon{width:90px;height:90px;object-fit:contain;transition:.25s ease}.mode-point:hover .mode-icon,.mode-point.active .mode-icon{transform:scale(1.18);filter:drop-shadow(0 0 10px rgba(217,164,65,.7))}.mode-point:hover,.mode-point.active{background:#d9a441;box-shadow:0 0 20px #d9a441b3}.mode-1{--angle:200deg}.mode-2{--angle:240deg}.mode-3{--angle:280deg}.mode-4{--angle:320deg}.mode-5{--angle:360deg}.mode-6{--angle:400deg}.mode-7{--angle:440deg}.mode-8{--angle:480deg}.mode-9{--angle:520deg}.mode-tooltip{position:absolute;width:380px;padding:40px;background:#ff8900;color:#000;box-sizing:border-box;filter:drop-shadow(0 15px 25px rgba(0,0,0,.35));opacity:0;pointer-events:none;z-index:20;transition:.25s ease;overflow:hidden}.mode-tooltip,.mode-tooltip.cut-1{clip-path:polygon(0 0,100% 0,100% 94%,97% 96%,93% 95%,88% 100%,0 100%)}.mode-tooltip.cut-2{clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,0 100%)}.mode-tooltip.cut-3{clip-path:polygon(0 5%,5% 0,100% 0,100% 95%,95% 100%,0 100%)}.mode-tooltip.cut-4{clip-path:polygon(0 0,100% 0,100% 100%,8% 100%,0 92%)}.mode-tooltip.cut-5{clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,0 100%)}.mode-tooltip.cut-6{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 8%)}.mode-tooltip.cut-7{clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.mode-tooltip.cut-8{clip-path:polygon(6% 0,100% 0,100% 92%,94% 100%,0 100%)}.mode-tooltip.cut-9{clip-path:polygon(0 8%,8% 0,100% 0,100% 100%,0 100%)}.mode-tooltip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/cdn/shop/files/Textura.png?v=1785961781);background-size:cover;background-position:center;opacity:.3;z-index:0}.mode-tooltip h3,.mode-tooltip p,.mode-tooltip video{position:relative;z-index:1}.mode-tooltip.active{opacity:1}.mode-tooltip h3{margin:0 0 12px;color:#000!important;font-size:24px}.mode-tooltip p{margin:0;color:#000;font-size:18px;line-height:1.6}.mode-tooltip.active{opacity:1;pointer-events:auto}.mode-video{width:100%;display:block;border-radius:10px;background:#000}@media(min-width:769px){.mode-wheel{transform:translate(-120px) translateY(60px) scale(.9)}.mode-wheel.show{transform:translate(-120px) translateY(0) scale(1)}.mode-tooltip{left:520px;top:50%;transform:translateY(-50%)}}@media(max-width:1024px){.mode-wheel{width:360px;height:360px}.mode-point{--radius:150px;width:52px;height:52px;margin:-26px}.mode-icon{width:58px;height:58px}}@media(max-width:768px){.mode-selector{min-height:780px;padding:50px 20px;background-image:url(/cdn/shop/files/fundo-3-new.png?v=1788293910);background-size:cover;background-position:center top;background-repeat:no-repeat}.mode-wheel,.mode-wheel.show{width:300px;height:300px;left:0;transform:translate(20px) translateY(5px) scale(1)}.mode-point{--radius:150px;width:46px;height:46px;margin:-23px}.mode-icon{width:50px;height:50px}.mode-tooltip{left:50%!important;top:360px!important;transform:translate(-50%)!important;width:280px;padding:25px}.mode-tooltip h3{font-size:20px}.mode-tooltip p{font-size:16px}}@media(max-width:480px){.mode-wheel,.mode-wheel.show{width:260px;height:260px}.mode-point{--radius:90px}.mode-tooltip{width:240px;top:320px!important}.mode-tooltip h3{font-size:18px}.mode-tooltip p{font-size:14px}}@media(min-width:769px){.mode-selector{display:flex;justify-content:center;align-items:center}.mode-wheel{position:relative}.mode-tooltip{position:absolute;left:520px!important;top:calc(50% + 60px)!important;transform:translateY(-50%)!important;width:380px}}@media(max-width:768px){.mode-wheel{left:0}.mode-tooltip{left:50%!important;top:360px!important;transform:translate(-50%)!important}}.mode-dial{position:absolute;width:740px;height:740px;display:flex;justify-content:center;align-items:center;z-index:1}.dial-image{width:100%;height:100%;object-fit:contain}@media(max-width:768px){.mode-dial{width:600px;height:600px}}@media(max-width:480px){.mode-dial{width:450px;height:450px}}.mode-video{width:100%;margin-top:20px;border-radius:10px;display:block}.mode-tooltip,.mode-tooltip h3,.mode-tooltip p,.mode-tooltip span,.mode-tooltip strong,.mode-tooltip a{color:#000!important}.mode-tooltip{clip-path:polygon(0 0,100% 0,100% 90%,85% 100%,0 100%)}.mode-tooltip:not(.cut-1):not(.cut-2):not(.cut-3):not(.cut-4):not(.cut-5):not(.cut-6):not(.cut-7):not(.cut-8):not(.cut-9){clip-path:polygon(0 0,100% 0,100% 94%,97% 96%,93% 95%,88% 100%,0 100%)}.mode-tooltip{transition:opacity .25s ease!important;clip-path:none}.mode-tooltip.cut-1,.mode-tooltip.cut-2,.mode-tooltip.cut-3,.mode-tooltip.cut-4,.mode-tooltip.cut-5,.mode-tooltip.cut-6,.mode-tooltip.cut-7,.mode-tooltip.cut-8,.mode-tooltip.cut-9{transition:none!important}@media(max-width:768px){.knob-image{width:120px;height:120px}}@media(min-width:769px){.mode-wheel{width:420px;height:420px;left:0!important;transform:translate(-250px) translateY(-25px) scale(1)}.mode-wheel.show{transform:translate(-250px) translateY(-25px) scale(1)}}@media(min-width:769px){.mode-icon{width:70px!important;height:70px!important}.mode-point{width:60px;height:60px;margin:-30px}}@media(max-width:768px){.mode-point{--radius:75px !important}}@media(max-width:480px){.mode-point{--radius:90px !important}}.mode-section-title{position:absolute;height:auto;opacity:0;z-index:10;transition:opacity .8s ease,transform .8s ease}@media(min-width:769px){.mode-section-title{top:10px;left:calc(50% + 250px);width:500px;max-width:none;transform:translate(-50%) translateY(25px)}.mode-section-title.show{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.mode-section-title{top:-40px;left:50%;width:330px;max-width:calc(100% - 40px);transform:translate(-50%) translateY(25px)}.mode-section-title.show{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.mode-selector{display:block;min-height:700px;padding:1px 20px 40px;background-image:url(/cdn/shop/files/fundo-3-new.png?v=1788293910);background-size:cover;background-position:center top;background-repeat:no-repeat;box-sizing:border-box}.mode-section-title{top:25px;left:50%;width:80%;max-width:340px;transform:translate(-50%) translateY(25px)}.mode-section-title.show{transform:translate(-50%) translateY(0)}.mode-wheel,.mode-wheel.show{position:relative;margin:150px auto 0;left:auto;transform:translate(20px) translateY(-180) scale(1)}.mode-tooltip{left:50%!important;top:330px!important;transform:translate(-50%)!important}}@media(max-width:480px){.mode-selector{min-height:680px}.mode-wheel,.mode-wheel.show{width:260px;height:260px;margin-top:145px;transform:translate(20px) translateY(80) scale(1)}.mode-tooltip{width:240px;top:320px!important}}@media(max-width:768px){.mode-selector .mode-wheel,.mode-selector .mode-wheel.show{transform:translate(0) translateY(-105px) scale(1)!important}}@media(max-width:768px){.mode-section-title{top:10px!important;left:50%!important;width:280px;max-width:calc(100% - 40px);transform:translate(-50%) translateY(-15px)!important}.mode-section-title.show{opacity:1;transform:translate(-50%) translateY(-40px)!important}}@media(max-width:768px){.mode-selector{overflow:visible!important}.mode-section-title{z-index:50!important}}@media(max-width:768px){.mode-section-title{width:min(340px,calc(100vw - 20px))!important;max-width:none!important}}@media(max-width:768px){.mode-selector .mode-tooltip{width:min(360px,calc(100vw - 30px))!important;padding:28px}}@media(max-width:480px){.mode-selector .mode-tooltip{width:240px;top:calc(100% + 70px)!important}}@media(max-width:768px){.mode-selector{position:relative;background-image:none!important;overflow:visible!important;isolation:isolate}.mode-selector:before{content:"";position:absolute;left:0;right:0;top:95px;bottom:60px;background-image:url(/cdn/shop/files/fundo-3-new.png?v=1788293910);background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0;pointer-events:none}.mode-selector .mode-section-title,.mode-selector .mode-wheel{z-index:1}}.mode-audio-hint{display:block;margin-top:8px;font-size:15px;line-height:1.3;text-align:center;color:#000;opacity:.75}@media(max-width:768px){.mode-selector .mode-wheel,.mode-selector .mode-wheel.show{transform:translate(0) translateY(-105px) scale(.9)!important;transform-origin:center top}.mode-section-title{transform:translate(-50%) translateY(-15px) scale(.9)!important;transform-origin:center center}.mode-section-title.show{transform:translate(-50%) translateY(-40px) scale(.9)!important}}@media(max-width:768px){.mode-selector:before{background-position:center -50px!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/mode-selector-v2.css.map */