.button-circular{cursor:pointer;color:#fff;z-index:1000;background:#00a5c0;border:2px solid #2ecc71;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:20px;right:10px;overflow:hidden;box-shadow:0 0 10px #2ecc714d}.button-circular.minimized{transform:scale(.6)translate(30px,-30px);box-shadow:0 0 5px #2ecc7133}.button-circular__text{pointer-events:none;justify-content:center;align-items:center;animation:8s linear infinite text-rotation;display:flex;position:absolute;inset:-1px}.button-circular__text>span{transform:rotate(calc(20deg*var(--index)));letter-spacing:.5px;text-transform:uppercase;font-size:.85rem;inset:2px;position:absolute!important}.button-circular__inner{color:#3af4ef;background:#212121;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:hidden}.button-circular__icon{z-index:1;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative}.button-circular__icon--copy{position:absolute;transform:translate(-150%,150%)}.button-circular:hover{background:#000;border:2px solid #fff;transform:scale(1.05);box-shadow:0 0 15px #2ecc7180}.button-circular:hover.minimized{transform:scale(.65)translate(30px,-30px)}.button-circular:hover .button-circular__icon{color:#fff}.button-circular:hover .button-circular__icon:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.button-circular:hover .button-circular__icon--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}@keyframes text-rotation{to{rotate:360deg}}.button-circular:active{transform:scale(.95)}.chat-modal{z-index:50;transform-origin:100% 100%;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out slideIn;display:flex;position:fixed;inset:0}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-container{background:#fff;border-radius:.5rem;flex-direction:column;width:320px;max-width:28rem;height:450px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.chat-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem;display:flex}.messages-container{flex:1;padding:1rem;overflow-y:auto}.input-container{border-top:1px solid #e5e7eb;padding:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.loading-dot{background-color:#00bdd8;border-radius:50%;width:8px;height:8px;margin:0 2px;display:inline-block}.loading-dot:first-child{animation:.8s .1s infinite bounce}.loading-dot:nth-child(2){animation:.9s .2s infinite bounce}.loading-dot:nth-child(3){animation:1s .3s infinite bounce}.react-resizable{background:#fff;border-radius:.5rem;position:relative;overflow:hidden}@media (max-width:768px){.react-resizable{border-radius:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;position:fixed!important;inset:0!important;overflow:hidden!important}.chat-container,.chat-resizable{width:100vw!important;height:100dvh!important;max-height:100dvh!important;position:fixed!important;inset:0!important;overflow:hidden!important}}.react-resizable-handle{opacity:.8;z-index:10;width:20px;height:20px;transition:opacity .2s;position:absolute;background:0 0!important}.react-resizable-handle:before{content:"⋮⋮";color:#00a5c0;letter-spacing:-2px;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex;position:absolute}.react-resizable-handle-n:before,.react-resizable-handle-s:before{transform:rotate(0)}.react-resizable-handle-e:before,.react-resizable-handle-w:before{transform:rotate(90deg)}.react-resizable-handle-ne:before,.react-resizable-handle-sw:before,.react-resizable-handle-nw:before,.react-resizable-handle-se:before{transform:rotate(-45deg)}.react-resizable-handle:after{display:none!important}.react-resizable-handle:hover{opacity:1}.react-resizable-handle *,.react-resizable-handle:after{display:none!important}.chat-resizable{border-radius:.5rem;position:relative;overflow:hidden}.loader{--color:#f7fbff;--animation:2s ease-in-out infinite;justify-content:center;align-items:center;display:flex}.loader .circle{border:solid 2px var(--color);width:16px;height:16px;animation:circle-keys var(--animation);background-color:#0000;border-radius:50%;justify-content:center;align-items:center;margin:0 6px;display:flex;position:relative}.loader .circle .dot{background-color:var(--color);width:12px;height:12px;animation:dot-keys var(--animation);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.loader .circle .outline{width:16px;height:16px;animation:outline-keys var(--animation);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.circle:nth-child(2){animation-delay:.3s}.circle:nth-child(3){animation-delay:.6s}.circle:nth-child(2) .dot{animation-delay:.3s}.circle:nth-child(3) .dot{animation-delay:.6s}.circle:first-child .outline{animation-delay:.9s}.circle:nth-child(2) .outline{animation-delay:1.2s}.circle:nth-child(3) .outline{animation-delay:1.5s}@keyframes circle-keys{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes dot-keys{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes outline-keys{0%{outline:solid 20px var(--color);outline-offset:0;opacity:1;transform:scale(0)}to{outline-offset:20px;opacity:0;outline:0 solid #0000;transform:scale(1)}}@media (max-width:767px){.button-circular{width:80px;height:80px;bottom:15px;right:5px}.button-circular__text{inset:-3px}.button-circular__text>span{letter-spacing:.5px;font-size:.75rem;inset:4px}.button-circular.minimized{transform-origin:50%;transform:scale(.7)}.button-circular:hover.minimized{transform:scale(.75)}.chat-container{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;z-index:9999;flex-direction:column;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.chat-resizable{flex-direction:column;width:100vw;height:100dvh;max-height:100dvh;font-size:13px;display:flex;position:fixed;inset:0;overflow:hidden}.messages-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:.5rem;font-size:13px;position:absolute;inset:50px 0 70px;overflow-y:auto}.input-container{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:50;background:#071024;border-top:1px solid #374151;min-height:70px;position:fixed;bottom:0;left:0;right:0}.chat-header{padding:.5rem;font-size:13px}.chat-resizable input[type=text]{min-height:40px;padding:8px 12px;font-size:16px}.chat-resizable button[type=submit]{flex-shrink:0;min-width:48px;min-height:40px}.chatbot-menu-btn{text-overflow:ellipsis;overflow:hidden;white-space:nowrap!important;color:#00a5c0!important;min-width:0!important;max-width:90vw!important;box-shadow:none!important;background:#eaf7fa!important;border:1px solid #00bdd8!important;border-radius:6px!important;margin-bottom:2px!important;margin-right:4px!important;padding:2px 8px!important;font-size:12px!important;line-height:1.1!important}.chatbot-menu-btn:last-child{margin-right:0!important}}@media (min-width:768px){.button-circular__text{inset:0}.button-circular__text>span{letter-spacing:.5px;font-size:.85rem;inset:3px}.button-circular.minimized{transform-origin:50%;transform:scale(.6)}.button-circular:hover.minimized{transform:scale(.65)}}
.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
.ticket-button{color:#fff;cursor:pointer;z-index:1000;background:#3b82f6;border:2px solid #60a5fa;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:140px;right:20px;box-shadow:0 4px 12px #00000026}.ticket-button:before{content:"Soporte Artiefy";color:#000;white-space:nowrap;opacity:0;visibility:hidden;background:#fff;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .3s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.ticket-button:after{content:"";opacity:0;visibility:hidden;border:4px solid #0000;border-top-color:#000c;transition:all .3s;position:absolute;top:50%;right:calc(100% + 2px);transform:translateY(-50%)rotate(-90deg)}.ticket-button:hover:before,.ticket-button:hover:after{opacity:1;visibility:visible}.ticket-button__icon{color:#fff;font-size:35px;transition:transform .3s}.ticket-button:hover{background:#2563eb;transform:scale(1.05)}.ticket-button:hover .ticket-button__icon{transform:rotate(360deg)}.chat-support-container{z-index:1000;width:400px;height:500px;position:fixed;bottom:160px;right:80px}.support-chat{color:#f8fafc;background:#050c1b;border:1px solid #1f2c44;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #030614bf}.support-chat-header{background:#050c1b;border-bottom:1px solid #1f2c44;justify-content:space-between;align-items:center;padding:1rem;display:flex}.support-chat-messages{background:#050c1b;flex:1;padding:1rem;overflow-y:auto}.support-chat-input{background:#050c1b;border-top:1px solid #1f2c44;align-items:center;gap:.5rem;padding:1rem 1.2rem;display:flex}.support-chat-input input{color:#f8fafc;background:#0b1d36;border:1px solid #1f2c44;width:calc(90% - 70px)}.support-chat-input button{color:#041226;background:linear-gradient(90deg,#00bdd8,#009fbf);min-width:70px;padding:.5rem 1rem;font-weight:600}.close-button{cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;padding:8px;transition:background-color .2s;position:absolute;top:8px;right:8px}.close-button:hover{background-color:#0000001a}.loading-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px;margin:0 2px;animation:.5s ease-in-out infinite bounce;display:inline-block}.loading-dot:nth-child(2){animation-delay:.1s}.loading-dot:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ticket-button.clicked{animation:.3s forwards zoomOutEffect}@keyframes zoomOutEffect{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}@media (max-width:767px){.ticket-button{width:40px;height:40px;bottom:15px;right:90px}.ticket-button__icon{font-size:22px}.chat-support-container{transform-origin:100% 100%;width:90%;height:400px;max-height:80vh;margin:0;position:fixed;bottom:70px;right:10px}.support-chat{flex-direction:column;height:100%;max-height:100%;font-size:13px;display:flex}.support-chat-header{flex-shrink:0;min-height:40px;padding:.5rem}.support-chat-messages{flex:1;min-height:0;padding:.5rem;overflow-y:auto}.support-chat-input{flex-shrink:0;min-height:40px;padding:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}
