/* Botão flutuante */

.wa__btn_popup {
  position: fixed;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  z-index: 999;
  display:flex;
  align-items:center;
  gap:12px;
  border: none;
  background-color: transparent;
}

.wa__btn_popup .wa__btn_popup_txt {
  position: relative;
  background-color: #35ba65;
  font-size: 13px;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  letter-spacing: -0.02em;
  transition: .25s ease;
  white-space: nowrap;
  box-shadow: 0 4px 8px rgba(0,0,0,0.06);
}

.wa__btn_popup .wa__btn_popup_icon {
  color: #ffffff;
  width: 56px;
  height: 56px;
  background: #09d261;
  border-radius: 50%;
  display: flex;
  justify-content:center;
  align-items:center;
  box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.14);
  font-size: 25px;
}

/* Caixa do popup */
.wa__popup_chat_box{
  font-family: Lato, Arial, Helvetica;
  width: 351px;
  max-width: calc(100% - 40px);
  border-radius: 8px;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 10px 18px rgba(0,0,0,0.07);
  bottom: 102px;
  right: 25px;
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: .35s ease all;
  background:#fff;
}

.wa__popup_chat_box.wa__active{
  opacity:1;
  visibility:visible;
  transform: translateY(0);
}

.wa__popup_heading {
  position: relative;
  padding: 16px 20px;
  color: #d9ebc6;
  background: #312684;
}
.wa__popup_heading .wa__popup_title {
  color:#fff;
  font-size:18px;
  margin-bottom:6px;
}
.wa__popup_heading .wa__popup_intro {
  font-size:13px;
  color: #e8e9ff;
  line-height:1.3;
}

.wa__popup_content {
  background:#fff;
  padding: 13px 16px 18px 16px;
  text-align:center;
}

.wa__popup_content_list {
  margin-top: 6px;
}

.wa__popup_content_item {
  margin: 12px 0 0;
  will-change: transform,opacity;
  opacity:1;
}

.wa__popup_chat_box .wa__stt {
  padding: 12px 44px 12px 74px;
  position: relative;
  text-decoration: none;
  display: block;
  width: 100%;
  border-left: 4px solid #312684;
  background: #f5f7f9;
  border-radius: 6px;
  color: inherit;
  transition: .18s ease;
  overflow:hidden;
}

.wa__popup_chat_box .wa__stt:focus,
.wa__popup_chat_box .wa__stt:hover {
  transform: translateY(-3px);
}

.wa__popup_avatar {
  position:absolute;
  left:12px;
  top:18px;
  width:48px;
  height:48px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  font-size: 2.2em;
}

.wa__cs_img_wrap{
  width:48px;height:48px;background-size:cover;background-position:center center;border-radius:50%;
}

.wa__popup_txt{
  display: table-cell;
  vertical-align: middle;
  min-height:48px;
  height:48px;
}

.wa__member_name { font-size:14px;color:#363c47;line-height:1.2;font-weight:600; text-align: left; }
.wa__member_duty { font-size:11px;color:#989b9f;padding-top:4px; }

/* ícone à direita (opcional) */
.wa__popup_chat_box .wa__stt::after{
  content: "";
  position:absolute;
  right:14px;
  top:22px;
  width:20px;height:20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f4091"><path d="M12 2C6.477 2 2 6.477 2 12c0 2.21.724 4.249 1.955 5.92L2 22l4.336-1.938A9.96 9.96 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z"/></svg>');
  background-repeat:no-repeat;
  background-size:100% 100%;
  opacity:0.15;
}

/* Responsividade: em telas pequenas posiciona centralizado e ocupa largura maior */
@media (max-width:480px){
  .wa__btn_popup { right: 18px; bottom: 18px; }
  .wa__popup_chat_box{
    left: 50%;
    right: auto;
    transform: translate(-50%,30px);
    bottom: 90px;
    width: calc(100% - 36px);
  }
  .wa__popup_chat_box.wa__active { transform: translate(-50%,0); }
  
}

/* melhora foco para acessibilidade */
.wa__stt:focus { outline: 3px solid rgba(63,64,145,0.15); outline-offset:2px; }
.wa__btn_popup:focus { outline: 3px solid rgba(9,210,97,0.18); border-radius: 8px; }