@media (min-width: 1025px) and (prefers-reduced-motion: no-preference) {
    .rev { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .7s cubic-bezier(.2, .72, .2, 1); }
    .rev--izq { transform: translateX(-30px); }
    .rev--der { transform: translateX(30px); }
    .rev--esc { transform: translateY(24px) rotate(-.8deg); }
    .rev.vista { opacity: 1; transform: none; }

    .punto { animation: late 1.1s steps(2) infinite; }
    .btn--grito { animation: grito 2.1s ease-in-out infinite; }
    .ticker__cinta { animation: corre 16s linear infinite; }
    .maq:nth-child(1) { transform: rotate(-.6deg); }
    .maq:nth-child(3) { transform: rotate(.5deg); }
    .maq:nth-child(4) { transform: rotate(-.4deg); }

    @keyframes late { 50% { opacity: .2; } }
    @keyframes grito {
        0%, 100% { box-shadow: 0 0 0 0 rgba(237, 48, 55, 0), 0 10px 22px -12px rgba(237, 48, 55, .9); }
        50% { box-shadow: 0 0 0 4px rgba(237, 48, 55, .28), 0 14px 30px -12px rgba(237, 48, 55, 1); }
    }
    @keyframes corre { from { transform: translateX(0); } to { transform: translateX(-50%); } }
}

@media (max-width: 1024px) {
    .btn--grito { box-shadow: 0 0 18px -2px rgba(237, 48, 55, .55), 0 10px 22px -12px rgba(237, 48, 55, .9); }
}