/* Transição: fade + slide esquerda → direita (500ms) — fundo igual ao index (#121717) */

html,
body {
  background-color: #121717;
}

html.pt-exit-ltr,
html.pt-enter-ltr,
html.page-transition-enter {
  overflow: hidden;
  background-color: #121717;
}

.page-wrapper,
.pt-page-shell {
  transition:
    transform 250ms cubic-bezier(0.7, 0, 0.3, 1),
    opacity 250ms cubic-bezier(0.7, 0, 0.3, 1);
  will-change: transform, opacity;
}

/* Saída: desliza para a direita e some */
html.pt-exit-ltr .page-wrapper,
html.pt-exit-ltr .pt-page-shell {
  transform: translate3d(14vw, 0, 0);
  opacity: 0;
}

/* Na home, esconder UI fixa fora do .page-wrapper (evita “buraco” antes da troca) */
html.pt-exit-ltr .lgpd-consent-banner,
html.pt-exit-ltr .nxwhats_content,
html.pt-exit-ltr #projectModal {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 200ms cubic-bezier(0.7, 0, 0.3, 1);
}

/* Entrada: começa à esquerda e entra (igual nos dois sentidos) */
html.page-transition-enter .page-wrapper,
html.page-transition-enter .pt-page-shell {
  transform: translate3d(-14vw, 0, 0);
  opacity: 0;
}

html.pt-enter-ltr .page-wrapper,
html.pt-enter-ltr .pt-page-shell {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.footer-logo-link {
  display: block;
  width: 15rem;
  max-width: none;
  align-self: flex-start;
  margin-left: 0 !important;
  margin-right: auto;
  cursor: pointer;
  text-decoration: none;
}

.footer-logo-link .footer-logo {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  .page-wrapper,
  .pt-page-shell {
    transition: none !important;
  }

  html.pt-exit-ltr .page-wrapper,
  html.pt-exit-ltr .pt-page-shell,
  html.page-transition-enter .page-wrapper,
  html.page-transition-enter .pt-page-shell,
  html.pt-enter-ltr .page-wrapper,
  html.pt-enter-ltr .pt-page-shell {
    transform: none !important;
    opacity: 1 !important;
  }

  html.pt-exit-ltr .lgpd-consent-banner,
  html.pt-exit-ltr .nxwhats_content,
  html.pt-exit-ltr #projectModal {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}