/* A capa comercial usa a mesma geometria 3D da homepage, sem mover o layout. */
.hero-composition{perspective:1000px}
.hero-composition .product-book{--angle:15deg;--tilt:-2deg;--thickness:var(--book-depth,10px);left:14%;top:25px;width:300px;height:424px;max-width:68%;z-index:2;transform:rotateX(-5deg) rotateY(var(--angle)) rotateZ(var(--tilt))}
.hero-composition .product-book:hover:not(.is-selected){transform:translateY(-4px) rotateX(-5deg) rotateY(18deg) rotateZ(var(--tilt))}
.hero-composition .product-book.is-selected{z-index:5;transform:translate3d(0,-6px,32px) scale(1.055) rotateX(-6deg) rotateY(25deg) rotateZ(-1deg)}
.hero-composition .product-book.is-opening{z-index:5}
.product-book-hint{position:absolute;left:14%;top:500px;color:var(--purple);font-size:11px;font-weight:700;line-height:1.4;z-index:3;max-width:290px;pointer-events:none}
.hero-composition .product-book:focus-visible .book3d-cover-front{outline:3px solid var(--purple);outline-offset:5px}
@media(max-width:950px){.hero-composition .product-book{width:252px;height:356px}.product-book-hint{top:420px}}
@media(max-width:680px){.hero-composition .product-book{left:15%;top:2px;width:202px;height:285px;max-width:68%;--thickness:calc(var(--book-depth,10px)*.68)}.product-book-hint{left:15%;top:326px;max-width:230px;font-size:10px}.hero-composition .product-book.is-selected{transform:translate3d(0,-2px,28px) scale(1.045) rotateX(-5deg) rotateY(20deg) rotateZ(-1deg)}.hero-composition .product-book.is-opening{transform:translate3d(60px,-2px,28px) scale(1.045) rotateX(-5deg) rotateY(20deg) rotateZ(-1deg)}}
@media(prefers-reduced-motion:reduce){.hero-composition .product-book,.hero-composition .product-book:hover:not(.is-selected){transition:none}}