#smilenova-chat-button{

position:fixed;
bottom:25px;
right:25px;

width:65px;
height:65px;

background:#14c8d4;

border-radius:50%;

display:flex;
justify-content:center;
align-items:center;

font-size:30px;

cursor:pointer;

box-shadow:0 10px 25px rgba(0,0,0,.25);

z-index:999999;

color:white;

transition:.3s;

}

#smilenova-chat-button:hover{

transform:scale(1.08);

}



#smilenova-window{

position:fixed;

bottom:100px;

right:25px;

width:370px;

height:560px;

background:#fff;

border-radius:20px;

box-shadow:0 20px 60px rgba(0,0,0,.20);

display:none;

overflow:hidden;

z-index:999999;

font-family:Arial, Helvetica, sans-serif;

}



#smilenova-header{

background:#14c8d4;

color:#fff;

padding:15px;

display:flex;

align-items:center;

gap:12px;

}



.smilenova-avatar img{

width:55px;

height:55px;

border-radius:50%;

object-fit:cover;

border:3px solid #ffffff;

background:#fff;

}



.smilenova-info{

flex:1;

}



.smilenova-name{

font-size:18px;

font-weight:bold;

line-height:1.2;

}



.smilenova-status{

font-size:13px;

opacity:.95;

margin-top:4px;

}



#smilenova-close{

font-size:24px;

cursor:pointer;

font-weight:bold;

}



#smilenova-body{

padding:20px;

height:400px;

overflow-y:auto;

background:#f8f9fb;

}



#smilenova-footer{

display:flex;

padding:15px;

gap:10px;

background:#fff;

border-top:1px solid #eee;

}



#smilenova-footer input{

flex:1;

padding:12px;

border-radius:12px;

border:1px solid #ddd;

outline:none;

font-size:15px;

}



#smilenova-footer input:focus{

border-color:#14c8d4;

}



#smilenova-footer button{

width:55px;

border:none;

background:#14c8d4;

color:white;

border-radius:12px;

cursor:pointer;

font-size:20px;

transition:.3s;

}



#smilenova-footer button:hover{

background:#0fb3be;

}



.smilenova-message{

margin:12px 0;

padding:14px 16px;

border-radius:18px;

max-width:82%;

line-height:1.6;

font-size:15px;

word-wrap:break-word;

}



.smilenova-user{

background:#14c8d4;

color:#fff;

margin-left:auto;

border-bottom-right-radius:6px;

}



.smilenova-bot{

background:#ffffff;

color:#333;

margin-right:auto;

border:1px solid #e8e8e8;

border-bottom-left-radius:6px;

box-shadow:0 3px 8px rgba(0,0,0,.05);

}



.smilenova-author{

font-size:12px;

font-weight:bold;

color:#888;

margin-top:15px;

margin-bottom:4px;

}



.smilenova-author.user{

text-align:right;

}



.smilenova-author.bot{

text-align:left;

}

#smilenova-saludo{

position:fixed;

bottom:105px;

right:25px;

background:#ffffff;

padding:14px 18px;

border-radius:15px;

box-shadow:0 8px 25px rgba(0,0,0,.15);

font-size:15px;

font-weight:bold;

color:#333;

display:none;

z-index:999999;

max-width:250px;

animation:smilenovaFade .4s ease;

}

#smilenova-saludo::after{

content:"";

position:absolute;

bottom:-8px;

right:28px;

border-width:8px 8px 0 8px;

border-style:solid;

border-color:#fff transparent transparent transparent;

}

@keyframes smilenovaFade{

from{

opacity:0;

transform:translateY(10px);

}

to{

opacity:1;

transform:translateY(0);

}

}   /* ← ESTA LLAVE FALTABA */

.smilenova-author.bot{

display:flex;
align-items:center;
gap:8px;

margin-top:15px;
margin-bottom:5px;

font-size:13px;
font-weight:bold;
color:#666;

}

.smilenova-mini-avatar{

width:30px;
height:30px;

border-radius:50%;
object-fit:cover;

border:2px solid #14c8d4;

flex-shrink:0;

}