/* ================================================================
   O fecho da home, na página técnica (2026-10-20)
   ----------------------------------------------------------------
   Pedido da Marcela: o final da página técnica igual ao da home. As
   regras abaixo são as mesmas que o css/style.css aplica ao <footer
   class="fecho"> da home (seletores com fecho, fr-links, cta, caps),
   extraídas na ordem do arquivo para a cascata dar o mesmo resultado.
   As variáveis da home valem só dentro do fecho, para não mexer no
   resto da página. Canais de cor e fontes vêm do /css/tokens.css.
   Sem o GSAP da home, o fundo fica parado (lá ele desliza na rolagem).
   Ao mudar o fecho da home, gerar este arquivo de novo.
   ================================================================ */
.fecho {
  --fs-micro: 0.6875rem;
  --ls-caixa-alta: 0.14em;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --terracota: rgb(140, 69, 28);
  --quase-preto: rgb(38, 38, 38);
  --off-white: rgb(252, 251, 249);
  --s5: 64px;
  --margem: clamp(24px, 5vw, 80px);
  --s3: 24px;
  --s4: 40px;
  --t-rapido: 400ms;
  --fs-ficha: 0.75rem;
  --s2: 16px;
  --greige: rgb(217, 210, 197);
  --s1: 8px;
  --claro-sec: rgba(252, 251, 249, 0.55);
  --font-serif: 'Cabinet Grotesk', 'Inter', -apple-system, sans-serif;
  --fs-d3: clamp(1.75rem, 3.6vw, 3.25rem);
  --lh-display: 1.06;
  --fs-d2: clamp(2rem, 4.4vw, 4rem);
  --ls-display: -0.005em;
  --id-rotulo: 0.75rem;
  --id-entre: 0.14em;
  --id-esp-l: clamp(32px, 2.8vw, 40px);
  --id-alvo: 48px;
  --id-icone: 14px;
  --id-esp-xl: clamp(64px, 6.2vw, 96px);
  --id-cartao: 440px;
  --id-esp-m: clamp(24px, 2.2vw, 32px);
  --id-esp-s: clamp(16px, 1.6vw, 24px);
  --id-fio: 1px;
  --id-t-hover: 200ms;
  --id-t-toque: 140ms;
  --t-padrao: 700ms;
}

.caps {font-size: var(--fs-micro);
  text-transform: uppercase;
  letter-spacing: var(--ls-caixa-alta);}
.link-seta .caps, .cv-entrada-rotulo {transition: color 0.6s var(--ease);}

@media (hover: hover) and (pointer: fine) {
  .link-seta:hover .caps {color: var(--terracota);}
}

.fecho {position: relative;
  height: 100vh; height: 100svh;
  height: 100svh;
  overflow: hidden;
  background: var(--quase-preto);
  color: var(--off-white);}
.fecho-fundo {position: absolute; inset: -12% 0; z-index: 0;}
.fecho-fundo picture, .fecho-fundo img {display: block; width: 100%; height: 100%; object-fit: cover;}
.fecho-veu {position: absolute; inset: 0; background: rgba(18, 18, 18, 0.72);}
.fecho-interno {position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--s5) var(--margem);
  will-change: transform;}
.fecho-cartao {width: min(400px, 100%);
  padding: var(--s3) var(--s4) var(--s4);
  background: rgba(24, 24, 24, 0.84);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(var(--papel), 0.16);}
.fecho-rotulo {display: block; color: rgba(var(--papel), 0.5); margin-bottom: var(--s3);}
.fecho-menu {display: grid; gap: 0; margin-bottom: var(--s3);}
.fecho-menu a {font-family: var(--font-display);
  font-size: clamp(1.375rem, 2vw, 1.625rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.02em;
  width: fit-content;
  color: rgba(var(--papel), 0.92);
  transition: color var(--t-rapido) ease-in-out, transform var(--t-rapido) var(--ease);}
@media (hover: hover) and (pointer: fine) { .fecho-menu a:hover {color: var(--off-white); transform: translateX(6px);} }
.fecho-dados {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s3);
  padding-bottom: var(--s3);
  font-size: var(--fs-ficha);
  line-height: 1.6;
  color: rgba(var(--papel), 0.55);}
.fecho-dados a {color: rgba(var(--papel), 0.88); transition: color var(--t-rapido) ease-in-out;}

@media (hover: hover) and (pointer: fine) {
  .fecho-dados a:hover {color: var(--off-white); text-decoration: underline; text-underline-offset: 3px;}
}

.fecho-botao {display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s2);
  height: 48px;
  background: var(--off-white);
  color: var(--quase-preto);
  transition: transform 160ms ease-out, background-color var(--t-rapido) ease-in-out;}
.fecho-botao .cf-seta {opacity: 0.6; transition: transform var(--t-rapido) var(--ease);}

@media (hover: hover) and (pointer: fine) {
  .fecho-botao:hover {background: var(--greige);}
}


@media (hover: hover) and (pointer: fine) {
  .fecho-botao:hover .cf-seta {transform: translate(2px, -2px);}
}

.fecho-botao:active {transform: scale(0.98);}
.fecho-barra {position: absolute;
  left: var(--margem);
  right: var(--margem);
  bottom: var(--s3);
  z-index: 3;
  display: flex;
  justify-content: space-between;
  gap: var(--s3);
  font-size: var(--fs-micro);
  text-transform: uppercase;
  letter-spacing: var(--ls-caixa-alta);
  color: rgba(var(--papel), 0.45);}
@media (max-width: 768px) { .fecho-interno {padding: var(--s4) var(--margem);} }
@media (max-width: 768px) { .fecho-barra {flex-direction: column; gap: var(--s1);} }
@media (max-width: 480px) { .fecho-barra {bottom: calc(56px + var(--s2));} }
@media (max-width: 480px) { .fecho-cartao {padding: var(--s3);} }
@media (prefers-reduced-motion: reduce) { .fecho-interno, .fecho-fundo {transform: none !important;} }
.fecho {height: auto;
  aspect-ratio: 1440 / 774;
  min-height: 560px;
  max-height: none;}
.fecho-veu {background: rgba(var(--tinta), 0.35);}
.fecho-cartao {width: min(377px, 90vw);
  min-height: clamp(360px, 29.4vw, 424px);
  background: rgba(var(--tinta), 0.96);}
.fecho-interno {align-items: flex-start; padding-top: clamp(48px, 13.1vw, 189px);}
.fecho-barra {left: 0; right: 0;
  width: 100%;
  padding-inline: clamp(24px, 5.55vw, 80px);
  top: auto;
  bottom: clamp(16px, 1.3vw, 19px);}
@media (max-width: 760px) { .fecho {aspect-ratio: 3 / 4;} }
.fecho-interno {justify-content: flex-start; align-content: flex-start;}
.fecho-cartao {margin-top: clamp(24px, 13.1vw, 189px);}
.fecho-interno {justify-content: center; align-items: flex-start;}
.fecho-cartao {position: relative;
  display: block;
  overflow: hidden;                     
  padding: clamp(32px, 4.2vw, 60px) 0 clamp(28px, 3.2vw, 46px);}
.fecho-coluna {position: relative;
  z-index: 2;
  padding-inline: clamp(24px, 2.6vw, 37px);}
.fecho-rotulo {margin: 0 0 clamp(20px, 2.5vw, 36px); color: rgba(var(--papel), 0.45);}
.fecho-dados {list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(2px, 0.4vw, 6px);}
.fecho-dados li {font-size: clamp(0.875rem, 1.1vw, 1rem); line-height: 1.375;}
.fecho-dados .fecho-prazo {color: rgba(var(--papel), 0.55); margin-bottom: 0.5em;}
.fecho-dados a, .fecho-dados span {color: rgba(var(--papel), 0.78); text-decoration: none;}

.fecho-dados a:focus-visible {color: var(--off-white);}
@media (hover: hover) and (pointer: fine) {
  .fecho-dados a:hover {color: var(--off-white);}
}

.fecho-menu {position: absolute;
  top: clamp(32px, 4.2vw, 60px);
  left: clamp(120px, 13.5vw, 195px);
  right: 0;
  display: flex;
  flex-direction: column;
  z-index: 1;
  pointer-events: auto;}
.fecho-menu a {font-family: var(--font);
  font-weight: 500;
  font-size: clamp(2rem, 3.9vw, 3.5rem);
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: rgba(var(--papel), 0.5);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--t-rapido) var(--ease);}
.fecho-menu a.-forte {color: var(--off-white);}

.fecho-menu a:focus-visible {color: var(--off-white);}
@media (hover: hover) and (pointer: fine) {
  .fecho-menu a:hover {color: var(--off-white);}
}

.fecho-botao {position: absolute;
  left: clamp(24px, 3.3vw, 47px);
  right: clamp(24px, 3.3vw, 47px);
  bottom: clamp(24px, 3.2vw, 46px);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s2);
  min-height: 43px;
  padding-inline: clamp(16px, 2vw, 28px);
  background: var(--off-white);
  color: var(--quase-preto);
  text-decoration: none;}
.fecho-botao svg {width: 12px; height: 12px; flex: none;}
.fecho-botao span {white-space: nowrap;}
.fecho-botao {padding-inline: clamp(12px, 1.5vw, 21px);}
.fecho-rotulo {margin-bottom: clamp(12px, 1.2vw, 17px);}
.fecho-cartao {width: 377px;
  height: 424px;
  min-height: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: rgba(var(--tinta), 0.96);}
.fecho-coluna {display: contents;}
.fecho-cartao .fecho-rotulo {position: absolute;
  left: 38px; top: 54px;
  margin: 0;
  font-size: 11px;
  line-height: 1.8;
  letter-spacing: 0.14em;
  color: rgba(var(--papel), 0.45);
  z-index: 2;}
.fecho-cartao .fecho-dados {position: absolute;
  left: 38px; top: 89px;
  width: 124px;
  gap: 0;
  z-index: 2;}
.fecho-cartao .fecho-dados li {font-size: 13px; line-height: 1.7;}
.fecho-cartao .fecho-menu {position: absolute;
  left: 189px; top: 41px;
  width: 364px;
  z-index: 1;}
.fecho-cartao .fecho-menu a {font-family: var(--font-display);
  font-weight: 500;
  font-size: 86px;
  line-height: 89px;
  letter-spacing: -0.02em;}
.fecho-cartao .fecho-botao {position: absolute;
  left: 48px; top: 336px; right: auto; bottom: auto;
  width: 281px;
  height: 46px;
  min-height: 0;
  padding-inline: 24px;
  z-index: 3;}
.fecho-cartao .fecho-botao span {font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;}
.fecho-cartao .fecho-botao svg {width: 16px; height: 16px;}
@media (max-width: 460px) { .fecho-cartao {transform: scale(0.82); transform-origin: top center;} }
.fecho-cartao .fecho-menu a.-forte {color: rgba(var(--papel), 0.5);}

.fecho-cartao .fecho-menu a:focus-visible {color: var(--off-white);}
@media (hover: hover) and (pointer: fine) {
  .fecho-cartao .fecho-menu a:hover {color: var(--off-white);}
}

.processo-rotulo,
.fecho-rotulo,
.fecho-cartao .fecho-rotulo,
.fecho-barra,
.menu-pe,
.pj-proximo-rotulo,
.pj-proximo-barra a {color: var(--claro-sec);}
.fecho {aspect-ratio: auto;
  height: clamp(560px, 53.75vw, 900px);
  min-height: 0;}
@media (max-width: 760px) { .fecho {height: max(640px, 150vw);} }
.fecho-cartao {width: min(560px, 100%);
  height: auto; min-height: 0;
  padding: clamp(28px, 3.2vw, 46px);
  display: flex; flex-direction: column; gap: 0;
  transform: none;
  overflow: visible;}
.fecho-cartao .fecho-rotulo,
.fecho-cartao .fecho-dados,
.fecho-cartao .fecho-botao {position: static; left: auto; top: auto; right: auto; bottom: auto;
  width: auto; height: auto;}
.fecho-cartao .fecho-rotulo {margin: 0 0 clamp(20px, 2.6vw, 36px);}
.fecho-chamada {font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(2rem, 3.6vw, 3.25rem);
  line-height: 1.06;
  color: var(--off-white);
  margin: 0 0 clamp(24px, 3vw, 40px);
  text-wrap: pretty;}
.fecho-chamada em {font-style: italic; color: var(--greige);}
.fecho-cartao .fecho-dados {display: flex; flex-wrap: wrap; gap: 8px var(--s3);
  margin: 0 0 clamp(24px, 3vw, 40px);}
.fecho-cartao .fecho-dados li {font-size: 0.8125rem; line-height: 1.5;}
.fecho-cartao .fecho-dados a {color: rgba(var(--papel), 0.85);}

@media (hover: hover) and (pointer: fine) {
  .fecho-cartao .fecho-dados a:hover {color: var(--off-white); text-decoration: underline; text-underline-offset: 3px;}
}

.fecho-cartao .fecho-botao {min-height: 48px; padding-inline: 20px;
  justify-content: space-between;}
.fecho-cartao .fecho-botao span {font-size: 0.6875rem; letter-spacing: var(--ls-caixa-alta);}
.fecho-interno {padding-top: 0; align-items: center;}
.fecho-cartao {margin-top: 0;}
@media (max-width: 760px) { .fecho-interno {padding-inline: var(--margem);} }
@media (max-width: 760px) { .fecho-barra {bottom: var(--s3);} }
@media (max-width: 460px) { .fecho-cartao {transform: none;} }
.fecho-cartao .fecho-botao, .menu-botao {justify-content: space-between; gap: 14px;}
@media (max-width: 420px) { .fecho-cartao .fecho-botao span, .menu-botao span {white-space: normal; text-align: left; line-height: 1.4;} }
@media (max-width: 420px) { .fecho-cartao .fecho-botao {padding-block: 12px;} }
.sobre :focus-visible, .processo :focus-visible, .menu :focus-visible,
.fecho :focus-visible, .pj-proximo :focus-visible,
.header:not(.is-dark) :focus-visible {outline-color: var(--off-white);}
.pj-proximo + .fecho {border-top: 1px solid rgba(var(--papel), 0.12);}
.fecho-chamada {font-size: var(--fs-d3); line-height: var(--lh-display);}
.hero-frase h1, .pj-nome, .passo-num,
.sobre-frase, .pj-sobre .sobre-frase, .processo-frase, .convite-frase,
.antes-frase, .pj-proximo-nome, .fecho-chamada, .indice-nome, .menu-lista a {font-weight: 500;              
  letter-spacing: -0.02em;}
.fecho {position: relative;
  height: 200vh; height: 200svh;
  aspect-ratio: auto;
  min-height: 0; max-height: none;
  background: var(--quase-preto);
  color: var(--off-white);
  overflow: clip;}
.fecho-cena {position: sticky; top: 0;
  height: 100vh; height: 100svh;
  overflow: hidden;}
.fecho-fundo {position: absolute; inset: 0;
  z-index: 0;
  transform: scale(0.55);
  transform-origin: center;
  will-change: transform;}
.fecho-fundo picture, .fecho-fundo img {display: block; width: 100%; height: 100%; object-fit: cover;}
.fecho-veu {position: absolute; inset: 0; background: rgba(var(--tinta), 0.45);}
.fecho-interno {position: absolute; inset: 0;
  z-index: 2;
  display: grid; align-content: center;
  gap: clamp(32px, 5vw, 72px);
  padding: 0 clamp(24px, 5.55vw, 80px);
  transform: none;}
.fecho-rotulo {margin: 0; color: var(--claro-sec);}
.fecho-linha {display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(32px, 6vw, 96px);}
.fecho-chamada {margin: 0;
  max-width: 14ch;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--fs-d2);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
  color: var(--off-white);
  text-wrap: balance;}
.fecho-chamada em {font-style: italic; color: var(--greige);}
.fecho-lado {display: grid; gap: clamp(20px, 2.4vw, 32px); justify-items: end;}
.fecho-dados {list-style: none; margin: 0; padding: 0;
  display: grid; gap: 6px; justify-items: end;
  text-align: right;
  font-size: 0.875rem; line-height: 1.5;}
.fecho-dados a {color: rgba(var(--papel), 0.85); text-decoration: none;}

.fecho-dados a:focus-visible {color: var(--off-white); text-decoration: underline; text-underline-offset: 3px;}
@media (hover: hover) and (pointer: fine) {
  .fecho-dados a:hover {color: var(--off-white); text-decoration: underline; text-underline-offset: 3px;}
}

.fecho-botao {position: static;
  display: inline-flex; align-items: center; gap: 14px;
  width: auto; height: auto; min-height: 48px;
  padding: 0 20px;
  background: var(--off-white); color: var(--quase-preto);}
.fecho-barra {position: absolute; left: clamp(24px, 5.55vw, 80px); right: clamp(24px, 5.55vw, 80px);
  bottom: clamp(16px, 2vw, 28px); top: auto;
  z-index: 3;
  display: flex; justify-content: space-between; gap: var(--s3);
  color: var(--claro-sec);}
@media (max-width: 860px) { .fecho-linha {grid-template-columns: 1fr; align-items: start;} }
@media (max-width: 860px) { .fecho-lado {justify-items: start;} }
@media (max-width: 860px) { .fecho-dados {justify-items: start; text-align: left;} }
@media (max-width: 860px) { .fecho-chamada {max-width: none;} }
@media (prefers-reduced-motion: reduce) { .fecho {height: auto; min-height: 100svh;} }
@media (prefers-reduced-motion: reduce) { .fecho-cena {position: static; height: auto; min-height: 100svh;} }
@media (prefers-reduced-motion: reduce) { .fecho-fundo {transform: none;} }
.fecho-dados {grid-template-columns: 1fr; padding-bottom: 0;}
.fecho-veu {background: rgba(var(--tinta), 0.22);}
.fecho-sombra {position: absolute; inset: 0; z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,
    rgba(var(--tinta), 0.55) 0%,
    rgba(var(--tinta), 0.10) 26%,
    rgba(var(--tinta), 0.35) 62%,
    rgba(var(--tinta), 0.88) 100%);}
.fecho-interno {align-content: space-between;
  
  justify-content: stretch; justify-items: stretch; align-items: stretch;
  
  padding-inline: clamp(24px, 5.55vw, 80px);
  padding-block: clamp(28px, 4vw, 56px) clamp(96px, 10vw, 140px);}
.fecho-rotulo {color: rgba(var(--papel), 0.75);}
.fecho-linha {align-items: end;}
.fecho-chamada {max-width: 16ch; text-shadow: 0 1px 24px rgba(var(--tinta), 0.35);}
.fecho-dados {font-size: 0.9375rem; text-shadow: 0 1px 18px rgba(var(--tinta), 0.6);}
.fecho-dados a {color: var(--off-white);}
.fecho-barra {width: auto; padding-inline: 0; bottom: clamp(16px, 2vw, 28px);}
@media (max-width: 860px) { .fecho-interno {gap: clamp(24px, 6vw, 40px); padding-bottom: clamp(112px, 26vw, 140px);} }
.cta {display: inline-flex; align-items: center; gap: clamp(12px, 1.2vw, 18px);
  padding: 7px 7px 7px clamp(18px, 1.8vw, 26px);
  border-radius: 999px; text-decoration: none;
  font-weight: 500;
  transition: background-color var(--t-rapido) var(--ease), color var(--t-rapido) var(--ease);}
.cta-rot {font-size: 0.75rem; letter-spacing: 0.06em; white-space: nowrap;}
.cta-seta {display: grid; place-items: center; flex: none;
  width: 38px; height: 38px; border-radius: 999px;
  transition: transform var(--t-rapido) var(--ease);}
.cta-seta svg {width: 16px; height: 16px;}

.cta:focus-visible .cta-seta {transform: translateX(3px);}
@media (hover: hover) and (pointer: fine) {
  .cta:hover .cta-seta {transform: translateX(3px);}
}

.cta.-escuro {background: var(--quase-preto); color: var(--off-white);}
.cta.-escuro .cta-seta {background: var(--off-white); color: var(--quase-preto);}

@media (hover: hover) and (pointer: fine) {
  .cta.-escuro:hover {background: #111;}
}

.cta.-claro {background: var(--off-white); color: var(--quase-preto);}
.cta.-claro .cta-seta {background: var(--quase-preto); color: var(--off-white);}

@media (hover: hover) and (pointer: fine) {
  .cta.-claro:hover {background: var(--greige);}
}

.fecho-linha {grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); align-items: end;}
.fecho-esq {display: grid; gap: clamp(14px, 1.6vw, 22px);}
.fecho-chamada {max-width: 16ch; font-size: clamp(1.75rem, 3.6vw, 3.25rem);}
.fecho-prazo {margin: 0; max-width: 42ch; color: rgba(var(--papel), 0.78); font-size: 0.9375rem; line-height: 1.55;}
.fecho-lado {gap: clamp(16px, 2vw, 26px);}
.fecho-dados {font-size: 0.9375rem;}
@media (max-width: 860px) { .fecho-linha {grid-template-columns: 1fr; align-items: start;} }
@media (max-width: 860px) { .fecho-chamada, .fecho-prazo {max-width: none;} }
.fecho {height: auto; min-height: 0; overflow: visible;}
.fecho-palco {position: relative; overflow: clip; height: 130vh; height: 130svh;}
@media (prefers-reduced-motion: reduce) { .fecho-palco {height: auto; min-height: 100svh;} }
.fecho-rodape {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: clamp(12px, 2vw, 28px);
  padding: clamp(20px, 2.4vw, 32px) var(--margem);
  background: var(--quase-preto); color: var(--claro-sec);
  border-top: 1px solid rgba(var(--papel), 0.14);
  font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase;}
.fr-links {display: flex; flex-wrap: wrap; gap: clamp(14px, 2vw, 28px);}
.fr-links a {color: inherit; text-decoration: none;}

@media (hover: hover) and (pointer: fine) {
  .fr-links a:hover {color: var(--off-white);}
}

.menu-contatos a, .fecho-dados a, .fr-links a {position: relative;}
.menu-contatos a::after,
.fecho-dados a::after,
.fr-links a::after {content: ""; position: absolute;
  left: 0; right: 0; top: 50%;
  height: 24px; transform: translateY(-50%);}
.sobre-rotulo,
.dif-rotulo,
.prj-rotulo,
.processo-rotulo,
.convite-rotulo,
.fecho-rotulo {font-size: var(--id-rotulo);
  letter-spacing: var(--id-entre);}
.cta {gap: var(--id-esp-l);
  min-height: var(--id-alvo);
  padding: 0 calc(var(--s3) - 4px) 0 var(--s3); 
  border-radius: 0;
  font-weight: 400;}
.cta-rot {font-size: 0.6875rem; letter-spacing: var(--id-entre);}
.cta-seta {width: auto; height: auto;
  border-radius: 0;
  background: none !important;
  color: inherit !important;}
.cta-seta svg {width: var(--id-icone); height: var(--id-icone); transform: rotate(-45deg); transition: transform var(--t-rapido) var(--ease);}

.cta:focus-visible .cta-seta {transform: none;}
@media (hover: hover) and (pointer: fine) {
  .cta:hover .cta-seta {transform: none;}
}


.cta:focus-visible .cta-seta svg {transform: rotate(-45deg) translateX(3px);}
@media (hover: hover) and (pointer: fine) {
  .cta:hover .cta-seta svg {transform: rotate(-45deg) translateX(3px);}
}


@media (hover: hover) and (pointer: fine) {
  .cta.-escuro:hover {background: rgb(var(--terra));}
}


@media (hover: hover) and (pointer: fine) {
  .cta.-claro:hover {background: var(--greige);}
}

.sobre .cta.-escuro {background: var(--off-white); color: var(--quase-preto);}

@media (hover: hover) and (pointer: fine) {
  .sobre .cta.-escuro:hover {background: var(--greige);}
}

.fecho-sombra {background: rgba(var(--tinta), 0.18);}
.fecho-interno {align-content: center; justify-content: center; justify-items: center;
  gap: 0;
  padding: var(--id-esp-xl) var(--margem);}
.fecho-interno > * {width: min(var(--id-cartao), 100%);}
.fecho-rotulo {margin: 0;
  padding: var(--id-esp-l) var(--id-esp-l) 0;
  background: rgba(var(--tinta), 0.94);
  color: rgba(var(--papel), 0.5);}
.fecho-linha {display: grid; grid-template-columns: 1fr;
  align-items: start; gap: var(--id-esp-l);
  padding: var(--id-esp-m) var(--id-esp-l) var(--id-esp-l);
  background: rgba(var(--tinta), 0.94);}
.fecho-esq {gap: var(--id-esp-s);}
.fecho-chamada {max-width: none;
  font-size: clamp(1.5rem, 2.3vw, 2rem); line-height: 1.12;
  letter-spacing: -0.025em; text-shadow: none;}
.fecho-chamada em {font-style: normal; color: inherit;
  text-decoration: underline; text-decoration-thickness: var(--id-fio); text-underline-offset: 0.16em;}
.fecho-prazo {max-width: none; color: rgba(var(--papel), 0.66); font-size: 0.875rem; line-height: 1.6;}
.fecho-lado {justify-items: stretch; gap: var(--id-esp-m);}
.fecho-dados {justify-self: stretch;
  justify-items: start; text-align: left;
  gap: calc(var(--s1) / 2); padding-top: var(--id-esp-s);
  border-top: var(--id-fio) solid rgba(var(--papel), 0.14);
  font-size: 0.875rem; text-shadow: none;}
.fecho-dados a {color: var(--off-white);}
.fecho-lado .cta {width: 100%; justify-content: space-between;}
.fecho-rodape {letter-spacing: var(--id-entre);}
@media (max-width: 860px) { .fecho-interno > * {width: 100%;} }
@media (prefers-reduced-motion: no-preference) { .fecho {view-timeline: --fecho block;} }
@media (prefers-reduced-motion: no-preference) { .fecho-interno {animation: id-cartao-entra linear both;
      animation-timeline: --fecho;
      animation-range: cover 41% cover 54%;} }
.cta,
.processo-seta {transition: background-color var(--id-t-hover) ease, color var(--id-t-hover) ease,
              border-color var(--id-t-hover) ease, transform var(--id-t-toque) var(--ease);}
.cta:active,
.processo-seta:active {transform: scale(0.97);}
.cta-seta svg {transition: transform var(--id-t-hover) var(--ease);}
@media not ((hover: hover) and (pointer: fine)) { .cta:hover .cta-seta svg {transform: rotate(-45deg);} }
@media (prefers-reduced-motion: reduce) { .cta:active, .processo-seta:active {transform: none;} }
@media (prefers-reduced-motion: reduce) { 
.cta:focus-visible .cta-seta svg {transform: rotate(-45deg);}
@media (hover: hover) and (pointer: fine) {
  .cta:hover .cta-seta svg {transform: rotate(-45deg);}
}
 }
.cta, .processo-seta, .menu-abre, .menu-fecha, .hp-item, .header-fala {-webkit-user-select: none; user-select: none;
  -webkit-touch-callout: none;}
@media not ((hover: hover) and (pointer: fine)) { .cta.-escuro:hover {background: var(--quase-preto);} }
@media not ((hover: hover) and (pointer: fine)) { .cta.-claro:hover,
  .sobre .cta.-escuro:hover {background: var(--off-white);} }
@media not ((hover: hover) and (pointer: fine)) { .fecho-dados a:hover, .fr-links a:hover {text-decoration: none;} }
@media (min-width: 861px) { .fecho {--id-cartao: 720px;} }
@media (min-width: 861px) { .fecho-rotulo {padding: 48px 48px 0;} }
@media (min-width: 861px) { .fecho-linha {grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch; column-gap: 56px;
    padding: var(--id-esp-s) 48px 48px;} }
@media (min-width: 861px) { .fecho-lado {align-content: center;
    padding-left: 56px;
    border-left: var(--id-fio) solid rgba(var(--papel), 0.14);} }
@media (min-width: 861px) { .fecho-dados {border-top: 0; padding-top: 0;} }
@media (min-width: 861px) { .fecho-lado .cta {width: auto; min-width: 266px;} }
.fr-links, .fecho-rodape > span:not(:first-child) {display: none;}

.cta, .cta.-escuro, .cta.-claro, .sobre .cta.-escuro {background: transparent;}
@media (hover: hover) and (pointer: fine) {
  .cta.-escuro:hover, .cta.-claro:hover, .sobre .cta.-escuro:hover {background: transparent;}
}

.cta {position: relative;
  gap: var(--id-esp-m, 16px);
  min-height: var(--id-alvo, 44px);
  padding: 0 2px 0 0;
  isolation: isolate;}
.cta.-escuro {color: var(--quase-preto);}
.cta.-claro, .sobre .cta.-escuro {color: var(--off-white);}
.cta::before, .cta::after {content: ""; position: absolute; left: 0; right: 0; bottom: 8px; height: 1px;
  background: currentColor; pointer-events: none;}
.cta::before {opacity: 0.3;}
.cta::after {transform: scaleX(0); transform-origin: right center;
  transition: transform var(--t-padrao, 700ms) var(--ease);}

.cta:focus-visible::after {transform: scaleX(1); transform-origin: left center;}
@media (hover: hover) and (pointer: fine) {
  .cta:hover::after {transform: scaleX(1); transform-origin: left center;}
}

.cta:focus-visible {outline-offset: 6px;}
.sobre-rotulo, .dif-rotulo, .prj-rotulo, .pr-rotulo,
.convite-rotulo, .fecho-rotulo, .rotulo-secao, .pj-proximo-rotulo {display: flex; align-items: center; gap: 12px;}
.sobre-rotulo::before, .dif-rotulo::before, .prj-rotulo::before, .pr-rotulo::before,
.convite-rotulo::before, .fecho-rotulo::before, .rotulo-secao::before, .pj-proximo-rotulo::before {content: ""; flex: none; width: 24px; height: 1px;
  background: currentColor; opacity: 0.6;}
.prj-num, .prj-ano, .pr-num, .prc-num, .prc-marca, .dif-num, .pjc-conta,
.fecho-rodape, time {font-variant-numeric: tabular-nums lining-nums;}
@media not ((hover: hover) and (pointer: fine)) { .cta:hover::after, .pr-tocar:hover::after {transform: scaleX(0);} }
@media (prefers-reduced-motion: reduce) { .cta::after, .pr-tocar::after {transition: none;} }