#wlc-flutuante{
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 9999;
animation: wlc-pulse 2s infinite;
}

@keyframes wlc-pulse{
0%{box-shadow: 0 0 0 0 rgba(37,211,102,0.7);}
70%{box-shadow: 0 0 0 15px rgba(37,211,102,0);}
100%{box-shadow: 0 0 0 0 rgba(37,211,102,0);}
}

#wlc-overlay{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
align-items:center;
justify-content:center;
z-index:9999;
}

#wlc-popup{
background:#fff;
width:320px;
border-radius:12px;
overflow:hidden;
font-family:Arial;
animation: wlcFade .2s ease;
}

@keyframes wlcFade{
from{transform:scale(0.9); opacity:0;}
to{transform:scale(1); opacity:1;}
}

.wlc-header{
background:#25d366;
color:#fff;
padding:12px;
display:flex;
justify-content:space-between;
align-items:center;
font-weight:bold;
}

#wlc-close{
cursor:pointer;
font-size:18px;
}

.wlc-chat{
background:#e5ddd5;
padding:15px;
}

.wlc-msg{
background:#fff;
padding:10px;
border-radius:8px;
font-size:14px;
}

#wlc-form{
padding:15px;
display:flex;
flex-direction:column;
}

#wlc-form input{
margin-bottom:10px;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
font-size:14px;
}

#wlc-form button{
background:#25d366;
color:#fff;
border:0;
padding:12px;
border-radius:5px;
font-size:15px;
cursor:pointer;
}

#wlc-form button:hover{
background:#1ebe5d;
}