.elementor-98 .elementor-element.elementor-element-f4efe11{--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;}.elementor-98 .elementor-element.elementor-element-f4efe11:not(.elementor-motion-effects-element-type-background), .elementor-98 .elementor-element.elementor-element-f4efe11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B5F7C;}.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-98 .elementor-element.elementor-element-50db029{text-align:center;}.elementor-98 .elementor-element.elementor-element-50db029 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#C5C5C5;}.elementor-98 .elementor-element.elementor-element-508bf5d{text-align:center;}.elementor-98 .elementor-element.elementor-element-508bf5d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#C5C5C5;}.elementor-98 .elementor-element.elementor-element-f36198e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-98 .elementor-element.elementor-element-f36198e:not(.elementor-motion-effects-element-type-background), .elementor-98 .elementor-element.elementor-element-f36198e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF0EF;}/* Start custom CSS for html, class: .elementor-element-716c284 *//* Container geral do chat */
#meu-chat {
  max-width: 800px;
  height: 70vh;
  margin: 0 auto;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 8px;
}

/* Área das mensagens */
#chat-messages {
  height: 90%;
  overflow-y: auto;
  font-family: sans-serif;
  font-size: 14px;
  padding: 5px;
  background: #fafafa;
  margin-bottom: 10px;
}

/* Indicador "digitando..." */
#typing-indicator {
  display: none;
  font-family: sans-serif;
  font-size: 12px;
  font-style: italic;
  margin: 4px 0;
  animation: blink 1s step-start 0s infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}

/* Agrupamento de mensagens por remetente */
.message-group {
  margin-bottom: 8px;
}

/* Grupo de mensagens do usuário */
.message-group.user {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-end;      /* cola o grupo na direita */
}

/* Grupo de mensagens da MedBot */
.message-group.bot {
  text-align: left;
}

/* Nome "Você" / "MedBot" */
.message-sender {
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 2px;
}

/* Container genérico dos balões de um remetente */
.message-bubbles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 80%;            /* balões ocupam até 80% da largura */
}

/* Mesma largura para rótulo e balões do usuário */
.message-group.user .message-bubbles,
.message-group.user .message-sender {
  max-width: 80%;
  width: 100%;
}

/* Balões do usuário à direita */
.message-group.user .message-bubbles {
  margin-left: 0;             /* remove o auto antigo */
}

/* Balões da Legurmê à esquerda */
.message-group.bot .message-bubbles {
  margin-right: auto;         /* garante alinhamento à esquerda */
}

/* Balão individual */
.message-bubble {
  border-radius: 12px;
  padding: 6px 10px;
  display: inline-block;
  width: 100%;                /* usa toda a largura do .message-bubbles */
  word-wrap: break-word;
  white-space: pre-wrap;
  text-align: left;
}

/* Balões do usuário */
.message-group.user .message-bubble {
  background: #EFF0EF;
  color: #000000;
}

/* Balões da Legurmê */
.message-group.bot .message-bubble {
  background: #2A491D;
  color: #FFFFFF;
}/* End custom CSS */