.cl-magic,.cl-magic *{box-sizing:border-box}.cl-magic{--mg-glow: color-mix(in srgb, var(--mg-accent, #c8f566) 60%, transparent);--mg-glow-pink: color-mix(in srgb, var(--mg-pink, #ff5ad5) 55%, transparent);position:fixed;left:0;top:var(--mg-top, 50%);z-index:44;transform:translateY(-50%);font-family:inherit;pointer-events:none}.cl-magic--right{left:auto;right:0}.cl-magic__handle{position:absolute;left:0;top:50%;display:grid;justify-items:center;gap:9px;width:48px;padding:14px 0 13px;border:2px solid var(--mg-accent, #c8f566);border-left:0;border-radius:0 18px 18px 0;background:linear-gradient(180deg,var(--mg-bg2, #4a1b6e),var(--mg-bg, #2a0840));color:var(--mg-accent, #c8f566);cursor:pointer;pointer-events:auto;box-shadow:0 0 14px var(--mg-glow),inset 0 0 10px color-mix(in srgb,var(--mg-accent, #c8f566) 18%,transparent),0 10px 26px #00000073;opacity:0;transform:translate(-110%,-50%);transition:transform .45s cubic-bezier(.34,1.56,.64,1) .1s,opacity .25s ease .1s}.cl-magic--right .cl-magic__handle{left:auto;right:0;border-left:2px solid var(--mg-accent, #c8f566);border-right:0;border-radius:18px 0 0 18px;transform:translate(110%,-50%)}.cl-magic:not(.is-open) .cl-magic__handle{opacity:1;transform:translateY(-50%)}.cl-magic__handle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;border:2px solid var(--mg-accent, #c8f566);opacity:0;animation:mg-ring 2s ease-out infinite;pointer-events:none}.cl-magic__handle-ico{display:grid;place-items:center;width:28px;height:28px;color:var(--mg-accent, #c8f566);filter:drop-shadow(0 0 5px var(--mg-glow));animation:mg-bob 2.6s ease-in-out infinite}.cl-magic__handle-ico svg,.cl-magic__handle-ico img{width:28px;height:28px;display:block;object-fit:contain}.cl-magic__handle-txt{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;line-height:1;text-shadow:0 0 8px var(--mg-glow)}.cl-magic__handle:hover{filter:brightness(1.08)}.cl-magic__card{position:relative;width:284px;max-width:calc(100vw - 28px);padding:18px 20px 18px 16px;border-radius:0 30px 30px 0;background:radial-gradient(120% 110% at 0% 0%,color-mix(in srgb,var(--mg-pink, #ff5ad5) 30%,transparent),transparent 58%),linear-gradient(160deg,var(--mg-bg2, #4a1b6e) 0%,var(--mg-bg, #2a0840) 70%);color:var(--mg-text, #ffffff);border:2px solid var(--mg-accent, #c8f566);border-left:0;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 18px color-mix(in srgb,var(--mg-accent, #c8f566) 14%,transparent),0 0 16px var(--mg-glow),0 0 44px var(--mg-glow-pink),0 18px 44px #00000080;pointer-events:auto;opacity:0;transform:translate(-110%);transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;overflow:visible}.cl-magic--right .cl-magic__card{border-radius:30px 0 0 30px;border-left:2px solid var(--mg-accent, #c8f566);border-right:0;transform:translate(110%)}.cl-magic.is-open .cl-magic__card{opacity:1;transform:translate(0)}.cl-magic:not(.is-open) .cl-magic__card{pointer-events:none}.cl-magic__stars{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:.45;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.6px),radial-gradient(circle,color-mix(in srgb,var(--mg-accent, #c8f566) 80%,#fff) 0 .9px,transparent 1.4px),radial-gradient(circle,color-mix(in srgb,var(--mg-pink, #ff5ad5) 85%,#fff) 0 .8px,transparent 1.3px);background-size:52px 52px,37px 37px,29px 29px;background-position:8px 12px,20px 4px,2px 22px;animation:mg-stars 14s linear infinite}.cl-magic__close{position:absolute;top:-12px;right:-12px;z-index:2;display:grid;place-items:center;width:30px;height:30px;padding:0;border:2px solid var(--mg-accent, #c8f566);border-radius:50%;background:var(--mg-bg, #2a0840);color:var(--mg-accent, #c8f566);cursor:pointer;box-shadow:0 0 10px var(--mg-glow),0 6px 14px #0006;transition:transform .2s ease}.cl-magic--right .cl-magic__close{right:auto;left:-12px}.cl-magic__close:hover{transform:scale(1.1)}.cl-magic__close svg{width:13px;height:13px}.cl-magic__link{position:relative;display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;animation:mg-float 4s ease-in-out infinite}.cl-magic__ico{position:relative;flex:0 0 auto;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--mg-pink, #ff5ad5) 55%,var(--mg-bg, #2a0840)) 0%,var(--mg-bg, #2a0840) 74%);border:1.5px solid color-mix(in srgb,var(--mg-pink, #ff5ad5) 75%,transparent);box-shadow:0 0 22px var(--mg-glow-pink),inset 0 0 16px color-mix(in srgb,var(--mg-pink, #ff5ad5) 35%,transparent);color:var(--mg-accent, #c8f566)}.cl-magic__ico>svg,.cl-magic__ico>img{width:40px;height:40px;display:block;object-fit:contain;filter:drop-shadow(0 0 6px var(--mg-glow));animation:mg-bob 2.6s ease-in-out infinite}.cl-magic__spark{position:absolute;width:11px;height:11px;background:var(--mg-accent, #c8f566);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px var(--mg-glow));opacity:0;animation:mg-spark 2.2s ease-in-out infinite}.cl-magic__spark--1{top:-6px;right:-3px}.cl-magic__spark--2{bottom:-4px;left:-7px;width:9px;height:9px;background:var(--mg-pink, #ff5ad5);filter:drop-shadow(0 0 4px var(--mg-glow-pink));animation-delay:.55s}.cl-magic__spark--3{top:12px;left:-11px;width:7px;height:7px;animation-delay:1.1s}.cl-magic__spark--4{bottom:10px;right:-9px;width:7px;height:7px;background:var(--mg-pink, #ff5ad5);filter:drop-shadow(0 0 4px var(--mg-glow-pink));animation-delay:1.65s}.cl-magic__body{display:block;min-width:0}.cl-magic__kicker{display:block;margin-bottom:3px;font-size:11px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb,var(--mg-pink, #ff5ad5) 70%,#fff);text-shadow:0 0 8px var(--mg-glow-pink)}.cl-magic__txt{display:block;margin-bottom:11px;font-size:20px;font-weight:900;line-height:1.08;letter-spacing:-.01em}.cl-magic__txt em{font-style:normal;color:var(--mg-accent, #c8f566);text-shadow:0 0 6px color-mix(in srgb,var(--mg-accent, #c8f566) 90%,transparent),0 0 16px var(--mg-glow);animation:mg-neon 3s ease-in-out infinite}.cl-magic__cta{position:relative;display:inline-flex;align-items:center;gap:7px;padding:8px 13px 8px 15px;border-radius:999px;background:var(--mg-accent, #c8f566);color:var(--mg-dark, #2a0840);font-size:13px;font-weight:800;line-height:1;overflow:hidden;box-shadow:0 0 14px var(--mg-glow),0 6px 14px #00000059;transition:transform .25s ease}.cl-magic__cta:after{content:"";position:absolute;top:-40%;bottom:-40%;left:0;width:40%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);transform:translate(-180%) skew(-18deg);animation:mg-shine 3s ease-in-out 1s infinite}.cl-magic__cta svg{width:14px;height:14px;transition:transform .25s ease}.cl-magic__link:hover .cl-magic__cta{transform:translate(3px)}.cl-magic__link:hover .cl-magic__cta svg{transform:translate(3px)}.cl-magic__nota{position:absolute;left:0;bottom:calc(100% + 12px);width:240px;padding:8px 10px;border-radius:10px;border:1px dashed #ffb15c;background:#2a0840eb;color:#ffd29e;font-size:12px;font-weight:600;line-height:1.35;pointer-events:none}.cl-magic--right .cl-magic__nota{left:auto;right:0}@keyframes mg-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes mg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mg-bob{0%,to{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-2px)}}@keyframes mg-spark{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes mg-neon{0%,to{opacity:1}48%{opacity:1}50%{opacity:.55}52%{opacity:1}80%{opacity:1}82%{opacity:.7}84%{opacity:1}}@keyframes mg-shine{0%{transform:translate(-180%) skew(-18deg)}40%,to{transform:translate(380%) skew(-18deg)}}@keyframes mg-stars{0%{background-position:8px 12px,20px 4px,2px 22px}to{background-position:60px 64px,57px 41px,31px 51px}}@media(prefers-reduced-motion:reduce){.cl-magic__handle,.cl-magic__card{transition-duration:.01s}.cl-magic__handle:before,.cl-magic__handle-ico,.cl-magic__ico>svg,.cl-magic__ico>img,.cl-magic__spark,.cl-magic__link,.cl-magic__cta:after,.cl-magic__txt em,.cl-magic__stars{animation:none}}@media screen and (max-width:749px){.cl-magic__card{width:250px;padding:15px 16px 15px 13px}.cl-magic__ico{width:56px;height:56px}.cl-magic__ico>svg,.cl-magic__ico>img{width:34px;height:34px}.cl-magic__txt{font-size:18px}.cl-magic__handle{width:42px;padding:12px 0 11px}.cl-magic__handle-ico,.cl-magic__handle-ico svg,.cl-magic__handle-ico img{width:24px;height:24px}.cl-magic__handle-txt{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cl-pestana-magia.css.map */