/* Restaura os textos laterais das cenas sem interferir na animação dos frames. */
.scene-copy {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 6 !important;
  pointer-events: none;
}

.scene-copy .scene-eyebrow,
.scene-copy .scene-title,
.scene-copy .scene-text {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none;
}

@media (min-width: 901px) {
  .scene-copy {
    left: clamp(4rem, 7vw, 8rem) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: min(34vw, 560px) !important;
    max-width: 560px !important;
    transform: translateY(-50%) !important;
    padding-left: clamp(1rem, 2.2vw, 2rem) !important;
  }
}

@media (max-width: 900px) {
  .scene-copy {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 42rem !important;
    transform: none !important;
    padding-left: 0 !important;
    order: 1 !important;
  }
}

/* Botões da CTA final: empilhados, centralizados e com dimensões idênticas. */
.cta-actions-final {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9rem;
  width: min(100%, 520px);
  margin: 1.75rem auto 0;
}

.cta-actions-final .btn {
  box-sizing: border-box;
  width: 100%;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  margin: 0 !important;
  text-align: center;
}

@media (max-width: 620px) {
  .cta-actions-final {
    width: 100%;
  }

  .cta-actions-final .btn {
    min-height: 56px;
    padding-inline: 1rem;
  }
}