.messagesContainer > div:last-child {
    padding-bottom: 20px !important;
}

.btn {
    margin-bottom: 5px !important;
}

.chatbot .msg:last-of-type {
    margin-bottom: 25px !important;
}

.desktop-closed-message-avatar {
  background: #ffffff !important;
  width: 70px !important;
  height: 70px !important;
  border-radius: 100% !important;
}

.mobile-closed-message-avatar {
  background: #ffffff !important;
  width: 70px !important;
  height: 70px !important;
  border-radius: 100% !important;
}

.desktop-closed-message-avatar img {
  border-radius: 0% !important;
}

.mobile-closed-message-avatar img {
  border-radius: 0% !important;
}

#chatBotManFrame,
body,
html {
  background-image: none !important;
}

.visitor .msg {
  background-color: #a4bfd9 !important;
}

li.chatbot {
  position: relative;
  padding-left: 45px;
  /* espacio para el avatar */
  min-height: 40px;
}

li.chatbot::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 35px;
  height: 35px;
  background-image: url('/img/chatbot.png');
  background-size: cover;
  background-position: center;
}

.msg .btn {
  padding: 8px !important;
  min-width: 150px !important;
  background-color: #39636b !important;
}


@media (max-width: 768px) {
  [style*="position: fixed"][style*="z-index: 2147483647"].chat-estado-abierto {
    pointer-events: auto !important;
  }

  [style*="position: fixed"][style*="z-index: 2147483647"].chat-estado-cerrado {
    pointer-events: none !important;
  }

  [style*="position: fixed"][style*="z-index: 2147483647"] {
    height: 60% !important;
    top: 34% !important;
    bottom: 0 !important;
  }

  [style*="overflow: hidden"][style*="z-index: 2147483647"] {
    height: 10% !important;
    top: 100% !important;
  }

  [style*="position: relative"][style*="cursor: pointer"] {
    pointer-events: auto !important;
  }

  .mobile-closed-message-avatar {
    position: fixed !important;
    top: auto !important;
    bottom: 20px !important;
    right: 20px !important;
    pointer-events: auto !important;
    z-index: 2147483648 !important;
  }

  #chatBotManFrame {
    height: 100% !important;
  }

}
/* Agranda el contenedor de videos del chatbot */
.botman-chat .video-attachment {
    width: 100% !important;
    max-width: 300px !important; /* Ajusta este valor a tu gusto */
    height: auto !important;
}

.botman-chat video {
    width: 100% !important;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
}