body{
    position:relative;
    overflow-x:hidden;
}

#offcanvas-chatbot-open-button{
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:9998;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#fff;
    padding:10px;
    cursor: pointer;
}

#offcanvas-chatbot-open-button img{
    width:100%;
    height:100%;
    object-fit:contain;
}

#offcanvas-chatbot-container{
    position:fixed;
    top:0;
    z-index:9999;
    width:100vw;
    height:100vh;
    background:rgba(255, 255, 255, 1);
    transform: translateX(100%);
    transition: transform 400ms ease-in-out; /* Transición para el movimiento */
}

#offcanvas-chatbot-container.open{
    transform: translateX(0);
}

#offcanvas-wrapper{
    position:relative;
    width:100%;
    height: calc(100% - 40px);
}

#offcanvas-chatbot-close{
    position:fixed;
    top:25px;
    right: 10px;
    width:40px;
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px solid #fff;
    border-radius: 50%;
    background:#c00;
    color:#fff;
    z-index:10000;
    cursor: pointer;

}
 #offcanvas-chatbot-body{
    width:100%;
    height:100%;
 }
  #offcanvas-chatbot-body > iframe{
    height:100%;
    width:100%;
}