.abertura{--tinta:#1d1d1b;--curva-saida:cubic-bezier(.22, 1, .36, 1);--mola:cubic-bezier(.34, 1.56, .64, 1);--abertura-puxa:4.25rem;isolation:isolate;margin-top:calc(var(--abertura-puxa) * -1);padding:calc(var(--abertura-puxa) + 1.25rem) 0 2.5rem;background:#fffaf2;position:relative;overflow:hidden}@media (min-width:576px){.abertura{--abertura-puxa:5rem}}@media (min-width:992px){.abertura{--abertura-puxa:152px;padding-block:calc(var(--abertura-puxa) + clamp(1rem, 3svh, 2rem)) clamp(2.5rem, 6svh, 4rem)}}.abertura:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#0a1f5c1a 1px,#0000 1px),linear-gradient(90deg,#0a1f5c1a 1px,#0000 1px),linear-gradient(#0a1f5c0d 1px,#0000 1px),linear-gradient(90deg,#0a1f5c0d 1px,#0000 1px);background-position:top;background-size:120px 120px,120px 120px,24px 24px,24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#00000059);mask-image:linear-gradient(#000,#00000059)}.abertura-mosaico{grid-template-columns:minmax(0,1fr);gap:.875rem;display:grid}@media (min-width:992px){.abertura-mosaico{grid-template-rows:auto auto;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem}}.abertura-peca{border:2px solid var(--tinta);box-shadow:5px 5px 0 var(--tinta);background:#fff;border-radius:22px;position:relative}.abertura-peca--logo{align-items:center;padding:1.25rem;display:flex}.abertura-logo{width:100%}.abertura-peca--frase{background:var(--color-escuro);padding:1.25rem 3.25rem 1.4rem 1.35rem;overflow:hidden}.abertura-peca--frase:after{content:"";background:var(--color-ciano);opacity:.9;border-top-left-radius:100%;width:3rem;height:3rem;position:absolute;bottom:-1px;right:-1px}.abertura-frase{z-index:1;letter-spacing:-.02em;color:#fff;text-wrap:balance;font-size:clamp(1.4rem,1.05rem + 1.1vw,1.75rem);font-weight:800;line-height:1.32;position:relative}.abertura-frase--provisoria{letter-spacing:0;font-size:1rem;font-weight:500;line-height:1.5}.abertura-etiqueta{background:var(--color-verde-limao);color:var(--color-escuro);transform-origin:50% 60%;border-radius:.38em;margin-inline:.04em;padding:0 .32em .06em;display:inline-block;rotate:-2.5deg;box-shadow:.12em .12em #04102f}.abertura-peca--botoes{background:#e8f0ff;flex-direction:column;justify-content:center;gap:.85rem;padding:1.25rem 1.25rem 1.5rem;display:flex}.abertura-botao{border:2px solid var(--tinta);letter-spacing:-.01em;text-align:center;min-height:3.25rem;box-shadow:0 5px 0 var(--tinta);border-radius:16px;justify-content:center;align-items:center;gap:.6rem;padding:.5rem 1.4rem;font-size:1rem;font-weight:700;transition:transform .6s cubic-bezier(.3,.7,.4,1),box-shadow .6s cubic-bezier(.3,.7,.4,1);display:inline-flex}.abertura a.abertura-botao:focus-visible{outline:3px solid var(--color-acao);outline-offset:4px;border-radius:16px}.abertura-botao--cheio{color:#fff;background:var(--color-acao)}.abertura-botao--claro{color:var(--color-escuro);background:#fff}@media (hover:hover){.abertura-botao:hover{box-shadow:0 7px 0 var(--tinta);transition-duration:.25s;transition-timing-function:cubic-bezier(.3,.7,.4,1.5);transform:translateY(-2px)}}.abertura-botao:active{box-shadow:0 0 0 var(--tinta);transition-duration:34ms;transform:translateY(5px)}.abertura-seta{flex:none}@media (min-width:992px) and (max-width:1199.98px){.abertura-botao{gap:.4rem;padding-inline:.75rem;font-size:.9375rem}}.abertura-peca--palco{aspect-ratio:4/3;background:radial-gradient(75% 70% at 50% 58%,#0000 45%,#d68c3c33),radial-gradient(circle,#0a1f5c1f 1.4px,#0000 1.6px) 0 0/18px 18px,#fff1dd;overflow:hidden}@media (min-width:576px) and (max-width:991.98px){.abertura-peca--palco{aspect-ratio:16/9}}@media (min-width:992px){.abertura-peca--logo{grid-area:1/1/auto/9;padding:1.75rem 2.25rem}.abertura-peca--frase{grid-area:2/1/auto/5;padding:1.6rem 3.5rem 1.75rem 1.75rem}.abertura-peca--frase:after{width:4.5rem;height:4.5rem}.abertura-peca--botoes{grid-area:2/5/auto/9;padding:1.5rem}.abertura-peca--palco{aspect-ratio:auto;grid-area:1/9/3/13;min-height:24rem}}.abertura .livros-caindo{--tamanho:.8;--ancora:60%;aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}@media (min-width:992px){.abertura .livros-caindo{--tamanho:1}}.abertura .livros-caindo .sombra-da-pilha{background:radial-gradient(closest-side,#1e140680,#1e14062e 62%,#0000 100%)}.abertura .livros-caindo .contato{background:#1e140647}.abertura-luz{left:50%;top:calc(var(--ancora) - 30 * var(--u));width:calc(530 * var(--u));height:calc(400 * var(--u));background:radial-gradient(closest-side,#fff 0 32%,#fff8e4eb 52%,#ffd27880 74%,#0000);border-radius:50%;transition:opacity .9s .15s;position:absolute;translate:-50% -50%}.abertura-pedestal{left:50%;top:var(--ancora);width:calc(470 * var(--u));height:calc(160 * var(--u));box-shadow:inset 0 0 0 calc(4.8 * var(--u)) var(--color-dourado), 0 calc(26 * var(--u)) 0 #1d1912, 0 calc(26 * var(--u)) 0 max(1.5px, calc(2.4 * var(--u))) #e3b74ee6, 0 0 calc(30 * var(--u)) calc(10 * var(--u)) #ffcd6e80, 0 calc(52 * var(--u)) calc(40 * var(--u)) #3c280a59;background:radial-gradient(closest-side,#fff 0 36%,#fbf6ea 62%,#eadfc4);border-radius:50%;position:absolute;translate:-50% -42%}.palco-carrossel{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}@supports (touch-action:pan-y pinch-zoom){.palco-carrossel{touch-action:pan-y pinch-zoom}}.palco-carrossel[data-pronto]{cursor:grab}.palco-carrossel.arrastando{cursor:grabbing}.palco-quadro{position:absolute;inset:0;overflow:hidden}.palco-quadro+.palco-quadro{transform:translate(100%)}.palco-carrossel img{-webkit-user-drag:none}.palco-quadro:not([data-ativo]) *,.palco-carrossel[data-fora] *{animation-play-state:paused}.palco-pontos{z-index:1;border:2px solid var(--tinta);box-shadow:2px 2px 0 var(--tinta);cursor:auto;background:#fff;border-radius:999px;padding-inline:.25rem;display:flex;position:absolute;bottom:.625rem;left:50%;translate:-50%}.palco-pontos[hidden]{display:none}.palco-pontos button{cursor:pointer;border-radius:999px;place-items:center;width:1.75rem;height:1.5rem;display:grid}.palco-pontos button:before{content:"";border:2px solid var(--tinta);width:.625rem;height:.625rem;transition:width .35s var(--curva-saida), background-color .35s;border-radius:999px}.palco-pontos button[aria-current=true]:before{background:var(--tinta);width:1.25rem}.palco-pontos button:focus-visible{outline-offset:-2px;border-radius:999px}@keyframes abertura-assentar{0%{translate:0 12px;scale:.985}}@keyframes abertura-subir{0%{opacity:0;translate:0 16px}}@keyframes abertura-carimbar{0%{opacity:0;rotate:-12deg;scale:.4}30%{opacity:1}}@media screen{html[data-animar] .abertura-peca--logo{animation:abertura-assentar .8s var(--curva-saida) 40ms backwards}html[data-animar] .abertura-peca--frase{animation:abertura-assentar .7s var(--curva-saida) .16s backwards}html[data-animar] .abertura-peca--botoes{animation:abertura-subir .7s var(--curva-saida) .26s backwards}html[data-animar] .abertura-peca--palco{animation:abertura-subir .7s var(--curva-saida) .34s backwards}html[data-animar] .abertura-etiqueta{animation:abertura-carimbar .55s var(--mola) .42s backwards}html[data-animar] .abertura .livros-caindo:not(.ativo) .abertura-luz{opacity:.2}}
@property --vis{syntax:"<number>";inherits:true;initial-value:1}.livros-caindo{--tinta:#1d1d1b;--tamanho:.68;--ancora:64%;aspect-ratio:16/10;width:100%;position:relative;container-type:size}@media (min-width:576px){.livros-caindo{aspect-ratio:4/3}}.livros-caindo :is(.palco,.cenario){--u:calc(min(100cqw / 560, 100cqh / 420) * var(--tamanho))}.livros-caindo .palco{--camera:calc(var(--u) * 1.77);pointer-events:none;position:absolute;inset:0}.livros-caindo .cena{perspective:calc(1300 * var(--camera));perspective-origin:50% 40%;position:absolute;inset:0}.livros-caindo .chao3d{left:50%;top:var(--ancora);width:0;height:0;transform-style:preserve-3d;position:absolute;transform:rotateX(70deg)rotate(-8deg)}.livros-caindo .cenario{pointer-events:none;position:absolute;inset:0}@media screen{html[data-animar] .livros-caindo:not(.ativo) .palco{visibility:hidden}}.livros-caindo .sombra-da-pilha{left:calc(-230 * var(--u));top:calc(-160 * var(--u));width:calc(460 * var(--u));height:calc(320 * var(--u));filter:blur(calc(8 * var(--u)));background:radial-gradient(closest-side,#0a1f5c80,#0a1f5c2e 62%,#0000 100%);border-radius:50%;position:absolute;transform:translateZ(.5px)}.livros-caindo .livro{width:0;height:0;transform-style:preserve-3d;will-change:transform;transform:translate3d(calc(var(--dx) * var(--u)), calc(var(--dy) * var(--u)), calc(var(--base) * var(--u))) rotateZ(calc(var(--giro) * 1deg));position:absolute;top:0;left:0}.livros-caindo .assento{transform-style:preserve-3d;position:absolute}.livros-caindo .caixa{left:calc(var(--l) * var(--u) / -2);top:calc(var(--a) * var(--u) / -2);width:calc(var(--l) * var(--u));height:calc(var(--a) * var(--u));transform-style:preserve-3d;position:absolute}.livros-caindo .face{opacity:var(--vis);position:absolute;top:0;left:0}.livros-caindo .capa{width:100%;height:100%;transform:translateZ(calc(var(--e) * var(--u)));background:var(--cor);border-radius:4px;overflow:hidden}.livros-caindo .capa img{width:calc(var(--a) * var(--u));max-width:none;height:calc(var(--l) * var(--u));object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.livros-caindo .capa .brilho{background:linear-gradient(#fff3,#fff0 45%,#0000001f);position:absolute;inset:0}.livros-caindo .capa .reflexo{mix-blend-mode:soft-light;background:linear-gradient(100deg,#0000 40%,#ffffffa6 50%,#fff0 60%);position:absolute;inset:-40% -30%;transform:translate(-80%)}.livros-caindo .capa .contorno{border:calc(2.6 * var(--u)) solid var(--tinta);border-radius:inherit;position:absolute;inset:0}.livros-caindo .verso{background:var(--escuro);width:100%;height:100%;box-shadow:inset 0 0 0 calc(2.6 * var(--u)) var(--tinta);border-radius:4px}.livros-caindo .lombada{align-items:center;gap:calc(9 * var(--u));width:100%;height:calc(var(--e) * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(5 * var(--u));background:linear-gradient(180deg, #ffffff42, #ffffff0a 38%, #0000000d 62%, #00000042), var(--cor);box-shadow:inset 0 0 0 calc(2.6 * var(--u)) var(--tinta);color:#fff;white-space:nowrap;transform-origin:top;transform:translateY(calc(var(--a) * var(--u))) translateZ(calc(var(--e) * var(--u))) rotateX(-90deg);display:flex;overflow:hidden}.livros-caindo .lombada .friso{width:calc(5 * var(--u));margin:calc(4 * var(--u)) 0;box-shadow:inset 0 0 0 calc(1 * var(--u)) #00000040;background:#ffd56b;border-radius:2px;flex:none;align-self:stretch}.livros-caindo .lombada b{font-size:calc(var(--e) * .48 * var(--u));letter-spacing:.12em;text-transform:uppercase;text-shadow:0 calc(1.2 * var(--u)) 0 #00000059;font-weight:800}.livros-caindo .lombada small{font-size:calc(var(--e) * .36 * var(--u));letter-spacing:.1em;text-transform:uppercase;opacity:.9;font-weight:700}.livros-caindo .lombada .selo{width:auto;height:calc(var(--e) * .62 * var(--u));filter:drop-shadow(0 0 calc(1.4 * var(--u)) #00000059);flex:none;margin-left:auto}.livros-caindo .corte{background:linear-gradient(var(--sentido), var(--escuro) 0 calc(2.4 * var(--u)), transparent calc(2.4 * var(--u)) calc(100% - 2.4 * var(--u)), var(--cor) calc(100% - 2.4 * var(--u))), repeating-linear-gradient(var(--sentido), #fffaf0 0 calc(1.4 * var(--u)), #e7dbc2 calc(1.4 * var(--u)) calc(2.4 * var(--u)));box-shadow:inset 0 0 0 calc(2.4 * var(--u)) var(--tinta)}.livros-caindo .corte-esquerdo,.livros-caindo .corte-direito{--sentido:to right;width:calc(var(--e) * var(--u));transform-origin:0;height:100%}.livros-caindo .corte-esquerdo{filter:brightness(.9);transform:rotateY(-90deg)}.livros-caindo .corte-direito{transform:translateX(calc(var(--l) * var(--u))) rotateY(-90deg);filter:brightness(.97)}.livros-caindo .corte-tras{--sentido:to top;width:100%;height:calc(var(--e) * var(--u));transform-origin:top;transform:translateZ(calc(var(--e) * var(--u))) rotateX(-90deg);filter:brightness(.85)}.livros-caindo .contato{left:calc(var(--l) * var(--u) / -2);top:calc(var(--a) * var(--u) / -2);width:calc(var(--l) * var(--u));height:calc(var(--a) * var(--u));filter:blur(calc(11 * var(--camera)));opacity:.35;transform:translate3d(calc(var(--dx) * var(--u)), calc(var(--dy) * var(--u)), calc((var(--base) + .6) * var(--u))) rotateZ(calc(var(--giro) * 1deg)) scale(.97);background:#0a143252;border-radius:8px;position:absolute}.livros-caindo .efeitos{pointer-events:none;position:absolute;inset:0}.livros-caindo .poeira{width:calc(53 * var(--u));height:calc(39 * var(--u));margin:calc(-19.5 * var(--u)) 0 0 calc(-26.5 * var(--u));opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 38 28'%3E%3Cpath d='M4 20 q -4 -8 4 -11 q 1 -8 10 -6 q 7 -5 11 3 q 7 1 4 9 q 1 6 -6 6 H 9 q -5 0 -5 -1 Z' fill='%23ffffff' stroke='%231d1d1b' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute}.livros-caindo .faisca{width:calc(25 * var(--u));height:calc(25 * var(--u));margin:calc(-12.5 * var(--u)) 0 0 calc(-12.5 * var(--u));opacity:0;position:absolute}.livros-caindo .faisca:before{content:"";background:var(--cor-f);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);position:absolute;inset:0}
.menino-da-tv{--cx:300;--cy:335;--rw:520;--rh:570;--tinta:#1d1d1b;--mola:cubic-bezier(.34, 1.56, .64, 1);background:#dff0ff;position:absolute;inset:0;overflow:hidden;container-type:size}@media (max-width:575.98px){.menino-da-tv{--cy:395;--rh:390}}@media (min-width:576px) and (max-width:991.98px){.menino-da-tv{--cy:370;--rw:587;--rh:330}}@media (min-width:992px) and (max-width:1199.98px){.menino-da-tv{--cy:320;--rw:492;--rh:640}}.menino-da-tv>svg{--s:max(100cqw / var(--rw), 100cqh / var(--rh));left:calc(50cqw - var(--cx) * var(--s));top:calc(50cqh - var(--cy) * var(--s));width:calc(600 * var(--s));height:calc(640 * var(--s));display:block;position:absolute}.menino-da-tv:after{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(circle at 1px 1px,#1d1d1b12 1px,#0000 1.4px);background-size:5px 5px;position:absolute;inset:0}.menino-da-tv .olho{transform-box:fill-box;transform-origin:50%;animation:5s infinite mt-piscar}.menino-da-tv .nuvem{animation:7s ease-in-out infinite alternate mt-nuvem}.menino-da-tv .perna-balanca{transform-box:fill-box;transform-origin:50% 0;animation:1.5s ease-in-out infinite alternate mt-balancar-perna}.menino-da-tv .pisca-vivo{animation:1.1s step-end infinite mt-vivo}@keyframes mt-piscar{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}@keyframes mt-nuvem{to{transform:translate(12px)}}@keyframes mt-balancar-perna{0%{transform:rotate(calc(var(--giro) * -1))}to{transform:rotate(var(--giro))}}@keyframes mt-vivo{50%{opacity:.15}}.menino-da-tv .logo-tv,.menino-da-tv .tv-faisca{transform-box:fill-box;transform-origin:50%}.menino-da-tv .braco-controle{transform-box:view-box;transform-origin:240px 396px}.menino-da-tv .onda,.menino-da-tv .tv-faisca{opacity:0}.menino-da-tv .led{fill:#3ee07a}@media screen{html[data-animar] .menino-da-tv:not(.ativo) .braco-controle{transform:rotate(30deg)}html[data-animar] .menino-da-tv:not(.ativo) :is(.tela-ligada,.brilho-tv,.rosto-alegre){opacity:0}html[data-animar] .menino-da-tv:not(.ativo) .led{fill:#ff4d4d}html[data-animar] .menino-da-tv.ativo .braco-controle{animation:mt-levantar-controle .55s .15s both var(--mola), mt-apertar .35s .95s both ease-in-out}html[data-animar] .menino-da-tv.ativo .onda{animation:.5s ease-out 2 both mt-onda}html[data-animar] .menino-da-tv.ativo .onda:first-child{animation-delay:1s}html[data-animar] .menino-da-tv.ativo .onda:nth-child(2){animation-delay:1.1s}html[data-animar] .menino-da-tv.ativo .onda:nth-child(3){animation-delay:1.2s}html[data-animar] .menino-da-tv.ativo .tv-faisca{animation:.55s ease-out 1.62s both mt-faisca}html[data-animar] .menino-da-tv.ativo .led{animation:10ms 1.62s both mt-led}html[data-animar] .menino-da-tv.ativo .tela-ligada{animation:.3s ease-out 1.9s both mt-aparecer}html[data-animar] .menino-da-tv.ativo .logo-tv{animation:mt-pular .7s 2s both var(--mola)}html[data-animar] .menino-da-tv.ativo .brilho-tv{animation:.6s ease-out 1.9s both mt-aparecer,3s ease-in-out 2.6s infinite alternate mt-pulsar}html[data-animar] .menino-da-tv.ativo .rosto-alegre{animation:.12s 2.1s both mt-aparecer}}@keyframes mt-levantar-controle{0%{transform:rotate(30deg)}to{transform:rotate(0)}}@keyframes mt-apertar{50%{transform:rotate(-5deg)translate(3px)}}@keyframes mt-onda{0%{opacity:0;transform:translate(-4px)}40%{opacity:1}to{opacity:0;transform:translate(6px)}}@keyframes mt-faisca{0%{opacity:1;transform:scale(0,.02)}35%{opacity:1;transform:scaleY(.02)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes mt-led{0%{fill:#ff4d4d}to{fill:#3ee07a}}@keyframes mt-aparecer{0%{opacity:0}to{opacity:1}}@keyframes mt-pular{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes mt-pulsar{0%{opacity:1}to{opacity:.7}}@media (prefers-reduced-motion:reduce){.menino-da-tv *,.menino-da-tv:after{animation:none!important}}
