/* ================================================================
   Feedback ao toque (celular) — a página "responde" quando o dedo aperta.
   Vale pras páginas de veículos, o quiz e a calculadora (?seg=veiculos).
   ================================================================ */

/* tira o clarão cinza padrão do navegador (o feedback abaixo substitui) e o atraso de toque duplo */
a, button, summary, label, .quiz-option, .video-card {
  -webkit-tap-highlight-color: transparent;
}
a, button, summary, .quiz-option, input[type="range"] { touch-action: manipulation; }

/* botões principais "afundam" ao apertar */
.btn-primary, .calc-cta-btn, .modal-btn, .quiz-option, .faq-item summary, .video-card {
  transition: transform .14s cubic-bezier(.3, 1.4, .5, 1), box-shadow .2s, background .2s, opacity .15s;
}
.btn-primary:active, .calc-cta-btn:active, .modal-btn:active {
  transform: scale(.96);
  box-shadow: 0 0 0 1px rgba(29,224,104,.3), 0 2px 10px rgba(29,224,104,.25);
}
.quiz-option:active { transform: scale(.98); }
.video-card:active  { transform: scale(.985); }
.faq-item summary:active { opacity: .7; }
.nav-links a:active, .menu-toggle:active, .footer-links-col a:active, .social-link:active { opacity: .6; }

/* no celular o :hover "gruda" depois do toque e deixa o botão levantado — aqui ele não levanta */
@media (hover: none) {
  .btn-primary:hover, .calc-cta-btn:hover, .modal-btn:hover, .video-card:hover { transform: none; }
  .btn-primary:hover .btn-icon-circle { transform: none; }
}

/* quem pediu menos movimento no aparelho não vê a animação */
@media (prefers-reduced-motion: reduce) {
  .btn-primary:active, .calc-cta-btn:active, .modal-btn:active, .quiz-option:active, .video-card:active { transform: none; }
}