.faixa-carta .tira{position:relative}.caderno-palco{flex-direction:column;align-items:center;gap:clamp(1.25rem,3vw,1.75rem);margin-top:clamp(2rem,5vw,3.5rem);display:flex}.caderno,.caderno-estatico{--pag-l:23em;--pag-a:31em;font-size:min(1rem,4.23729vw - .116525rem)}@media (min-width:820px){.caderno{font-size:min(1rem,2.12766vw - .106383rem)}}.caderno{width:var(--pag-l);height:var(--pag-a);transition:transform .9s cubic-bezier(.55,.05,.25,1);position:relative}.caderno[data-largo]{width:calc(var(--pag-l) * 2)}.caderno[data-largo][data-estado=fechado]{transform:translate(-25%)}.caderno-miolo{perspective:2600px;position:absolute;inset:0}.caderno{--sobra-topo:.75em;--sobra-pe:.95em;--sobra-lado:1em}.caderno:not([data-largo]){--sobra-topo:.6em;--sobra-pe:.8em;--sobra-lado:.7em}.caderno-capa-dura,.caderno-capa-frente,.caderno-capa-verso{background:var(--bordo)}.caderno-capa-dura:before,.caderno-capa-frente:before,.caderno-capa-verso:before{content:"";border-radius:inherit;opacity:.22;pointer-events:none;background:url(/foto/faixa-arabesco.png) 0 0/7.5em;position:absolute;inset:0}.caderno-capa-dura{top:calc(var(--sobra-topo) * -1);bottom:calc(var(--sobra-pe) * -1);right:calc(var(--sobra-lado) * -1);left:calc(100% - var(--pag-l));pointer-events:none;border-radius:.2em .9em .9em .2em;position:absolute;transform:translateZ(0);box-shadow:0 1.6em 3em #240d1352,0 .3em .6em #240d1333}.caderno:not([data-largo]) .caderno-capa-dura{left:calc(var(--sobra-lado) * -1);border-radius:.5em .9em .9em .5em}.caderno-capa-verso{border-radius:.9em .2em .2em .9em;box-shadow:inset -1.2em 0 1.2em -.9em #14060a80}.caderno-capa-miolo{top:var(--sobra-topo);bottom:var(--sobra-pe);left:var(--sobra-lado);position:absolute;right:0}.caderno-capa-dura:after{content:"";pointer-events:none;background:linear-gradient(90deg,#14060a80,#0000);width:1.4em;position:absolute;top:0;bottom:0;left:0}.caderno-miolo:before{content:"";width:var(--pag-l);background:repeating-linear-gradient(#f6ecd9 0 .12em,#e6d6b8 .12em .2em);border-radius:.25em .6em .6em .25em;position:absolute;top:.35em;bottom:-.45em;right:-.4em;box-shadow:0 1.2em 2.4em #240d1347,0 .2em .4em #240d132e}.caderno-miolo:after{content:"";width:var(--pag-l);opacity:0;z-index:6;background:repeating-linear-gradient(#f6ecd9 0 .12em,#e6d6b8 .12em .2em);border-radius:.6em .25em .25em .6em;transition:opacity .2s ease-out;position:absolute;top:.35em;bottom:-.45em;left:-.4em;box-shadow:0 1.2em 2.4em #240d1347,0 .2em .4em #240d132e}.caderno[data-largo][data-folhas-viradas] .caderno-miolo:after{opacity:1;transition-delay:.56s}.caderno-capa{top:calc(var(--sobra-topo) * -1);bottom:calc(var(--sobra-pe) * -1);right:calc(var(--sobra-lado) * -1);width:calc(var(--pag-l) + var(--sobra-lado));z-index:400;transform-origin:0;transform-style:preserve-3d;cursor:pointer;transition:transform 1s cubic-bezier(.55,.05,.25,1),z-index linear;position:absolute}.caderno[data-estado=aberto] .caderno-capa{z-index:5;cursor:default;transition:transform 1s cubic-bezier(.55,.05,.25,1),z-index 0s linear 1s;transform:rotateY(-180deg)}.caderno:not([data-largo])[data-estado=aberto] .caderno-capa{visibility:hidden;transition:transform 1s cubic-bezier(.55,.05,.25,1),z-index 0s linear 1s,visibility 0s linear 1s}.caderno-face{backface-visibility:hidden;position:absolute;inset:0}.caderno-face-verso{transform:rotateY(180deg)}.caderno-capa-frente{background:linear-gradient(to right, #14060a73 0, #14060a1a 1.4em, transparent 2.2em), var(--bordo);border-radius:.35em .9em .9em .35em;place-items:start center;padding-top:7.5em;display:grid;box-shadow:inset 0 0 0 .18em #ffffff0f,inset 0 -.4em 1em #14060a59,0 1.4em 2.6em #240d1359}.caderno-etiqueta{background:var(--creme);border-radius:.3em;padding:.9em 2.2em 1.1em;display:block;position:relative;transform:rotate(-2.5deg);box-shadow:0 .2em .5em #14060a4d,inset 0 0 0 .15em #6a1b322e}.caderno-etiqueta-nome{font-family:var(--tipo-assinatura), cursive;color:var(--bordo);font-size:2.6em;font-weight:600;line-height:1}.caderno-elastico{background:linear-gradient(to right, #d94400, var(--laranja) 40%, #ff7a3d 60%, #d94400);width:.75em;position:absolute;top:0;bottom:0;right:2.4em;box-shadow:.15em 0 .35em #14060a59}.caderno-folha{width:var(--pag-l);transform-origin:0;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.5,.05,.3,1);position:absolute;top:0;bottom:0;right:0}.caderno-folha[data-virada]{transform:rotateY(-180deg)}.caderno:not([data-largo]) .caderno-folha{transition:transform .82s cubic-bezier(.5,.05,.3,1),opacity .2s ease-out .4s,visibility linear}.caderno:not([data-largo]) .caderno-folha[data-virada]{opacity:0;visibility:hidden;transition:transform .82s cubic-bezier(.5,.05,.3,1),opacity .22s ease-in .22s,visibility 0s linear .82s}.pagina{--pauta:1.6em;--margem:2.6em;--folga:.7em;--assento:.38em;--risco:#6a1b3226;--linha-margem:#ff50006b;padding:calc(var(--pauta) * 2) 1.2em calc(var(--pauta) * 1.2) calc(var(--margem) + var(--folga));background-color:#fffaf0;background-image:linear-gradient(to right, transparent calc(var(--margem) - .12em), var(--linha-margem) calc(var(--margem) - .12em), var(--linha-margem) calc(var(--margem) - .05em), transparent calc(var(--margem) - .05em), transparent calc(var(--margem) + .05em), var(--linha-margem) calc(var(--margem) + .05em), var(--linha-margem) calc(var(--margem) + .12em), transparent calc(var(--margem) + .12em)), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--pauta) - 1px), var(--risco) calc(var(--pauta) - 1px), var(--risco) var(--pauta));background-position:0 0, 0 calc(var(--assento) * -1);color:var(--bordo);font-family:var(--tipo-manuscrita), "Comic Sans MS", cursive;font-size:.95em;line-height:var(--pauta);border-radius:.2em .5em .5em .2em;position:absolute;inset:0;overflow:hidden;box-shadow:inset 1.4em 0 1.4em -1.2em #240d1338}.caderno-face-verso .pagina{border-radius:.5em .2em .2em .5em;box-shadow:inset -1.4em 0 1.4em -1.2em #240d1338}.pagina-vazia{padding:0}.pagina-numero{color:#6a1b328c;font-size:.85em;line-height:1;position:absolute;bottom:.45em;right:1.1em}.caderno-face-verso .pagina-numero{right:auto;left:calc(var(--margem) + var(--folga))}.pagina-abertura,.pagina-fim{background-image:none;place-items:center;padding:2em;display:grid}.abertura{text-align:center;justify-items:center;gap:.4em;display:grid;transform:rotate(-2deg)}.abertura-selo{width:6.5em;height:auto;margin-bottom:.6em}.abertura-nome{font-family:var(--tipo-assinatura), cursive;font-size:3em;font-weight:600;line-height:1}.abertura-linha{color:#6a1b32a6;font-size:1em}.fim{width:10.5em}.fim-retrato{width:100%;max-width:none;height:auto;display:block;overflow:visible;transform:rotate(-4deg)}.fim-retrato-cheio{fill:var(--bordo)}.fim-retrato-traco{fill:none;stroke:var(--bordo);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}.pagina-texto p{margin:0}.pagina .pagina-texto>*+*{margin-top:var(--pauta)}.folha-entrada{font-size:1.1em;font-weight:700}.folha-destaque{margin:0;padding-left:.8em;font-size:1.05em;font-weight:700;position:relative}.folha-destaque:before{content:"";background:var(--laranja);transform-origin:top;border-radius:.2em;width:.18em;position:absolute;inset:.2em auto .2em 0}.folha-fecho{font-weight:700}.folha-assinatura{font-family:var(--tipo-assinatura), cursive;font-size:2.2em;font-weight:600;line-height:calc(var(--pauta) * 2 / 2.2);text-align:right}.folha-assinatura-nome{transform-origin:0 100%;display:inline-block;transform:rotate(-4deg)}.pagina .grifo{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#ff500042,#ff500042);background-position:0 90%;background-repeat:no-repeat;background-size:100% .5em;border-radius:.25em .1em .3em .15em;padding-inline:.06em}.pagina .circulo{white-space:nowrap;display:inline-block;position:relative}.circulo-traco{pointer-events:none;width:calc(100% + .8em);max-width:none;height:calc(100% + .5em);position:absolute;top:-.25em;left:-.4em;overflow:visible}.pagina [data-escrever]{position:relative}.rabisco{top:calc(var(--pauta) * -.1);left:calc((var(--margem) + var(--folga)) * -1 + var(--margem) * .16);width:calc(var(--margem) * .66);pointer-events:none;max-width:none;height:auto;position:absolute;overflow:visible}.circulo-traco path,.rabisco path{fill:none;stroke:var(--laranja);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0;stroke-width:2px}.pagina [data-palavra]{display:inline-block}.caderno[data-caderno-pronto] .pagina [data-palavra]{clip-path:inset(-40% 100% -40% 0)}.caderno[data-caderno-pronto] .pagina [data-escrito] [data-palavra]{clip-path:inset(-40% -15% -40% -10%);transition:clip-path .22s linear calc(var(--i) * var(--passo))}.caderno[data-caderno-pronto] .pagina .folha-assinatura-nome{clip-path:inset(-40% 100% -40% 0)}.caderno[data-caderno-pronto] .pagina [data-escrito] .folha-assinatura-nome{clip-path:inset(-40% -10%);transition:clip-path 1s cubic-bezier(.45,.05,.35,1)}.caderno[data-caderno-pronto] .pagina .grifo{background-size:0% .5em}.caderno[data-caderno-pronto] .pagina [data-escrito] .grifo{transition:background-size .52s cubic-bezier(.3, .6, .3, 1) var(--marca-atraso);background-size:100% .5em}.caderno[data-caderno-pronto] .pagina .circulo-traco path,.caderno[data-caderno-pronto] .pagina .rabisco path,.caderno[data-caderno-pronto] .pagina .fim-retrato-traco{stroke-dashoffset:1.05px}.caderno[data-caderno-pronto] .pagina .fim-retrato-cheio{opacity:0}.caderno[data-caderno-pronto] .pagina [data-escrito] .circulo-traco path{stroke-dashoffset:0;transition:stroke-dashoffset .62s cubic-bezier(.4, .1, .3, 1) var(--marca-atraso)}.caderno[data-caderno-pronto] .pagina [data-escrito] .rabisco path{stroke-dashoffset:0;transition:stroke-dashoffset .76s cubic-bezier(.4, .1, .3, 1) var(--marca-atraso)}.caderno[data-caderno-pronto] .pagina [data-escrito] .fim-retrato-traco{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.45, .1, .35, 1) calc(var(--n) * .2s)}.caderno[data-caderno-pronto] .pagina [data-escrito] .fim-retrato-cheio{opacity:1;transition:opacity .7s ease-in-out 2.6s}.caderno[data-caderno-pronto] .pagina [data-escrito] .rabisco path:nth-child(2){transition-delay:calc(var(--marca-atraso,0s) + .26s)}.caderno[data-caderno-pronto] .pagina [data-escrito] .rabisco path:nth-child(3){transition-delay:calc(var(--marca-atraso,0s) + .52s)}.caderno[data-caderno-pronto] .pagina .folha-destaque:before{transform:scaleY(0)}.caderno[data-caderno-pronto] .pagina .folha-destaque:has([data-escrito]):before{transition:transform .52s cubic-bezier(.4,.1,.3,1);transform:scaleY(1)}.caderno-controles{opacity:0;align-items:center;gap:1rem;transition:opacity .36s cubic-bezier(.23,1,.32,1) .9s,transform .36s cubic-bezier(.23,1,.32,1) .9s;display:flex;transform:translateY(8px)}.caderno-controles[data-visivel]{opacity:1;transform:none}.caderno-contagem{font-family:var(--tipo-manuscrita), cursive;color:var(--texto-2);text-align:center;min-width:4.5em;font-size:1.05rem}.caderno-controles .caderno-botao{white-space:nowrap;text-wrap:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.65rem 1.15rem;font-size:.9rem;display:inline-flex}.caderno-controles .caderno-botao svg{margin:0;display:block}.caderno-botao-voltar{color:var(--bordo);box-shadow:inset 0 0 0 2px var(--bordo);background:0 0}.caderno-botao:disabled{opacity:.35;cursor:default;transform:none}.caderno-botao svg{width:18px;height:18px}@media (max-width:420px){.caderno-controles{gap:.5rem}.caderno-controles .caderno-botao{padding:.6rem .9rem;font-size:.8rem}.caderno-controles .caderno-botao-voltar{flex:none;width:2.75rem;padding:0;position:relative}.caderno-botao-voltar .caderno-botao-rotulo{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.caderno-contagem{min-width:3.2em}}.caderno-estatico{justify-items:center;gap:1.5em;margin-top:clamp(2rem,5vw,3.5rem);display:grid}.caderno-estatico-folha{width:var(--pag-l);height:var(--pag-a);border-radius:.5em;position:relative;box-shadow:0 1em 2em #240d1333}.caderno-leitura{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.caderno,.caderno-capa,.caderno-folha,.caderno-controles,.caderno-miolo:after{transition:none!important}}
