#mouron-chat-btn{
position:fixed;
bottom:25px;
right:25px;
width:55px;
height:55px;
border-radius:50%;
background:#0c3c78;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
box-shadow:0 6px 20px rgba(0,0,0,0.3);
z-index:999999;
animation:pulse 2s infinite;
}

#mouron-chat-btn img{
width:40px;
height:40px;
object-fit:contain;
}

@keyframes pulse{
0%{transform:scale(1)}
50%{transform:scale(1.08)}
100%{transform:scale(1)}
}


/* ventana del chat */

#mouron-chat{
position:fixed;
bottom:90px;
right:25px;
width:360px;
height:560px;
background:#ffffff;
border-radius:14px;
box-shadow:0 10px 30px rgba(0,0,0,0.3);
display:none;
flex-direction:column;
overflow:hidden;
z-index:999999;
font-family:Arial, Helvetica, sans-serif;
}


/* header */

#mouron-header{
background:#0c3c78;
color:white;
padding:14px;
display:flex;
align-items:center;
gap:10px;
font-weight:bold;
}

#mouron-header img{
width:26px;
}


/* mensajes */

#mouron-messages{
flex:1;
padding:14px;
overflow-y:auto;
font-size:14px;
line-height:1.5;
background:#f7f9fc;
color:#333;
}


/* burbujas */

.bot{
background:#ffffff;
padding:10px 14px;
border-radius:10px;
margin-bottom:10px;
max-width:85%;
box-shadow:0 1px 4px rgba(0,0,0,0.1);
}

.user{
background:#0c3c78;
color:white;
padding:10px 14px;
border-radius:10px;
margin-bottom:10px;
max-width:85%;
margin-left:auto;
}


/* botones */

#mouron-actions{
padding:10px;
border-top:1px solid #e5e5e5;
display:flex;
flex-direction:column;
gap:6px;
background:#fafafa;
}

.mouron-btn{
background:#0c3c78;
color:white;
border:none;
padding:8px;
border-radius:6px;
cursor:pointer;
font-size:13px;
transition:0.2s;
}

.mouron-btn:hover{
opacity:0.9;
}

.whatsapp{
background:#25D366;
}


/* input */

#mouron-input{
display:flex;
border-top:1px solid #ddd;
background:white;
}

#mouron-input input{
flex:1;
border:none;
padding:10px;
font-size:14px;
outline:none;
}

#mouron-input button{
background:#0c3c78;
color:white;
border:none;
padding:10px 14px;
cursor:pointer;
}


/* animacion escribiendo */

.typing{
opacity:0.7;
font-style:italic;
}