/* ==========================================
   BOTÃO FLUTUANTE IA - MWX
========================================== */

.mwx-ai-button{

position:fixed;

bottom:28px;

right:24px;

width:86px;

height:86px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

text-decoration:none;

z-index:9999;

transition:.35s ease;

animation:mwxFloat 3.5s ease-in-out infinite;

}

.mwx-ai-button img{

width:86px;

height:86px;

object-fit:cover;

border-radius:50%;

border:3px solid #00CFFF;

background:#031E3D;

box-shadow:

0 0 18px rgba(0,207,255,.55),

0 0 35px rgba(0,207,255,.35),

0 10px 35px rgba(3,7,30,.35);

transition:.35s;

}

.mwx-ai-button:hover img{

transform:scale(1.08);

box-shadow:

0 0 28px rgba(0,207,255,.75),

0 0 55px rgba(0,207,255,.45);

}

/* indicador online */

.mwx-online-dot{

position:absolute;

bottom:8px;

right:8px;

width:18px;

height:18px;

background:#00D65F;

border-radius:50%;

border:3px solid #fff;

box-shadow:0 0 10px rgba(0,214,95,.6);

}

/* Tooltip */

.mwx-ai-tooltip{

position:absolute;

right:104px;

background:#031E3D;

color:#fff;

padding:12px 18px;

border-radius:999px;

font-family:'Poppins',sans-serif;

font-size:14px;

font-weight:600;

white-space:nowrap;

border:1px solid rgba(0,207,255,.35);

box-shadow:

0 0 22px rgba(0,207,255,.18);

opacity:0;

transform:translateX(12px);

transition:.3s;

}

.mwx-ai-button:hover .mwx-ai-tooltip{

opacity:1;

transform:translateX(0);

}

/* efeito respirando */

@keyframes mwxFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

/* Responsivo */

@media(max-width:768px){

.mwx-ai-button{

width:76px;

height:76px;

bottom:22px;

right:18px;

}

.mwx-ai-button img{

width:76px;

height:76px;

}

.mwx-ai-tooltip{

display:none;

}

}