/* =====================================================================
   V05.6.0 · FASE 6A · ROSARITO MÁS VIVA
   Capa estética aislada sobre V05.5.4 aprobada.
   - Sustituye el movimiento continuo antiguo por respiración mínima.
   - La boca solo se activa brevemente cuando Rosarito "habla".
   - Microgestos ocasionales, no movimiento constante.
   - Las mini-Rosaritos reaccionan suavemente cuando cambia su frase.
   ===================================================================== */

/* 1 · Rosarito principal: quitar señales mecánicas antiguas. */
body.lolaMode .soundWaves{display:none!important;}
body.lolaMode .eyeSparkle{animation:none!important;opacity:0!important;}

/* Respiración casi imperceptible. La mayor parte del ciclo permanece quieta. */
.photoWrap{
  transform-origin:50% 70%!important;
  animation:none!important;
}
body.lolaMode .photoWrap{
  animation:lp056Breath 9.6s cubic-bezier(.45,.05,.55,.95) infinite!important;
}
@keyframes lp056Breath{
  0%,24%,76%,100%{transform:translateY(0) scale(1) rotate(0deg)}
  42%{transform:translateY(-1.2px) scale(1.0025,1.0045) rotate(.035deg)}
  58%{transform:translateY(-.55px) scale(1.001,1.002) rotate(-.025deg)}
}

/* Microgesto ocasional controlado por JS. */
.lolaPhoto{
  transform-origin:52% 58%!important;
  transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease!important;
  will-change:transform;
}
.lolaStagePhoto.lp056MicroLook .lolaPhoto{
  transform:translateX(1.1px) translateY(-.6px) rotate(.22deg) scale(1.002)!important;
  filter:saturate(1.015) contrast(1.006)!important;
}
.lolaStagePhoto.lp056MicroLookAlt .lolaPhoto{
  transform:translateX(-.8px) translateY(-.4px) rotate(-.18deg) scale(1.0015)!important;
  filter:saturate(1.01) contrast(1.005)!important;
}

/* 2 · Boca: se elimina el movimiento infinito y solo habla a demanda. */
body.lolaMode .mouthRig{opacity:0!important;transition:opacity .18s ease!important;}
body.lolaMode .mouthLayer,
body.lolaMode .mouthGloss{animation:none!important;}
body.lolaMode .lolaStagePhoto.lp056Speaking .mouthRig{opacity:.92!important;}
body.lolaMode .lolaStagePhoto.lp056Speaking .mouthLayer{
  animation:lp056MouthTalk .54s ease-in-out 3!important;
}
body.lolaMode .lolaStagePhoto.lp056Speaking .mouthGloss{
  animation:lp056MouthGloss .54s ease-in-out 3!important;
}
@keyframes lp056MouthTalk{
  0%,100%{transform:translateY(0) scaleX(1) scaleY(1)}
  28%{transform:translateY(.15px) scaleX(1.008) scaleY(.975)}
  55%{transform:translateY(.8px) scaleX(.992) scaleY(1.105)}
  78%{transform:translateY(.25px) scaleX(1.005) scaleY(1.025)}
}
@keyframes lp056MouthGloss{
  0%,100%{opacity:.14;transform:translateY(0) scaleX(1)}
  55%{opacity:.29;transform:translateY(.65px) scaleX(.97)}
}

/* 3 · Reacción de las mini-Rosaritos al cambiar de frase/contexto. */
.rosaritoMini,
.lp053a1QuoteRosarito{
  transform-origin:50% 72%!important;
  will-change:transform;
}
.rosaritoMessage.lp056React .rosaritoMini,
.lp053a1FichaQuote.lp056React .lp053a1QuoteRosarito{
  animation:lp056MiniReact 1.05s cubic-bezier(.2,.8,.2,1) 1!important;
}
@keyframes lp056MiniReact{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1)}
  32%{transform:translateY(-1.8px) rotate(.65deg) scale(1.018)}
  62%{transform:translateY(-.7px) rotate(-.32deg) scale(1.008)}
}

/* La tarjeta también "entra" suavemente cuando cambia de mensaje, sin saltos. */
.rosaritoMessage.lp056React,
.lp053a1FichaQuote.lp056React{
  animation:lp056CardSettle .62s cubic-bezier(.2,.8,.2,1) 1!important;
}
@keyframes lp056CardSettle{
  0%{transform:translateY(1.5px);filter:saturate(.99)}
  55%{transform:translateY(-.5px);filter:saturate(1.015)}
  100%{transform:translateY(0);filter:none}
}

/* 4 · En trabajo compacto, todavía más sutil. */
.appShell.workMode .lolaStagePhoto.lp056MicroLook .lolaPhoto,
.appShell.workMode .lolaStagePhoto.lp056MicroLookAlt .lolaPhoto{
  transform:translateY(-.35px) rotate(.10deg) scale(1.001)!important;
}

/* iPad / puntero táctil: amplitud menor. */
@media(pointer:coarse), (max-width:980px){
  body.lolaMode .photoWrap{animation-duration:11.5s!important;}
  .lolaStagePhoto.lp056MicroLook .lolaPhoto,
  .lolaStagePhoto.lp056MicroLookAlt .lolaPhoto{
    transform:translateY(-.35px) rotate(.08deg) scale(1.001)!important;
  }
  .rosaritoMessage.lp056React .rosaritoMini,
  .lp053a1FichaQuote.lp056React .lp053a1QuoteRosarito{
    animation-duration:.82s!important;
  }
}

/* Accesibilidad: si el sistema pide menos movimiento, todo queda estático. */
@media(prefers-reduced-motion:reduce){
  body.lolaMode .photoWrap,
  .lolaPhoto,
  .rosaritoMessage.lp056React,
  .rosaritoMessage.lp056React .rosaritoMini img,
  .lp053a1FichaQuote.lp056React,
  .lp053a1FichaQuote.lp056React .lp053a1QuoteRosarito img,
  body.lolaMode .lolaStagePhoto.lp056Speaking .mouthLayer,
  body.lolaMode .lolaStagePhoto.lp056Speaking .mouthGloss{
    animation:none!important;
    transform:none!important;
    transition:none!important;
  }
  body.lolaMode .mouthRig{opacity:0!important;}
}