.elementor-2749 .elementor-element.elementor-element-c5f292b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-2590304 *//* CSS para adaptar ELISA al contenedor de Elementor */

/* Resetear el posicionamiento fijo y adaptarlo al contenedor */
#elisa-overlay {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: 600px !important; /* Altura fija para el contenedor */
  max-height: 80vh !important; /* Limitar altura en viewport */
  display: block !important;
  margin: 0 auto !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2) !important;
}

/* Ajustar el contenedor principal */
.elisa-container {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Ajustar el botón de cerrar */
#elisa-closeBtn {
  display: none !important; /* Ocultar botón de cerrar ya que no es un overlay */
}

/* Ajustar el header */
#elisa-header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

/* Ajustar el contenido */
.elisa-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  position: relative !important;
}

.elisa-chat {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  position: relative !important;
}

#elisa-log {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 15px !important;
  padding-bottom: 15px !important;
}

/* Ajustar el área de entrada */
.elisa-input-container {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  padding: 12px !important;
  background: rgba(100,149,237,0.8) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-top: 1px solid rgba(255,255,255,0.2) !important;
}

/* Campo de texto */
#elisa-text {
  flex: 1 !important;
  height: 44px !important;
  padding: 10px 15px !important;
  font-size: 16px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.25) !important;
  color: white !important;
}

/* Botones */
.elisa-voice-btn, .elisa-send-btn {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Ocultar el botón flotante ya que ahora ELISA está integrado en la página */
#elisa-trigger-circle {
  display: none !important;
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 767px) {
  #elisa-overlay {
    height: 500px !important;
    max-height: 70vh !important;
  }
  
  .elisa-input-container {
    padding: 8px !important;
  }
  
  #elisa-text {
    height: 40px !important;
    padding: 8px 12px !important;
  }
  
  .elisa-voice-btn, .elisa-send-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
}

/* Ajustes para pantallas muy pequeñas */
@media (max-width: 359px) {
  #elisa-overlay {
    height: 450px !important;
  }
  
  .elisa-input-container {
    padding: 6px !important;
  }
  
  #elisa-text {
    height: 36px !important;
    padding: 6px 10px !important;
  }
  
  .elisa-voice-btn, .elisa-send-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }
}

/* Asegurar que el modal de mapa se muestre correctamente */
.elisa-modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 999999 !important;
}/* End custom CSS */