.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-31 .elementor-element.elementor-element-39456ea .elementor-button{background-color:#62AA00;font-family:"Roboto", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-39456ea .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-39456ea .elementor-button:focus{background-color:#498B00;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-39456ea .elementor-button:hover svg, .elementor-31 .elementor-element.elementor-element-39456ea .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-39456ea .elementor-button{padding:10px 10px 10px 10px;}}/* Start custom CSS for html, class: .elementor-element-42d7363 */.chat-container {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  border-radius: 10px;
  overflow: hidden;
  margin: auto;
  height: 600px;
}

.chat-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* MEDIA QUERIES: Adaptar para pantallas pequeñas */
@media screen and (max-width: 768px) {
  .chat-container {
    max-width: 100%;
    aspect-ratio: 15 / 9; /* un poco más alto en móviles */
    height: 400px; /* asegura que tenga una altura visible */
  }
}

@media screen and (max-width: 480px) {
  .chat-container {
    /*aspect-ratio: 9 / 9;*/
    height: 350px;
  }
}/* End custom CSS */