.chat-widget{

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

font-family:'Plus Jakarta Sans',sans-serif;
z-index:999;

/* empieza oculto */

opacity:0;
transform:translateY(40px);

transition:all .4s ease;

}

/* cuando aparece */

.chat-widget.visible{

opacity:1;
transform:translateY(0);

}

/* BOTÓN WHATSAPP */

.chat-button{

width:60px;
height:60px;

background:#25D366;

border-radius:50%;

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

cursor:pointer;

box-shadow:0 10px 30px rgba(0,0,0,0.3);

}

.chat-button img{

width:30px;

}

/* VENTANA CHAT */

.chat-window{

position:absolute;

bottom:80px;
right:0;

width:320px;

background:white;

border-radius:12px;

box-shadow:0 15px 40px rgba(0,0,0,0.25);

display:none;

overflow:hidden;

}

/* HEADER */

.chat-header{

background:#232b4b;
color:white;

padding:15px;

font-weight:600;

}

/* BODY */

.chat-body{

padding:20px;

background:#f5f7fb;

}

.chat-message{

background:white;

padding:12px;

border-radius:10px;

font-size:14px;

}

/* BOTÓN INTERNO */

.chat-whatsapp{

display:block;

background:#25D366;
color:white;

text-align:center;

padding:14px;

font-weight:600;

text-decoration:none;

transition:.3s;

}

.chat-whatsapp:hover{

background:#1ebe5d;

}