/* AI Solutions · Módulo: onda de voz com o orb, chamada com a BIA e faixa "Fala com a BIA". Anima com /assets/js/visuais.js. */
/* =========================================================
   Ronda 3: agentes de voz, software à medida e bloco "Fala com a BIA"
   ========================================================= */
/* onda de voz: canvas + orb com as proporções do logótipo oficial */
.onda { position: relative; height: 112px; }
.onda canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.onda__orb {
  --d: 30px; position: absolute; left: 50%; top: 50%; width: var(--d); height: var(--d); margin: calc(var(--d) / -2) 0 0 calc(var(--d) / -2); border-radius: 50%;
  transform: scale(calc(1 + var(--amp, 0) * .45));
  background: radial-gradient(circle closest-side, #fff 0 45%, rgba(228, 220, 255, .95) 46%, rgba(168, 151, 255, .62) 56%, rgba(123, 99, 250, .26) 76%, rgba(107, 83, 249, 0) 100%);
}
.onda__orb::after { content: ""; position: absolute; inset: -60%; border-radius: 50%; background: radial-gradient(circle closest-side, rgba(107, 83, 249, .45), rgba(107, 83, 249, 0)); opacity: var(--amp, 0); }
/* agentes de voz: uma chamada com a BIA */
.chamada { display: flex; flex-direction: column; margin: 0; width: 100%; aspect-ratio: 4 / 3; padding: 18px 20px 16px; border-radius: 20px; border: 1px solid rgba(107, 83, 249, .38); background: radial-gradient(90% 70% at 50% 45%, rgba(65, 37, 235, .22), rgba(65, 37, 235, 0) 70%), var(--superficie); box-shadow: 0 40px 80px -44px rgba(0, 0, 0, .8); }
.chamada__topo { display: flex; align-items: center; gap: 12px; }
.chamada__topo img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px rgba(228, 220, 255, .25); }
.chamada__quem { display: flex; flex-direction: column; line-height: 1.2; flex: 1; }
.chamada__quem b { font-family: var(--f-display); font-stretch: 112.5%; font-size: 1.05rem; }
.chamada__quem small { font-size: .8rem; color: var(--texto-3); }
.chamada__tempo { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 999px; font-size: .82rem; font-variant-numeric: tabular-nums; color: #d9d3fb; background: rgba(59, 224, 138, .1); border: 1px solid rgba(59, 224, 138, .3); }
.chamada__tempo i { width: 7px; height: 7px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 8px 1px rgba(59, 224, 138, .7); }
.chamada .onda { flex: 1; min-height: 96px; margin: 6px -20px; }
.chamada__frase { margin: 0; min-height: 3.9em; font-family: var(--f-display); font-stretch: 112.5%; font-weight: 640; font-size: 1.02rem; line-height: 1.3; color: var(--luz); text-wrap: balance; transition: opacity .35s; }
.chamada__nota { margin-top: 6px; font-size: .76rem; color: var(--texto-3); }
/* faixa "Fala com a BIA": onda com o orb, título, uma linha, dois botões e o horário */
.bia-bloco { padding: 12px var(--margem) 30px; text-align: center; }
.bia-bloco__voz { position: relative; margin: 0 calc(var(--margem) * -1) 2px; }
.onda--grande { height: 88px; }
.onda--grande .onda__orb { --d: 36px; }
.bia-bloco__cab { max-width: 40rem; margin: 0 auto; }
.bia-bloco__cab .cabeca__titulo { font-size: clamp(1.9rem, 2.9vw, 2.6rem); }
.bia-bloco__cab .cabeca__texto { margin: .35rem auto 0; }
.bia-bloco__frase { margin: .35rem auto 0; font-size: .86rem; font-style: italic; color: var(--texto-3); transition: opacity .35s; }
.bia-bloco__acoes { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 18px; }
.bia-bloco__horario { margin: 12px auto 0; max-width: 40rem; font-size: .82rem; color: var(--texto-3); }
@media (max-width: 720px) {
  .chamada { aspect-ratio: auto; }
  .chamada .onda { min-height: 96px; flex: none; height: 96px; }
  .onda--grande { height: 84px; }
  .onda--grande .onda__orb { --d: 32px; }
  .bia-bloco { padding-bottom: 32px; }
  .bia-bloco__acoes .botao { flex: 1 1 100%; }
}