.site-corpo {
  --site-fundo: #ffffff;
  --site-fundo-alt: #F8F9FB;
  --site-superficie: #ffffff;
  --site-borda: #E6E8EC;
  --site-borda-forte: #D5D9E0;
  --site-tinta: #17202E;
  --site-tinta-media: #46536A;
  --site-tinta-fraca: #6C778A;
  --site-acento: #2563EB;
  --site-acento-forte: #1D4ED8;
  --site-acento-fraco: rgba(37, 99, 235, 0.09);
  --site-palco: #07101E;
  --site-palco-alt: #0D2038;
  --site-palco-tinta: #F3F5F9;
  --site-palco-tinta-fraca: #93A0B6;
  --site-verde: #1E7B4D;
  --site-vermelho: #B32424;
  --site-geometria: rgba(37, 99, 235, 0.13);
  --site-brilho: rgba(37, 99, 235, 0.13);
  --site-brilho-secundario: rgba(126, 87, 214, 0.08);
  --site-sombra-cartao: 0 1px 2px rgba(23, 32, 46, 0.04);
  --site-sombra-alta: 0 30px 70px -25px rgba(15, 30, 55, 0.28), 0 6px 18px -8px rgba(15, 30, 55, 0.12);
  --site-largura: 76rem;
  --site-nav: 5rem;
}

html.dark .site-corpo {
  --site-fundo: var(--color-grafite);
  --site-fundo-alt: var(--color-grafite-escuro);
  --site-superficie: var(--color-grafite-medio);
  --site-borda: rgba(194, 201, 214, 0.14);
  --site-borda-forte: rgba(194, 201, 214, 0.24);
  --site-tinta: var(--color-cinza-quase-branco);
  --site-tinta-media: var(--color-cinza-claro);
  --site-tinta-fraca: var(--color-cinza-medio);
  --site-acento: var(--color-azul-noturno);
  --site-acento-forte: #96B7EB;
  --site-acento-fraco: rgba(127, 166, 227, 0.14);
  --site-palco: #1B1F26;
  --site-palco-alt: #262B33;
  --site-verde: var(--color-verde-claro);
  --site-vermelho: var(--color-vermelho-claro);
  --site-geometria: rgba(194, 201, 214, 0.12);
  --site-brilho: rgba(127, 166, 227, 0.10);
  --site-brilho-secundario: rgba(196, 170, 245, 0.07);
  --site-sombra-cartao: 0 1px 2px rgba(0, 0, 0, 0.25);
  --site-sombra-alta: 0 30px 70px -25px rgba(0, 0, 0, 0.6), 0 6px 18px -8px rgba(0, 0, 0, 0.4);
}

html:has(.site-corpo) {
  scroll-behavior: smooth;
  interpolate-size: allow-keywords;
}

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

.site-corpo {
  color: var(--site-tinta);
}

.site-pular {
  position: absolute;
  left: -9999px;
  z-index: 60;
  padding: 0.65rem 1rem;
  border-radius: 0.25rem;
  background: var(--site-acento);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
}

.site-pular:focus {
  left: 1rem;
  top: 1rem;
}

.site-largura {
  width: 100%;
  max-width: var(--site-largura);
  margin-inline: auto;
  padding-inline: 1.25rem;
}

@media (max-width: 23.4375rem) {
  .site-largura {
    padding-inline: 0.875rem;
  }
}

@media (min-width: 48rem) {
  .site-largura {
    padding-inline: 2rem;
  }
}

.site-largura--estreita {
  max-width: 48rem;
}

.site-marca {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex: none;
}

.site-marca__selo {
  display: grid;
  place-items: center;
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 0.375rem;
  background:
    radial-gradient(circle at 28% 18%, rgba(55, 108, 188, 0.65), transparent 72%),
    linear-gradient(150deg, var(--site-palco) 25%, var(--site-palco-alt) 130%);
}

.site-marca__catavento {
  width: 1.3rem;
  height: 1.14rem;
}

.site-marca__nome {
  font-size: 1.0625rem;
  font-weight: 750;
  letter-spacing: 0.09em;
  color: var(--site-tinta);
}

@media (max-width: 23.4375rem) {
  .site-marca {
    gap: 0.45rem;
  }

  .site-marca__selo {
    height: 2rem;
    width: 2rem;
  }

  .site-marca__nome {
    font-size: 0.9375rem;
    letter-spacing: 0.06em;
  }
}

.site-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  background: color-mix(in srgb, var(--site-fundo) 82%, transparent);
  backdrop-filter: blur(14px) saturate(160%);
  border-bottom: 1px solid var(--site-borda);
}

.site-nav__link {
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--site-tinta-media);
  transition: color 0.15s ease, background-color 0.15s ease;
}

.site-nav__link:hover {
  color: var(--site-tinta);
  background: var(--site-acento-fraco);
}

.site-nav__icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 9999px;
  color: var(--site-tinta-fraca);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.site-nav__icone:hover {
  background: var(--site-acento-fraco);
  color: var(--site-tinta);
}

.site-nav__icone--menu {
  display: inline-flex;
}

@media (min-width: 64rem) {
  .site-nav__icone--menu {
    display: none;
  }
}

.site-botao.site-nav__entrar {
  display: none;
}

@media (min-width: 40rem) {
  .site-botao.site-nav__entrar {
    display: inline-flex;
  }
}

.site-nav__tema {
  display: none;
}

@media (min-width: 40rem) {
  .site-nav__tema {
    display: inline-flex;
  }
}

.site-nav__gratis {
  display: none;
}

@media (min-width: 40rem) {
  .site-nav__gratis {
    display: inline;
  }
}

.site-nav__fechar {
  display: none;
  transform: rotate(45deg);
}

.site-nav__icone--menu[aria-expanded="true"] > .site-nav__sanduiche {
  display: none;
}

.site-nav__icone--menu[aria-expanded="true"] > .site-nav__fechar {
  display: block;
}

.site-menu-fundo {
  position: fixed;
  inset: 0;
  z-index: 45;
  background: rgba(9, 16, 28, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.site-menu-fundo--visivel {
  opacity: 1;
  visibility: visible;
}

.site-menu {
  position: fixed;
  inset-block: 0;
  left: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  width: min(18rem, 84vw);
  background: var(--site-fundo);
  border-right: 1px solid var(--site-borda);
  box-shadow: 0 24px 60px -20px rgba(9, 16, 28, 0.45);
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.28s;
}

.site-menu--aberto {
  transform: none;
  visibility: visible;
}

@media (min-width: 64rem) {
  .site-menu,
  .site-menu-fundo {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-menu,
  .site-menu-fundo {
    transition: none;
  }
}

.site-corpo--travado {
  overflow: hidden;
}

.site-menu__topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--site-nav);
  padding-inline: 1.25rem 0.9rem;
  border-bottom: 1px solid var(--site-borda);
  flex: none;
}

.site-menu__titulo {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--site-tinta);
}

.site-menu__x {
  transform: rotate(45deg);
}

.site-menu__lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0.75rem;
}

.site-menu__link {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 2.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--site-tinta-media);
  transition: background-color 0.15s ease, color 0.15s ease;
}

.site-menu__link:hover {
  background: var(--site-acento-fraco);
  color: var(--site-tinta);
}

.site-menu__link.site-menu__tema {
  width: 100%;
  cursor: pointer;
  text-align: left;
}

.site-menu__regua {
  height: 1px;
  margin: auto 0.75rem 0.5rem;
  background: var(--site-borda);
}

@media (min-width: 40rem) {
  .site-menu__link.site-menu__tema,
  .site-menu__regua {
    display: none;
  }
}

.site-menu__rodape {
  display: grid;
  gap: 0.5rem;
  flex: none;
  padding: 1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));
  border-top: 1px solid var(--site-borda);
}

.site-botao.site-menu__botao {
  width: 100%;
  height: 2.75rem;
}

.site-botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.375rem;
  padding-inline: 1rem;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.site-botao--grande {
  height: 3rem;
  padding-inline: 1.6rem;
  font-size: 0.9375rem;
  border-radius: 0.375rem;
}

.site-botao--primario {
  background: var(--site-acento);
  color: #fff;
  box-shadow: 0 8px 20px -10px rgba(37, 99, 235, 0.7);
}

.site-botao--primario:hover {
  background: var(--site-acento-forte);
  transform: translateY(-1px);
}

html.dark .site-botao--primario {
  color: var(--color-grafite-escuro);
  box-shadow: none;
}

.site-botao--contorno {
  border: 1px solid var(--site-borda-forte);
  background: var(--site-superficie);
  color: var(--site-tinta);
}

.site-botao--contorno:hover {
  border-color: var(--site-acento);
  color: var(--site-acento);
}

.site-botao--fantasma {
  color: var(--site-tinta-media);
}

.site-botao--fantasma:hover {
  background: var(--site-acento-fraco);
  color: var(--site-tinta);
}

.site-botao--claro {
  background: #fff;
  color: #0B1322;
}

.site-botao--claro:hover {
  transform: translateY(-1px);
  background: #EDF1F8;
}

.site-botao--vidro {
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #EAF0FA;
}

.site-botao--vidro:hover {
  background: rgba(255, 255, 255, 0.09);
}

.site-secao {
  position: relative;
  padding-block: 4rem;
  background: var(--site-fundo);
}

@media (min-width: 48rem) {
  .site-secao {
    padding-block: 5rem;
  }
}

@media (min-width: 64rem) {
  .site-secao {
    padding-block: 7rem;
  }
}

.site-secao--alt {
  background: var(--site-fundo-alt);
  border-block: 1px solid var(--site-borda);
}

.site-secao[id],
.site-hero {
  scroll-margin-top: var(--site-nav);
}

.site-cabeca {
  max-width: 42rem;
  margin-inline: auto;
  text-align: center;
}

.site-etiqueta {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--site-acento);
}

.site-titulo {
  margin-top: 0.75rem;
  font-size: clamp(1.75rem, 3.4vw, 2.6rem);
  font-weight: 750;
  line-height: 1.12;
  letter-spacing: -0.022em;
  color: var(--site-tinta);
}

.site-subtitulo {
  margin-top: 1rem;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--site-tinta-fraca);
}

.site-realce {
  background: linear-gradient(100deg, var(--site-acento) 12%, #7E57D6 92%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

html.dark .site-realce {
  background: linear-gradient(100deg, var(--site-acento) 8%, #C4AAF5 95%);
  -webkit-background-clip: text;
  background-clip: text;
}

.site-hero {
  position: relative;
  overflow: hidden;
  background: var(--site-fundo);
}

.site-hero__cena {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 46% at 50% 4%, var(--site-brilho), transparent 70%),
    radial-gradient(ellipse 40% 34% at 88% 12%, var(--site-brilho-secundario), transparent 72%);
}

.site-hero__geometria {
  position: absolute;
  left: 50%;
  top: -6%;
  width: min(64rem, 130%);
  height: 34rem;
  transform: translateX(-50%);
  opacity: 0.85;
  mask-image: linear-gradient(to bottom, #000 8%, transparent 88%);
}

.site-hero__linha {
  fill: none;
  stroke: var(--site-geometria);
  stroke-width: 1;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: site-contorno 1.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.site-hero__linha--externa { animation-delay: 0.1s; opacity: 0.5; }
.site-hero__linha--media { animation-delay: 0.28s; opacity: 0.72; }
.site-hero__linha--interna { animation-delay: 0.46s; opacity: 0.9; }

.site-hero__titulo {
  margin-top: 1.5rem;
  font-size: clamp(2.1rem, 6vw, 4rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--site-tinta);
  animation: site-sobe 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
}

.site-hero__resumo {
  margin: 1.4rem auto 0;
  max-width: 40rem;
  font-size: clamp(1rem, 1.4vw, 1.1875rem);
  line-height: 1.62;
  color: var(--site-tinta-fraca);
  animation: site-sobe 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.16s both;
}

@media (min-width: 64rem) {
  .site-hero__titulo {
    margin-top: 0;
    max-width: 46rem;
    margin-inline: auto;
    font-size: 3.25rem;
    line-height: 1.08;
    text-wrap: balance;
  }

  .site-hero__resumo {
    margin-top: 1.1rem;
    max-width: 36rem;
    font-size: 1.0625rem;
  }
}

.site-hero .site-botao {
  animation: site-sobe 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.24s both;
}

.site-vitrine {
  position: relative;
  padding-bottom: 3.5rem;
}

.site-janela {
  position: relative;
  border: 1px solid var(--site-borda);
  border-radius: 0.5rem;
  background: var(--site-superficie);
  box-shadow: var(--site-sombra-alta);
  overflow: hidden;
  animation: site-vitrine-entra 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
}

.site-janela__barra {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  height: 2.25rem;
  padding-inline: 0.9rem;
  border-bottom: 1px solid var(--site-borda);
  background: var(--site-fundo-alt);
}

.site-janela__ponto {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  background: var(--site-borda-forte);
}

.site-janela__url {
  margin-inline: auto;
  max-width: 70%;
  padding: 0.15rem 0.7rem;
  border-radius: 0.25rem;
  background: var(--site-fundo);
  border: 1px solid var(--site-borda);
  font-size: 0.6875rem;
  color: var(--site-tinta-fraca);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site-app {
  background: var(--site-fundo);
}

.site-app__cabecalho {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.25rem;
  padding-inline: 0.75rem;
  border-bottom: 1px solid var(--site-borda);
  background: var(--site-superficie);
}

html.dark .site-app__cabecalho,
html.dark .site-app__trilho {
  background: var(--color-grafite-escuro);
}

.site-app__marca {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--site-tinta-media);
}

.site-app__cabecalho-acoes {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--site-tinta-fraca);
}

.site-app__usuario {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  background: var(--site-acento);
  color: #fff;
  font-size: 0.5rem;
  font-weight: 700;
}

html.dark .site-app__usuario {
  color: var(--color-grafite-escuro);
}

.site-app__corpo {
  display: flex;
  align-items: stretch;
}

.site-app__trilho {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  width: 2.5rem;
  padding: 0.6rem 0;
  border-right: 1px solid var(--site-borda);
  background: var(--site-superficie);
}

@media (min-width: 40rem) {
  .site-app__trilho {
    display: flex;
  }
}

.site-app__atalho {
  position: relative;
  display: inline-flex;
  padding: 0.3rem;
  border-radius: 0.25rem;
  color: var(--site-tinta-media);
}

.site-app__atalho--ativo {
  background: var(--site-acento-fraco);
  color: var(--site-acento);
}

.site-app__atalho--ativo::before {
  content: "";
  position: absolute;
  left: -0.6rem;
  top: 0.15rem;
  bottom: 0.15rem;
  width: 2px;
  border-radius: 9999px;
  background: var(--site-acento);
}

.site-app__tela {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 0.75rem;
  background: var(--site-fundo-alt);
}

html.dark .site-app__tela {
  background: var(--color-grafite);
}

.site-app__titulo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--site-tinta-media);
}

.site-app__avatares {
  display: flex;
  padding-left: 0.35rem;
}

.site-app__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.15rem;
  width: 1.15rem;
  margin-left: -0.3rem;
  border-radius: 9999px;
  border: 1.5px solid var(--site-fundo-alt);
  background: var(--site-acento);
  color: #fff;
  font-size: 0.4375rem;
  font-weight: 700;
}

html.dark .site-app__avatar {
  border-color: var(--color-grafite);
  color: var(--color-grafite-escuro);
}

.site-app__avatar--conta {
  background: var(--site-borda-forte);
  color: var(--site-tinta-media);
}

.site-app__abas {
  display: none;
  margin-left: auto;
  gap: 0.25rem;
  padding-bottom: 0.1rem;
}

@media (min-width: 48rem) {
  .site-app__abas {
    display: flex;
  }
}

.site-app__aba {
  padding: 0.2rem 0.5rem;
  border-bottom: 2px solid transparent;
  font-size: 0.5625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--site-tinta-fraca);
}

.site-app__aba--ativa {
  border-bottom-color: var(--site-acento);
  color: var(--site-acento);
}

.site-app__rotulo {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--site-tinta-fraca);
}

.site-app__nota {
  font-size: 0.5rem;
  color: var(--site-tinta-fraca);
}

.site-cartao-app {
  padding: 0.6rem;
  border: 1px solid var(--site-borda-forte);
  border-radius: 0.25rem;
  background: var(--site-superficie);
}

.site-painel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (min-width: 40rem) {
  .site-painel {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 62rem) {
  .site-painel {
    grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr));
  }
}

.site-painel__hero {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
}

@media (min-width: 40rem) {
  .site-painel__hero {
    grid-column: span 4;
  }
}

@media (min-width: 62rem) {
  .site-painel__hero {
    grid-column: span 1;
  }
}

.site-painel__hero-valor {
  margin-top: 0.15rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--site-tinta);
}

.site-painel__legenda {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.35rem;
  font-size: 0.5rem;
  color: var(--site-tinta-fraca);
}

.site-painel__legenda > span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.site-painel__legenda b {
  font-weight: 700;
  color: var(--site-tinta-media);
}

.site-painel__contagem {
  margin-left: auto;
}

.site-painel__indicador {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.site-painel__valor {
  margin-top: 0.2rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.15;
}

.site-painel__detalhe {
  margin-top: 0.1rem;
  font-size: 0.5rem;
  color: var(--site-tinta-fraca);
}

.site-painel__faisca {
  margin: 0.35rem -0.6rem -0.6rem;
}

.site-painel__faisca .faisca {
  height: 1.6rem;
}

.site-painel .legenda-marca,
.site-grafico .legenda-marca {
  width: 6px;
  height: 6px;
  border-radius: 2px;
}

.site-painel__corpo {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem;
}

@media (min-width: 62rem) {
  .site-painel__corpo {
    grid-template-columns: 2fr minmax(0, 1fr);
  }
}

.site-agenda {
  display: flex;
  flex-direction: column;
}

.site-agenda__lista {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 0.4rem;
  margin-top: 0.5rem;
  flex: 1;
}

.site-agenda__linha {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.5625rem;
  color: var(--site-tinta-media);
}

.site-agenda__linha > span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-width: 0;
}

.site-agenda__linha b {
  font-weight: 700;
  color: var(--site-tinta);
  font-variant-numeric: tabular-nums;
}

.site-agenda__trilho {
  height: 5px;
  margin-top: 0.2rem;
}

.site-agenda .legenda-marca {
  width: 6px;
  height: 6px;
  border-radius: 2px;
}

.site-grafico {
  --eixo-y-largura: 2.1rem;
  --eixo-x-altura: 0.9rem;
}

.site-grafico__topo {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media (max-width: 47.9375rem) {
  .site-grafico__topo .site-app__nota {
    display: none;
  }
}

.site-grafico__titulo {
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--site-tinta-media);
}

.site-grafico__chaves {
  display: flex;
  gap: 0.6rem;
  margin-left: auto;
  font-size: 0.5rem;
  color: var(--site-tinta-fraca);
}

.site-grafico__chaves > span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}

.site-grafico__corpo {
  margin-top: 0.5rem;
  gap: 0.4rem;
}

.site-grafico__area {
  min-height: 6.5rem;
}

.site-grafico__eixo {
  font-size: 0.4375rem;
  color: var(--site-tinta-fraca);
}

.site-grafico .coluna {
  max-width: 20px;
}

.site-listagem {
  display: grid;
  gap: 0.4rem;
}

.site-listagem__cabecalho {
  display: none;
}

.site-listagem__linha {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "id status"
    "descricao descricao"
    "favorecido favorecido"
    "centro centro"
    "vencimento vencimento"
    "valor valor";
  gap: 0.1rem 0.5rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--site-borda-forte);
  border-radius: 0.25rem;
  background: var(--site-superficie);
  font-size: 0.5625rem;
  color: var(--site-tinta-media);
}

.site-listagem__linha:nth-child(n + 5) {
  display: none;
}

.site-listagem__coluna {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site-listagem__coluna--id {
  grid-area: id;
  font-size: 0.5rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--site-tinta-fraca);
}

.site-listagem__linha .site-listagem__coluna--id::before {
  content: "Lançamento · #";
}

.site-listagem__coluna--status {
  grid-area: status;
  display: flex;
  justify-content: flex-end;
}

.site-listagem__coluna--status > span {
  height: 0.9rem;
  min-width: 0;
  width: 3.4rem;
  padding-inline: 0.2rem;
  font-size: 0.4375rem;
  white-space: nowrap;
}

.site-listagem__coluna--descricao {
  grid-area: descricao;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--site-tinta);
}

.site-listagem__coluna--favorecido {
  grid-area: favorecido;
  color: var(--site-tinta-fraca);
}

.site-listagem__coluna--centro {
  grid-area: centro;
}

.site-listagem__coluna--vencimento {
  grid-area: vencimento;
}

.site-listagem__coluna--valor {
  grid-area: valor;
  font-weight: 700;
  color: var(--site-tinta);
  font-variant-numeric: tabular-nums;
}

.site-listagem__coluna--pagamento,
.site-listagem__coluna--acoes {
  display: none;
}

.site-listagem__linha .site-listagem__coluna--centro,
.site-listagem__linha .site-listagem__coluna--vencimento,
.site-listagem__linha .site-listagem__coluna--valor {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 0.3rem;
  margin-top: 0.3rem;
  border-top: 1px solid var(--site-borda);
}

.site-listagem__linha .site-listagem__coluna--vencimento,
.site-listagem__linha .site-listagem__coluna--valor {
  margin-top: 0;
}

.site-listagem__linha .site-listagem__coluna--centro::before,
.site-listagem__linha .site-listagem__coluna--vencimento::before,
.site-listagem__linha .site-listagem__coluna--valor::before {
  content: attr(data-rotulo);
  flex: none;
  font-size: 0.5rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--site-tinta-fraca);
}

.site-listagem__descricao {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site-listagem__parcela {
  flex: none;
  padding: 0.05rem 0.2rem;
  border-radius: 0.2rem;
  background: var(--site-acento-fraco);
  font-size: 0.4375rem;
  font-weight: 600;
  color: var(--site-tinta-fraca);
}

.site-listagem__atrasado {
  color: var(--site-vermelho);
  font-weight: 600;
}

@media (min-width: 62rem) {
  .site-listagem {
    display: block;
    border: 1px solid var(--site-borda-forte);
    border-radius: 0.25rem;
    background: var(--site-superficie);
    overflow: hidden;
  }

  .site-listagem__cabecalho,
  .site-listagem__linha {
    display: grid;
    grid-template-columns: 5% 10% 12% 30% 14% 8% 9% 8% 4%;
    grid-template-areas: none;
    align-items: center;
    gap: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
  }

  .site-listagem__cabecalho {
    display: grid;
    border-bottom: 1px solid var(--site-borda-forte);
    background: var(--site-fundo-alt);
    font-size: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--site-tinta-media);
  }

  html.dark .site-listagem__cabecalho {
    background: var(--color-grafite-claro);
  }

  .site-listagem__linha--par {
    background: var(--site-fundo-alt);
  }

  html.dark .site-listagem__linha--par {
    background: var(--color-grafite);
  }

  .site-listagem__linha:nth-child(n + 5) {
    display: grid;
  }

  .site-listagem__coluna {
    grid-area: auto;
    padding: 0.35rem 0.4rem;
  }

  .site-listagem__coluna--id,
  .site-listagem__coluna--status,
  .site-listagem__coluna--vencimento,
  .site-listagem__coluna--pagamento,
  .site-listagem__coluna--valor {
    text-align: center;
  }

  .site-listagem__coluna--id {
    font-size: inherit;
    letter-spacing: normal;
    text-transform: none;
    color: inherit;
  }

  .site-listagem__linha .site-listagem__coluna--id::before {
    content: none;
  }

  .site-listagem__coluna--status {
    justify-content: center;
  }

  .site-listagem__coluna--descricao {
    font-size: inherit;
    font-weight: 400;
    color: inherit;
  }

  .site-listagem__coluna--favorecido {
    color: inherit;
  }

  .site-listagem__coluna--pagamento,
  .site-listagem__coluna--acoes {
    display: block;
  }

  .site-listagem__coluna--acoes {
    display: flex;
    justify-content: flex-end;
  }

  .site-listagem__linha .site-listagem__coluna--centro,
  .site-listagem__linha .site-listagem__coluna--vencimento,
  .site-listagem__linha .site-listagem__coluna--valor {
    display: block;
    margin-top: 0;
    padding: 0.35rem 0.4rem;
    border-top: 0;
  }

  .site-listagem__linha .site-listagem__coluna--centro::before,
  .site-listagem__linha .site-listagem__coluna--vencimento::before,
  .site-listagem__linha .site-listagem__coluna--valor::before {
    content: none;
  }
}

.site-provas {
  padding-block: 3.5rem;
  border-block: 1px solid var(--site-borda);
  background: var(--site-fundo-alt);
}

.site-prova__numero {
  font-size: clamp(1.6rem, 3vw, 2.25rem);
  font-weight: 750;
  letter-spacing: -0.03em;
  color: var(--site-tinta);
}

.site-prova__texto {
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--site-tinta-fraca);
  max-width: 15rem;
}

.site-cartao {
  padding: 1.5rem;
  border: 1px solid var(--site-borda);
  border-radius: 0.5rem;
  background: var(--site-superficie);
  box-shadow: var(--site-sombra-cartao);
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.site-cartao:hover {
  border-color: color-mix(in srgb, var(--site-acento) 45%, var(--site-borda));
  transform: translateY(-2px);
  box-shadow: 0 16px 32px -22px rgba(15, 30, 55, 0.35);
}

.site-cartao__icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 0.375rem;
  background: var(--site-acento-fraco);
  color: var(--site-acento);
}

.site-cartao__titulo {
  margin-top: 1.1rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--site-tinta);
}

.site-cartao__texto {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.62;
  color: var(--site-tinta-fraca);
}

.site-destaques {
  display: grid;
  gap: 1rem;
  margin-top: 3rem;
}

@media (min-width: 62rem) {
  .site-destaques {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.site-cartao--destaque {
  display: flex;
  flex-direction: column;
}

.site-amostra {
  margin-top: 1.25rem;
  padding: 0.85rem;
  border: 1px solid var(--site-borda);
  border-radius: 0.375rem;
  background: var(--site-fundo-alt);
}

.site-cartao--destaque .site-amostra {
  margin-top: auto;
}

.site-matriz {
  display: grid;
  gap: 0.4rem;
  font-size: 0.6875rem;
}

.site-matriz__linha {
  display: grid;
  grid-template-columns: 1fr repeat(3, 2.9rem);
  align-items: center;
  gap: 0.35rem;
}

.site-matriz__acao {
  font-size: 0.5625rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--site-tinta-fraca);
  text-align: center;
}

.site-matriz__pessoa {
  font-weight: 600;
  color: var(--site-tinta-media);
}

.site-matriz__marca {
  height: 0.85rem;
  width: 0.85rem;
  margin-inline: auto;
  border-radius: 0.1875rem;
  border: 1px solid var(--site-borda-forte);
  background: var(--site-superficie);
}

.site-matriz__marca--ativa {
  border-color: transparent;
  background: var(--site-acento);
}

.site-eventos {
  display: grid;
  gap: 0.55rem;
  font-size: 0.6875rem;
}

.site-evento {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.site-evento__marca {
  height: 0.4rem;
  width: 0.4rem;
  flex: none;
  border-radius: 9999px;
  background: var(--site-acento);
}

.site-evento__campo {
  flex: none;
  font-weight: 600;
  color: var(--site-tinta-media);
}

.site-evento__de {
  margin-left: auto;
  color: var(--site-tinta-fraca);
  text-decoration: line-through;
}

.site-evento__seta {
  flex: none;
  color: var(--site-tinta-fraca);
}

.site-evento__para {
  flex: none;
  font-weight: 700;
  color: var(--site-tinta);
}

.site-equipe__avatares {
  display: flex;
  align-items: center;
}

.site-equipe__avatar {
  display: grid;
  place-items: center;
  height: 1.6rem;
  width: 1.6rem;
  margin-right: -0.4rem;
  border-radius: 9999px;
  border: 2px solid var(--site-fundo-alt);
  background: var(--site-acento);
  color: #fff;
  font-size: 0.5625rem;
  font-weight: 700;
}

.site-equipe__avatar--resto {
  background: var(--site-borda-forte);
  color: var(--site-tinta-media);
}

.site-equipe__resumo {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.7rem;
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--site-tinta);
}

.site-equipe__pulso {
  height: 0.4rem;
  width: 0.4rem;
  border-radius: 9999px;
  background: var(--site-verde);
}

.site-equipe__telas {
  display: grid;
  gap: 0.3rem;
  margin-top: 0.5rem;
  font-size: 0.625rem;
  color: var(--site-tinta-fraca);
}

.site-equipe__telas strong {
  font-weight: 700;
  color: var(--site-tinta-media);
}

.site-passos {
  display: grid;
  gap: 1rem;
  margin-top: 3rem;
  counter-reset: passo;
}

@media (min-width: 48rem) {
  .site-passos {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

.site-passo {
  position: relative;
  padding: 1.75rem 1.5rem;
  border: 1px solid var(--site-borda);
  border-radius: 0.5rem;
  background: var(--site-superficie);
  box-shadow: var(--site-sombra-cartao);
}

.site-passo__numero {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  background: var(--site-palco);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
}

html.dark .site-passo__numero {
  background: var(--site-acento);
  color: var(--color-grafite-escuro);
}

.site-passo__titulo {
  margin-top: 1rem;
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: -0.012em;
  color: var(--site-tinta);
}

.site-passo__texto {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.62;
  color: var(--site-tinta-fraca);
}

.site-ciclo {
  position: relative;
  display: flex;
  gap: 0.25rem;
  width: fit-content;
  margin: 2.5rem auto 0;
  padding: 0.25rem;
  border: 1px solid var(--site-borda);
  border-radius: 0.375rem;
  background: var(--site-fundo-alt);
}

.site-ciclo__opcao {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1.1rem;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--site-tinta-fraca);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.site-ciclo__opcao[aria-pressed="true"] {
  background: var(--site-superficie);
  color: var(--site-tinta);
  box-shadow: var(--site-sombra-cartao);
}

.site-ciclo__economia {
  padding: 0.1rem 0.35rem;
  border-radius: 0.25rem;
  background: color-mix(in srgb, var(--site-verde) 15%, transparent);
  color: var(--site-verde);
  font-size: 0.625rem;
  font-weight: 700;
}

.site-planos {
  display: grid;
  gap: 1.25rem;
  margin-top: 2.5rem;
  align-items: start;
}

@media (min-width: 64rem) {
  .site-planos {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.site-plano {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.75rem;
  border: 1px solid var(--site-borda);
  border-radius: 0.5rem;
  background: var(--site-superficie);
  box-shadow: var(--site-sombra-cartao);
}

.site-plano--destaque {
  border-color: color-mix(in srgb, var(--site-acento) 55%, transparent);
  box-shadow: 0 24px 50px -30px rgba(37, 99, 235, 0.55), var(--site-sombra-cartao);
}

@media (min-width: 64rem) {
  .site-plano--destaque {
    margin-block: -0.75rem;
    padding-block: 2.5rem;
  }
}

.site-plano__fita {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.25rem 0.7rem;
  border-radius: 0.25rem;
  background: var(--site-acento);
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

html.dark .site-plano__fita {
  color: var(--color-grafite-escuro);
}

.site-plano__nome {
  font-size: 1.125rem;
  font-weight: 750;
  letter-spacing: -0.01em;
  color: var(--site-tinta);
}

.site-plano__publico {
  margin-top: 0.4rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--site-tinta-fraca);
}

@media (min-width: 64rem) {
  .site-plano__publico {
    min-height: 2.75rem;
  }
}

.site-plano__preco {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  margin-top: 1.25rem;
}

.site-plano__valor {
  font-size: 2.5rem;
  font-weight: 780;
  letter-spacing: -0.035em;
  color: var(--site-tinta);
  font-variant-numeric: tabular-nums;
}

.site-plano__ciclo {
  font-size: 0.8125rem;
  color: var(--site-tinta-fraca);
}

.site-plano__cobranca {
  margin-top: 0.4rem;
  font-size: 0.75rem;
  color: var(--site-tinta-fraca);
}

@media (min-width: 64rem) {
  .site-plano__cobranca {
    min-height: 1.25rem;
  }
}

.site-plano__acao {
  width: 100%;
  margin-top: 1.5rem;
  height: 2.75rem;
}

.site-plano__lista {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--site-borda);
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--site-tinta-media);
}

.site-plano__lista li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}

.site-plano__tique {
  flex: none;
  height: 1rem;
  width: 1rem;
  margin-top: 0.15rem;
  color: var(--site-verde);
}

.site-plano__ausente {
  color: var(--site-tinta-fraca);
  text-decoration: line-through;
  text-decoration-color: var(--site-borda-forte);
}

.site-plano__traco {
  flex: none;
  height: 0.9rem;
  width: 0.9rem;
  margin-top: 0.15rem;
  background: currentColor;
  opacity: 0.4;
  clip-path: polygon(10% 45%, 90% 45%, 90% 55%, 10% 55%);
}

.site-planos__nota {
  max-width: 44rem;
  margin: 2rem auto 0;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.6;
  color: var(--site-tinta-fraca);
}

.site-comparacao {
  display: none;
  margin-top: 4rem;
}

@media (min-width: 48rem) {
  .site-comparacao {
    display: block;
  }
}

.site-comparacao__titulo {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--site-tinta);
}

.site-comparacao__rolagem {
  margin-top: 1.5rem;
  overflow-x: auto;
  border: 1px solid var(--site-borda);
  border-radius: 0.5rem;
  background: var(--site-superficie);
}

.site-tabela {
  width: 100%;
  min-width: 44rem;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

.site-tabela thead th {
  padding: 0.9rem 1rem;
  border-bottom: 1px solid var(--site-borda);
  background: var(--site-fundo-alt);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--site-tinta-media);
  text-align: center;
}

.site-tabela thead th:first-child {
  text-align: left;
}

.site-tabela tbody th {
  padding: 0.8rem 1rem;
  font-weight: 500;
  text-align: left;
  color: var(--site-tinta-media);
}

.site-tabela tbody td {
  position: relative;
  padding: 0.8rem 1rem;
  text-align: center;
  color: var(--site-tinta);
}

.site-tabela tbody tr + tr th,
.site-tabela tbody tr + tr td {
  border-top: 1px solid var(--site-borda);
}

.site-tabela__coluna--destaque {
  background: var(--site-acento-fraco);
}

.site-tabela__tique {
  display: inline-block;
  height: 1rem;
  width: 1rem;
  color: var(--site-verde);
  vertical-align: -0.15rem;
}

.site-tabela__traco {
  display: inline-block;
  height: 0.9rem;
  width: 0.9rem;
  background: var(--site-tinta-fraca);
  opacity: 0.4;
  clip-path: polygon(10% 45%, 90% 45%, 90% 55%, 10% 55%);
}

.site-pergunta {
  border: 1px solid var(--site-borda);
  border-radius: 0.375rem;
  background: var(--site-superficie);
  overflow: hidden;
}

.site-pergunta[open] {
  border-color: color-mix(in srgb, var(--site-acento) 40%, var(--site-borda));
}

.site-pergunta__titulo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--site-tinta);
  cursor: pointer;
  list-style: none;
}

.site-pergunta__titulo::-webkit-details-marker {
  display: none;
}

.site-pergunta__marca {
  display: grid;
  place-items: center;
  flex: none;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  background: var(--site-acento-fraco);
  color: var(--site-acento);
}

.site-pergunta__sinal {
  height: 0.65rem;
  width: 0.65rem;
  transition: transform 0.25s ease;
}

.site-pergunta[open] .site-pergunta__sinal {
  transform: rotate(45deg);
}

.site-pergunta::details-content {
  block-size: 0;
  overflow: hidden;
  transition:
    block-size 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    content-visibility 0.28s allow-discrete;
}

.site-pergunta[open]::details-content {
  block-size: auto;
}

.site-pergunta__texto {
  padding: 0 1.25rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--site-tinta-fraca);
}

@media (prefers-reduced-motion: reduce) {
  .site-pergunta::details-content,
  .site-pergunta__sinal {
    transition: none;
  }
}

.site-chamada {
  position: relative;
  overflow: hidden;
  padding-block: 5rem;
  background: linear-gradient(150deg, var(--site-palco) 30%, var(--site-palco-alt) 130%);
}

.site-chamada__cena {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.site-chamada__cena svg {
  height: 100%;
  width: 100%;
}

.site-chamada__cena path {
  fill: none;
  stroke: rgba(158, 198, 255, 0.16);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.site-chamada::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 60% at 50% 0%, rgba(55, 108, 188, 0.35), transparent 70%);
}

.site-chamada__titulo {
  font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  font-weight: 780;
  line-height: 1.14;
  letter-spacing: -0.025em;
  color: #fff;
}

.site-chamada__texto {
  margin: 1rem auto 0;
  max-width: 34rem;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--site-palco-tinta-fraca);
}

.site-rodape {
  padding-block: 3.5rem 2rem;
  border-top: 1px solid var(--site-borda);
  background: var(--site-fundo);
}

.site-rodape__frase {
  margin-top: 0.9rem;
  max-width: 22rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--site-tinta-fraca);
}

.site-rodape__titulo {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--site-tinta);
}

.site-rodape__lista {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 1rem;
  font-size: 0.875rem;
  color: var(--site-tinta-fraca);
}

.site-rodape__lista a:hover {
  color: var(--site-acento);
}

.site-rodape__base {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--site-borda);
  font-size: 0.75rem;
  color: var(--site-tinta-fraca);
}

@media (min-width: 48rem) {
  .site-rodape__base {
    flex-direction: row;
    justify-content: space-between;
  }
}

.site-revelar {
  opacity: 0;
}

.site-revelado {
  animation: site-revela 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes site-revela {
  from { opacity: 0; transform: translateY(1.25rem); }
  to { opacity: 1; transform: none; }
}

@keyframes site-sobe {
  from { opacity: 0; transform: translateY(0.9rem); }
  to { opacity: 1; transform: none; }
}

@keyframes site-vitrine-entra {
  from { opacity: 0; transform: translateY(2.5rem) scale(0.985); }
  to { opacity: 1; transform: none; }
}

@keyframes site-contorno {
  to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .site-revelar,
  .site-revelado {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .site-hero__linha {
    stroke-dashoffset: 0;
    animation: none;
  }

  .site-hero__titulo,
  .site-hero__resumo,
  .site-hero .site-botao,
  .site-janela {
    opacity: 1;
    transform: none;
    animation: none;
  }
}