.elementor-2032 .elementor-element.elementor-element-f37cd9b:not(.elementor-motion-effects-element-type-background), .elementor-2032 .elementor-element.elementor-element-f37cd9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEDEB;}.elementor-2032 .elementor-element.elementor-element-f37cd9b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:48px 48px 48px 48px;}.elementor-2032 .elementor-element.elementor-element-f37cd9b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-2032 .elementor-element.elementor-element-69d9f55.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2032 .elementor-element.elementor-element-69d9f55.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2032 .elementor-element.elementor-element-69d9f55.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2032 .elementor-element.elementor-element-1a6de3a:not( .elementor-widget-image ) .elementor-widget-container, .elementor-2032 .elementor-element.elementor-element-1a6de3a.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://spacio-web.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-2032 .elementor-element.elementor-element-1a6de3a img{width:15%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2032 .elementor-element.elementor-element-1707fc9{text-align:center;}.elementor-2032 .elementor-element.elementor-element-1707fc9 .elementor-heading-title{font-family:"Onest", Sans-serif;font-weight:500;color:var( --e-global-color-0527b18 );}.elementor-2032 .elementor-element.elementor-element-7a89cac{width:var( --container-widget-width, 47.143% );max-width:47.143%;--container-widget-width:47.143%;--container-widget-flex-grow:0;text-align:center;}.elementor-2032 .elementor-element.elementor-element-7a89cac .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:17px;font-weight:400;line-height:23px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-0527b18 );}.elementor-2032 .elementor-element.elementor-element-bc219e8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:0;}.elementor-2032 .elementor-element.elementor-element-bc219e8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2032 .elementor-element.elementor-element-7700a28{z-index:10;}@media(max-width:1024px){.elementor-2032 .elementor-element.elementor-element-7a89cac{width:var( --container-widget-width, 454.297px );max-width:454.297px;--container-widget-width:454.297px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-2032 .elementor-element.elementor-element-f37cd9b{padding:7px 0px 0px 0px;}.elementor-2032 .elementor-element.elementor-element-1a6de3a img{width:22%;}.elementor-2032 .elementor-element.elementor-element-1707fc9 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-2032 .elementor-element.elementor-element-1707fc9 .elementor-heading-title{font-size:19px;}.elementor-2032 .elementor-element.elementor-element-7a89cac{width:var( --container-widget-width, 295.188px );max-width:295.188px;--container-widget-width:295.188px;--container-widget-flex-grow:0;}.elementor-2032 .elementor-element.elementor-element-7a89cac > .elementor-widget-container{margin:7px 0px 0px 0px;}.elementor-2032 .elementor-element.elementor-element-7a89cac .elementor-heading-title{font-size:12px;line-height:1.3em;}}/* Start custom CSS for section, class: .elementor-element-bc219e8 */.elementor-2032 .elementor-element.elementor-element-bc219e8 #chat-container {
  max-width: 700px;
  margin: auto;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  height: 500px;
  background: #ffffff;
  overflow: hidden;
  font-family: Arial, sans-serif;
  position: relative;
}

.elementor-2032 .elementor-element.elementor-element-bc219e8 #chatbox {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  background: #f7f7f8;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.elementor-2032 .elementor-element.elementor-element-bc219e8 .message {
  margin-bottom: 15px;
  max-width: 75%;
  padding: 12px 16px;
  border-radius: 18px;
  line-height: 1.4;
  font-size: 14px;
  word-wrap: break-word;
}

.elementor-2032 .elementor-element.elementor-element-bc219e8 .user {
  background: #000000;
  color: white;
  align-self: flex-end;
  border-bottom-right-radius: 5px;
}

.elementor-2032 .elementor-element.elementor-element-bc219e8 .bot {
  background: #e4e6eb;
  color: #000;
  align-self: flex-start;
  border-bottom-left-radius: 5px;
}

.elementor-2032 .elementor-element.elementor-element-bc219e8 #input-area {
  display: flex;
  padding: 15px;
  border-top: 1px solid #eee;
  background: #ffffff;
  position: relative;
  z-index: 10;
}

.elementor-2032 .elementor-element.elementor-element-bc219e8 #userInput {
  flex: 1;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid #ddd;
  outline: none;
  font-size: 14px;
}

.elementor-2032 .elementor-element.elementor-element-bc219e8 #input-area button {
  margin-left: 10px;
  padding: 0 18px;
  border: none;
  border-radius: 20px;
  background: black;
  color: white;
  cursor: pointer;
  font-size: 16px;
}.elementor-2032 .elementor-element.elementor-element-bc219e8 #userInput {
  pointer-events: auto !important;
  position: relative;
  z-index: 9999;
}

.elementor-2032 .elementor-element.elementor-element-bc219e8 #input-area {
  pointer-events: auto !important;
  z-index: 9999;
}.elementor-2032 .elementor-element.elementor-element-bc219e8 #chat-container * {
  pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS */#chat-container {
  max-width: 700px;
  margin: auto;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  height: 500px;
  background: #ffffff;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

#chatbox {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  background: #f7f7f8;
  display: flex;
  flex-direction: column;
}

.message {
  margin-bottom: 15px;
  max-width: 75%;
  padding: 12px 16px;
  border-radius: 18px;
  line-height: 1.4;
  font-size: 14px;
}

.user {
  background: #000000;
  color: white;
  align-self: flex-end;
  border-bottom-right-radius: 5px;
}

.bot {
  background: #e4e6eb;
  color: #000;
  align-self: flex-start;
  border-bottom-left-radius: 5px;
}

#input-area {
  display: flex;
  padding: 15px;
  border-top: 1px solid #eee;
  background: #ffffff;
}

#userInput {
  flex: 1;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid #ddd;
  outline: none;
}

#input-area button {
  margin-left: 10px;
  padding: 0 18px;
  border: none;
  border-radius: 20px;
  background: black;
  color: white;
  cursor: pointer;
}/* End custom CSS */