.campo-respira{transform:translate(var(--dx,0px),var(--dy,0px));
       transition:transform 420ms cubic-bezier(.2,.6,.2,1)}

  @media (prefers-reduced-motion:reduce){
    .campo-respira{transition:none}
  }

  .trama-revela{position:relative}
  .trama-revela .foto-fina{position:absolute;inset:0;width:100%;height:100%;
       object-fit:cover;opacity:0;transition:opacity 400ms var(--curva,ease)}
  @media (hover:hover) and (pointer:fine){
    .trama-revela:hover .foto-fina{opacity:1}
  }
  @media (hover:none){
    .trama-revela.fina-lista .foto-fina{opacity:1}
    .vis.trama-revela:not(.persona-foto):not(.foto-retrato) .foto-fina,
    .vis .trama-revela:not(.persona-foto):not(.foto-retrato) .foto-fina{
       opacity:1;transition-delay:700ms}
  }
  @media (prefers-reduced-motion:reduce){
    .trama-revela .foto-fina{transition:none}
  }