/* MRFilms V70.84 — Cinematic reveal motion
   Entrada suave tipo estudio cinematográfico. Mantiene intactos los hover existentes. */
:root{
  --mr-reveal-duration: 760ms;
  --mr-reveal-ease: cubic-bezier(.22,.61,.36,1);
}

.mr-reveal,
.mr-reveal-card{
  opacity:0;
  translate:0 22px;
  filter:blur(5px);
  transition:
    opacity var(--mr-reveal-duration) var(--mr-reveal-ease),
    translate var(--mr-reveal-duration) var(--mr-reveal-ease),
    filter var(--mr-reveal-duration) var(--mr-reveal-ease);
  transition-delay:var(--mr-delay,0ms);
  will-change:opacity,translate,filter;
}

.mr-reveal-card{
  translate:0 16px;
  filter:blur(3px);
}

.mr-reveal.mr-in,
.mr-reveal-card.mr-in{
  opacity:1;
  translate:0 0;
  filter:blur(0);
}

/* Entrada principal al abrir una página */
.mr-hero-intro{
  opacity:0;
  translate:0 14px;
  filter:blur(4px);
  transition:
    opacity 850ms var(--mr-reveal-ease),
    translate 900ms var(--mr-reveal-ease),
    filter 850ms var(--mr-reveal-ease);
}
.mr-hero-intro.mr-in{
  opacity:1;
  translate:0 0;
  filter:blur(0);
}

/* Línea cinematográfica opcional para títulos detectados */
.mr-reveal-title{
  position:relative;
}
.mr-reveal-title::after{
  content:"";
  display:block;
  width:0;
  height:2px;
  margin-top:12px;
  background:#e50914;
  opacity:.9;
  transition:width 700ms var(--mr-reveal-ease) 180ms;
}
.mr-reveal-title.mr-in::after{width:42px}

/* No interferir con interacciones, transforms hover o elementos fijos */
.header,.nav,.modal,.backdrop,[role="dialog"],.mr-shop-cart,.header-donate{filter:none!important}

@media (prefers-reduced-motion: reduce){
  .mr-reveal,.mr-reveal-card,.mr-hero-intro{
    opacity:1!important;
    translate:none!important;
    filter:none!important;
    transition:none!important;
  }
  .mr-reveal-title::after{width:42px!important;transition:none!important}
}