/* Ajustes exclusivos de links.html; preservam os estilos das outras páginas. */
@media (max-width: 360px), (max-height: 620px) {
  body {
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    overflow-y: auto;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  body > header {
    height: auto;
    overflow: visible;
    padding-top: 3.4vh;
    padding-top: 3.4svh;
    flex-shrink: 0;
  }
  body > header > * { flex-shrink: 0; }
  .footer { position: relative; margin-top: auto; padding: 10px 0; }
}
.tech-circle { overflow: hidden; }
.cp-box { max-height: calc(100vh - 40px); max-height: calc(100svh - 40px); }
.cp-cta { min-height: 44px; }
@supports not (height: 100svh) {
  body > header { gap: 8px; }
  .container-btns { --gcb: 8px; }
  .Logos img { width: 90px !important; }
  .slider { width: 100% !important; max-width: 400px; }
  .nb-nav { max-height: calc(100vh - 260px); }
}

/* O próprio bitmap continua igual; só o transform muda durante o voo. */
.rocket {
  pointer-events: none;
  filter: none;
  animation-name: links-flight;
  will-change: transform;
}
@keyframes links-flight {
  0% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(40vw, calc(-50vh - 100px), 0) rotate(15deg); }
  100% { transform: translate3d(80vw, calc(-110vh - 100px), 0) rotate(-10deg); }
}
body.effects-paused .rocket,
body.effects-paused .circle { animation-play-state: paused; }

/* QR alinhado ao menu; Google ocupa a posição liberada à direita. */
.share-btn.qr-btn { top: 76px; left: 21px; right: auto; }
.share-btn.google-btn { top: 126px; }
@media (max-width: 400px) {
  .share-btn.google-btn { top: 118px; }
}

/* Só telas muito estreitas ganham margens extras, sempre simétricas. */
@media (max-width: 360px) {
  body { padding-left: 64px; padding-right: 64px; }
  .share-btn { right: 12px; }
  .container-btns > a { max-width: 100%; }
  .button2 { width: 250px !important; max-width: 100%; }
}
@media (max-width: 600px) {
  .button2, .share-btn { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
/* Fallback para Safari anterior a aspect-ratio. */
@supports not (aspect-ratio: 16 / 9) {
  .slide { position: relative; height: 0; padding-top: 56.25%; }
  .slide img { position: absolute; top: 0; left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .rocket { display: none; }
}