/* Apertura del volumen: cubierta rígida sobre el pliego (sin clonar los cromos). */
.album-opening-overlay{
  position:fixed;inset:0;z-index:120;pointer-events:all;
  overflow:hidden;background:rgba(6,6,6,.78);
  touch-action:none;isolation:isolate;
}
.album-opening-stage{
  position:fixed;transform-origin:top left;transform-style:preserve-3d;
  perspective:1800px;will-change:transform;
  pointer-events:none;contain:layout style;
  background:#161310;box-shadow:0 22px 75px #000c;
  border:2px solid #63461e;
}
.album-opening-board{
  position:absolute;inset:0;background:#17130e;overflow:hidden;
}
.album-opening-rear{
  position:absolute;right:0;top:0;width:50%;height:100%;
  background:#2b251d center/cover no-repeat;
}
.album-opening-pages{display:flex;position:absolute;inset:0;overflow:hidden}
.album-opening-page{position:relative;width:50%;height:100%;flex:0 0 50%;
  background:#ebe7de center/100% 100% no-repeat;box-shadow:inset 0 0 3px #1116}
.album-opening-page:nth-child(1){box-shadow:inset -18px 0 23px -16px #000a}
.album-opening-page:nth-child(2){box-shadow:inset 18px 0 23px -16px #0009}
.album-opening-spine{
  position:absolute;left:50%;top:0;bottom:0;width:14px;z-index:2;
  transform:translateX(-50%);
  background:linear-gradient(90deg,#0009,transparent 48%,#000a);pointer-events:none
}
.album-opening-leaf{
  position:absolute;top:0;right:0;width:50%;height:100%;z-index:4;
  transform-origin:left center;transform-style:preserve-3d;
  will-change:transform;
}
.album-opening-face{
  position:absolute;inset:0;overflow:hidden;
  -webkit-backface-visibility:hidden;backface-visibility:hidden;
  background:#dfd9cb;box-shadow:0 8px 25px #0008
}
.album-opening-face>img{display:block;width:100%;height:100%;object-fit:fill}
.album-opening-face.front{transform:translateZ(1px)}
.album-opening-face.inside{
  transform:rotateY(180deg) translateZ(1px);
  background:linear-gradient(90deg,#e8e3d8,#f0ebe1 82%,#d1c7b7);
  box-shadow:inset -13px 0 20px #17140b36, 0 8px 24px #0008
}
.album-opening-face.inside:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#00000026,transparent 18%,#fff9 75%,transparent)
}
.album-opening-shadow{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,#0008,transparent 22%,#0004 50%,transparent 70%);
  opacity:.5
}
.album-opening-overlay[data-mobile="true"] .album-opening-stage{perspective:1200px}
.album-opening-overlay[data-mobile="true"] .album-opening-pages .album-opening-page{width:100%;flex-basis:100%}
.album-opening-overlay[data-mobile="true"] .album-opening-pages .album-opening-page:nth-child(2),
.album-opening-overlay[data-mobile="true"] .album-opening-spine{display:none}
.album-opening-overlay[data-mobile="true"] .album-opening-leaf{width:100%}
.album-opening-overlay[data-mobile="true"] .album-opening-rear{width:100%}
@media(prefers-reduced-motion:reduce){
  .album-opening-overlay{display:none}
}