/* Express VIP — animación ligera */

.brand-evp .evp-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.brand-evp .evp-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.brand-evp .evp-reveal--delay-1 { transition-delay: 0.08s; }
.brand-evp .evp-reveal--delay-2 { transition-delay: 0.14s; }
.brand-evp .evp-reveal--delay-3 { transition-delay: 0.2s; }

@media (prefers-reduced-motion: reduce) {
  .brand-evp .evp-reveal {
    opacity: 1;
    transform: none;
  }
}

/* Autofill — animación dispara fix JS; CSS de respaldo (cascade final) */
@keyframes evp-autofill-start {
  from {
    opacity: 1;
  }

  to {
    opacity: 1;
  }
}

.brand-evp #contact-form input:-webkit-autofill,
.brand-evp #contact-form input:-webkit-autofill:hover,
.brand-evp #contact-form input:-webkit-autofill:focus,
.brand-evp #contact-form input:-webkit-autofill:active,
.brand-evp #contact-form textarea:-webkit-autofill,
.brand-evp #contact-form textarea:-webkit-autofill:hover,
.brand-evp #contact-form textarea:-webkit-autofill:focus,
.brand-evp #contact-form textarea:-webkit-autofill:active,
.brand-evp #empleo-form input:-webkit-autofill,
.brand-evp #empleo-form input:-webkit-autofill:hover,
.brand-evp #empleo-form input:-webkit-autofill:focus,
.brand-evp #empleo-form input:-webkit-autofill:active,
.brand-evp #empleo-form textarea:-webkit-autofill,
.brand-evp #empleo-form textarea:-webkit-autofill:hover,
.brand-evp #empleo-form textarea:-webkit-autofill:focus,
.brand-evp #empleo-form textarea:-webkit-autofill:active {
  animation-name: evp-autofill-start;
  animation-duration: 50000s;
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #333 !important;
  caret-color: #333 !important;
  background-color: #fff !important;
  transition: background-color 99999s ease-out 0s !important;
}
