/* La portada original permanece intacta; esta capa añade volumen, luz y brisa. */
.portada-viva{
  position:relative;display:block;width:100%;max-width:250px;aspect-ratio:1000/1499;
  isolation:isolate;transform:perspective(900px) rotateY(-8deg) rotateZ(-1deg);
  transform-origin:left center;filter:drop-shadow(12px 17px 12px rgba(0,0,0,.62));
  border-radius:1px 3px 3px 1px;transition:transform .45s ease,filter .45s ease
}
.portada-viva::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-12px;width:12px;
  background:linear-gradient(90deg,#091322 0%,#172c3b 28%,#315363 65%,#0a1420 100%);
  transform:skewY(-3deg);transform-origin:right center;
  box-shadow:inset 2px 0 3px rgba(0,0,0,.55),inset -2px 0 2px rgba(255,255,255,.12)
}
.portada-viva::after{
  content:"";position:absolute;z-index:-1;left:1px;right:-8px;bottom:-8px;height:8px;
  background:repeating-linear-gradient(180deg,#e7dfca 0 1px,#aea898 1px 2px);
  transform:skewX(-38deg);transform-origin:left top;
  box-shadow:0 2px 0 #292c38
}
.portada-viva>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px 3px 2px 1px;box-shadow:inset 3px 0 4px rgba(0,0,0,.5)}
.cabecera .portada-viva{max-width:none}
.portada-viva__efectos{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.portada-viva__tela{transform-box:fill-box;transform-origin:50% 0%;animation:portada-brisa 7.8s ease-in-out infinite alternate}
.portada-viva__tela--segunda{animation-delay:-3.7s;animation-duration:9.4s}
.portada-viva__pliegue{opacity:.36}
.portada-viva__pliegue--sombra{opacity:.28}
.portada-viva__radio{animation:portada-radio 8.6s linear infinite}
.portada-viva__halo{fill:#32a8ff;filter:blur(17px);opacity:.36}
.portada-viva__pantalla{fill:#b7ecff;opacity:.27;filter:blur(2px)}
.portada-viva__estrella{opacity:0;filter:drop-shadow(0 0 5px #b9dfff)}
.portada-viva--vista .portada-viva__estrella{animation:portada-estrella .9s ease-out 4s 1 both}
@keyframes portada-estrella{
  0%{opacity:0;transform:translate(0,0)}
  22%{opacity:.85}
  64%{opacity:.65}
  100%{opacity:0;transform:translate(-110px,55px)}
}
@keyframes portada-brisa{
  0%,18%{transform:translateX(-3px) skewX(-.5deg)}
  54%{transform:translateX(8px) skewX(1.5deg)}
  100%{transform:translateX(-5px) skewX(-1deg)}
}
@keyframes portada-radio{
  0%,19%,23%,57%,100%{opacity:.34}
  20%,21%,58%,59%{opacity:.92}
  35%,82%{opacity:.54}
}
@media(hover:hover){.portada-viva:hover{transform:perspective(900px) rotateY(-5deg) rotateZ(0deg) translateY(-4px);filter:drop-shadow(14px 21px 16px rgba(0,0,0,.7))}}
@media(max-width:720px){.libro .portada-viva{max-width:200px}.cabecera .portada-viva{max-width:260px}}
@media(prefers-reduced-motion:reduce){.portada-viva__efectos{display:none}.portada-viva,.portada-viva:hover{transition:none;transform:perspective(900px) rotateY(-8deg) rotateZ(-1deg)}}