/* ===== IDEA ACADEMY — las manos (fotos reales, propuesta local) ===== */
.ia-mano{position:fixed;left:0;top:0;width:0;height:0;z-index:60;pointer-events:none;will-change:transform;opacity:0;transform-origin:0 0}
.ia-mano .ia-espejo,.ia-mano .ia-vaiven{position:absolute;left:0;top:0;width:0;height:0}
/* las fotos son de una mano DERECHA vista por el lector: la izquierda es su espejo */
.ia-mano.izq .ia-espejo{transform:scaleX(-1)}
/* la manga se pierde en la penumbra de abajo: nunca se ve el corte de la foto */
.ia-mano .pose{position:absolute;max-width:none;height:auto;user-select:none;-webkit-user-drag:none;
  transition:opacity .2s ease;
  -webkit-mask:linear-gradient(#000 52%,rgba(0,0,0,.55) 68%,transparent 86%);
  mask:linear-gradient(#000 52%,rgba(0,0,0,.55) 68%,transparent 86%)}
/* sombra de contacto: la mano está a un dedo del papel, no flotando */
.ia-mano .ia-vaiven{filter:drop-shadow(0 6px 8px rgba(0,0,0,.42)) drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.ia-mano .pose.voltear{opacity:0}
.ia-mano.en-voltear .pose.voltear{opacity:1}
.ia-mano.en-voltear .pose.sostener{opacity:0}
/* la capa de atrás ya no se usa con estas fotos (el dorso se ve entero, afuera del libro) */
.ia-mano.atras{display:none}
/* pulso: una mano que sostiene nunca está quieta del todo (respiración, peso del libro) */
.ia-mano.sujetando .ia-vaiven{animation:ia-pulso 6.5s ease-in-out infinite}
.ia-mano.izq.sujetando .ia-vaiven{animation-duration:7.3s;animation-delay:-2.4s}
@keyframes ia-pulso{0%,100%{transform:translate(0,0) rotate(0)}35%{transform:translate(.6px,-1.6px) rotate(-.5deg)}70%{transform:translate(-.4px,.8px) rotate(.35deg)}}
/* los controles siempre quedan por encima de las manos */
.lec-pie,.lec-barra{position:relative;z-index:70}
#panel-indice{z-index:75}
.lec-btn.manos-on{border-color:rgba(212,175,55,.6)}
@media (max-width:700px){.lec-manos-txt{display:none}}
@media (prefers-reduced-motion:reduce){.ia-mano{display:none!important}}