.elementor-216 .elementor-element.elementor-element-27136f32{--display:flex;}@media(max-width:767px){.elementor-216 .elementor-element.elementor-element-56ad9ca8 .e-contact-buttons{--e-contact-buttons-horizontal-offset:19px;--e-contact-buttons-vertical-offset:0px;}}/* Start custom CSS for contact-buttons, class: .elementor-element-56ad9ca8 */@media (max-width: 768px) {
  /* Ajustar el tamaño del botón o contenedor del chat */
  .e-contact-buttons__chat-button {
    width: 95% !important; /* Ancho del chat en móviles */
    height: auto !important; /* Ajusta la altura automáticamente */
    max-height: 70vh !important; /* Ajusta la altura a 70% de la pantalla */
    bottom: 20px !important; /* Posición desde abajo */
  }

  /* Ajustar el área del contenido cuando el chat esté desplegado */
  .e-contact-buttons__content-wrapper {
    max-height: 65vh !important; /* Ajusta la altura del área de contenido */
    overflow-y: auto !important; /* Habilitar el scroll si el contenido es largo */
  }

  /* Reducir el tamaño de la cabecera del chat */
  .e-contact-buttons__chat-header {
    height: 40px !important; /* Ajusta la altura de la cabecera */
    font-size: 14px !important; /* Cambia el tamaño del texto en la cabecera */
  }

  /* Ajustar el campo de entrada de mensaje */
  .e-contact-buttons__chat-input {
    height: 45px !important; /* Tamaño del campo de texto */
  }

  /* Asegurarse de que el botón enviar esté visible */
  .e-contact-buttons__chat-send-button {
    height: 45px !important; /* Tamaño del botón de enviar */
  }
}/* End custom CSS */