.chatbot-general-container {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
cursor: pointer;
background: rgb(126, 195, 143);
height: 70px;
width: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease-in-out;
}
.chatbot-general-container .chatbot-btn-label {
height: 0px;
width: 0px;
position: absolute;
overflow: hidden;
right: 80px;
background: rgb(6, 47, 53);
border-radius: 16px;
font-weight: 600;
color: #fff;
font-size: 0.95rem;
transition: all 0.25s ease-in-out;
}
.chatbot-general-container .chatbot-btn-label.show {
height: auto;
width: auto;
display: block;
padding: 0.5rem 1rem;
}

.chatbot-general-container:hover {
transform: scale(1.05);
box-shadow: 0 0 10px rgb(64, 114, 121);
}
.chatbot-general-container.active {
transform: scale(0.95);
box-shadow: 0 0 5px rgba(241, 3, 11, 0.5);
}
#cb-bot-btn {
background-image: url("https://www.prindel.com.co/wp-content/uploads/2026/05/chatbot-icon.svg");
height: 55px;
width: 55px;
background-position: center;
background-size: cover;
}
#cb-bot-btn:hover {
transform: scale(1.05);
}
#cbchat-container {
max-height: 0;
height: 0;
width: 0px;
position: fixed;
z-index: 9999;
right: 20px;
bottom: 100px;
border-radius: 16px;
overflow: hidden;
transition: all 0.25s ease-in-out;
background-color: rgba(0, 0, 0, 0.35);
padding: 0px;
}
#cbchat-container.show {
max-height: 620px;
height: 100%;
width: 350px;
position: fixed;
z-index: 9999;
right: 20px;
bottom: 100px;
border-radius: 16px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.chatbot-general-container .chatbot-btn-label {
    opacity: 0;
}
.chatbot-general-container .chatbot-btn-label.show {
    opacity: 1;
}
#cbchat-container > #chatbot {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}