/*
 ██╗███╗   ██╗██╗  ██╗
 ██║████╗  ██║╚██╗██╔╝
 ██║██╔██╗ ██║ ╚███╔╝
 ██║██║╚██╗██║ ██╔██╗
 ██║██║ ╚████║██╔╝ ██╗
 ╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝
 Desarrollado por INNOVAXX
 © 2026 INNOVAXX - Todos los derechos reservados
*/
.ax-launch{--b:clamp(16px,2.4vw,34px);position:fixed;z-index:44;right:max(4px,calc(var(--b) - 13px));bottom:calc(var(--b) - 8px);width:88px;height:88px;padding:0;background:none;border-radius:50%;display:grid;place-items:center;opacity:0;transform:scale(.4);animation:axin .6s 2.8s cubic-bezier(.3,1.5,.5,1) forwards;transition:bottom .4s cubic-bezier(.16,1,.3,1);touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.ax-launch canvas{width:88px;height:88px;pointer-events:none;animation:axfloat 4.6s ease-in-out infinite;transition:scale .25s}
.ax-launch:hover canvas{scale:1.1}.ax-launch.drag{cursor:grabbing;transition:none}.ax-launch.drag canvas{scale:1.2;animation-play-state:paused}.ax-launch.moved{transition:none}
@keyframes axfloat{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}
@keyframes axin{to{opacity:1;transform:none}}
.ax-open .ax-launch{visibility:hidden}
.ax-teaser{position:fixed;z-index:44;right:calc(clamp(16px,2.4vw,34px) + 74px);bottom:calc(clamp(16px,2.4vw,34px) + 10px);margin:0;max-width:min(250px,60vw);padding:11px 15px;background:#0b1d44;color:#fff;font-size:14.5px;line-height:1.3;cursor:pointer;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);animation:fadeup .5s ease-out;transition:bottom .4s cubic-bezier(.16,1,.3,1)}
.ax-win{--c:18px;position:fixed;z-index:60;right:clamp(16px,2.4vw,34px);bottom:clamp(16px,2.4vw,34px);width:404px;height:min(640px,calc(100vh - 48px));padding:1px;background:linear-gradient(150deg,var(--cyan),var(--blue) 30%,#16284a 70%);clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));transform-origin:100% 100%;animation:axopen .42s cubic-bezier(.16,1,.3,1)}
.ax-win[hidden]{display:none}
@keyframes axopen{from{opacity:0;transform:translateY(18px) scale(.93)}}
.ax-in{height:100%;display:flex;flex-direction:column;background:#03060c;clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.ax-head{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 18px;border-bottom:1px solid var(--line);flex:none}
.ax-head canvas{width:44px;height:44px;flex:none}.ax-id{flex:1;min-width:0;line-height:1.25}.ax-id strong{display:block;color:#fff;font:italic 600 18px var(--disp);font-stretch:108%}.ax-id small{color:var(--mute);font-size:12.5px}
.ax-head button,.ax-form button{flex:none;width:44px;height:44px;display:grid;place-items:center;transition:color .2s,background .2s}.ax-head button{color:var(--mute)}.ax-head button:hover{color:#fff}
.ax-head svg,.ax-form svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ax-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 8px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin;scrollbar-color:#22314a transparent}
.ax-hero{align-self:center;flex:none;height:150px;transition:height .45s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.ax-hero canvas{width:150px;height:150px}.ax-hero.off{height:0;opacity:0;margin-bottom:-9px}
.ax-m{max-width:88%;padding:10px 14px;font-size:15px;line-height:1.42;white-space:pre-line;overflow-wrap:anywhere;animation:axm .32s cubic-bezier(.16,1,.3,1);flex:none}
@keyframes axm{from{opacity:0;transform:translateY(9px)}}
.ax-b{align-self:flex-start;background:#0c1524;color:var(--silver);clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px)}
.ax-u{align-self:flex-end;background:var(--blue);color:#fff;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
.ax-typing{display:flex;gap:5px;align-items:center;height:42px}.ax-typing i{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:axdot 1s infinite}.ax-typing i:nth-child(2){animation-delay:.15s}.ax-typing i:nth-child(3){animation-delay:.3s}
@keyframes axdot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-4px)}}
.ax-chips{display:flex;flex-wrap:wrap;gap:7px;flex:none;padding:3px 0 5px;animation:axm .4s cubic-bezier(.16,1,.3,1)}
.ax-chips button,.ax-chips a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-size:14px;line-height:1.15;color:var(--cyan);background:#071a33;text-align:left;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);transition:background .2s,color .2s}
.ax-chips button:hover,.ax-chips a:hover{background:#0e2c56;color:#fff}.ax-chips svg{width:17px;height:17px;flex:none}
.ax-chips a.ax-send{background:var(--wa);color:#04210f;font-weight:600}.ax-chips a.ax-send:hover{background:#44e080;color:#04210f}
.ax-form{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 16px;border-top:1px solid var(--line);flex:none}
.ax-form input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit;font-size:16px;padding:10px 0}.ax-form input:focus{outline:0}.ax-form:focus-within{border-top-color:var(--blue)}
.ax-form button{color:#fff;background:var(--blue);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.ax-form button:hover{background:#3b82ff}
@media (max-width:620px){
 .ax-win{--c:0px;inset:0 0 auto 0;width:100%;height:var(--ax-h,100dvh);padding:0;background:#03060c;animation-name:axsheet}
 .ax-in{padding-bottom:env(safe-area-inset-bottom)}
 @keyframes axsheet{from{opacity:0;transform:translateY(40px)}}
}
@media (max-height:600px){.ax-hero{height:84px}.ax-hero canvas{width:84px;height:84px}}