/* modules/U-design-system/design_system/ui/componentes.css */
.ds-botao,
.ds-entrada,
.ds-cartao,
.ds-selo {
  box-sizing: border-box;
  font-family: var(--ds-font-interface);
}
.ds-botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ds-space-2);
  min-height: var(--ds-target-min);
  padding: var(--ds-space-2) var(--ds-space-4);
  font: var(--ds-type-label);
  border: 1px solid var(--ds-line-strong);
  border-radius: var(--ds-radius-botao);
  background: var(--ds-surface);
  color: var(--ds-ink);
  box-shadow: var(--ds-shadow-botao);
  cursor: pointer;
  transition: transform var(--ds-dur-curto) var(--ds-ease), background-color var(--ds-dur-curto) var(--ds-ease);
}
.ds-botao:hover {
  transform: var(--ds-hover-lift);
}
.ds-botao:focus-visible {
  outline: 3px solid var(--ds-focus-ring);
  outline-offset: 2px;
}
.ds-botao:disabled,
.ds-botao[aria-disabled=true] {
  background: var(--ds-disabled);
  color: var(--ds-on-disabled);
  border-color: var(--ds-disabled);
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}
.ds-botao--primario {
  background: var(--ds-brand);
  color: var(--ds-on-brand);
  border-color: var(--ds-brand);
}
.ds-botao--secundario {
  background: var(--ds-surface);
  color: var(--ds-ink);
  border-color: var(--ds-line-strong);
}
.ds-botao--perigo {
  background: var(--ds-danger);
  color: var(--ds-on-danger);
  border-color: var(--ds-danger);
}
.ds-campo {
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-1);
}
.ds-campo__rotulo {
  font: var(--ds-type-label);
  color: var(--ds-ink);
}
.ds-campo__ajuda {
  font: var(--ds-type-caption);
  color: var(--ds-muted);
}
.ds-campo__erro {
  font: var(--ds-type-caption);
  color: var(--ds-danger);
}
.ds-entrada {
  width: 100%;
  min-height: var(--ds-target-min);
  padding: var(--ds-space-2) var(--ds-space-3);
  font: var(--ds-type-corpo);
  font-size: 16px;
  border: 1px solid var(--ds-line-strong);
  border-radius: var(--ds-radius-botao);
  background: var(--ds-surface);
  color: var(--ds-ink);
}
.ds-entrada::placeholder {
  color: var(--ds-muted);
}
.ds-entrada:focus-visible {
  outline: 3px solid var(--ds-focus-ring);
  outline-offset: 2px;
}
.ds-entrada[aria-invalid=true] {
  border-color: var(--ds-danger);
}
.ds-entrada:disabled {
  background: var(--ds-disabled);
  color: var(--ds-on-disabled);
  border-color: var(--ds-disabled);
}
.ds-cartao {
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-3);
  padding: var(--ds-space-5);
  border: 1px solid var(--ds-line-strong);
  border-radius: var(--ds-radius-cartao);
  background: var(--ds-surface);
  color: var(--ds-ink);
  box-shadow: var(--ds-shadow-cartao);
}
.ds-cartao--sem-borda {
  border-color: transparent;
}
.ds-cartao__titulo {
  margin: 0;
  font: var(--ds-type-label);
  color: var(--ds-ink);
}
.ds-cartao__corpo {
  font: var(--ds-type-corpo);
  color: var(--ds-ink);
}
.ds-selo {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-space-1);
  min-height: calc(var(--ds-space-5) + var(--ds-space-1));
  padding: 0 var(--ds-space-3);
  font: var(--ds-type-caption);
  border: 1px solid var(--ds-line-strong);
  border-radius: var(--ds-radius-pilula);
  background: var(--ds-surface);
  color: var(--ds-ink);
  white-space: nowrap;
}
.ds-selo--marca {
  background: var(--ds-brand-soft);
  color: var(--ds-brand);
  border-color: var(--ds-brand-soft);
}
.ds-selo--positivo {
  background: var(--ds-mint);
  color: var(--ds-on-accent);
  border-color: var(--ds-mint);
}
.ds-selo--aviso {
  background: var(--ds-warning);
  color: var(--ds-on-warning);
  border-color: var(--ds-warning);
}
.ds-selo--info {
  background: var(--ds-info);
  color: var(--ds-on-info);
  border-color: var(--ds-info);
}
.ds-selo--perigo {
  background: var(--ds-danger);
  color: var(--ds-on-danger);
  border-color: var(--ds-danger);
}

/* modules/U-design-system/design_system/ui/modal.css */
.ds-modal {
  position: fixed;
  margin: 0;
  padding: 0;
  inset: auto;
  box-sizing: border-box;
  overflow: hidden;
  min-width: var(--ds-modal-min-w);
  min-height: var(--ds-modal-min-h);
  max-width: calc(100vw - 2 * var(--ds-modal-margin));
  max-height: calc(100dvh - 2 * var(--ds-modal-margin));
  background: var(--ds-surface);
  color: var(--ds-ink);
  border: 1px solid var(--ds-line-strong);
  border-radius: var(--ds-modal-radius);
  box-shadow: var(--ds-modal-shadow);
  z-index: var(--ds-modal-z);
  font-family: var(--ds-font-interface);
  font: var(--ds-type-corpo);
}
.ds-modal[data-tamanho=sm] {
  width: var(--ds-modal-sm);
}
.ds-modal[data-tamanho=md] {
  width: var(--ds-modal-md);
}
.ds-modal[data-tamanho=lg] {
  width: var(--ds-modal-lg);
}
.ds-modal[data-tamanho=xl] {
  width: var(--ds-modal-xl);
}
.ds-modal:not([open]) {
  display: none;
}
.ds-modal[open] {
  display: flex;
  flex-direction: column;
  animation: ds-modal-entrada var(--ds-dur-curto) var(--ds-ease);
}
.ds-modal::backdrop {
  background: var(--ds-modal-backdrop);
}
.ds-modal:focus {
  outline: none;
}
@keyframes ds-modal-entrada {
  0% {
    opacity: 0;
    transform: translateY(var(--ds-space-2));
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.ds-modal__cabecalho {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  gap: var(--ds-space-3);
  min-height: var(--ds-target-min);
  padding: var(--ds-space-3) var(--ds-space-4);
  border-bottom: 1px solid var(--ds-line);
  background: var(--ds-surface);
  cursor: move;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}
.ds-modal__cabecalho:focus-visible {
  outline: 3px solid var(--ds-focus-ring);
  outline-offset: -3px;
}
.ds-modal__titulos {
  flex: 1 1 auto;
  min-width: 0;
}
.ds-modal__titulo {
  margin: 0;
  font: var(--ds-type-h2);
  color: var(--ds-ink);
  overflow-wrap: anywhere;
}
.ds-modal__subtitulo {
  margin: var(--ds-space-1) 0 0;
  font: var(--ds-type-caption);
  color: var(--ds-muted);
}
.ds-modal__fechar {
  flex: 0 0 auto;
  cursor: pointer;
}
.ds-modal__conteudo {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: var(--ds-space-4);
  container-type: inline-size;
  container-name: ds-modal-conteudo;
  overscroll-behavior: contain;
}
.ds-modal__colunas {
  display: block;
  min-width: 0;
}
.ds-modal--duas-colunas .ds-modal__colunas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--ds-space-4);
  align-items: start;
}
.ds-modal--duas-colunas .ds-modal__colunas[data-colunas="1"] {
  grid-template-columns: 1fr;
}
@container ds-modal-conteudo (max-width: 720px) {
  .ds-modal--duas-colunas .ds-modal__colunas {
    grid-template-columns: 1fr;
  }
}
.ds-modal__rodape {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--ds-space-2);
  padding: var(--ds-space-3) var(--ds-space-4);
  border-top: 1px solid var(--ds-line);
  background: var(--ds-paper);
}
.ds-modal__alca {
  position: absolute;
  z-index: 1;
  touch-action: none;
  background: transparent;
}
.ds-modal__alca:focus-visible {
  outline: 3px solid var(--ds-focus-ring);
  outline-offset: -3px;
  background: var(--ds-line);
}
.ds-modal__alca[data-alca=n] {
  top: 0;
  left: var(--ds-modal-handle);
  right: var(--ds-modal-handle);
  height: var(--ds-modal-handle);
  cursor: ns-resize;
}
.ds-modal__alca[data-alca=s] {
  bottom: 0;
  left: var(--ds-modal-handle);
  right: var(--ds-modal-handle);
  height: var(--ds-modal-handle);
  cursor: ns-resize;
}
.ds-modal__alca[data-alca=e] {
  right: 0;
  top: var(--ds-modal-handle);
  bottom: var(--ds-modal-handle);
  width: var(--ds-modal-handle);
  cursor: ew-resize;
}
.ds-modal__alca[data-alca=w] {
  left: 0;
  top: var(--ds-modal-handle);
  bottom: var(--ds-modal-handle);
  width: var(--ds-modal-handle);
  cursor: ew-resize;
}
.ds-modal__alca[data-alca=ne] {
  top: 0;
  right: 0;
  width: var(--ds-modal-handle);
  height: var(--ds-modal-handle);
  cursor: nesw-resize;
}
.ds-modal__alca[data-alca=sw] {
  bottom: 0;
  left: 0;
  width: var(--ds-modal-handle);
  height: var(--ds-modal-handle);
  cursor: nesw-resize;
}
.ds-modal__alca[data-alca=nw] {
  top: 0;
  left: 0;
  width: var(--ds-modal-handle);
  height: var(--ds-modal-handle);
  cursor: nwse-resize;
}
.ds-modal__alca[data-alca=se] {
  bottom: 0;
  right: 0;
  width: var(--ds-modal-handle);
  height: var(--ds-modal-handle);
  cursor: nwse-resize;
}
@media (prefers-reduced-motion: reduce) {
  .ds-modal,
  .ds-modal[open],
  .ds-modal::backdrop {
    animation: none;
    transition: none;
  }
}
@media (max-width: 600px) {
  .ds-modal,
  .ds-modal[data-tamanho] {
    inset: 0;
    width: 100vw;
    height: 100dvh;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
    border: 0;
    border-radius: 0;
  }
  .ds-modal__cabecalho {
    cursor: default;
  }
  .ds-modal__alca {
    display: none;
  }
}

/* modules/U-conversational-agent/talk_training_ui/presentation/agente/microphone-agent.module.css */
.microphone_agent_raiz {
  --ma-t: var(--ma-texto, CanvasText);
  --ma-f: var(--ma-fundo, Canvas);
  --ma-a: var(--ma-acento, var(--ma-t));
  --ma-ta: var(--ma-tinta-acento, var(--ma-f));
  --ma-superficie: color-mix(in srgb, var(--ma-t) 4%, var(--ma-f));
  --ma-cartao: color-mix(in srgb, var(--ma-t) 1.5%, var(--ma-f));
  --ma-linha: color-mix(in srgb, var(--ma-t) 16%, var(--ma-f));
  --ma-suave: color-mix(in srgb, var(--ma-t) 70%, var(--ma-f));
  --ma-lavado: color-mix(in srgb, var(--ma-a) 10%, var(--ma-f));
  --ma-ok: var(--ma-positivo, color-mix(in srgb, green 75%, var(--ma-t)));
  --ma-mal: var(--ma-perigo, color-mix(in srgb, red 70%, var(--ma-t)));
  --ma-meio: var(--ma-aviso, color-mix(in srgb, orange 55%, var(--ma-t)));
  --ma-m: var(--ma-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  container-type: inline-size;
  color: var(--ma-t);
  font-family: var(--ma-fonte, inherit);
  display: grid;
  gap: 16px;
  min-width: 0;
}
.microphone_agent_raiz *,
.microphone_agent_raiz *:before,
.microphone_agent_raiz *:after {
  box-sizing: border-box;
}
.microphone_agent_raiz button {
  font: inherit;
  color: inherit;
}
.microphone_agent_raiz :focus-visible {
  outline: 2px solid var(--ma-a);
  outline-offset: 2px;
}
.microphone_agent_abasModal {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid var(--ma-linha);
  padding-bottom: 8px;
}
.microphone_agent_abaModal {
  border: 1px solid var(--ma-linha);
  background: var(--ma-cartao);
  border-radius: 999px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 600;
  min-height: 40px;
}
.microphone_agent_abaModal[aria-selected=true] {
  background: var(--ma-t);
  color: var(--ma-f);
  border-color: var(--ma-t);
}
.microphone_agent_painelAba {
  min-width: 0;
}
.microphone_agent_faixa {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding: 10px 14px;
  border: 1px solid var(--ma-ok);
  border-radius: 12px;
  background: color-mix(in srgb, var(--ma-ok) 8%, var(--ma-f));
}
.microphone_agent_eyebrow {
  margin: 0;
  font-family: var(--ma-m);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ma-a);
}
.microphone_agent_tituloGrande {
  margin: 4px 0 0;
  font-size: clamp(30px, 6cqi, 64px);
  line-height: 1.02;
  letter-spacing: -.035em;
  font-weight: 800;
}
.microphone_agent_tituloMedio {
  margin: 4px 0 0;
  font-size: clamp(22px, 3.4cqi, 34px);
  letter-spacing: -.02em;
  font-weight: 800;
}
.microphone_agent_tituloPainel {
  margin: 2px 0 0;
  font-size: 22px;
  font-weight: 700;
}
.microphone_agent_subtitulo {
  margin: 8px 0 0;
  font-size: clamp(16px, 2cqi, 20px);
  color: var(--ma-suave);
}
.microphone_agent_suave {
  color: var(--ma-suave);
}
.microphone_agent_mono {
  font-family: var(--ma-m);
  font-size: 13px;
}
.microphone_agent_rotuloMono {
  font-family: var(--ma-m);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ma-suave);
}
.microphone_agent_vazio {
  list-style: none;
  padding: 16px;
  color: var(--ma-suave);
}
.microphone_agent_chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--ma-linha);
  background: var(--ma-cartao);
  font-family: var(--ma-m);
  font-size: 12px;
  white-space: nowrap;
}
.microphone_agent_chip[data-captura=sim]:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ma-mal);
}
.microphone_agent_chip[data-captura=nao]:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ma-suave);
}
.microphone_agent_chip[data-faixa=ok] {
  border-color: var(--ma-ok);
}
.microphone_agent_chip[data-faixa=parcial] {
  border-color: var(--ma-meio);
}
.microphone_agent_chip[data-faixa=falhou] {
  border-color: var(--ma-mal);
}
.microphone_agent_botaoPrimario,
.microphone_agent_botaoSecundario,
.microphone_agent_pilula {
  cursor: pointer;
  min-height: 40px;
  border-radius: 10px;
  padding: 8px 16px;
  font-weight: 600;
}
.microphone_agent_botaoPrimario {
  background: var(--ma-a);
  color: var(--ma-ta) !important;
  border: 1px solid var(--ma-a);
}
.microphone_agent_botaoPrimario:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.microphone_agent_botaoSecundario {
  background: var(--ma-cartao);
  border: 1px solid var(--ma-linha);
}
.microphone_agent_botaoSecundario:hover,
.microphone_agent_pilula:hover {
  border-color: var(--ma-t);
}
.microphone_agent_pilula {
  border: 1px solid var(--ma-linha);
  background: var(--ma-cartao);
  border-radius: 999px;
}
.microphone_agent_pilula[aria-selected=true] {
  background: var(--ma-t);
  color: var(--ma-f);
  border-color: var(--ma-t);
}
.microphone_agent_escolha {
  padding: clamp(16px, 4cqi, 56px) clamp(8px, 3cqi, 48px);
  display: grid;
  gap: 4px;
}
.microphone_agent_cartoesEscolha {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 20px;
  margin-top: 28px;
}
.microphone_agent_cartaoEscolha {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  text-align: left;
  min-height: 340px;
  padding: 28px;
  border-radius: 6px;
  border: 1px solid var(--ma-linha);
  background: var(--ma-superficie);
  cursor: pointer;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}
.microphone_agent_cartaoEscolha:hover {
  border-color: var(--ma-a);
  transform: translateY(-3px);
  box-shadow: 0 18px 40px -24px color-mix(in srgb, var(--ma-a) 60%, transparent);
}
.microphone_agent_numero {
  font-family: var(--ma-m);
  font-size: 14px;
  letter-spacing: .2em;
  color: var(--ma-suave);
}
.microphone_agent_iconeCartao {
  position: absolute;
  top: 24px;
  right: 28px;
  width: 104px;
  height: auto;
}
.microphone_agent_iconeFundo {
  fill: var(--ma-t);
}
.microphone_agent_iconeTraco {
  stroke: var(--ma-f);
  stroke-width: 2.5;
  stroke-linecap: round;
}
.microphone_agent_iconeAcento {
  fill: var(--ma-a);
}
.microphone_agent_cartaoRodape {
  display: grid;
  gap: 8px;
  align-self: end;
}
.microphone_agent_cartaoNome {
  font-size: clamp(28px, 4cqi, 44px);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.05;
}
.microphone_agent_cartaoTexto {
  font-size: 17px;
  color: var(--ma-suave);
  max-width: 46ch;
}
.microphone_agent_cartaoEscolha .microphone_agent_eyebrow {
  color: var(--ma-suave);
}
.microphone_agent_palco {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  background: var(--ma-superficie);
  border-radius: 16px;
  padding: 16px;
}
@container (min-width: 960px) {
  .microphone_agent_palco {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr) minmax(0, 1fr);
    padding: 28px;
    gap: 28px;
  }
}
.microphone_agent_painel {
  background: var(--ma-cartao);
  border: 1px solid var(--ma-linha);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 420px;
  min-width: 0;
}
.microphone_agent_cabecalhoMono {
  margin: 0 0 4px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--ma-linha);
  font-family: var(--ma-m);
  font-size: 18px;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.microphone_agent_citacao {
  margin: 0;
  font-family: var(--ma-m);
  font-style: italic;
  font-size: 14px;
  line-height: 1.7;
  color: var(--ma-suave);
}
.microphone_agent_linhaEstado {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  font-family: var(--ma-m);
  font-size: 15px;
}
.microphone_agent_linhaEstado .microphone_agent_rotuloMono {
  color: var(--ma-a);
}
.microphone_agent_cursor {
  width: 9px;
  height: 18px;
  background: var(--ma-a);
  animation: microphone_agent_piscar 1s steps(1) infinite;
}
.microphone_agent_metricas {
  display: flex;
  gap: 20px;
  margin: auto 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--ma-linha);
}
.microphone_agent_metricas div {
  display: grid;
}
.microphone_agent_metricas dt {
  font-family: var(--ma-m);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ma-suave);
}
.microphone_agent_metricas dd {
  margin: 0;
  font-weight: 700;
}
.microphone_agent_centro {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 18px;
  text-align: center;
  padding: 8px;
}
.microphone_agent_marca {
  min-height: 40px;
  display: grid;
  place-items: center;
}
.microphone_agent_nomeAgente {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.microphone_agent_frase {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.microphone_agent_aviso {
  margin: 0;
  max-width: 40ch;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ma-suave);
}
.microphone_agent_acoesCentro {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.microphone_agent_apresentacao {
  display: grid;
  gap: 10px;
  text-align: left;
  padding: 22px;
  border: 1px solid var(--ma-linha);
  border-radius: 16px;
  background: var(--ma-cartao);
  max-width: 420px;
}
.microphone_agent_apresentacaoTitulo {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
.microphone_agent_passos {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 6px;
  color: var(--ma-suave);
}
.microphone_agent_entradaSimulada {
  display: grid;
  gap: 6px;
  width: min(100%, 380px);
  text-align: left;
}
.microphone_agent_entradaSimulada > div {
  display: flex;
  gap: 8px;
}
.microphone_agent_entradaSimulada input,
.microphone_agent_formulario input,
.microphone_agent_formulario textarea {
  flex: 1;
  min-width: 0;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid var(--ma-linha);
  background: var(--ma-f);
  color: var(--ma-t);
  font: inherit;
}
.microphone_agent_cabecalhoTranscricao {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--ma-linha);
}
.microphone_agent_bolhas {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
  overflow-y: auto;
  max-height: 520px;
}
.microphone_agent_bolha {
  padding: 16px 18px;
  border: 1px solid var(--ma-linha);
  border-radius: 16px;
  background: var(--ma-f);
  max-width: 92%;
}
.microphone_agent_bolha p {
  margin: 0 0 8px;
  line-height: 1.55;
}
.microphone_agent_bolha[data-papel=pessoa] {
  justify-self: end;
  background: var(--ma-lavado);
  border-color: color-mix(in srgb, var(--ma-a) 35%, var(--ma-f));
}
.microphone_agent_autor {
  font-family: var(--ma-m);
  font-size: 12px;
  font-weight: 700;
}
.microphone_agent_disco {
  border: 0;
  padding: 0;
  background: none;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  flex: none;
}
.microphone_agent_disco:disabled {
  cursor: default;
}
.microphone_agent_disco svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
.microphone_agent_fundoDisco {
  fill: var(--ma-a);
  stroke: color-mix(in srgb, var(--ma-t) 85%, var(--ma-f));
  stroke-width: .6;
}
.microphone_agent_disco[data-tom=perigo] .microphone_agent_fundoDisco {
  fill: var(--ma-mal);
}
.microphone_agent_disco[data-tom=apagado] .microphone_agent_fundoDisco {
  fill: var(--ma-superficie);
  stroke: var(--ma-linha);
  stroke-width: 1.2;
}
.microphone_agent_traco {
  stroke: var(--ma-ta);
  stroke-width: 5;
  stroke-linecap: round;
  fill: none;
}
.microphone_agent_preenchido {
  fill: var(--ma-ta);
  stroke: none;
}
.microphone_agent_disco[data-tom=apagado] .microphone_agent_traco {
  stroke: var(--ma-suave);
}
.microphone_agent_disco[data-tom=apagado] .microphone_agent_preenchido {
  fill: var(--ma-suave);
}
.microphone_agent_disco[data-tom=perigo] .microphone_agent_traco {
  stroke: var(--ma-f);
}
.microphone_agent_disco[data-tom=perigo] .microphone_agent_preenchido {
  fill: var(--ma-f);
}
.microphone_agent_disco[data-fase=espera] .microphone_agent_fundoDisco {
  animation: microphone_agent_respirar 2.8s ease-in-out infinite;
  transform-origin: 50% 50%;
}
.microphone_agent_anelGirando {
  stroke: var(--ma-ta);
  stroke-width: 3;
  stroke-dasharray: 60 220;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  animation: microphone_agent_girar 1.2s linear infinite;
}
.microphone_agent_onda {
  stroke: var(--ma-ta);
  stroke-width: 2;
  opacity: 0;
  transform-origin: 50% 50%;
  animation: microphone_agent_onda 1.6s ease-out infinite;
}
.microphone_agent_ondaAtrasada {
  animation-delay: .8s;
}
.microphone_agent_barra {
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: microphone_agent_barra .9s ease-in-out infinite;
}
.microphone_agent_ponto {
  animation: microphone_agent_ponto 1s ease-in-out infinite;
}
@keyframes microphone_agent_girar {
  to {
    transform: rotate(360deg);
  }
}
@keyframes microphone_agent_respirar {
  50% {
    transform: scale(.97);
  }
}
@keyframes microphone_agent_onda {
  0% {
    opacity: .9;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(calc(1.4 + var(--ma-energia, .4) * .5));
  }
}
@keyframes microphone_agent_barra {
  0%, to {
    transform: scaleY(.35);
  }
  50% {
    transform: scaleY(calc(.6 + var(--ma-energia, .4) * .4));
  }
}
@keyframes microphone_agent_ponto {
  0%, to {
    opacity: .35;
  }
  50% {
    opacity: 1;
  }
}
@keyframes microphone_agent_piscar {
  50% {
    opacity: 0;
  }
}
.microphone_agent_treino {
  display: grid;
  gap: 20px;
}
.microphone_agent_treinoTopo {
  display: grid;
  gap: 16px;
  align-items: end;
}
@container (min-width: 900px) {
  .microphone_agent_treinoTopo {
    grid-template-columns: 1.4fr 1fr;
  }
}
.microphone_agent_explicacao {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--ma-suave);
}
.microphone_agent_kpis {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  border: 1px solid var(--ma-linha);
  border-radius: 12px;
  overflow: hidden;
}
.microphone_agent_kpis div {
  padding: 14px 16px;
  border-right: 1px solid var(--ma-linha);
  display: flex;
  flex-direction: column-reverse;
  gap: 2px;
  background: var(--ma-cartao);
}
.microphone_agent_kpis dd {
  margin: 0;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.microphone_agent_kpis dt {
  font-family: var(--ma-m);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ma-suave);
}
.microphone_agent_kpis [data-tom=ok] dd {
  color: var(--ma-ok);
}
.microphone_agent_kpis [data-tom=parcial] dd {
  color: var(--ma-meio);
}
.microphone_agent_kpis [data-tom=falhou] dd {
  color: var(--ma-mal);
}
.microphone_agent_abasTreino {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.microphone_agent_marcacoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid var(--ma-linha);
  border-radius: 12px;
  background: var(--ma-cartao);
}
.microphone_agent_listaConversas {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.microphone_agent_linhaConversa {
  border: 1px solid var(--ma-linha);
  border-radius: 12px;
  background: var(--ma-cartao);
}
.microphone_agent_linhaConversa[data-aberta=sim] {
  border-color: var(--ma-t);
}
.microphone_agent_resumoConversa {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px 20px;
  align-items: center;
  padding: 16px 20px;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
.microphone_agent_celula,
.microphone_agent_celulaLarga {
  display: grid;
  gap: 2px;
  min-width: 0;
}
@container (min-width: 900px) {
  .microphone_agent_celulaLarga {
    grid-column: span 2;
  }
}
.microphone_agent_contador {
  font-family: var(--ma-m);
  font-weight: 700;
  color: var(--ma-a);
}
.microphone_agent_progresso {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
}
.microphone_agent_barraProgresso {
  height: 6px;
  border-radius: 999px;
  background: var(--ma-linha);
  position: relative;
  overflow: hidden;
}
.microphone_agent_barraProgresso:after {
  content: "";
  position: absolute;
  inset: 0;
  width: calc(var(--ma-fracao, 0) * 100%);
  background: var(--ma-ok);
  border-radius: inherit;
}
.microphone_agent_pares {
  list-style: none;
  margin: 0;
  padding: 0 20px 18px;
  display: grid;
  gap: 10px;
}
.microphone_agent_par {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--ma-superficie);
}
.microphone_agent_par p {
  margin: 0;
  line-height: 1.5;
}
.microphone_agent_termos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px;
}
.microphone_agent_termos li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid var(--ma-linha);
  border-radius: 10px;
  background: var(--ma-cartao);
}
.microphone_agent_camadaBloqueada {
  padding: 24px;
  border: 1px dashed var(--ma-linha);
  border-radius: 12px;
  display: grid;
  gap: 6px;
}
.microphone_agent_camadaBloqueada p {
  margin: 0;
}
.microphone_agent_formulario {
  display: grid;
  gap: 14px;
  max-width: 760px;
}
.microphone_agent_formulario label {
  display: grid;
  gap: 6px;
  font-weight: 600;
}
.microphone_agent_formulario fieldset {
  border: 1px solid var(--ma-linha);
  border-radius: 12px;
  padding: 12px 16px;
  display: grid;
  gap: 8px;
}
.microphone_agent_formulario legend {
  font-weight: 600;
  padding: 0 6px;
}
.microphone_agent_formulario .microphone_agent_opcao {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-weight: 400;
}
.microphone_agent_temaLido {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.microphone_agent_amostra {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--ma-amostra);
  border: 1px solid var(--ma-linha);
}
.microphone_agent_acoesFormulario {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.microphone_agent_estados {
  display: grid;
  gap: 20px;
}
.microphone_agent_estados header p {
  margin: 4px 0 0;
}
.microphone_agent_explorador {
  display: grid;
  gap: 24px;
  align-items: center;
  justify-items: center;
  padding: 24px;
  border: 1px solid var(--ma-linha);
  border-radius: 16px;
  background: var(--ma-superficie);
}
@container (min-width: 760px) {
  .microphone_agent_explorador {
    grid-template-columns: auto 1fr;
    justify-items: start;
  }
}
.microphone_agent_exploradorTexto {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.microphone_agent_exploradorTexto p {
  margin: 0;
}
.microphone_agent_estadoAtual {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.microphone_agent_recusa {
  color: var(--ma-mal);
  font-family: var(--ma-m);
  font-size: 13px;
}
.microphone_agent_eventos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.microphone_agent_eventos .microphone_agent_pilula {
  font-family: var(--ma-m);
  font-size: 12px;
  min-height: 36px;
}
.microphone_agent_controlesExplorador {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}
.microphone_agent_controlesExplorador label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.microphone_agent_energia input {
  width: 160px;
}
.microphone_agent_gradeEstados {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 12px;
}
.microphone_agent_cartaoEstado {
  display: grid;
  justify-items: start;
  gap: 6px;
  padding: 16px;
  border: 1px solid var(--ma-linha);
  border-radius: 12px;
  background: var(--ma-cartao);
}
.microphone_agent_cartaoEstado[data-atual=sim] {
  border-color: var(--ma-a);
  box-shadow: 0 0 0 1px var(--ma-a);
}
.microphone_agent_cartaoEstado .microphone_agent_suave {
  font-size: 13px;
  line-height: 1.45;
}
@media (prefers-reduced-motion: reduce) {
  .microphone_agent_raiz *,
  .microphone_agent_raiz *:before,
  .microphone_agent_raiz *:after {
    animation: none !important;
    transition: none !important;
  }
}

/* modules/global_modules/ui/design/SyntheticGraph.module.css */
.SyntheticGraph_scene {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--ds-paper, Canvas);
}
.SyntheticGraph_graph {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: clip;
  mask-image:
    linear-gradient(
      180deg,
      transparent,
      #000 18%,
      #000 82%,
      transparent);
}
.SyntheticGraph_art {
  position: absolute;
  top: 50%;
  left: 60%;
  width: max(130%, 113vh);
  aspect-ratio: 700 / 620;
  transform: translate(-50%, -50%);
  opacity: .24;
  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 18%,
      #000 100%);
}
.SyntheticGraph_art > svg {
  display: block;
  width: 100%;
  height: 100%;
}
:root[data-theme=light] .SyntheticGraph_art [data-network-node] {
  fill: #5c5f64;
}
:root[data-theme=light] .SyntheticGraph_art [data-network-mesh] {
  stroke: #8f897d;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme=dark]) .SyntheticGraph_art [data-network-node] {
    fill: #5c5f64;
  }
  :root:not([data-theme=dark]) .SyntheticGraph_art [data-network-mesh] {
    stroke: #8f897d;
  }
}
@media (max-width: 760px) {
  .SyntheticGraph_graph {
    mask-image:
      linear-gradient(
        180deg,
        transparent,
        #000 12%,
        #000 68%,
        transparent);
  }
  .SyntheticGraph_art {
    left: 50%;
    width: max(165%, 85vh);
  }
}

/* modules/global_modules/ui/design/EscolhaSynthetic.module.css */
.EscolhaSynthetic_shell {
  --hub-fundo: #f4efe6;
  --hub-ink: #14161a;
  --hub-ink-soft: rgba(20, 22, 26, .8);
  --hub-ink-muted: rgba(20, 22, 26, .68);
  --hub-ink-dim: rgba(20, 22, 26, .6);
  --hub-painel: rgba(20, 22, 26, .035);
  --hub-linha: rgba(20, 22, 26, .16);
  --hub-acento: #a9541f;
  --hub-acento-lavagem: rgba(169, 84, 31, .08);
  --hub-acento-sombra: rgba(169, 84, 31, .32);
  --hub-acento-fantasma: rgba(169, 84, 31, .3);
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(28px, 5vh, 62px) clamp(16px, 4vw, 46px) clamp(32px, 5vh, 56px);
  color: var(--hub-ink);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .EscolhaSynthetic_shell {
    --hub-ink: #f3efe8;
    --hub-ink-soft: rgba(243, 239, 232, .78);
    --hub-ink-muted: rgba(243, 239, 232, .66);
    --hub-ink-dim: rgba(243, 239, 232, .58);
    --hub-painel: rgba(243, 239, 232, .05);
    --hub-linha: rgba(243, 239, 232, .14);
    --hub-acento: #e08a4c;
    --hub-acento-lavagem: rgba(224, 138, 76, .12);
    --hub-acento-sombra: rgba(224, 138, 76, .6);
    --hub-acento-fantasma: rgba(224, 138, 76, .32);
  }
}
:root[data-theme=dark] .EscolhaSynthetic_shell {
  --hub-ink: #f3efe8;
  --hub-ink-soft: rgba(243, 239, 232, .78);
  --hub-ink-muted: rgba(243, 239, 232, .66);
  --hub-ink-dim: rgba(243, 239, 232, .58);
  --hub-painel: rgba(243, 239, 232, .05);
  --hub-linha: rgba(243, 239, 232, .14);
  --hub-acento: #e08a4c;
  --hub-acento-lavagem: rgba(224, 138, 76, .12);
  --hub-acento-sombra: rgba(224, 138, 76, .6);
  --hub-acento-fantasma: rgba(224, 138, 76, .32);
}
.EscolhaSynthetic_intro {
  max-width: 900px;
  animation: EscolhaSynthetic_entrada .8s cubic-bezier(.2, .8, .2, 1) both;
}
.EscolhaSynthetic_kicker {
  margin: 0 0 10px;
  color: var(--hub-acento);
  font-family: var(--font-mono), monospace;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.EscolhaSynthetic_titulo {
  max-width: 17ch;
  margin: 0 0 16px;
  font-family:
    var(--font-logo),
    system-ui,
    sans-serif;
  font-size: clamp(32px, 5.4vw, 62px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.042em;
  text-wrap: balance;
}
.EscolhaSynthetic_lede {
  max-width: 60ch;
  margin: 0;
  color: var(--hub-ink-soft);
  font-size: clamp(1rem, 1.7vw, 1.3rem);
}
.EscolhaSynthetic_opcoes {
  margin-top: clamp(28px, 5vh, 52px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.EscolhaSynthetic_cartao {
  position: relative;
  overflow: hidden;
  min-width: 0;
  height: min(38vh, 380px);
  min-height: 280px;
  padding: clamp(20px, 2.7vh, 30px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(18px, 3vh, 32px);
  color: var(--hub-ink);
  background: var(--hub-painel);
  border: 1px solid var(--hub-linha);
  border-radius: 4px;
  text-decoration: none;
  transition:
    transform .42s cubic-bezier(.2, .8, .2, 1),
    border-color .42s,
    background .42s,
    box-shadow .42s;
  animation: EscolhaSynthetic_entrada .8s cubic-bezier(.2, .8, .2, 1) .18s backwards;
}
.EscolhaSynthetic_cartao:nth-child(2) {
  animation-delay: .26s;
}
.EscolhaSynthetic_cartao:nth-child(3) {
  animation-delay: .34s;
}
.EscolhaSynthetic_cartao:nth-child(4) {
  animation-delay: .42s;
}
.EscolhaSynthetic_cartao:nth-child(5) {
  animation-delay: .5s;
}
.EscolhaSynthetic_opcoes[data-items="3"],
.EscolhaSynthetic_opcoes[data-items="5"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.EscolhaSynthetic_cartao:hover {
  transform: translateY(-16px);
  border-color: var(--hub-acento);
  background: var(--hub-acento-lavagem);
  box-shadow: 0 28px 64px -30px var(--hub-acento-sombra);
}
.EscolhaSynthetic_cartaoIndisponivel {
  cursor: default;
}
.EscolhaSynthetic_cartaoIndisponivel:hover {
  transform: translateY(-10px);
  box-shadow: 0 22px 54px -34px var(--hub-acento-sombra);
}
.EscolhaSynthetic_cartaoIndisponivel:hover .EscolhaSynthetic_arte {
  transform: scale(1.1) rotate(-2deg);
}
.EscolhaSynthetic_estagio {
  margin-left: 10px;
  padding: 2px 6px;
  font-size: .64rem;
  font-weight: 800;
  text-transform: uppercase;
  border: 1px solid var(--hub-acento-fantasma);
  border-radius: 3px;
  color: var(--hub-acento);
  font-style: normal;
  letter-spacing: .08em;
}
.EscolhaSynthetic_cartao:focus-visible {
  outline: 2px solid var(--hub-acento);
  outline-offset: 3px;
}
.EscolhaSynthetic_topo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.EscolhaSynthetic_numero {
  color: var(--hub-ink-dim);
  font-size: .72rem;
  letter-spacing: .2em;
}
.EscolhaSynthetic_arte {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 62px;
  min-width: 0;
  flex: 0 0 auto;
  transition: transform .42s cubic-bezier(.2, .8, .2, 1);
}
.EscolhaSynthetic_arte > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.EscolhaSynthetic_arteEscura {
  display: none !important;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .EscolhaSynthetic_arteClara {
    display: none !important;
  }
  :root:not([data-theme=light]) .EscolhaSynthetic_arteEscura {
    display: block !important;
  }
}
:root[data-theme=dark] .EscolhaSynthetic_arteClara {
  display: none !important;
}
:root[data-theme=dark] .EscolhaSynthetic_arteEscura {
  display: block !important;
}
.EscolhaSynthetic_copy {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
}
.EscolhaSynthetic_indice {
  color: var(--hub-ink-muted);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.EscolhaSynthetic_copy strong {
  font-family:
    var(--font-logo),
    system-ui,
    sans-serif;
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.025em;
}
.EscolhaSynthetic_copy > span:last-child {
  max-width: 46ch;
  color: var(--hub-ink-soft);
  font-size: .9rem;
  line-height: 1.55;
}
@keyframes EscolhaSynthetic_entrada {
  0% {
    opacity: 0;
    transform: translateY(26px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 760px) {
  .EscolhaSynthetic_opcoes,
  .EscolhaSynthetic_opcoes[data-items="3"],
  .EscolhaSynthetic_opcoes[data-items="5"] {
    grid-template-columns: 1fr;
  }
  .EscolhaSynthetic_cartao {
    height: auto;
    min-height: 260px;
  }
}
@media (max-width: 500px) {
  .EscolhaSynthetic_titulo {
    font-size: 2.7rem;
  }
  .EscolhaSynthetic_cartao {
    padding: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .EscolhaSynthetic_intro,
  .EscolhaSynthetic_cartao {
    animation: none !important;
  }
  .EscolhaSynthetic_cartao {
    transition: none !important;
  }
}

/* modules/global_modules/ui/CatalogUi.module.css */
.CatalogUi_scope {
  --catalog-action: #6113fc;
}
.CatalogUi_scope :is(button, a[data-testid=abrir-area], a[data-catalog-action], a[class*=botao]) {
  border-color: #6113fc !important;
  background-color: #6113fc !important;
  color: #fff !important;
}
.CatalogUi_scope :is(a[data-testid=abrir-area], a[data-catalog-action], a[class*=botao]),
.CatalogUi_action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid #6113fc !important;
  border-radius: 8px;
  background: #6113fc !important;
  color: #fff !important;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.CatalogUi_scope :is(button, a[data-catalog-action]):hover,
.CatalogUi_action:hover {
  filter: brightness(.92);
}
.CatalogUi_scope :is(button, a[data-catalog-action]):focus-visible,
.CatalogUi_action:focus-visible {
  outline: 2px solid #6113fc;
  outline-offset: 3px;
}
.CatalogUi_scope button[aria-selected=true] {
  box-shadow: 0 0 0 2px var(--ds-bg, Canvas), 0 0 0 4px #6113fc;
}
.CatalogUi_scope button[role=tab] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.CatalogUi_tabIcon {
  display: block;
  flex: 0 0 20px;
  overflow: visible;
}
.CatalogUi_blocosIcone rect {
  fill: currentColor;
  animation: CatalogUi_iconeBlocos 2s ease-in-out infinite;
}
.CatalogUi_blocosIcone rect:nth-child(2) {
  animation-delay: -.5s;
}
.CatalogUi_blocosIcone rect:nth-child(3) {
  animation-delay: -1s;
}
.CatalogUi_blocosIcone rect:nth-child(4) {
  animation-delay: -1.5s;
}
.CatalogUi_ondasIcone {
  transform-origin: 12px 12px;
  animation: CatalogUi_iconeOndas 1.1s ease-in-out infinite;
}
.CatalogUi_ajustesIcone circle {
  animation: CatalogUi_iconeAjustes 1.8s ease-in-out infinite alternate;
}
.CatalogUi_ajustesIcone circle:nth-child(2) {
  animation-direction: alternate-reverse;
}
.CatalogUi_ajustesIcone circle:nth-child(3) {
  animation-delay: -.9s;
}
.CatalogUi_barrasIcone path {
  transform-box: fill-box;
  transform-origin: center;
  animation: CatalogUi_iconeBarras .9s ease-in-out infinite alternate;
}
.CatalogUi_barrasIcone path:nth-child(2n) {
  animation-delay: -.45s;
}
.CatalogUi_barrasIcone path:nth-child(3) {
  animation-delay: -.2s;
}
.CatalogUi_barrasIcone path:nth-child(5) {
  animation-delay: -.65s;
}
@keyframes CatalogUi_iconeBlocos {
  0%, 65%, to {
    fill-opacity: .05;
  }
  25%, 40% {
    fill-opacity: 1;
  }
}
@keyframes CatalogUi_iconeOndas {
  0%, to {
    opacity: .2;
    transform: scaleX(.65);
  }
  50% {
    opacity: 1;
    transform: scaleX(1.12);
  }
}
@keyframes CatalogUi_iconeAjustes {
  0% {
    transform: translate(-3px);
  }
  to {
    transform: translate(3px);
  }
}
@keyframes CatalogUi_iconeBarras {
  0% {
    transform: scaleY(.25);
  }
  to {
    transform: scaleY(1.12);
  }
}
@media (prefers-reduced-motion: reduce) {
  .CatalogUi_tabIcon * {
    animation: none !important;
  }
}
.CatalogUi_scope button:disabled,
.CatalogUi_action:disabled {
  cursor: not-allowed;
  opacity: .6;
}
.CatalogUi_scope button:not([aria-label=Fechar]):not(:has(svg, img)):before,
.CatalogUi_scope a[class*=botao]:not(:has(svg, img)):before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}
.CatalogUi_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.CatalogUi_source {
  overflow-wrap: anywhere;
  flex: 1 1 260px;
}
.CatalogUi_details {
  display: grid;
  gap: 16px;
}
.CatalogUi_details dl {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 3fr);
  gap: 12px 20px;
  margin: 0;
}
.CatalogUi_details dt {
  font-weight: 700;
}
.CatalogUi_details dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.CatalogUi_details p {
  margin: 0;
  line-height: 1.6;
}
@media (max-width: 500px) {
  .CatalogUi_details dl {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* modules/U-design-system/design_system/design/tokens.css */
:root,
:root[data-theme=light] {
  color-scheme: light;
  --ds-paper: #fbf9f4;
  --ds-surface: #ffffff;
  --ds-ink: #0d0f22;
  --ds-muted: #4a4f63;
  --ds-line: #d9dbe6;
  --ds-brand: #6113fc;
  --ds-brand-soft: #efe9ff;
  --ds-blue: #0e5df6;
  --ds-violet: #9c08fe;
  --ds-on-brand: #ffffff;
  --ds-sun: #ffc94a;
  --ds-mint: #8ee3b0;
  --ds-coral: #ff8a73;
  --ds-sky: #7fd3ff;
  --ds-lilac: #cdb8ff;
  --ds-on-accent: #0d0f22;
  --ds-positive: #0f7a43;
  --ds-danger: #c2291d;
  --ds-tab-area: #fdfcf9;
  --ds-tab-border: #cfe1e7;
  --ds-line-strong: #767b8f;
  --ds-warning: #f5b400;
  --ds-on-warning: #0d0f22;
  --ds-info: #0e5df6;
  --ds-on-info: #ffffff;
  --ds-focus-ring: #6113fc;
  --ds-disabled: #e9eaf0;
  --ds-on-disabled: #5c6075;
  --ds-overlay: rgba(13, 15, 34, .56);
  --ds-hero: #07172e;
  --ds-on-hero: #f8f9fe;
  --ds-on-danger: #ffffff;
  --ds-voice: #d2521e;
  --ds-on-voice: #fbf9f4;
  --ds-font-marca:
    Montserrat,
    system-ui,
    sans-serif;
  --ds-font-interface:
    Inter,
    system-ui,
    sans-serif;
  --ds-font-mono:
    "IBM Plex Mono",
    ui-monospace,
    monospace;
  --ds-font-manuscrita:
    Caveat,
    "Patrick Hand",
    cursive;
  --ds-type-titulo-entrada: 700 clamp(40px, 7vw, 100px)/1.02;
  --ds-type-h1: 600 clamp(36px, 5vw, 64px)/1.06;
  --ds-type-h2: 600 clamp(28px, 3.4vw, 40px)/1.15;
  --ds-type-corpo: 400 18px/28px;
  --ds-type-sidebar: 700 16px/24px;
  --ds-type-label: 600 14px/20px;
  --ds-type-caption: 500 14px/18px;
  --ds-type-legenda: 500 18px/26px;
  --ds-type-legenda-celular: 500 16px/24px;
  --ds-type-assinatura: 400 12px/1.4;
  --ds-radius-botao: 12px;
  --ds-radius-cartao: 16px;
  --ds-radius-palco: 24px;
  --ds-radius-pilula: 999px;
  --ds-shadow-botao: 0 2px 0 rgba(13,15,34,.08);
  --ds-shadow-cartao: 0 8px 24px rgba(13,15,34,.06);
  --ds-target-min: 40px;
  --ds-hover-lift: translateY(-1px);
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 48px;
  --ds-space-8: 64px;
  --ds-bp-sm: 640px;
  --ds-bp-md: 768px;
  --ds-bp-lg: 1024px;
  --ds-bp-xl: 1280px;
  --ds-z-base: 0;
  --ds-z-dropdown: 100;
  --ds-z-sticky: 200;
  --ds-z-overlay: 300;
  --ds-z-modal: 400;
  --ds-z-toast: 500;
  --ds-modal-radius: 16px;
  --ds-modal-shadow: 0 8px 24px rgba(13,15,34,.06);
  --ds-modal-backdrop: rgba(13, 15, 34, .56);
  --ds-modal-z: 400;
  --ds-modal-sm: 480px;
  --ds-modal-md: 720px;
  --ds-modal-lg: 960px;
  --ds-modal-xl: min(1200px, calc(100vw - 48px) );
  --ds-modal-min-w: 360px;
  --ds-modal-min-h: 240px;
  --ds-modal-margin: 16px;
  --ds-modal-margin-xl: 48px;
  --ds-modal-mobile: 600px;
  --ds-modal-step: 16px;
  --ds-modal-step-shift: 64px;
  --ds-modal-handle: 8px;
  --ds-dur-curto: .22s;
  --ds-dur-medio: .45s;
  --ds-dur-longo: .75s;
  --ds-ease: cubic-bezier(.25,1,.5,1);
}
:root[data-theme=dark] {
  color-scheme: dark;
  --ds-paper: #050823;
  --ds-surface: #0d1233;
  --ds-ink: #f8f9fe;
  --ds-muted: #b4b9d0;
  --ds-line: #2a3160;
  --ds-brand: #a98bff;
  --ds-brand-soft: #1c1650;
  --ds-blue: #6fa2ff;
  --ds-violet: #d29bff;
  --ds-on-brand: #050823;
  --ds-sun: #ffc94a;
  --ds-mint: #8ee3b0;
  --ds-coral: #ff8a73;
  --ds-sky: #01e2fe;
  --ds-lilac: #cdb8ff;
  --ds-on-accent: #0d0f22;
  --ds-positive: #5fd99a;
  --ds-danger: #ff8f86;
  --ds-tab-area: #0b1019;
  --ds-tab-border: #24414c;
  --ds-line-strong: #6a729c;
  --ds-warning: #ffc94a;
  --ds-on-warning: #0d0f22;
  --ds-info: #6fa2ff;
  --ds-on-info: #050823;
  --ds-focus-ring: #a98bff;
  --ds-disabled: #1a1f45;
  --ds-on-disabled: #9ea3bd;
  --ds-overlay: rgba(5, 8, 35, .72);
  --ds-hero: #07172e;
  --ds-on-hero: #f8f9fe;
  --ds-on-danger: #0d0f22;
  --ds-voice: #d2521e;
  --ds-on-voice: #fbf9f4;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    color-scheme: dark;
    --ds-paper: #050823;
    --ds-surface: #0d1233;
    --ds-ink: #f8f9fe;
    --ds-muted: #b4b9d0;
    --ds-line: #2a3160;
    --ds-brand: #a98bff;
    --ds-brand-soft: #1c1650;
    --ds-blue: #6fa2ff;
    --ds-violet: #d29bff;
    --ds-on-brand: #050823;
    --ds-sun: #ffc94a;
    --ds-mint: #8ee3b0;
    --ds-coral: #ff8a73;
    --ds-sky: #01e2fe;
    --ds-lilac: #cdb8ff;
    --ds-on-accent: #0d0f22;
    --ds-positive: #5fd99a;
    --ds-danger: #ff8f86;
    --ds-tab-area: #0b1019;
    --ds-tab-border: #24414c;
    --ds-line-strong: #6a729c;
    --ds-warning: #ffc94a;
    --ds-on-warning: #0d0f22;
    --ds-info: #6fa2ff;
    --ds-on-info: #050823;
    --ds-focus-ring: #a98bff;
    --ds-disabled: #1a1f45;
    --ds-on-disabled: #9ea3bd;
    --ds-overlay: rgba(5, 8, 35, .72);
    --ds-hero: #07172e;
    --ds-on-hero: #f8f9fe;
    --ds-on-danger: #0d0f22;
    --ds-voice: #d2521e;
    --ds-on-voice: #fbf9f4;
  }
}