/* [project]/apps/web/src/app/globals.css [app-client] (css) */
:root {
  --cor-texto: #101c26;
  --cor-texto-suave: #4b5b6b;
  --cor-fundo: #f5f7fa;
  --cor-fundo-alto: #e9eef4;
  --cor-superficie: #fff;
  --cor-superficie-2: #eef2f7;
  --cor-borda: #d8e0e8;
  --cor-borda-forte: #7f8c99;
  --cor-primaria: #0b5d3b;
  --cor-primaria-forte: #08462c;
  --cor-primaria-suave: #e6f2ec;
  --cor-primaria-texto: #fff;
  --cor-alerta: #9a2a0c;
  --cor-alerta-fundo: #fdeee9;
  --cor-sucesso: #0b5d3b;
  --cor-sucesso-fundo: #e8f4ee;
  --cor-atencao: #7a5200;
  --cor-atencao-fundo: #fdf4e3;
  --cor-foco: #1d7a4f;
  --cor-sombra: 16 28 38;
  --cor-esqueleto: #e3e9ef;
  --fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --t-xs: .8125rem;
  --t-sm: .9375rem;
  --t-md: 1rem;
  --t-lg: 1.125rem;
  --t-xl: 1.375rem;
  --t-2xl: clamp(1.5rem, 3.6vw, 1.9rem);
  --t-3xl: clamp(1.75rem, 5.4vw, 2.5rem);
  --t-4xl: clamp(2rem, 7vw, 3.1rem);
  --peso-normal: 400;
  --peso-medio: 500;
  --peso-forte: 650;
  --altura-linha-apertada: 1.22;
  --e-1: .25rem;
  --e-2: .5rem;
  --e-3: .75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4rem;
  --raio-p: .5rem;
  --raio: .75rem;
  --raio-g: 1rem;
  --raio-gg: 1.375rem;
  --raio-pilula: 999px;
  --sombra-1: 0 1px 2px rgb(var(--cor-sombra) / 6%), 0 1px 3px rgb(var(--cor-sombra) / 5%);
  --sombra-2: 0 2px 6px rgb(var(--cor-sombra) / 7%), 0 8px 24px rgb(var(--cor-sombra) / 6%);
  --sombra-3: 0 8px 20px rgb(var(--cor-sombra) / 9%), 0 24px 48px rgb(var(--cor-sombra) / 8%);
  --largura-maxima: 72rem;
  --largura-de-leitura: 44rem;
  --altura-da-barra: 4.25rem;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --cor-texto: #e9eff4;
    --cor-texto-suave: #a9b8c5;
    --cor-fundo: #0d1418;
    --cor-fundo-alto: #131c22;
    --cor-superficie: #151e25;
    --cor-superficie-2: #1d2831;
    --cor-borda: #2b3945;
    --cor-borda-forte: #61798a;
    --cor-primaria: #17794f;
    --cor-primaria-forte: #1d8c5c;
    --cor-primaria-suave: #14301f;
    --cor-primaria-texto: #fff;
    --cor-alerta: #ffb59e;
    --cor-alerta-fundo: #33190f;
    --cor-sucesso: #7fd8ab;
    --cor-sucesso-fundo: #12291d;
    --cor-atencao: #f2cd84;
    --cor-atencao-fundo: #2c2312;
    --cor-foco: #6fd39c;
    --cor-sombra: 0 0 0;
    --cor-esqueleto: #22303a;
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
}

*, :before, :after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  padding-bottom: calc(var(--altura-da-barra) + env(safe-area-inset-bottom, 0px));
  background: var(--cor-fundo);
  color: var(--cor-texto);
  font-family: var(--fonte);
  font-size: var(--t-md);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  line-height: 1.55;
}

h1, h2, h3 {
  line-height: var(--altura-linha-apertada);
  text-wrap: balance;
}

h1 {
  font-size: var(--t-3xl);
  margin: 0 0 var(--e-3);
}

h2 {
  font-size: var(--t-xl);
  margin: 0 0 var(--e-3);
}

h3 {
  font-size: var(--t-lg);
  margin: 0 0 var(--e-2);
}

p {
  margin: 0 0 var(--e-3);
}

p:last-child {
  margin-bottom: 0;
}

a {
  color: var(--cor-primaria);
  text-underline-offset: .15em;
}

img {
  max-width: 100%;
  height: auto;
}

hr {
  border: 0;
  border-top: 1px solid var(--cor-borda);
  margin: var(--e-5) 0;
}

:focus-visible {
  outline: 3px solid var(--cor-foco);
  outline-offset: 2px;
  border-radius: var(--raio-p);
}

.pular-para-conteudo {
  background: var(--cor-primaria);
  color: var(--cor-primaria-texto);
  padding: var(--e-3) var(--e-4);
  border-radius: 0 0 var(--raio) 0;
  z-index: 20;
  position: absolute;
  top: 0;
  left: -9999px;
}

.pular-para-conteudo:focus {
  top: 0;
  left: 0;
}

.conteudo {
  width: 100%;
  max-width: var(--largura-maxima);
  padding: var(--e-4) var(--e-4) var(--e-7);
  margin: 0 auto;
}

.coluna-de-leitura {
  max-width: var(--largura-de-leitura);
}

.cabecalho {
  z-index: 5;
  background: color-mix(in srgb, var(--cor-superficie) 88%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--cor-borda);
  position: sticky;
  top: 0;
}

.cabecalho__interno {
  max-width: var(--largura-maxima);
  padding: var(--e-3) var(--e-4);
  gap: var(--e-3);
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.marca {
  align-items: center;
  gap: var(--e-2);
  font-weight: var(--peso-forte);
  font-size: var(--t-lg);
  letter-spacing: -.01em;
  color: var(--cor-texto);
  text-decoration: none;
  display: inline-flex;
}

.marca__simbolo {
  border-radius: var(--raio-p);
  background: var(--cor-primaria);
  width: 2rem;
  height: 2rem;
  color: var(--cor-primaria-texto);
  flex: none;
  place-items: center;
  display: grid;
}

.marca__simbolo svg {
  width: 1.25rem;
  height: 1.25rem;
}

.cabecalho__navegacao {
  gap: var(--e-2);
  align-items: center;
  display: flex;
}

.cabecalho__navegacao .so-em-tela-larga {
  display: none;
}

.barra-inferior {
  z-index: 6;
  background: color-mix(in srgb, var(--cor-superficie) 92%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-top: 1px solid var(--cor-borda);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.barra-inferior form {
  flex: 1 1 0;
  margin: 0;
  display: flex;
}

.barra-inferior form .barra-inferior__item {
  width: 100%;
}

.barra-inferior__item {
  min-height: var(--altura-da-barra);
  padding: var(--e-2) var(--e-1);
  color: var(--cor-texto-suave);
  font-size: var(--t-xs);
  font-weight: var(--peso-medio);
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  gap: .15rem;
  font-family: inherit;
  text-decoration: none;
  display: flex;
}

.barra-inferior__item svg {
  width: 1.5rem;
  height: 1.5rem;
}

.barra-inferior__item[aria-current="page"] {
  color: var(--cor-primaria);
}

.barra-inferior__item[aria-current="page"] .barra-inferior__rotulo {
  font-weight: var(--peso-forte);
}

.barra-inferior__item[aria-current="page"] svg {
  transform: translateY(-1px);
}

.rodape {
  border-top: 1px solid var(--cor-borda);
  background: var(--cor-fundo-alto);
  padding: var(--e-6) var(--e-4);
  color: var(--cor-texto-suave);
  font-size: var(--t-sm);
}

.rodape__interno {
  max-width: var(--largura-maxima);
  gap: var(--e-2);
  margin: 0 auto;
  display: grid;
}

.rodape__navegacao {
  gap: var(--e-2) var(--e-4);
  flex-wrap: wrap;
  display: flex;
}

.botao {
  justify-content: center;
  align-items: center;
  gap: var(--e-2);
  border-radius: var(--raio-pilula);
  background: var(--cor-primaria);
  min-height: 48px;
  color: var(--cor-primaria-texto);
  font: inherit;
  font-weight: var(--peso-forte);
  text-align: center;
  cursor: pointer;
  box-shadow: var(--sombra-1);
  border: 1px solid #0000;
  padding: .7rem 1.15rem;
  text-decoration: none;
  transition: background-color .12s, transform .12s;
  display: inline-flex;
}

.botao:hover {
  background: var(--cor-primaria-forte);
}

.botao:active {
  transform: translateY(1px);
}

.botao[disabled] {
  opacity: .55;
  cursor: not-allowed;
  box-shadow: none;
}

.botao--secundario {
  background: var(--cor-superficie);
  color: var(--cor-primaria);
  border-color: var(--cor-borda-forte);
  box-shadow: none;
}

.botao--secundario:hover {
  background: var(--cor-superficie-2);
}

.botao--largo {
  width: 100%;
}

.campo {
  margin-bottom: var(--e-4);
  display: block;
}

.campo__rotulo {
  font-weight: var(--peso-medio);
  margin-bottom: var(--e-1);
  font-size: var(--t-sm);
  display: block;
}

.campo__dica {
  margin-top: var(--e-1);
  color: var(--cor-texto-suave);
  font-size: var(--t-xs);
  display: block;
}

input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="file"], select, textarea {
  border: 1px solid var(--cor-borda-forte);
  border-radius: var(--raio);
  width: 100%;
  min-height: 48px;
  font: inherit;
  background: var(--cor-superficie);
  color: var(--cor-texto);
  padding: .7rem .85rem;
}

input[type="file"] {
  font-size: var(--t-sm);
  padding: .55rem .85rem;
}

textarea {
  resize: vertical;
  min-height: 9rem;
  line-height: 1.5;
}

input[type="checkbox"], input[type="radio"] {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: var(--cor-primaria);
  vertical-align: -.2rem;
}

.campo__controle {
  position: relative;
}

.sugestoes {
  z-index: 8;
  padding: var(--e-1);
  background: var(--cor-superficie);
  border: 1px solid var(--cor-borda-forte);
  border-radius: var(--raio);
  max-height: 15rem;
  box-shadow: var(--sombra-2);
  margin: 0;
  list-style: none;
  position: absolute;
  top: calc(100% + .25rem);
  left: 0;
  right: 0;
  overflow-y: auto;
}

.sugestoes__item {
  justify-content: space-between;
  align-items: center;
  gap: var(--e-2);
  border-radius: var(--raio-p);
  cursor: pointer;
  min-height: 44px;
  padding: .5rem .7rem;
  display: flex;
}

.sugestoes__item:hover, .sugestoes__item[aria-selected="true"] {
  background: var(--cor-primaria-suave);
}

.sugestoes__uf {
  color: var(--cor-texto-suave);
  font-size: var(--t-xs);
  white-space: nowrap;
}

.linha-de-campos {
  gap: 0 var(--e-4);
  grid-template-columns: 1fr;
  display: grid;
}

@media (min-width: 40rem) {
  .linha-de-campos {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  }
}

.grupo-de-campos {
  margin: 0 0 var(--e-4);
  border: 0;
  padding: 0;
}

.cartao {
  background: var(--cor-superficie);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-g);
  padding: var(--e-4);
  box-shadow: var(--sombra-1);
}

.cartao > :first-child {
  margin-top: 0;
}

.cartao > :last-child {
  margin-bottom: 0;
}

.cartao--destaque {
  border-radius: var(--raio-gg);
  padding: var(--e-5);
  box-shadow: var(--sombra-2);
}

.cartao + .cartao {
  margin-top: var(--e-4);
}

.secao {
  margin-top: var(--e-6);
}

.secao:first-child {
  margin-top: 0;
}

.titulo-secao {
  margin: 0 0 var(--e-3);
  font-size: var(--t-xl);
}

.cartao .titulo-secao {
  font-size: var(--t-lg);
}

.texto-suave {
  color: var(--cor-texto-suave);
}

.texto-pequeno {
  font-size: var(--t-sm);
}

.etiqueta {
  background: var(--cor-superficie-2);
  color: var(--cor-texto);
  border-radius: var(--raio-pilula);
  font-size: var(--t-xs);
  font-weight: var(--peso-medio);
  margin: 0 var(--e-1) var(--e-1) 0;
  padding: .15rem .6rem;
  display: inline-block;
}

.etiquetas {
  flex-wrap: wrap;
  gap: 0;
  display: flex;
}

.selo {
  align-items: center;
  gap: var(--e-2);
  border-radius: var(--raio-pilula);
  font-size: var(--t-xs);
  font-weight: var(--peso-forte);
  background: var(--cor-superficie-2);
  color: var(--cor-texto);
  padding: .2rem .7rem;
  display: inline-flex;
}

.selo:before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: .5rem;
  height: .5rem;
}

.selo--ok {
  background: var(--cor-sucesso-fundo);
  color: var(--cor-sucesso);
}

.selo--atencao {
  background: var(--cor-atencao-fundo);
  color: var(--cor-atencao);
}

.selo--alerta {
  background: var(--cor-alerta-fundo);
  color: var(--cor-alerta);
}

.aviso {
  border-left: 4px solid var(--cor-alerta);
  background: var(--cor-alerta-fundo);
  color: var(--cor-texto);
  padding: var(--e-3) var(--e-4);
  border-radius: var(--raio-p) var(--raio) var(--raio) var(--raio-p);
  font-size: var(--t-sm);
}

.aviso + .aviso, .campo + .aviso, .aviso + .campo {
  margin-top: var(--e-3);
}

.aviso--sucesso {
  border-left-color: var(--cor-sucesso);
  background: var(--cor-sucesso-fundo);
}

.aviso--atencao {
  border-left-color: var(--cor-atencao);
  background: var(--cor-atencao-fundo);
}

.lista-limpa {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lista-limpa > li + li {
  margin-top: var(--e-2);
}

.lista-marcada {
  margin: 0 0 var(--e-3);
  padding-left: 1.25rem;
}

.lista-marcada li + li {
  margin-top: var(--e-1);
}

.heroi {
  padding: var(--e-6) 0 var(--e-5);
}

.heroi__titulo {
  font-size: var(--t-4xl);
  letter-spacing: -.02em;
  margin: 0 0 var(--e-3);
  max-width: 24ch;
}

.heroi__linha {
  font-size: var(--t-lg);
  color: var(--cor-texto-suave);
  max-width: 46ch;
  margin: 0 0 var(--e-5);
}

.heroi__numeros {
  gap: var(--e-4) var(--e-6);
  margin-top: var(--e-5);
  flex-wrap: wrap;
  display: flex;
}

.heroi__numero {
  flex-direction: column;
  display: flex;
}

.heroi__numero strong {
  font-size: var(--t-xl);
}

.heroi__numero span {
  color: var(--cor-texto-suave);
  font-size: var(--t-sm);
}

.grade-de-grupos {
  gap: var(--e-3);
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

@media (min-width: 34rem) {
  .grade-de-grupos {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 60rem) {
  .grade-de-grupos {
    grid-template-columns: repeat(3, 1fr);
  }
}

.grupo {
  justify-content: space-between;
  align-items: center;
  gap: var(--e-3);
  padding: var(--e-4);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio);
  background: var(--cor-superficie);
  color: var(--cor-texto);
  font-weight: var(--peso-medio);
  min-height: 64px;
  box-shadow: var(--sombra-1);
  text-decoration: none;
  display: flex;
}

.grupo:hover {
  border-color: var(--cor-borda-forte);
}

.grupo__contagem {
  color: var(--cor-texto-suave);
  font-size: var(--t-xs);
  font-weight: var(--peso-normal);
  white-space: nowrap;
}

.busca {
  gap: var(--e-3);
  display: grid;
}

.busca__filtros {
  gap: 0 var(--e-4);
  grid-template-columns: 1fr;
  display: grid;
}

@media (min-width: 34rem) {
  .busca__filtros {
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
  }

  .busca__filtros .campo {
    margin-bottom: 0;
  }
}

.resumo-da-busca {
  gap: var(--e-2) var(--e-3);
  margin-bottom: var(--e-4);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.resumo-da-busca h2 {
  font-size: var(--t-xl);
  margin: 0;
}

.lista-de-perfis {
  gap: var(--e-4);
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

@media (min-width: 44rem) {
  .lista-de-perfis {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 64rem) {
  .lista-de-perfis {
    grid-template-columns: repeat(3, 1fr);
  }
}

.perfil-cartao {
  gap: var(--e-4);
  background: var(--cor-superficie);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-g);
  padding: var(--e-4);
  box-shadow: var(--sombra-1);
  align-items: flex-start;
  transition: border-color .12s, box-shadow .12s;
  display: flex;
}

.perfil-cartao:hover {
  border-color: var(--cor-borda-forte);
  box-shadow: var(--sombra-2);
}

.perfil-cartao__foto, .perfil-cartao__sem-foto {
  border-radius: var(--raio);
  object-fit: cover;
  background: var(--cor-superficie-2);
  flex: none;
  width: 84px;
  height: 84px;
}

.perfil-cartao__sem-foto {
  color: var(--cor-texto-suave);
  font-size: var(--t-xs);
  text-align: center;
  place-items: center;
  display: grid;
}

.perfil-cartao__nome {
  margin: 0 0 var(--e-1);
  font-size: var(--t-lg);
}

.perfil-cartao__nome a {
  color: var(--cor-texto);
  text-decoration: none;
}

.perfil-cartao__nome a:hover {
  text-decoration: underline;
}

.perfil-cartao__local {
  margin: 0 0 var(--e-2);
  color: var(--cor-texto-suave);
  font-size: var(--t-sm);
}

.perfil-cabecalho {
  gap: var(--e-4);
  grid-template-columns: auto 1fr;
  align-items: center;
  display: grid;
}

@media (min-width: 40rem) {
  .perfil-cabecalho {
    gap: var(--e-5);
  }
}

.perfil-retrato {
  border-radius: var(--raio-g);
  object-fit: cover;
  background: var(--cor-superficie-2);
  width: 96px;
  height: 96px;
}

@media (min-width: 40rem) {
  .perfil-retrato {
    width: 132px;
    height: 132px;
  }
}

.perfil-titulo {
  margin: 0 0 var(--e-1);
  font-size: var(--t-2xl);
}

.perfil-local {
  color: var(--cor-texto-suave);
  margin: 0 0 var(--e-2);
}

.descricao-do-trabalho {
  white-space: pre-line;
  max-width: var(--largura-de-leitura);
}

.galeria {
  gap: var(--e-3);
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

@media (min-width: 44rem) {
  .galeria {
    grid-template-columns: repeat(3, 1fr);
  }
}

.galeria img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--raio);
  border: 1px solid var(--cor-borda);
  width: 100%;
}

.contato-revelado {
  gap: var(--e-3);
  justify-items: start;
  display: grid;
}

.contato-revelado__numero {
  font-size: var(--t-2xl);
  font-weight: var(--peso-forte);
  letter-spacing: -.01em;
  margin: 0;
}

.contato-revelado__numero a {
  color: var(--cor-texto);
  text-decoration: none;
}

.tela-de-sessao {
  max-width: 30rem;
  padding-top: var(--e-4);
  margin: 0 auto;
}

.tela-de-sessao__formulario {
  margin-top: var(--e-5);
}

.painel__cabecalho {
  gap: var(--e-3);
  margin-bottom: var(--e-4);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.painel__cabecalho h1 {
  margin: 0;
}

.painel__grade {
  gap: var(--e-4);
  display: grid;
}

@media (min-width: 60rem) {
  .painel__grade {
    grid-template-columns: 1.2fr 1fr;
    align-items: start;
  }
}

.painel__coluna {
  gap: var(--e-4);
  display: grid;
}

.categorias {
  gap: var(--e-2);
  display: grid;
}

.categorias details {
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio);
  padding: var(--e-2) var(--e-3);
  background: var(--cor-superficie);
}

.categorias summary {
  cursor: pointer;
  font-weight: var(--peso-medio);
  min-height: 32px;
}

.categorias__itens {
  gap: var(--e-2);
  padding: var(--e-2) 0 var(--e-1);
  display: grid;
}

.categorias__itens label {
  gap: var(--e-2);
  font-size: var(--t-sm);
  align-items: flex-start;
  min-height: 32px;
  display: flex;
}

.fotos-do-trabalho {
  gap: var(--e-3);
  margin: var(--e-4) 0 0;
  grid-template-columns: repeat(2, 1fr);
  padding: 0;
  list-style: none;
  display: grid;
}

@media (min-width: 40rem) {
  .fotos-do-trabalho {
    grid-template-columns: repeat(3, 1fr);
  }
}

.fotos-do-trabalho img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--raio);
  border: 1px solid var(--cor-borda);
  width: 100%;
}

.linha-de-foto {
  gap: var(--e-4);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.contatos-recebidos {
  gap: var(--e-2);
  display: grid;
}

.contato-recebido {
  gap: var(--e-2);
  padding: var(--e-2) 0;
  border-bottom: 1px solid var(--cor-borda);
  flex-wrap: wrap;
  align-items: baseline;
  display: flex;
}

.contato-recebido:last-child {
  border-bottom: 0;
}

.paginacao {
  gap: var(--e-3);
  margin-top: var(--e-5);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.carregando {
  align-items: center;
  gap: var(--e-3);
  color: var(--cor-texto-suave);
  padding: var(--e-4) 0;
  display: flex;
}

.carregando__roda {
  border: 2px solid var(--cor-borda-forte);
  border-top-color: var(--cor-primaria);
  border-radius: 50%;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  animation: .9s linear infinite girar;
}

@keyframes girar {
  to {
    transform: rotate(360deg);
  }
}

.esqueleto {
  background: var(--cor-esqueleto);
  border-radius: var(--raio-p);
  min-height: 1rem;
  animation: 1.6s ease-in-out infinite pulsar;
}

.esqueleto--cartao {
  border-radius: var(--raio-g);
  min-height: 108px;
}

@keyframes pulsar {
  50% {
    opacity: .55;
  }
}

.vazio {
  text-align: center;
  padding: var(--e-6) var(--e-4);
  border: 1px dashed var(--cor-borda-forte);
  border-radius: var(--raio-g);
  background: var(--cor-superficie);
}

.vazio__titulo {
  margin: 0 0 var(--e-2);
  font-size: var(--t-lg);
}

.vazio__texto {
  color: var(--cor-texto-suave);
  margin: 0 auto var(--e-4);
  max-width: var(--largura-de-leitura);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (min-width: 48rem) {
  .conteudo {
    padding: var(--e-6) var(--e-5) var(--e-8);
  }

  .barra-inferior {
    display: none;
  }

  body {
    padding-bottom: 0;
  }

  .cabecalho__navegacao .so-em-tela-larga {
    display: inline-flex;
  }

  .rodape__interno {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}

/*# sourceMappingURL=apps_web_src_app_globals_1wvyn-h.css.map*/