/* Perfil da referência ordinary-chart-888529.framer.app; transições e geometria originais. */
@font-face{font-family:'FD Team Montserrat';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/dashboard/team/montserrat-400.ttf') format('truetype')}
@font-face{font-family:'FD Team Montserrat';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/dashboard/team/montserrat-600.ttf') format('truetype')}
@font-face{font-family:'FD Team Montserrat';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/dashboard/team/montserrat-700.ttf') format('truetype')}
.fd-dashboard-team{position:absolute;inset:5px 0 10px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#629ee9 transparent}
.fd-team-heading{display:flex;align-items:center;gap:10px;margin:0 5px 5px;height:24px;color:#626874;font:500 13px/1 Inter,'Segoe UI',sans-serif}
.fd-team-heading::before,.fd-team-heading::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#8792a055)}
.fd-team-heading::after{transform:scaleX(-1)}
.fd-team-members{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:5px}
.fd-team-slot{position:relative;flex:none}
.fd-team-scale{position:absolute;top:0;left:0;transform-origin:top left;width:286px;height:286px;--primary:#629ee9;--hover:rgb(212,217,255);--text:#fff;--bg:rgb(212,217,255);--img-hover-y:17px;--t-font:'FD Team Montserrat';--t-weight:700;--t-size:24px;--t-lh:1.2;--t-ls:0px;--b-font:'FD Team Montserrat';--b-weight:400;--b-size:14px;--b-lh:1.4;--b-ls:0px;--btn-font:'FD Team Montserrat';--btn-weight:700;--btn-size:10px;--btn-ls:.5px}
.fd-team-card,.fd-team-card *{box-sizing:content-box}

.fd-team-card {
  width: 280px;
  height: 280px;
  background: var(--bg);
  border-radius: 32px;
  padding: 3px;
  position: relative;
  box-shadow: #604b4a30 0px 70px 30px -50px;
  transition: all 0.5s ease-in-out;
}

/* NOVO: Estilos para o Texto Hover */
.fd-team-hover-text {
  position: absolute;
  top: 24px;
  right: 24px;
  font-family: var(--b-font), sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--primary);
  opacity: 0; /* Invisível inicialmente */
  transition: opacity 0.3s ease-in-out;
  z-index: 10;
}

/* NOVO: Mostra o texto ao passar o mouse no card */
.fd-team-card:not(.fd-team-reset):hover .fd-team-hover-text {
  opacity: 1;
}

.fd-team-card .fd-team-profile-pic {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border-radius: 29px;
  z-index: 1;
  border: 0px solid var(--primary);
  overflow: hidden;
  transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s;
}

.fd-team-card .fd-team-profile-pic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: 0px 0px;
  transition: all 0.5s ease-in-out 0s;
}

.fd-team-card .fd-team-bottom {
  position: absolute;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: var(--primary);
  top: 80%;
  border-radius: 29px;
  z-index: 2;
  box-shadow: rgba(96, 75, 74, 0.188) 0px 5px 5px 0px inset;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.fd-team-card .fd-team-bottom .fd-team-content {
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  height: 160px;
}

.fd-team-card .fd-team-bottom .fd-team-content .fd-team-name {
  display: block;
  font-family: var(--t-font), sans-serif;
  font-weight: var(--t-weight);
  font-size: var(--t-size);
  line-height: var(--t-lh);
  letter-spacing: var(--t-ls);
  color: var(--text);
}

.fd-team-card .fd-team-bottom .fd-team-content .fd-team-about-me {
  display: block;
  margin-top: 4px;
  font-family: var(--b-font), sans-serif;
  font-weight: var(--b-weight);
  font-size: var(--b-size);
  line-height: var(--b-lh);
  letter-spacing: var(--b-ls);
  color: var(--text);
  
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.fd-team-card .fd-team-bottom .fd-team-bottom-bottom {
  position: absolute;
  bottom: 12px;
  left: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fd-team-card .fd-team-bottom .fd-team-bottom-bottom .fd-team-social-links-container {
  display: flex;
  gap: 16px;
  align-items: center;
}

.fd-team-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.fd-team-card .fd-team-bottom .fd-team-bottom-bottom .fd-team-social-links-container svg {
  height: 20px;
  width: 20px;
  fill: var(--text);
  filter: drop-shadow(0 5px 5px rgba(165, 132, 130, 0.133));
  cursor: pointer;
  transition: all 0.3s ease;
}

.fd-team-card .fd-team-bottom .fd-team-bottom-bottom .fd-team-social-links-container svg:hover {
  fill: var(--hover);
  transform: scale(1.2);
}

.fd-team-button-link {
  text-decoration: none;
}

.fd-team-card .fd-team-bottom .fd-team-bottom-bottom .fd-team-button {
  background: white;
  color: var(--primary);
  border: none;
  border-radius: 20px;
  padding: 9.6px 16px;
  box-shadow: rgba(165, 132, 130, 0.133) 0px 5px 5px 0px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
  white-space: nowrap;
  
  font-family: var(--btn-font), sans-serif;
  font-weight: var(--btn-weight);
  font-size: var(--btn-size);
  letter-spacing: var(--btn-ls);
}

.fd-team-card .fd-team-bottom .fd-team-bottom-bottom .fd-team-button:hover {
  background: var(--hover);
  color: white;
}

.fd-team-card:not(.fd-team-reset):hover {
  border-top-left-radius: 55px;
}

.fd-team-card:not(.fd-team-reset):hover .fd-team-bottom {
  top: 20%;
  border-radius: 80px 29px 29px 29px;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}

.fd-team-card:not(.fd-team-reset):hover .fd-team-profile-pic {
  width: 100px;
  height: 100px;
  aspect-ratio: 1;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  z-index: 3;
  border: 7px solid var(--primary);
  box-shadow: rgba(96, 75, 74, 0.188) 0px 5px 5px 0px;
  transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s;
}

.fd-team-card:not(.fd-team-reset):hover .fd-team-profile-pic:hover {
  transform: scale(1.3);
  border-radius: 50%;
}

.fd-team-card:not(.fd-team-reset):hover .fd-team-profile-pic img {
  transform: scale(2.5);
  /* AQUI FOI ALTERADO: Agora usa a variável controlada pelo usuário */
  object-position: 0px var(--img-hover-y);
  transition: all 0.5s ease-in-out 0.5s;
}

.fd-team-card:not(.fd-team-reset):focus-within{border-top-left-radius:55px}
.fd-team-card:not(.fd-team-reset):focus-within .fd-team-bottom{top:20%;border-radius:80px 29px 29px 29px}
.fd-team-card:not(.fd-team-reset):focus-within .fd-team-hover-text{opacity:1}
.fd-team-status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--status-color,#8a909b)}
.fd-team-card[data-status=ONLINE]{--status-color:#22c55e}.fd-team-card[data-status=OCUPADO]{--status-color:#ef4444}.fd-team-card[data-status=AUSENTE]{--status-color:#eab308}
.fd-team-unavailable{color:#8792a0;font:12px/1.4 Inter,sans-serif;text-align:center;margin:8px}
.fd-app-dark .fd-team-heading{color:#d2d8e2}

/* Refinamento da faixa inferior e contatos, exclusivo dos cards da equipe. */
@supports selector(::-webkit-scrollbar){.fd-dashboard-team{scrollbar-width:auto;scrollbar-color:auto}}
html .fd-dashboard-team::-webkit-scrollbar{width:4px;height:4px;background:transparent}
.fd-dashboard-team::-webkit-scrollbar-track{background:transparent}
html .fd-dashboard-team::-webkit-scrollbar-thumb{background:#629ee9;border:0;border-radius:20px}
html .fd-dashboard-team::-webkit-scrollbar-button,html .fd-dashboard-team::-webkit-scrollbar-button:single-button{display:none!important;width:0!important;height:0!important;background:none!important}
.fd-team-heading{margin-left:15px;margin-right:15px}
.fd-team-card .fd-team-bottom{border-radius:24px;box-shadow:inset 0 1px 1px #ffffff20;transform:translateZ(0)}
.fd-team-card .fd-team-profile-pic{border-radius:29px;background:var(--bg)}
.fd-team-card .fd-team-bottom .fd-team-content{top:88px;bottom:52px;height:auto;opacity:0;transition:opacity .2s ease}
.fd-team-card:not(.fd-team-reset):is(:hover,:focus-within) .fd-team-content{opacity:1;transition-delay:.35s}
.fd-team-card .fd-team-bottom .fd-team-content .fd-team-name{font-size:22px;line-height:1.2;white-space:nowrap}
.fd-team-card .fd-team-bottom .fd-team-content .fd-team-about-me{font-size:12px;line-height:1.3}
.fd-team-card .fd-team-bottom .fd-team-bottom-bottom{left:12px;right:12px;bottom:10px;height:32px;gap:6px}
.fd-team-footer-name{flex:1;min-width:0;white-space:nowrap;text-align:center;color:var(--text);font:600 11px/1.2 'FD Team Montserrat',sans-serif}
.fd-team-role{display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box!important;width:112px;height:32px;padding:0;border-radius:20px;background:#fff;color:var(--primary);font:700 10px/1 'FD Team Montserrat',sans-serif;letter-spacing:.3px;box-shadow:0 5px 5px #a5848222;white-space:nowrap}
.fd-team-top-contacts{position:absolute;top:16px;right:16px;z-index:11;display:flex;align-items:center;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
.fd-team-card:not(.fd-team-reset):is(:hover,:focus-within) .fd-team-top-contacts{opacity:1;visibility:visible;pointer-events:auto}
.fd-team-top-contacts .fd-team-social-link{width:22px;height:22px;padding:0;border:0;background:none;color:var(--primary);cursor:pointer;transition:transform .3s ease}
.fd-team-top-contacts .fd-team-social-link svg{display:block;width:20px;height:20px;flex:none}
.fd-team-top-contacts .fd-team-social-link svg:not([stroke]){fill:currentColor}
.fd-team-top-contacts .fd-team-social-link:disabled{opacity:.3;cursor:default}
.fd-team-top-contacts .fd-team-social-link:not(:disabled):hover{transform:scale(1.15)}
.fd-team-top-contacts .fd-team-social-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}
.fd-team-hover-text{top:42px;right:16px;font-size:11px;line-height:14px}

.fd-team-card{background:linear-gradient(to bottom,var(--bg) 0 78%,var(--primary) 78% 100%)}


.fd-team-card:not(.fd-team-reset):is(:hover,:focus-within){background:var(--bg)}

/* Nome único sobe com a expansão; a descrição aproveita também o antigo rodapé. */
.fd-team-card{transition:border-top-left-radius .5s ease-in-out}
.fd-team-card .fd-team-bottom{top:80%;border-radius:29px;clip-path:none;transition:top .5s cubic-bezier(.645,.045,.355,1),border-radius .5s cubic-bezier(.645,.045,.355,1)}
.fd-team-card:not(.fd-team-reset):is(:hover,:focus-within) .fd-team-bottom{top:20%;border-radius:80px 29px 29px 29px;clip-path:none;transition:top .5s cubic-bezier(.645,.045,.355,1) .2s,border-radius .5s cubic-bezier(.645,.045,.355,1) .2s}
.fd-team-card .fd-team-bottom .fd-team-content{top:88px;bottom:12px;height:auto;opacity:1;transition:none}
.fd-team-card .fd-team-bottom .fd-team-content .fd-team-name{font-size:24px;line-height:1.2;transform:translateY(calc(14px - 88px));transition:transform .5s cubic-bezier(.645,.045,.355,1);will-change:transform}
.fd-team-card:not(.fd-team-reset):is(:hover,:focus-within) .fd-team-bottom .fd-team-content .fd-team-name{transform:translateY(0);transition-delay:.2s}
.fd-team-card .fd-team-bottom .fd-team-content .fd-team-about-me{font-size:14px;line-height:1.45;margin-top:8px;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .4s ease}
.fd-team-card:not(.fd-team-reset):is(:hover,:focus-within) .fd-team-bottom .fd-team-content .fd-team-about-me{opacity:1;transform:translateY(0);transition-delay:.35s}
.fd-team-card .fd-team-bottom .fd-team-bottom-bottom{justify-content:flex-end;opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .3s ease}
.fd-team-card:not(.fd-team-reset):is(:hover,:focus-within) .fd-team-bottom .fd-team-bottom-bottom{opacity:0;transform:translateY(8px);pointer-events:none}
.fd-team-card .fd-team-profile-pic{transition:width .5s ease-in-out .2s,height .5s ease-in-out .2s,top .5s ease-in-out .2s,left .5s ease-in-out .2s,border-radius .5s ease-in-out .2s,border-width .5s ease-in-out .2s,transform .5s ease-in-out .2s,box-shadow .5s ease-in-out .2s,z-index .5s ease-in-out .2s}
.fd-team-card:not(.fd-team-reset):hover .fd-team-profile-pic{transition:width .5s ease-in-out,height .5s ease-in-out,top .5s ease-in-out,left .5s ease-in-out,border-radius .5s ease-in-out,border-width .5s ease-in-out,transform .5s ease-in-out,box-shadow .5s ease-in-out,z-index .5s ease-in-out .1s}
.fd-team-card .fd-team-profile-pic img{transition:transform .5s ease-in-out,object-position .5s ease-in-out}
.fd-team-card:not(.fd-team-reset):hover .fd-team-profile-pic img{transition:transform .5s ease-in-out .5s,object-position .5s ease-in-out .5s}
@media(prefers-reduced-motion:reduce){.fd-team-card,.fd-team-card *{transition-duration:.01ms!important;transition-delay:0s!important}}

.fd-team-card{background:var(--bg)}


/* Contatos na área azul; presença permanece na faixa clara da referência. */
.fd-team-card .fd-team-bottom .fd-team-top-contacts{top:24px;right:24px;gap:24px}
.fd-team-card .fd-team-bottom .fd-team-top-contacts .fd-team-social-link{width:24px;height:24px;color:var(--text)}
.fd-team-card .fd-team-bottom .fd-team-top-contacts .fd-team-social-link svg{width:24px;height:24px;fill:currentColor;filter:none}
.fd-team-hover-text{top:24px;right:24px;font-size:14px;line-height:1}
.fd-team-role{font-size:11px}

/* Cabeçalho do card 3: mesma tipografia dos cards de atendimento. */
.fd-team-title{text-align:center;margin:10px 15px 10px;padding:0 0 10px;border-bottom:1px solid #629ee94d;color:#629ee9;font-family:'FD Glow Bebas Neue',sans-serif;font-size:36px;font-weight:400;line-height:1;letter-spacing:0}

/* Confinamento da rolagem e retorno imediato ao estado natural. */
.fd-team-frame{overflow:hidden}
.fd-dashboard-team{overscroll-behavior-y:contain;border-radius:inherit}
.fd-team-card.fd-team-reset,.fd-team-card.fd-team-reset *{transition:none!important}

/* Retratos fornecidos para o tema escuro; o tema claro mantém os originais. */
.fd-app-dark .fd-team-profile-pic img[src="/assets/dashboard/team/michelle.png"]{content:url("/assets/dashboard/team/michelle-escuro.png")}
.fd-app-dark .fd-team-profile-pic img[src="/assets/dashboard/team/wesley.png"]{content:url("/assets/dashboard/team/wesley-escuro.png")}
.fd-app-dark .fd-team-profile-pic img[src="/assets/dashboard/team/gustavo.png"]{content:url("/assets/dashboard/team/gustavo-escuro.png")}
.fd-app-dark .fd-team-profile-pic img[src="/assets/dashboard/team/felipe.png"]{content:url("/assets/dashboard/team/felipe-escuro.png")}
.fd-app-dark .fd-team-profile-pic img[src="/assets/dashboard/team/joao.png"]{content:url("/assets/dashboard/team/joao-escuro.png")}
.fd-app-dark .fd-team-profile-pic img[src="/assets/dashboard/team/jorge.png"]{content:url("/assets/dashboard/team/jorge-escuro.png")}