/* ============================================================
   FAQs — conversa por toques
   ============================================================ */
/* ================= FAQs conversacional ================= */
#faqs{ display:none; flex-direction:column; height:100vh; background:#f8f7f4; font-family:'Montserrat','Segoe UI',system-ui,sans-serif; position:relative; }
#faqs.ativo{ display:flex; }
[data-bs-theme="dark"] #faqs{ background:#0e1420; }
#faqs .barra-topo{
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
  height:4.5vw;
  flex-shrink:0;
}
[data-bs-theme="dark"] #faqs .barra-topo{ background:#141c2b; border-color:rgba(255,255,255,.08); }
#faqs .flutuantes-esq{
  position:absolute; top:0.8vw; left:1.2vw;
  display:flex; gap:.5vw; z-index:20;
}
#faqs .conversa{
  flex-grow:1; overflow-y:auto;
  padding:2vw 10vw 3vw;
  display:flex; flex-direction:column; align-items:center; gap:1.4vw;
  scroll-behavior:smooth;
}
.balao{
  max-width:75%;
  padding:1.4vw 2vw;
  border-radius:1.2vw;
  font-size:1.75vw; line-height:1.5;
  text-align:center;
  animation:balaoIn .35s ease-out both;
}
@keyframes balaoIn{
  from{ opacity:0; transform:translateY(1vw); }
  to{ opacity:1; transform:translateY(0); }
}
.balao.pergunta{
  background:var(--cor-primaria); color:#fff;
  font-weight:700;
  font-size:2vw;
}
.balao.resposta{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 .2vw .6vw rgba(0,0,0,.06);
  text-align:left;
}
[data-bs-theme="dark"] .balao.resposta{ background:#1c2636; border-color:rgba(255,255,255,.08); }
.balao.resposta h3{
  font-size:1.3vw; font-weight:800; text-transform:uppercase;
  letter-spacing:.06em; color:var(--cor-primaria);
  margin:0 0 .6vw; text-align:center;
}
[data-bs-theme="dark"] .balao.resposta h3{ color:#93b9ff; }
.balao.saudacao{
  background:transparent; color:var(--cor-primaria);
  font-size:2.4vw; font-weight:800;
  font-family:'Barlow Condensed','Oswald',sans-serif;
  text-transform:uppercase; letter-spacing:.04em;
  box-shadow:none; padding:1vw;
}
[data-bs-theme="dark"] .balao.saudacao{ color:#e8f1ff; }

/* Chips de perguntas/temas — centrados */
.chips{
  display:flex; flex-wrap:wrap; gap:1vw;
  justify-content:center; max-width:82%;
  animation:balaoIn .35s ease-out both;
}
.chip{
  background:transparent;
  border:.18vw solid var(--cor-primaria);
  color:var(--cor-primaria);
  border-radius:2vw;
  padding:1vw 1.8vw;
  font-size:1.55vw; font-weight:600;
  cursor:pointer;
  transition:background .15s, color .15s;
}
.chip:hover, .chip:active{
  background:var(--cor-primaria); color:#fff;
}
.chip.destaque{
  border-color:var(--cor-secundaria);
  color:#3a2c00; background:var(--cor-secundaria);
  font-weight:800;
}
.chip.popular{
  border-color:var(--cor-secundaria);
  color:var(--cor-primaria);
  font-weight:700;
}
.chip.popular::before{ content:'★ '; color:var(--cor-secundaria); }
[data-bs-theme="dark"] .chip{ border-color:#93b9ff; color:#93b9ff; }
[data-bs-theme="dark"] .chip:hover, [data-bs-theme="dark"] .chip:active{ background:#93b9ff; color:#0e1420; }
[data-bs-theme="dark"] .chip.popular{ color:#e8f1ff; }

/* Separador de secção de chips */
.chips-label{
  width:100%; text-align:center;
  font-size:1.2vw; font-weight:700; color:#999;
  text-transform:uppercase; letter-spacing:.08em;
  margin-top:.5vw;
}
.chips-rodape{ margin-top:.6vw; }