/* RACCOON::6P | Wristband AutoBook R2 | CSS isolado, viradas bilaterais */
.r6p-autobook{--r6p-gold:#FDB913;--r6p-turn-ms:1400ms;--r6p-depth:1400px;position:relative;isolation:isolate;width:100%;max-width:1040px;margin-inline:auto;color:#fff;font-family:inherit}
.r6p-autobook *{box-sizing:border-box}
.r6p-autobook__spread{position:relative;width:100%;aspect-ratio:2048 / 1143;perspective:var(--r6p-depth);perspective-origin:50% 46%;isolation:isolate;overflow:visible;filter:drop-shadow(0 18px 24px rgba(0,0,0,.28));border-radius:8px;background:#101216;touch-action:pan-y;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.r6p-autobook__spread:focus-visible{outline:2px solid var(--r6p-gold);outline-offset:5px}
.r6p-autobook__half,.r6p-autobook__face{position:absolute;top:0;bottom:0;width:50%;background-repeat:no-repeat;background-size:200% 100%;pointer-events:none}
.r6p-autobook__half--left{left:0;border-radius:8px 0 0 8px;box-shadow:inset -15px 0 24px -16px rgba(0,0,0,.5)}
.r6p-autobook__half--right{right:0;border-radius:0 8px 8px 0;box-shadow:inset 15px 0 24px -16px rgba(0,0,0,.5)}
/* IMPORTANTE: NENHUM transform inline e NENHUM !important em products-6p07.css: a classe decide o ângulo. */
.r6p-autobook__sheet{position:absolute;top:0;right:0;left:auto;width:50%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:left center;transform:rotateY(0deg);transition:transform var(--r6p-turn-ms) cubic-bezier(.36,.04,.22,1);z-index:4;will-change:transform}
.r6p-autobook__sheet.is-turning:not(.is-reverse){transform:rotateY(-180deg)}
.r6p-autobook__sheet.is-reverse{left:0;right:auto;transform-origin:right center}
.r6p-autobook__sheet.is-reverse.is-turning{transform:rotateY(180deg)}
.r6p-autobook__face{inset:0;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:0 8px 8px 0;box-shadow:1px 0 2px rgba(255,255,255,.1),-5px 2px 11px rgba(0,0,0,.08)}
.r6p-autobook__face--back{transform:rotateY(180deg);border-radius:8px 0 0 8px;box-shadow:8px 3px 18px rgba(0,0,0,.24)}
.r6p-autobook__sheet.is-reverse .r6p-autobook__face--front{border-radius:8px 0 0 8px}
.r6p-autobook__sheet.is-reverse .r6p-autobook__face--back{border-radius:0 8px 8px 0}
.r6p-autobook__face--front::after,.r6p-autobook__face--back::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(0,0,0,.10));opacity:.3;pointer-events:none}
.r6p-autobook__spine{position:absolute;z-index:5;left:calc(50% - 2px);top:0;width:4px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.07),rgba(0,0,0,.35));pointer-events:none}
.r6p-autobook__gloss{position:absolute;inset:0;z-index:2;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
/* Nenhum contador, barrinha de progresso ou botão visível. */
.r6p-autobook__caption{margin:12px auto 0;padding:0 10px;text-align:center;color:#f7efe0;font-size:clamp(.86rem,1.25vw,1.05rem);font-weight:500;line-height:1.5;letter-spacing:.015em}
[data-r6p-original-album][hidden]{display:none!important}
@media(max-width:640px){.r6p-autobook{--r6p-depth:750px}.r6p-autobook__spread{border-radius:5px}.r6p-autobook__caption{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.r6p-autobook__sheet{transition:none!important}}