/* El loader tapa TODO lo que hay debajo y es lo que se anima.
   Ojo: si se pone un fondo opaco atrás de la animación, el corte no descubre
   nada — se ve el fondo plano y el sitio nunca aparece. Ya pasó. */
.mrd-loader{position:fixed;inset:0;z-index:9999;overflow:hidden;background:#000}
.mrd-loader canvas{position:absolute;inset:0;width:100%;height:100%}
.mrd-plano{position:absolute;inset:0;overflow:hidden}
.mrd-plano .cap{position:absolute;inset:0}
.mrd-plano .mitad{overflow:hidden}
.mrd-plano .mitad img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mrd-plano .hoja{position:absolute;left:0;right:0;height:2px;margin-top:-1px;opacity:0;
  background:linear-gradient(90deg,transparent 22%,#fff 48%,#fff 52%,transparent 78%);
  box-shadow:0 0 14px 4px rgba(255,255,255,.75);mix-blend-mode:screen}
html.cargando{overflow:hidden}
@media (prefers-reduced-motion:reduce){.mrd-loader{display:none}}