/* ============================================================
   motion-override.css
   Filosofia: pagina aparece estatica e silenciosa. Motion existe
   apenas onde da feedback de interacao (hover, focus, click, modal).
   Carregado DEPOIS de styles_min.css para sobrescrever animate.css
   e WOW.js sem precisar tocar o bundle compresso.
   ============================================================ */


/* ============================================================
   1) DEMOLE TUDO QUE VEM DE animate.css + WOW
   ============================================================ */

/* Elementos .wow normalmente ficam invisiveis ate o scroll-trigger.
   Forca eles a aparecerem desde o primeiro frame. */
.wow,
.wow.animated {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Mata QUALQUER animacao keyframe que venha do animate.css ou WOW
   nos elementos .wow / .animated, independente do modifier
   (bounceIn, slideInLeft/Right/Up/Down, fadeInLeft/Right/Up/Down,
    fadeIn, zoomIn, rollIn, flipInX/Y, lightSpeedIn, etc) */
.animated,
[class*="bounceIn"],
[class*="bounceOut"],
[class*="slideIn"],
[class*="slideOut"],
[class*="fadeIn"],
[class*="fadeOut"],
[class*="zoomIn"],
[class*="zoomOut"],
[class*="rollIn"],
[class*="rollOut"],
[class*="flipIn"],
[class*="flipOut"],
[class*="lightSpeedIn"],
[class*="lightSpeedOut"],
.pulse,
.flash,
.shake,
.tada,
.wobble,
.jello,
.swing,
.rubberBand {
  animation: none !important;
  animation-name: none !important;
  animation-duration: 0s !important;
  animation-delay: 0s !important;
  animation-iteration-count: 1 !important;
  transform: none !important;
}

/* Slider do hero: corta animacoes residuais dos slides */
.bx-wrapper .bx-viewport { transition: none !important; }
.fullwidth-slider li,
.bx-wrapper li { animation: none !important; }


/* ============================================================
   2) MOTION MINIMAL: so onde da feedback de interacao
   ============================================================ */

/* Variaveis de tempo (uniformes pra parecer um sistema, nao chute) */
:root {
  --motion-fast:   140ms;
  --motion-base:   200ms;
  --motion-slow:   280ms;
  --motion-ease:   cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Smooth scroll quando clica em anchor (#section1, #section2 etc) */
html { scroll-behavior: smooth; }

/* Links e botoes: transicao suave de cor/fundo/borda/opacidade.
   Curta o suficiente pra parecer responsivo, longa o suficiente
   pra nao parecer "estalo". */
a,
button,
.btn,
.btn-2,
.btn-2c,
.nav a,
.menu-link,
input[type="submit"] {
  transition:
    color var(--motion-base) var(--motion-ease),
    background-color var(--motion-base) var(--motion-ease),
    border-color var(--motion-base) var(--motion-ease),
    opacity var(--motion-base) var(--motion-ease),
    box-shadow var(--motion-base) var(--motion-ease),
    transform var(--motion-fast) var(--motion-ease) !important;
}

/* Active/press feedback: encolhe levemente. Universal pra botoes. */
.btn:active,
.btn-2:active,
.btn-2c:active,
button:active,
input[type="submit"]:active {
  transform: scale(0.98) !important;
}

/* Botao flutuante "Quer + Invok": single subtle hover lift.
   E o CTA mais visivel da home — merece um toque a mais. */
.quermais,
.quermaisMobile {
  transition: transform var(--motion-slow) var(--motion-ease) !important;
}
.quermais:hover,
.quermaisMobile:hover {
  transform: translateY(-3px) !important;
}

/* Sticky nav: transicao suave do estado scrolled */
#navigation,
.navbar,
header {
  transition:
    background-color var(--motion-base) var(--motion-ease),
    box-shadow       var(--motion-base) var(--motion-ease),
    backdrop-filter  var(--motion-base) var(--motion-ease);
}

/* Cards/secoes com hover (se houver) */
.feature-box,
.team-box,
.service-box,
.card {
  transition:
    transform  var(--motion-slow) var(--motion-ease),
    box-shadow var(--motion-slow) var(--motion-ease) !important;
}

/* Inputs: foco suave (sem outline brusco) */
input,
textarea,
select {
  transition:
    border-color var(--motion-base) var(--motion-ease),
    box-shadow   var(--motion-base) var(--motion-ease) !important;
}


/* ============================================================
   3) MODAIS: abertura/fechamento elegantes
   ============================================================ */

/* Backdrop sobe rapido sem chamar atencao */
.modal-backdrop.fade {
  transition: opacity var(--motion-base) var(--motion-ease) !important;
}

/* Modal dialog: pequeno slide + fade. Curto, profissional. */
.modal.fade .modal-dialog {
  transition: transform var(--motion-slow) var(--motion-ease),
              opacity   var(--motion-slow) var(--motion-ease) !important;
  transform: translateY(-12px) !important;
  opacity: 0;
}
.modal.fade.in .modal-dialog {
  transform: translateY(0) !important;
  opacity: 1;
}


/* ============================================================
   3.5) AJUSTES DE LAYOUT (nao-motion mas convivem aqui)
   ============================================================ */

/* Logo (.site-logo no menu_old) estava ~15px acima da linha
   central dos itens do menu — desce pra alinhar verticalmente */
.navbar-custom .site-logo {
  margin-top: 15px;
}


/* ============================================================
   4) ACESSIBILIDADE: respeita prefers-reduced-motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}