/* V27: one gentle breath per benefit as the mobile progress line reaches it. */
@media (max-width: 560px) {
  .benefit-card { transform-origin: center center; }
}

/* The candidacy links respond to hover, keyboard focus, and a real press. */
body.motion-ready .final-cta .button-light,
.final-cta .button-light,
.faq-exit .faq-exit-button {
  transition: transform 160ms var(--motion-ease-out),
    background-color 150ms var(--motion-ease-out),
    color 150ms var(--motion-ease-out),
    box-shadow 150ms var(--motion-ease-out);
}
.final-cta .button-light span,
.faq-exit .faq-exit-button span {
  display: inline-block;
  transition: transform 180ms var(--motion-ease-out);
}
@media (hover: hover) and (pointer: fine) {
  body.motion-ready .final-cta .button-light:hover,
  .final-cta .button-light:hover,
  .faq-exit .faq-exit-button:hover { transform: translateY(-2px); }
  .final-cta .button-light:hover span,
  .faq-exit .faq-exit-button:hover span { transform: translate(2px, -2px); }
}
.final-cta .button-light:focus-visible span,
.faq-exit .faq-exit-button:focus-visible span { transform: translate(2px, -2px); }
body.motion-ready .final-cta .button-light:active,
.final-cta .button-light:active,
.faq-exit .faq-exit-button:active { transform: scale(.96); }

@media (hover: none), (pointer: coarse) {
  body.motion-ready .final-cta .button-light:hover:not(:active),
  .final-cta .button-light:hover:not(:active) { background: var(--white); color: var(--teal); transform: none; }
  .faq-exit .faq-exit-button:hover:not(:active) { background: var(--teal); color: var(--white); transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.motion-ready .final-cta .button-light,
  .final-cta .button-light,
  .faq-exit .faq-exit-button {
    transition: background-color 150ms var(--motion-ease-out), color 150ms var(--motion-ease-out);
  }
  .final-cta .button-light span,
  .faq-exit .faq-exit-button span { transition: none; }
  body.motion-ready .final-cta .button-light:hover,
  body.motion-ready .final-cta .button-light:active,
  .final-cta .button-light:hover,
  .final-cta .button-light:active,
  .faq-exit .faq-exit-button:hover,
  .faq-exit .faq-exit-button:active,
  .final-cta .button-light:hover span,
  .final-cta .button-light:focus-visible span,
  .faq-exit .faq-exit-button:hover span,
  .faq-exit .faq-exit-button:focus-visible span { transform: none; }
}

/* O primeiro convite para candidatura usa o amarelo Pulpo em todos os estados. */
body.motion-ready .final-cta .button-light,
.final-cta .button-light {
  background: var(--sun);
  color: var(--ink);
}

@media (hover: none), (pointer: coarse) {
  body.motion-ready .final-cta .button-light:hover:not(:active),
  .final-cta .button-light:hover:not(:active) {
    background: var(--sun);
    color: var(--ink);
  }
}