.elementor-2274 .elementor-element.elementor-element-56fdded{--spacer-size:50px;}body.elementor-page-2274:not(.elementor-motion-effects-element-type-background), body.elementor-page-2274 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}:root{--page-title-display:none;}/* Start custom CSS *//* Ocultar la burbuja flotante */
#wp-chatbot-ball {
  display: none !important;
}

/* Quitar el posicionamiento fijo del contenedor principal */
#wp-chatbot-chat-container {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  display: block !important;
}

/* Forzar visibilidad del board */
#wp-chatbot-board-container {
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  width: 100% !important;
  height: 600px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
  border-radius: 12px !important;
}

/* Ocultar botón de cierre */
#wp-chatbot-desktop-close,
#wp-chatbot-desktop-reload {
  display: none !important;
}

/* Asegurar que el contenedor de mensajes ocupe el espacio */
.wp-chatbot-ball-inner {
  height: 100% !important;
}

.wp-chatbot-content {
  height: 480px !important;
}

/* Quitar animaciones de apertura */
.wp-chatbot-container {
  display: block !important;
}
/* El header de tu sitio debe estar por encima */
.site-header,
#masthead,
.ast-site-header-wrap,
[data-elementor-type="header"] {
  z-index: 9999 !important;
  position: relative !important;
}

/* El chatbot debe quedar debajo del header */
#wp-chatbot-chat-container {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}

/* Asegurarse que el wrapper también sea relativo */
#chatbot-inline-wrapper {
  position: relative !important;
  z-index: 1 !important;
}/* End custom CSS */