/* Cambiar posición del botón de chat */
#chatbot-container {
  border: none;
	position: fixed;
  bottom: 50px !important; /* Ajusta la posición desde la parte inferior */
  right: 20px !important;  /* Ajusta la posición desde la derecha */
  z-index: 999;
  background-color: #007bff;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  width: 60px !important;
  height: 60px !important;
  background-image: linear-gradient(90deg, #ffb012 .08%, gold 79.95%);
  border-radius: 50% !important; /* Hace que el botón sea redondo */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Agrega sombra */
}

#iframe-chatbot iframe {
    width: 25rem !important; /* Ajusta según sea necesario */
    height: 650px;
    border: none; /* Quita el borde del iframe */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    bottom: 25px;
    right: 10px;
    position: fixed;
    transform: scale(0.8);
}

#iframe-chatbot {
  display: none; /* Oculto por defecto */
}

/* Responsivo para pantallas más pequeñas */
@media (max-width: 768px) {
  #iframe-chatbot {
    width: 90%; /* El iframe ocupará el 90% del ancho */
    height: 80%; /* El iframe ocupará el 80% de la altura */
    right: 5%;   /* Centrado horizontalmente */
    bottom: 10%; /* Centrado verticalmente */
  }
}