/* R16: physically staged folding newspaper, scoped to the newspaper overlay */
#a706Overlay{perspective:1100px;isolation:isolate}
#a706Overlay .a706-paper{position:relative;transform-style:preserve-3d;overflow-y:auto;overscroll-behavior:contain;opacity:1}
#a706Overlay.r16-opening .a706-paper{opacity:0;pointer-events:none}
#a706Overlay.r16-opening.r16-reading .a706-paper{animation:r16ReaderAppear .24s ease-out both;pointer-events:auto}
#a706Overlay.r16-closing .a706-paper{opacity:0;pointer-events:none;transition:opacity .16s ease}
#a706Overlay .r16-prop{position:absolute;left:50%;top:50%;width:min(70vw,310px);height:min(52vh,370px);z-index:8;transform-style:preserve-3d;pointer-events:none;transform-origin:center;filter:drop-shadow(0 26px 24px #0009)}
#a706Overlay .r16-fold{position:absolute;inset:0;border:1px solid #8d785c;background:linear-gradient(125deg,#f4e7ce 0%,#d2bc98 54%,#faf0d7 100%);box-shadow:inset 0 0 18px #66503928;backface-visibility:hidden}
#a706Overlay .r16-fold-left{transform-origin:0 50%;background:linear-gradient(90deg,#cbb28d,#f5e8d0);border-right:2px solid #a58b67}
#a706Overlay .r16-fold-right{transform-origin:100% 50%;display:grid;place-items:center;border-left:2px solid #8f7658}
#a706Overlay .r16-fold-bottom{height:51%;top:auto;transform-origin:50% 100%;background:linear-gradient(#d6bea0,#f5e9d1);border-top:2px solid #947858}
#a706Overlay .r16-ink{font:700 clamp(21px,5vw,31px)/1.1 Georgia,serif;color:#34281c;text-align:center;letter-spacing:.09em;border-block:4px double #75634d;padding:12px 3px;width:86%;transform:translateY(-27px)}
#a706Overlay .r16-ink small{display:block;font:9px Arial,sans-serif;letter-spacing:.18em;margin-top:9px}
#a706Overlay .r16-ink i{display:block;font:italic 11px Georgia,serif;margin-top:12px;letter-spacing:normal}
#a706Overlay .r16-shadow{position:absolute;inset:3px;filter:blur(20px);background:#000a;transform:translateY(20px) translateZ(-10px)}
#a706Overlay.r16-opening .r16-prop{animation:r16Arrival .39s cubic-bezier(.2,.75,.26,1) both}
#a706Overlay.r16-opening .r16-fold-left{animation:r16Vert .37s .40s ease-in-out both}
#a706Overlay.r16-opening .r16-fold-bottom{animation:r16Horiz .29s .78s ease-out both}
#a706Overlay.r16-opening .r16-fold-right{animation:r16Bright .3s .80s both}
#a706Overlay.r16-opening.r16-reading .r16-prop{animation:r16ToPage .24s ease-out both}
#a706Overlay.r16-closing .r16-prop{animation:r16Back .67s ease-in both}
#a706Overlay.r16-closing .r16-fold-left{animation:r16VertBack .27s .05s ease-in both}
#a706Overlay.r16-closing .r16-fold-bottom{animation:r16HorizBack .28s ease-in both}
@keyframes r16Arrival{0%{opacity:0;transform:translate(-8vw,-83vh) rotate(-24deg) scale(.23)}65%{opacity:1;transform:translate(-50%,-50%) rotate(6deg) scale(.9)}100%{transform:translate(-50%,-50%) rotate(-2deg) scale(1)}}
@keyframes r16Vert{0%{transform:rotateY(0);filter:brightness(.85)}100%{transform:rotateY(-160deg);filter:brightness(1)}}
@keyframes r16Horiz{0%{transform:rotateX(0)}100%{transform:rotateX(162deg)}}
@keyframes r16Bright{0%{filter:brightness(.78)}100%{filter:brightness(1.12)}}
@keyframes r16ToPage{to{opacity:0;transform:translate(-50%,-50%) scale(2)}}
@keyframes r16ReaderAppear{from{opacity:.25;filter:blur(3px);transform:scale(.95)}to{opacity:1;filter:none;transform:none}}
@keyframes r16Back{0%{opacity:1;transform:translate(-50%,-50%) scale(1.85)}55%{opacity:1;transform:translate(-50%,-50%) scale(.95)}100%{opacity:0;transform:translate(22vw,-77vh) rotate(15deg) scale(.2)}}
@keyframes r16VertBack{from{transform:rotateY(-160deg)}to{transform:rotateY(0)}}
@keyframes r16HorizBack{from{transform:rotateX(162deg)}to{transform:rotateX(0)}}
#a706Overlay .a706-articles{position:relative;isolation:isolate;overflow:hidden}
#a706Overlay .r16-turn-sheet{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#dbc9aa,#fff2d9 52%,#e4d0ac);transform-style:preserve-3d;backface-visibility:hidden;overflow:hidden;box-shadow:8px 2px 20px #59412356;pointer-events:none;will-change:transform}
#a706Overlay .r16-turn-sheet>.r14-page{animation:none!important;padding:0}
#a706Overlay .r16-forward{transform-origin:left center;animation:r16PageForward .57s cubic-bezier(.33,.16,.55,1) both}
#a706Overlay .r16-backward{transform-origin:right center;animation:r16PageBackward .57s cubic-bezier(.33,.16,.55,1) both}
@keyframes r16PageForward{0%{transform:perspective(900px) rotateY(0)}55%{filter:brightness(.72)}100%{transform:perspective(900px) rotateY(-105deg);opacity:.05}}
@keyframes r16PageBackward{0%{transform:perspective(900px) rotateY(0)}55%{filter:brightness(.72)}100%{transform:perspective(900px) rotateY(105deg);opacity:.05}}
#a706Overlay .a706-paper{background:repeating-linear-gradient(0deg,transparent 0px,#957e5911 1px,transparent 3px),linear-gradient(91deg,#e1d0b1,#f8eed9 48%,#ecddc1 100%);box-shadow:0 26px 85px #000b,inset 10px 0 16px #71563318}
#a706Overlay .r14-story h3{hyphens:auto}
#a706Overlay .r14-lead{border-block:2px solid #6b573f}
#a706Overlay .r14-page{background:linear-gradient(90deg,#8a6b3a0b,transparent 8%,transparent 92%,#8a6b3a13)}
#a706Overlay .r14-pagination{position:relative;z-index:2}
@media(max-width:480px){#a706Overlay .r16-prop{width:60vw;height:43vh}#a706Overlay .r14-story p{font-size:14px;line-height:1.5}#a706Overlay .a706-paper{max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce){#a706Overlay .r16-prop,#a706Overlay .r16-fold,#a706Overlay .r16-turn-sheet,#a706Overlay .a706-paper{animation:none!important;transition:none!important}}
html[data-jornal-motion=reduced] #a706Overlay .r16-prop,html[data-jornal-motion=reduced] #a706Overlay .r16-fold,html[data-jornal-motion=reduced] #a706Overlay .r16-turn-sheet,html[data-jornal-motion=reduced] #a706Overlay .a706-paper{animation:none!important;transition:none!important}