/* Etiqueta de ligação: mesmo vidro, canto e altura da tratativa e do Agente. */
.fd-ligacao{
  --fd-z:1;
  position:absolute;
  z-index:6;
  isolation:isolate;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  overflow:visible;
  pointer-events:auto;
  color:#444444;
  background:none;
  box-shadow:0 1rem 2rem rgba(0,0,0,.22);
  user-select:none;
}
.fd-ligacao[hidden]{display:none!important}
.fd-ligacao::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:rgba(30,30,30,.12);
  -webkit-backdrop-filter:blur(0.5rem);
  backdrop-filter:blur(0.5rem);
  pointer-events:none;
}
.fd-ligacao-sheen{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  right:0;
  height:0.125rem;
  background:rgba(255,255,255,.07);
  filter:blur(0.25rem);
  pointer-events:none;
}
.fd-ligacao-btn{
  position:relative;
  z-index:1;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  margin:0;
  padding:0;
  border:none;
  background:none transparent;
  color:#444444;
  outline:none;
  cursor:pointer;
  scale:1;
  transition:transform 300ms ease,color 300ms ease,background-color 300ms ease,scale 120ms ease;
}
.fd-ligacao-btn:active{scale:.94}
.fd-ligacao-btn:disabled{opacity:.4;pointer-events:none;cursor:default;scale:1;transition:none}
.fd-ligacao-btn:disabled .fd-ligacao-disc{transform:none!important}
.fd-ligacao-btn:focus,
.fd-ligacao-btn:focus-visible{outline:none}
.fd-ligacao-disc{
  position:relative;
  z-index:9;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  width:100%;
  height:100%;
  padding:0;
  background-color:#f1f1f1;
  color:inherit;
  transition:transform 300ms ease,color 300ms ease,background 300ms ease;
}
.fd-ligacao-btn:not(.fd-ligacao-photo) .fd-ligacao-disc{padding:18%}
.fd-ligacao-btn[data-call] .fd-ligacao-disc{
  color:#fff;
  background:radial-gradient(circle at 100% 107%,#adf2c7 0%,#67dfa2 30%,#22bc76 60%,#087a46 100%);
}
.fd-ligacao-photo .fd-ligacao-disc,
.fd-ligacao-photo .fd-ligacao-disc img{
  padding:0;
  border:0;
  outline:0;
  box-shadow:none;
}
.fd-ligacao-photo .fd-ligacao-disc [hidden]{display:none!important}
.fd-ligacao-photo .fd-ligacao-person{width:52%;height:52%}
.fd-ligacao-disc svg{width:100%;height:100%;display:block}
.fd-ligacao-disc img{width:100%;height:100%;object-fit:cover;display:block}
.fd-ligacao-initials{font-weight:650;font-size:.5em;letter-spacing:-.03em;line-height:1}
.fd-ligacao-btn:not(.fd-ligacao-photo):hover{color:#fff}
.fd-ligacao-btn:not(.fd-ligacao-photo):hover .fd-ligacao-disc{
  color:#fff;
  background-color:#fff;
  transform:scale(1.4) translate3d(0,calc(-0.75rem * var(--fd-z)),calc(0.75rem * var(--fd-z)));
}
.fd-ligacao-photo,
.fd-ligacao-photo:hover,
.fd-ligacao-photo:active{cursor:default;color:inherit;transform:none}
.fd-ligacao-photo:hover .fd-ligacao-disc,
.fd-ligacao-photo:active .fd-ligacao-disc{transform:none;color:inherit}
.fd-ligacao-nome{
  position:relative;
  z-index:1;
  min-width:0;
  max-width:13.75rem;
  overflow:hidden;
  font-weight:650;
  line-height:1;
  letter-spacing:-.03em;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#171719;
}
.fd-app-dark .fd-ligacao-nome{color:#f4f5f7}