/* ================================================================
   Movimiento Kennedy
   Aparicion al entrar en pantalla + parallax en fotos.
   Los tiempos salen de medir el tema AtlasGroup.
   ================================================================ */

/* --- 1. Aparicion desde abajo --- */
.mk-rev{
    opacity:0;
    transform:translateY(40px);
}
/* will-change solo mientras dura la animacion. El JS pone .mk-animando al
   empezar y la quita en animationend. Dejarlo fijo obligaba al navegador a
   mantener una capa de composicion por cada bloque (32 en la portada), y eso
   frena el scroll en equipos con grafica integrada. */
.mk-rev.mk-animando{
    will-change:opacity,transform;
}
.mk-rev.mk-visible{
    animation:mkSube 1.1s cubic-bezier(.25,.46,.45,.94) forwards;
    animation-delay:var(--mk-espera,0s);
}
@keyframes mkSube{
    to{opacity:1;transform:translateY(0);}
}

/* Si el JS no corre, el texto se ve igual: nunca queda invisible. */
.no-js .mk-rev,
.mk-sin-motor .mk-rev{
    opacity:1;
    transform:none;
    animation:none;
}

/* --- 2. Parallax en fotos --- */
.mk-parallax{
    overflow:hidden;
}
.mk-parallax > img,
.mk-parallax > a > img,
.mk-parallax figure > img{
    transform:scale(1.08) translateY(0);
    will-change:transform;
}

/* --- 3. Accesibilidad: quien pide menos movimiento, no lo recibe --- */
@media (prefers-reduced-motion: reduce){
    .mk-rev,
    .mk-rev.mk-visible{
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
    }
    .mk-parallax > img,
    .mk-parallax > a > img,
    .mk-parallax figure > img{
        transform:none !important;
    }
}