#openserBubble { bottom: 0;right: 0;position: fixed;margin: 10px; z-index: 100;}
#openserBubble .icon.principal {background-color: #036992;height: 56px;width: 56px; 
background-image: url(../images/widget_chatDouble.png); background-size: 35px; }
#openserBubble .whatsapp {background-color: #039d0b;position: absolute;
background-image: url(../images/widget_whatsapp.png); display: none;}
#openserBubble .facebook {background-color: #0d94db;position: absolute; 
background-image: url(../images/widget_messenger.png); display: none; }
#openserBubble .chat {background-color: #036992;position: absolute; background-image: url(../images/widget_chat.png);}
#openserBubble .icon {height: 42px;width: 42px;border-radius: 100%;cursor: pointer;box-shadow: 1px 1px 10px 2px #585858;right: 7px;
background-size: 20px;background-repeat: no-repeat;background-position: center; transition: 0.5s;}
#openserBubble .whatsapp:hover { background-color: #007806; }
#openserBubble .facebook:hover { background-color: #1184c0; }
#openserBubble .chat:hover, #openserBubble .principal:hover { background-color: #005070; }
#openserBubble .channels { display: none; }
#openserBubble .icon[channel="1"] {bottom: 65px;}
#openserBubble .icon[channel="2"] {bottom: 115px;}
#openserBubble .icon[channel="3"] {bottom: 165px;}


.close-icon {
    display: inline-block;
    width: 24px; 
    height: 24px; 
    position: relative; 
    font-size: 24px; 
    color: #333; 
    cursor: pointer; 
}

    .close-icon::before,
    .close-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 2px; 
        background-color: #333; 
        transform: translate(-50%, -50%) rotate(45deg); 
    }

    .close-icon::after {
        transform: translate(-50%, -50%) rotate(-45deg); 
    }