/* Optional motion layer: no initial opacity, sizing, positioning or ad rules. */
@media screen and (prefers-reduced-motion: no-preference) {
  body.viajandar-motion-ready:is(.visual-2026,.editorial-page) .vm-action {
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
    text-underline-offset: .2em;
  }

  body.viajandar-motion-ready:is(.visual-2026,.editorial-page) .vm-arrow {
    display: inline-block;
    transition: transform 220ms cubic-bezier(.22,1,.36,1);
  }

  body.viajandar-motion-ready:is(.visual-2026,.editorial-page) .vm-action:focus-visible .vm-arrow {
    transform: translate3d(3px,-1px,0);
  }
}

@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.viajandar-motion-ready:is(.visual-2026,.editorial-page) .vm-card:not(:has(ins,iframe,
    [data-ad-slot],[data-ad-client],[data-gam-slot],[data-gam-path],.ad-placement,
    .discovercars-pilot,.discovercars-banner,.discovercars-ad,[data-discovercars],a[href*="discovercars.com"],
    #privacy-banner,.privacy-banner,[data-privacy-banner])) {
    transition: border-color 220ms ease, box-shadow 260ms ease;
  }

  body.viajandar-motion-ready:is(.visual-2026,.editorial-page) .vm-card:not(:has(ins,iframe,
    [data-ad-slot],[data-ad-client],[data-gam-slot],[data-gam-path],.ad-placement,
    .discovercars-pilot,.discovercars-banner,.discovercars-ad,[data-discovercars],a[href*="discovercars.com"],
    #privacy-banner,.privacy-banner,[data-privacy-banner])):is(:hover,:focus-within) {
    border-color: #a9bdaf;
    box-shadow: 0 14px 32px -20px rgb(21 60 53 / 28%);
  }

  body.viajandar-motion-ready:is(.visual-2026,.editorial-page) .vm-media {
    transform-origin: center;
    transition: transform 600ms cubic-bezier(.22,1,.36,1);
  }

  body.viajandar-motion-ready:is(.visual-2026,.editorial-page) .vm-card:not(:has(ins,iframe,
    [data-ad-slot],[data-ad-client],[data-gam-slot],[data-gam-path],.ad-placement,
    .discovercars-pilot,.discovercars-banner,.discovercars-ad,[data-discovercars],a[href*="discovercars.com"],
    #privacy-banner,.privacy-banner,[data-privacy-banner])):is(:hover,:focus-within) .vm-media {
    transform: scale(1.035);
  }

  body.viajandar-motion-ready:is(.visual-2026,.editorial-page) .vm-action:hover .vm-arrow {
    transform: translate3d(3px,-1px,0);
  }
}

@media (prefers-reduced-motion: reduce), print {
  body:is(.visual-2026,.editorial-page) :is(.vm-card,.vm-media,.vm-action,.vm-arrow) {
    animation: none !important;
    transition: none !important;
  }
  body:is(.visual-2026,.editorial-page) :is(.vm-media,.vm-arrow) { transform: none !important; }
}