#chat-widget-container{
  position:fixed;bottom:20px;right:20px;z-index:99999;font-size:0;
}
#chat-widget-toggle{
  width:64px;height:64px;border:none;border-radius:50%;
  background:transparent url('../img/chatbubble.svg') center/contain no-repeat;
  cursor:pointer;display:block;
}

/* Wrapper */
#chat-box-wrapper{
  position:relative;
}

/* Iframe */
#chat-widget-iframe{
  display:none;
  width:380px;height:520px;
  border:0;border-radius:16px;overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.5);
  background:#000;
}

/* X arriba derecha */
#chat-widget-close{
  display:none;
  position:absolute;
  top:8px; right:8px;
  width:28px;height:28px;
  border:none;border-radius:50%;
  background:#000;color:#fff;
  font-size:18px;line-height:28px;
  cursor:pointer;text-align:center;
  box-shadow:0 0 4px rgba(0,0,0,.5);
}
/* Esconde el botón cuando el chat está abierto */
#chat-widget-container.open #chat-widget-toggle{
  display:none;
}

#chat-widget-container.open #chat-widget-iframe{display:block;}
#chat-widget-container.open #chat-widget-close{display:block;}

@media(max-width:480px){
  #chat-widget-iframe{width:90vw;height:80vh;right:auto;bottom:auto;}
}