.pagina {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--cor-papel);
  color: var(--cor-tinta);
  font-family: var(--familia-ui);
}

.pagina__principal {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

.tela {
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--esp-20);
}

.tela--home {
  max-width: var(--largura-home);
}

.tela--listagem {
  max-width: var(--largura-listagem);
  padding-block: 0;
}

.tela--detalhe {
  max-width: var(--largura-detalhe);
  padding-block: 0 var(--esp-48);
}

.tela--painel {
  max-width: var(--largura-painel);
  padding-block: 0 var(--esp-48);
}

.tela--publicar {
  max-width: var(--largura-publicar);
  padding-block: 0 var(--esp-48);
}

.tela--regras {
  max-width: var(--largura-regras);
  padding-block: var(--esp-32) var(--esp-48);
}

.tela--protocolo {
  max-width: var(--largura-protocolo);
  padding-block: var(--esp-32) var(--esp-48);
}

.tela--login {
  max-width: var(--largura-login);
  padding-block: var(--esp-32) var(--esp-48);
}

@media (min-width: 640px) {
  .tela {
    padding-inline: var(--padding-pagina);
  }

  .tela--login,
  .tela--protocolo {
    padding-block: var(--esp-46) var(--esp-64);
  }

  .tela--regras {
    padding-block: var(--esp-44) var(--esp-64);
  }
}

@media (min-width: 1000px) {
  .tela--painel {
    padding-block: 0 var(--esp-56);
  }
}

.cabecalho {
  background: var(--cor-papel);
  border-bottom: var(--borda-1) solid var(--cor-hairline);
}

.cabecalho__interno {
  width: 100%;
  max-width: var(--largura-home);
  min-height: var(--altura-header);
  margin-inline: auto;
  padding-inline: var(--esp-20);
  padding-block: var(--esp-8);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--esp-12);
  flex-wrap: wrap;
}

.cabecalho__marca {
  flex: none;
  font-size: var(--fonte-20);
  font-weight: var(--peso-800);
  letter-spacing: var(--entreletra-marca);
  color: var(--cor-tinta);
  text-decoration: none;
}

.cabecalho__nav {
  display: flex;
  align-items: center;
  gap: var(--esp-8);
  flex-wrap: wrap;
}

.nav-item {
  display: inline-flex;
  align-items: center;
  flex: none;
  min-height: var(--alvo-toque);
  padding: var(--esp-9) var(--esp-14);
  font-size: var(--fonte-13-5);
  font-weight: var(--peso-600);
  color: var(--cor-texto-2);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

.nav-item:hover {
  color: var(--cor-tinta);
}

.nav-item--ativo {
  color: var(--cor-tinta);
  text-decoration: underline;
  text-underline-offset: var(--esp-6);
}

@media (min-width: 640px) {
  .cabecalho__interno {
    height: var(--altura-header);
    padding-inline: var(--padding-pagina);
    padding-block: 0;
    gap: var(--esp-24);
    flex-wrap: nowrap;
  }

  .cabecalho__nav {
    gap: var(--esp-10);
    flex-wrap: nowrap;
  }

  .nav-item {
    min-height: 0;
  }
}

.rodape {
  margin-top: auto;
  border-top: var(--borda-1) solid var(--cor-hairline);
}

.rodape__interno {
  width: 100%;
  max-width: var(--largura-home);
  margin-inline: auto;
  padding-inline: var(--esp-20);
  padding-block: var(--esp-16);
  display: flex;
  justify-content: space-between;
  gap: var(--esp-16);
  flex-wrap: wrap;
  font-size: var(--fonte-12-5);
  color: var(--cor-texto-3);
}

.rodape__marca-nome {
  font-weight: var(--peso-800);
  color: var(--cor-tinta);
}

.rodape__links {
  display: flex;
  gap: var(--esp-18);
  flex-wrap: wrap;
}

.rodape__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--alvo-toque);
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.rodape__link:hover {
  color: var(--cor-tinta);
}

@media (min-width: 640px) {
  .rodape__interno {
    padding-inline: var(--padding-pagina);
  }

  .rodape__link {
    min-height: 0;
  }
}

.home__hero {
  padding-block: var(--esp-40) var(--esp-32);
  border-bottom: var(--borda-1) solid var(--cor-hairline);
}

.home__titulo {
  font-size: var(--fonte-33);
  font-weight: var(--peso-800);
  letter-spacing: var(--entreletra-hero);
  line-height: var(--entrelinha-1-04);
  max-width: var(--medida-hero);
}

.home__sub {
  margin-top: var(--esp-14);
  font-size: var(--fonte-16);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-texto-2);
  max-width: var(--medida-sub-hero);
}

.home__busca {
  margin-top: var(--esp-26);
  display: flex;
  gap: var(--esp-10);
  flex-wrap: wrap;
  max-width: var(--largura-busca-hero);
}

.home__links {
  margin-top: var(--esp-16);
  display: flex;
  gap: var(--esp-20);
  flex-wrap: wrap;
  font-size: var(--fonte-13-5);
}

.home__recentes-cabeca {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--esp-16);
  flex-wrap: wrap;
  padding-block: var(--esp-32) var(--esp-6);
}

.home__recentes-titulo {
  font-size: var(--fonte-19);
  font-weight: var(--peso-800);
}

.home__colunas {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--esp-36);
  padding-block: var(--esp-40) var(--esp-48);
}

.home__coluna {
  min-width: 0;
}

.home__coluna-titulo {
  padding-bottom: var(--esp-8);
  font-size: var(--fonte-16);
  font-weight: var(--peso-800);
  border-bottom: var(--borda-1) solid var(--cor-tinta);
}

.home__coluna-acao {
  margin-top: var(--esp-16);
}

.passo {
  display: flex;
  gap: var(--esp-14);
  padding-block: var(--esp-14);
  border-bottom: var(--borda-1) solid var(--cor-hairline);
}

.passo:last-child {
  border-bottom: 0;
}

.passo__numero {
  flex: none;
  padding-top: var(--esp-2);
  font-family: var(--familia-mono);
  font-size: var(--fonte-12);
  color: var(--cor-texto-3);
}

.passo__corpo {
  min-width: 0;
}

.passo__titulo {
  font-size: var(--fonte-14-5);
  font-weight: var(--peso-700);
}

.passo__texto {
  margin-top: var(--esp-3);
  font-size: var(--fonte-13);
  line-height: var(--entrelinha-1-55);
  color: var(--cor-texto-2);
}

@media (min-width: 640px) {
  .home__hero {
    padding-block: var(--esp-60) var(--esp-52);
  }

  .home__titulo {
    font-size: var(--fonte-50);
  }
}

@media (min-width: 1000px) {
  .home__colunas {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--esp-56);
    padding-block: var(--esp-44) var(--esp-56);
  }
}

.linha-anuncio {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  column-gap: var(--esp-14);
  row-gap: var(--esp-8);
  align-items: start;
  padding: var(--esp-16) var(--esp-10) var(--esp-16) 0;
  border-bottom: var(--borda-1) solid var(--cor-hairline);
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.linha-anuncio:hover {
  background: var(--cor-hover-linha);
}

.linha-anuncio > .tag-tipo {
  grid-column: 1;
  grid-row: 1;
}

.linha-anuncio__centro {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

.linha-anuncio__data {
  grid-column: 3;
  grid-row: 1;
  padding-top: var(--esp-2);
  text-align: right;
  white-space: nowrap;
  font-size: var(--fonte-12);
  color: var(--cor-texto-3);
}

.linha-anuncio__faixa {
  grid-column: 2 / -1;
  grid-row: 2;
  min-width: 0;
}

.linha-anuncio__titulo {
  font-size: var(--fonte-16);
  font-weight: var(--peso-700);
  line-height: var(--entrelinha-1-3);
  overflow-wrap: anywhere;
}

.linha-anuncio__meta {
  margin-top: var(--esp-4);
  font-size: var(--fonte-13);
  color: var(--cor-texto-2);
}

.linha-anuncio__stack {
  margin-top: var(--esp-5);
  font-family: var(--familia-mono);
  font-size: var(--fonte-11-5);
  color: var(--cor-texto-3);
  overflow-wrap: anywhere;
}

.linha-anuncio__faixa-valor {
  font-family: var(--familia-mono);
  font-size: var(--fonte-13);
  font-weight: var(--peso-600);
}

.linha-anuncio__faixa-sub {
  margin-top: var(--esp-3);
  font-size: var(--fonte-11-5);
  color: var(--cor-texto-3);
}

.linha-anuncio--compacta {
  padding-block: var(--esp-15);
}

.linha-anuncio--compacta .linha-anuncio__titulo {
  font-size: var(--fonte-15-5);
}

.linha-anuncio--compacta .linha-anuncio__meta {
  margin-top: var(--esp-3);
}

@media (min-width: 640px) {
  .linha-anuncio {
    grid-template-columns: 54px minmax(0, 1fr) 150px 52px;
    column-gap: var(--esp-18);
    row-gap: 0;
  }

  .linha-anuncio__faixa {
    grid-column: 3;
    grid-row: 1;
    text-align: right;
  }

  .linha-anuncio__data {
    grid-column: 4;
    grid-row: 1;
  }
}

.ferramentas {
  display: flex;
  align-items: center;
  gap: var(--esp-12);
  flex-wrap: wrap;
  padding-block: var(--esp-18) var(--esp-16);
  border-bottom: var(--borda-1) solid var(--cor-hairline);
}

.ordenar {
  font-size: var(--fonte-12-5);
  color: var(--cor-texto-2);
}

.ordenar__valor {
  display: inline-flex;
  align-items: center;
  min-height: var(--alvo-toque);
  font-weight: var(--peso-700);
  color: var(--cor-tinta);
  cursor: pointer;
}

@media (min-width: 640px) {
  .ferramentas {
    gap: var(--esp-14);
  }

  .ordenar__valor {
    min-height: 0;
  }
}

.listagem__corpo {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--esp-24);
  align-items: start;
  padding-block: var(--esp-22) var(--esp-40);
}

.trilho {
  display: flex;
  flex-direction: column;
  gap: var(--esp-22);
  min-width: 0;
}

.trilho__grupo {
  min-width: 0;
}

.trilho__label {
  padding-bottom: var(--esp-8);
  font-size: var(--fonte-12);
  font-weight: var(--peso-700);
  color: var(--cor-texto-2);
  border-bottom: var(--borda-1) solid var(--cor-hairline);
}

.trilho__limpar {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  min-height: var(--alvo-toque);
  font-size: var(--fonte-12-5);
  font-weight: var(--peso-700);
  color: var(--cor-acento-texto);
  text-decoration: underline;
  cursor: pointer;
}

.trilho__limpar:hover {
  color: var(--cor-tinta);
}

.trilho__nota {
  padding-top: var(--esp-14);
  font-size: var(--fonte-12);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-texto-3);
  border-top: var(--borda-1) solid var(--cor-hairline);
}

.lista {
  min-width: 0;
}

.lista__resumo {
  padding: var(--esp-10) 0 var(--esp-2);
  font-size: var(--fonte-12-5);
  color: var(--cor-texto-3);
}

@media (min-width: 1000px) {
  .listagem__corpo {
    grid-template-columns: 212px minmax(0, 1fr);
    gap: var(--esp-36);
  }

  .trilho__limpar {
    min-height: 0;
  }
}

.vazio {
  padding-block: var(--esp-32);
}

.vazio__titulo {
  font-size: var(--fonte-20);
  font-weight: var(--peso-800);
}

.vazio__texto {
  margin-top: var(--esp-8);
  font-size: var(--fonte-14);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-texto-2);
  max-width: var(--medida-vazio);
}

.vazio > .botao {
  margin-top: var(--esp-16);
}

@media (min-width: 640px) {
  .vazio {
    padding-block: var(--esp-44);
  }
}

.voltar {
  display: inline-flex;
  align-items: center;
  gap: var(--esp-7);
  min-height: var(--alvo-toque);
  padding-top: var(--esp-18);
  font-size: var(--fonte-13);
  font-weight: var(--peso-600);
  color: var(--cor-texto-2);
  text-decoration: none;
  cursor: pointer;
}

.voltar:hover {
  color: var(--cor-tinta);
}

.detalhe__marcadores {
  margin-top: var(--esp-18);
  display: flex;
  align-items: baseline;
  gap: var(--esp-10);
  flex-wrap: wrap;
}

.detalhe__codigo {
  font-family: var(--familia-mono);
  font-size: var(--fonte-12);
  color: var(--cor-texto-3);
}

.detalhe__titulo {
  margin-top: var(--esp-10);
  font-size: var(--fonte-27);
  font-weight: var(--peso-800);
  letter-spacing: var(--entreletra-titulo);
  line-height: var(--entrelinha-1-1);
  max-width: var(--medida-titulo-detalhe);
}

.detalhe__meta {
  margin-top: var(--esp-8);
  font-size: var(--fonte-14);
  color: var(--cor-texto-2);
}

.detalhe__colunas {
  margin-top: var(--esp-26);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--esp-26);
  align-items: start;
}

.detalhe__conteudo {
  min-width: 0;
}

.detalhe__secao + .detalhe__secao {
  margin-top: var(--esp-24);
}

.detalhe__secao-titulo {
  padding-bottom: var(--esp-7);
  font-size: var(--fonte-13-5);
  font-weight: var(--peso-700);
  color: var(--cor-tinta);
  border-bottom: var(--borda-1) solid var(--cor-tinta);
}

.detalhe__texto {
  margin-top: var(--esp-12);
  font-size: var(--fonte-15);
  line-height: var(--entrelinha-1-65);
  color: var(--cor-corpo-longo);
  max-width: var(--medida-descricao);
}

.lista-bullets {
  margin-top: var(--esp-12);
  display: grid;
  gap: var(--esp-8);
}

.bullet {
  display: flex;
  gap: var(--esp-11);
}

.bullet__marca {
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: var(--esp-8);
  background: var(--cor-tinta);
}

.bullet__texto {
  min-width: 0;
  font-size: var(--fonte-14-5);
  line-height: var(--entrelinha-1-5);
  color: var(--cor-corpo-longo);
}

@media (min-width: 640px) {
  .detalhe__titulo {
    font-size: var(--fonte-33);
  }
}

@media (min-width: 1000px) {
  .detalhe__colunas {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: var(--esp-40);
  }
}

.detalhe__form-area {
  margin-top: var(--esp-32);
  padding-top: var(--esp-18);
  border-top: var(--borda-2) solid var(--cor-tinta);
}

.form__titulo {
  font-size: var(--fonte-16-5);
  font-weight: var(--peso-800);
}

.form__sub {
  margin-top: var(--esp-7);
  font-size: var(--fonte-14);
  color: var(--cor-texto-2);
}

.form-grid {
  margin-top: var(--esp-16);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--esp-14) var(--esp-16);
}

.form__nota-lgpd {
  margin-top: var(--esp-12);
  font-size: var(--fonte-12);
  line-height: var(--entrelinha-1-55);
  color: var(--cor-texto-3);
  max-width: var(--medida-nota);
}

.form__rodape {
  margin-top: var(--esp-16);
  display: flex;
  align-items: center;
  gap: var(--esp-14);
  flex-wrap: wrap;
}

.form__nota {
  font-size: var(--fonte-12-5);
  color: var(--cor-texto-3);
}

.contador {
  margin-top: var(--esp-4);
  text-align: right;
  font-family: var(--familia-mono);
  font-size: var(--fonte-11-5);
  color: var(--cor-texto-3);
}

@media (min-width: 640px) {
  .form-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.sucesso {
  padding: var(--esp-20);
  background: var(--cor-superficie);
  border: var(--borda-1) solid var(--cor-tinta);
}

.sucesso__cabeca {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--esp-14);
  flex-wrap: wrap;
}

.sucesso__titulo {
  font-size: var(--fonte-18);
  font-weight: var(--peso-800);
}

.sucesso__protocolo {
  font-family: var(--familia-mono);
  font-size: var(--fonte-12-5);
  color: var(--cor-texto-2);
  overflow-wrap: anywhere;
}

.sucesso__texto {
  margin-top: var(--esp-8);
  font-size: var(--fonte-14);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-corpo-longo);
  max-width: var(--medida-sucesso);
}

.sucesso__acoes {
  margin-top: var(--esp-14);
  display: flex;
  align-items: center;
  gap: var(--esp-12);
  flex-wrap: wrap;
}

.sucesso--publicacao {
  margin-top: var(--esp-26);
}

.sucesso--publicacao .sucesso__titulo {
  font-size: var(--fonte-19);
}

@media (min-width: 640px) {
  .sucesso {
    padding: var(--esp-20) var(--esp-22);
  }

  .sucesso--publicacao {
    padding: var(--esp-22) var(--esp-24);
  }
}

.publicar__titulo {
  margin-top: var(--esp-16);
  font-size: var(--fonte-29);
  font-weight: var(--peso-800);
  letter-spacing: var(--entreletra-titulo);
}

.publicar__sub {
  margin-top: var(--esp-6);
  font-size: var(--fonte-14);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-texto-2);
}

.publicar__tipos {
  margin-top: var(--esp-20);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--esp-10);
}

.tipo {
  min-width: 0;
  padding: var(--esp-15) var(--esp-17);
  background: var(--cor-superficie);
  border: var(--borda-1) solid var(--cor-borda-input);
  color: var(--cor-tinta);
  text-align: left;
  cursor: pointer;
}

.tipo--ativo {
  padding: var(--esp-14) var(--esp-16);
  border: var(--borda-2) solid var(--cor-tinta);
}

.tipo__titulo {
  font-size: var(--fonte-14);
  font-weight: var(--peso-800);
}

.tipo__texto {
  margin-top: var(--esp-4);
  font-size: var(--fonte-12-5);
  line-height: var(--entrelinha-1-5);
  color: var(--cor-texto-2);
}

@media (min-width: 640px) {
  .publicar__tipos {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.publicar__campos {
  margin-top: var(--esp-20);
}

.segmentado-linha {
  margin-top: var(--esp-14);
  display: flex;
  gap: var(--esp-26);
  flex-wrap: wrap;
}

.segmentado-grupo {
  min-width: 0;
}

.chips-editor {
  margin-top: var(--esp-6);
  padding: var(--esp-9) var(--esp-13);
  display: flex;
  align-items: center;
  gap: var(--esp-7);
  flex-wrap: wrap;
  background: var(--cor-superficie);
  border: var(--borda-1) solid var(--cor-borda-input);
}

.chips-editor__hint {
  font-size: var(--fonte-13);
  color: var(--cor-texto-2);
}

.publicar__rodape {
  margin-top: var(--esp-18);
  padding-top: var(--esp-16);
  display: flex;
  align-items: center;
  gap: var(--esp-14);
  flex-wrap: wrap;
  border-top: var(--borda-1) solid var(--cor-hairline);
}

.publicar__rodape .form__nota {
  margin-left: auto;
}

.login__titulo {
  font-size: var(--fonte-27);
  font-weight: var(--peso-800);
}

.login__sub {
  margin-top: var(--esp-8);
  font-size: var(--fonte-14);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-texto-2);
}

.login__campos {
  margin-top: var(--esp-20);
  display: grid;
  gap: var(--esp-14);
}

.login__acao {
  margin-top: var(--esp-20);
}

.login__links {
  margin-top: var(--esp-14);
  display: flex;
  justify-content: space-between;
  gap: var(--esp-16);
  flex-wrap: wrap;
  font-size: var(--fonte-12-5);
  color: var(--cor-texto-2);
}

.login__links a {
  display: inline-flex;
  align-items: center;
  min-height: var(--alvo-toque);
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.login__links a:hover {
  color: var(--cor-tinta);
}

.login__aviso {
  margin-top: var(--esp-22);
  padding: var(--esp-20);
  background: var(--cor-superficie);
  border: var(--borda-1) solid var(--cor-tinta);
}

.login__aviso-titulo {
  font-size: var(--fonte-17);
  font-weight: var(--peso-800);
}

.login__aviso-texto {
  margin-top: var(--esp-7);
  font-size: var(--fonte-13-5);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-corpo-longo);
}

.login__aviso-acoes {
  margin-top: var(--esp-16);
  display: flex;
  gap: var(--esp-12);
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .login__links a {
    min-height: 0;
  }

  .login__aviso {
    padding: var(--esp-20) var(--esp-22);
  }
}

.painel__cabeca {
  padding-top: var(--esp-26);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--esp-16);
  flex-wrap: wrap;
}

.painel__identidade {
  min-width: 0;
}

.painel__titulo {
  font-size: var(--fonte-27);
  font-weight: var(--peso-800);
}

.painel__sub {
  margin-top: var(--esp-5);
  font-size: var(--fonte-13-5);
  color: var(--cor-texto-2);
  overflow-wrap: anywhere;
}

.painel__stats {
  margin-top: var(--esp-22);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background: var(--cor-superficie);
  border: var(--borda-1) solid var(--cor-hairline);
}

.painel__stat {
  min-width: 0;
  padding: var(--esp-14) var(--esp-18);
  border-right: var(--borda-1) solid var(--cor-hairline);
  border-bottom: var(--borda-1) solid var(--cor-hairline);
}

.painel__stat-numero {
  font-family: var(--familia-mono);
  font-size: var(--fonte-21);
  font-weight: var(--peso-600);
}

.painel__stat-rotulo {
  margin-top: var(--esp-2);
  font-size: var(--fonte-12-5);
  color: var(--cor-texto-2);
}

.painel__secao-titulo {
  margin-top: var(--esp-28);
  padding-bottom: var(--esp-8);
  font-size: var(--fonte-16);
  font-weight: var(--peso-800);
  border-bottom: var(--borda-1) solid var(--cor-tinta);
}

.painel__linha {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--esp-8) var(--esp-14);
  flex-wrap: wrap;
  padding: var(--esp-13) var(--esp-12) var(--esp-13) var(--esp-10);
  background: var(--cor-papel);
  border-bottom: var(--borda-1) solid var(--cor-hairline);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.painel__linha--ativa {
  background: var(--cor-hover-ghost);
}

.painel__linha-titulo {
  flex: 1 1 200px;
  min-width: 0;
  font-size: var(--fonte-14-5);
  font-weight: var(--peso-700);
}

.painel__linha-status {
  flex: none;
  font-size: var(--fonte-12-5);
  font-weight: var(--peso-700);
  color: var(--cor-texto-3);
}

.painel__linha-status--ativo {
  color: var(--cor-acento-texto);
}

.painel__linha-qtd {
  flex: 1 1 auto;
  text-align: right;
  font-size: var(--fonte-13);
  color: var(--cor-texto-2);
}

.painel__linha-data {
  flex: none;
  text-align: right;
  font-size: var(--fonte-12);
  color: var(--cor-texto-3);
}

.painel__recebidas-cabeca {
  margin-top: var(--esp-30);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--esp-16);
  flex-wrap: wrap;
}

.painel__recebidas-titulo {
  min-width: 0;
  font-size: var(--fonte-16);
  font-weight: var(--peso-800);
  overflow-wrap: anywhere;
}

.painel__recebidas-nota {
  font-size: var(--fonte-12);
  color: var(--cor-texto-3);
}

.painel__recebidas {
  margin-top: var(--esp-8);
  border-top: var(--borda-1) solid var(--cor-tinta);
}

.recebida {
  display: flex;
  align-items: flex-start;
  gap: var(--esp-18);
  flex-wrap: wrap;
  padding-block: var(--esp-15);
  border-bottom: var(--borda-1) solid var(--cor-hairline);
}

.recebida__principal {
  flex: 1 1 240px;
  min-width: 0;
}

.recebida__nome-linha {
  display: flex;
  align-items: baseline;
  gap: var(--esp-10);
  flex-wrap: wrap;
}

.recebida__nome {
  font-size: var(--fonte-14-5);
  font-weight: var(--peso-700);
}

.recebida__selo {
  font-size: var(--fonte-11);
  font-weight: var(--peso-700);
  letter-spacing: var(--entreletra-selo);
  color: var(--cor-acento-texto);
}

.recebida__info {
  margin-top: var(--esp-3);
  font-family: var(--familia-mono);
  font-size: var(--fonte-12);
  color: var(--cor-texto-2);
  overflow-wrap: anywhere;
}

.recebida__mensagem {
  margin-top: var(--esp-6);
  font-size: var(--fonte-13);
  line-height: var(--entrelinha-1-55);
  color: var(--cor-corpo-longo);
  max-width: var(--medida-nota);
}

.recebida__lado {
  flex: 0 1 auto;
  margin-left: auto;
  min-width: 110px;
  text-align: right;
}

.recebida__valor {
  font-family: var(--familia-mono);
  font-size: var(--fonte-13-5);
  font-weight: var(--peso-600);
}

.recebida__prazo {
  font-size: var(--fonte-12);
  color: var(--cor-texto-2);
}

.recebida__quando {
  margin-top: var(--esp-4);
  font-size: var(--fonte-12);
  color: var(--cor-texto-3);
}

.painel__vazio {
  padding-block: var(--esp-26);
  font-size: var(--fonte-14);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-texto-2);
  max-width: var(--medida-sucesso);
}

@media (min-width: 640px) {
  .painel__cabeca {
    padding-top: var(--esp-30);
  }

  .painel__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .painel__stat {
    border-bottom: 0;
  }
}

@media (min-width: 1000px) {
  .painel__linha {
    gap: var(--esp-16);
    flex-wrap: nowrap;
  }

  .painel__linha-status {
    width: 96px;
  }

  .painel__linha-qtd {
    flex: none;
    width: 130px;
  }

  .painel__linha-data {
    width: 56px;
  }
}

.protocolo__titulo {
  font-size: var(--fonte-27);
  font-weight: var(--peso-800);
}

.protocolo__sub {
  margin-top: var(--esp-8);
  font-size: var(--fonte-14);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-texto-2);
}

.protocolo__busca {
  margin-top: var(--esp-20);
  display: flex;
  gap: var(--esp-10);
  flex-wrap: wrap;
}

.protocolo__erro {
  margin-top: var(--esp-8);
  font-size: var(--fonte-12-5);
  color: var(--cor-erro);
}

.protocolo__resultado {
  margin-top: var(--esp-24);
  padding: var(--esp-20);
  background: var(--cor-superficie);
  border: var(--borda-1) solid var(--cor-tinta);
}

.protocolo__resultado-cabeca {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--esp-14);
  flex-wrap: wrap;
}

.protocolo__resultado-titulo {
  min-width: 0;
  font-size: var(--fonte-16);
  font-weight: var(--peso-800);
}

.protocolo__resultado-codigo {
  font-family: var(--familia-mono);
  font-size: var(--fonte-12);
  color: var(--cor-texto-2);
  overflow-wrap: anywhere;
}

.protocolo__nota {
  margin-top: var(--esp-12);
  padding-top: var(--esp-12);
  font-size: var(--fonte-12-5);
  line-height: var(--entrelinha-1-6);
  color: var(--cor-texto-3);
  border-top: var(--borda-1) solid var(--cor-hairline);
}

@media (min-width: 640px) {
  .protocolo__resultado {
    padding: var(--esp-20) var(--esp-22);
  }
}

.regras__titulo {
  font-size: var(--fonte-27);
  font-weight: var(--peso-800);
}

.regras__intro {
  margin-top: var(--esp-10);
  font-size: var(--fonte-14-5);
  line-height: var(--entrelinha-1-65);
  color: var(--cor-corpo-longo);
}

.regras__secao-titulo {
  margin-top: var(--esp-26);
  padding-bottom: var(--esp-7);
  font-size: var(--fonte-15-5);
  font-weight: var(--peso-800);
  border-bottom: var(--borda-1) solid var(--cor-tinta);
}

.regras__bullets {
  margin-top: var(--esp-12);
  display: grid;
  gap: var(--esp-8);
}

.regras__bullets .bullet__texto {
  font-size: var(--fonte-14);
  line-height: var(--entrelinha-1-55);
}

.regras__nota {
  margin-top: var(--esp-26);
  font-size: var(--fonte-12-5);
  color: var(--cor-texto-3);
}

.publicar__bloco {
  margin-top: var(--esp-14);
}

.publicar__tipos .tipo {
  position: relative;
  display: block;
}

.publicar__tipos .tipo__titulo,
.publicar__tipos .tipo__texto {
  display: block;
}

.tipo:has(.opcao__entrada:checked) {
  padding: var(--esp-14) var(--esp-16);
  border: var(--borda-2) solid var(--cor-tinta);
}

.segmentado__item:has(.opcao__entrada) {
  position: relative;
}

.segmentado__item:has(.opcao__entrada:checked) {
  font-weight: var(--peso-600);
  color: var(--cor-papel);
  background: var(--cor-tinta);
  border-color: var(--cor-tinta);
}

.tipo:has(.opcao__entrada:focus-visible),
.segmentado__item:has(.opcao__entrada:focus-visible) {
  outline: var(--borda-2) solid var(--cor-tinta);
  outline-offset: var(--esp-2);
}

.publicar__form:has(.publicar__tipo-freela:checked) .publicar__so-vaga,
.publicar__form:has(.publicar__tipo-vaga:checked) .publicar__so-freela {
  display: none;
}

.chips-editor:focus-within {
  border-color: var(--cor-tinta);
}

.chips-editor .chip {
  cursor: pointer;
}

.chips-editor__entrada {
  flex: 1 1 140px;
  min-width: 0;
  padding: var(--esp-4) 0;
  font-size: var(--fonte-13);
  color: var(--cor-tinta);
}

.chips-editor__entrada:focus-visible {
  outline: 0;
}

.protocolo__busca--dupla {
  align-items: flex-end;
}

.protocolo__campo {
  flex: 1 1 100%;
  min-width: 0;
}

.protocolo__campo .campo--protocolo {
  width: 100%;
  margin-top: var(--esp-6);
}

@media (min-width: 640px) {
  .protocolo__campo {
    flex: 1 1 180px;
  }
}

.form__isca {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.anexo__entrada {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.anexo:has(.anexo__entrada:focus-visible) {
  outline: var(--borda-2) solid var(--cor-tinta);
  outline-offset: var(--esp-2);
}

.anexo:has(.anexo__entrada:valid) {
  border-color: var(--cor-tinta);
}

.anexo:has(.anexo__entrada:valid) .anexo__rotulo {
  color: var(--cor-tinta);
}

.anexo--erro {
  border: var(--borda-2) solid var(--cor-erro);
}

.painel__acoes {
  display: flex;
  align-items: center;
  gap: var(--esp-10);
  flex-wrap: wrap;
}

a.painel__linha {
  text-decoration: none;
}

a.painel__linha:hover {
  background: var(--cor-hover-linha);
  color: inherit;
}

a.painel__linha--ativa:hover {
  background: var(--cor-hover-ghost);
}