@font-face{font-family:"UnifrakturMaguntia";font-weight:400;font-style:normal;font-display:swap;src:url(fontes/UnifrakturMaguntia-400.woff2) format("woff2")}

.carta{--ew:min(78vw,440px);--cw:min(92vw,560px)}
.carta .cab{margin-bottom:28px}


.carta-palco{position:relative;display:grid;place-items:center;width:100%;min-height:calc(var(--ew) / 1.45 + var(--ew) * .08 + 18px);padding-top:calc(var(--ew) * .08)}
.carta-palco:not(.aberta):not(.larga):has(.carta-env.abrindo){min-height:calc(var(--ew) / 1.45 + var(--ew) * .46 + 18px);padding-top:calc(var(--ew) * .46)}
.carta-palco.larga,.carta-palco.aberta{min-height:calc(var(--cw) / .72);padding-top:0}

.carta-env{position:relative;isolation:isolate;display:block;width:var(--ew);aspect-ratio:1.45;perspective:1100px;animation:carta-flut 4.8s ease-in-out infinite}
.carta-env > span{position:absolute;display:block}
.carta-env::before{content:"";position:absolute;inset:0;z-index:0;border-radius:6px;pointer-events:none;box-shadow:0 1px 2px rgba(0,0,0,.6),0 3px 6px rgba(0,0,0,.35),0 26px 38px -16px rgba(0,0,0,.62),0 44px 64px -30px rgba(0,0,0,.45);transition:opacity .5s ease}
.carta-env.sumiu::before{opacity:0}
@keyframes carta-flut{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-9px) rotate(.5deg)}}

.carta-env{--db:var(--papel-debrum,linear-gradient(#0000,#0000));--tex:url(papel-trapo.jpg) 0 0/512px 512px repeat;--tinta:radial-gradient(ellipse at 50% 46%,#f0dfb8 0%,#dcc489 55%,#c8a46a 100%);--queima:radial-gradient(ellipse at 50% 50%,transparent 46%,rgba(92,50,14,.5) 100%),radial-gradient(ellipse at 6% 90%,rgba(110,64,18,.2),transparent 28%),radial-gradient(ellipse at 95% 12%,rgba(110,64,18,.16),transparent 26%),radial-gradient(ellipse at 72% 98%,rgba(110,64,18,.14),transparent 24%)}
.carta-env .e-fundo,.carta-env .e-frente i{background:var(--queima),var(--tinta),var(--tex);background-blend-mode:normal,normal,normal,normal,multiply,normal}
.carta-env .e-fundo{inset:0;z-index:1;-webkit-mask:var(--papel-borda,none) 0 0/100% 100% no-repeat;mask:var(--papel-borda,none) 0 0/100% 100% no-repeat;box-shadow:inset 0 1px 0 rgba(232,208,158,.34),inset 0 -1px 0 rgba(92,58,18,.6),inset 0 0 38px rgba(120,76,22,.28);transition:opacity .7s,transform .8s cubic-bezier(.5,0,.8,.4)}
.carta-env .e-frente{inset:0;z-index:3;pointer-events:none;-webkit-mask:var(--papel-borda,none) 0 0/100% 100% no-repeat;mask:var(--papel-borda,none) 0 0/100% 100% no-repeat;filter:drop-shadow(0 -1px 1px rgba(90,50,10,.35));transition:opacity .7s,transform .8s cubic-bezier(.5,0,.8,.4)}
.carta-env .e-frente i{position:absolute;inset:0}
.carta-env .e-frente::before,.carta-env .e-frente::after{content:"";position:absolute;inset:0;pointer-events:none}
.carta-env .e-frente::before{z-index:1;background:var(--papel-sombra-aba,none) 0 0/100% 100% no-repeat;transition:opacity .45s ease}
.carta-env .e-frente::after{z-index:2;background:var(--papel-dobras,none) 0 0/100% 100% no-repeat}
.carta-env .e-frente .t-e{clip-path:polygon(0 0,50% 58%,0 100%);background:linear-gradient(104deg,rgba(255,244,214,.3) 0%,rgba(255,244,214,0) 40%,rgba(84,52,14,.2) 100%),var(--queima),var(--tinta),var(--tex);background-blend-mode:normal,normal,normal,normal,normal,multiply,normal;box-shadow:inset 0 1px 0 rgba(232,208,158,.34),inset 0 -1px 0 rgba(92,58,18,.6),inset 1px 0 0 rgba(232,208,158,.22)}
.carta-env .e-frente .t-d{clip-path:polygon(100% 0,50% 58%,100% 100%);background:linear-gradient(256deg,rgba(255,244,214,.04) 0%,rgba(84,52,14,.12) 36%,rgba(70,42,10,.36) 100%),var(--queima),var(--tinta),var(--tex);background-blend-mode:normal,normal,normal,normal,normal,multiply,normal;box-shadow:inset 0 1px 0 rgba(232,208,158,.28),inset 0 -1px 0 rgba(92,58,18,.6),inset -1px 0 0 rgba(92,58,18,.4)}
.carta-env .e-frente .t-b{clip-path:polygon(0 100%,50% 56%,100% 100%);background:linear-gradient(170deg,rgba(255,244,214,.26) 0%,rgba(255,244,214,0) 46%,rgba(84,52,14,.22) 100%),var(--queima),var(--tinta),var(--tex);background-blend-mode:normal,normal,normal,normal,normal,multiply,normal;box-shadow:inset 0 -1px 0 rgba(92,58,18,.65)}
.carta-env .e-aba{left:0;right:0;top:0;height:58%;z-index:4;transform-origin:50% 0;transform-style:preserve-3d;transition:opacity .7s,translate .8s cubic-bezier(.5,0,.8,.4)}
.carta-env.abrindo .e-aba,.carta-env.fechando .e-aba{will-change:transform}
.carta-env .e-aba i{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.carta-env .e-aba .f{-webkit-mask:var(--papel-borda,none) 0 0/100% 172.414% no-repeat;mask:var(--papel-borda,none) 0 0/100% 172.414% no-repeat;background:var(--db) 0 0/100% 100% no-repeat,linear-gradient(112deg,rgba(255,244,214,.26) 0%,rgba(255,244,214,0) 42%,rgba(84,52,14,.2) 100%),linear-gradient(180deg,rgba(255,244,214,.08),rgba(96,62,20,.2) 100%),var(--queima),var(--tinta),var(--tex);background-blend-mode:normal,normal,normal,normal,normal,normal,normal,multiply,normal;box-shadow:inset 0 1px 0 rgba(232,208,158,.36)}
.carta-env .e-aba .v{background:linear-gradient(0deg,rgba(76,44,12,.3),rgba(76,44,12,.12)),var(--queima),linear-gradient(0deg,#cfae78,#e4cb98),var(--tex);background-blend-mode:normal,normal,normal,normal,normal,multiply,normal;clip-path:polygon(0 100%,100% 100%,50% 0);transform:rotateX(180deg)}
.carta-env .e-lacre{left:37%;top:35%;width:26%;aspect-ratio:1;z-index:6;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(34,4,8,.5)) drop-shadow(0 7px 7px rgba(40,8,10,.45));transition:opacity .7s}
.carta-env .e-lacre::before{content:"";position:absolute;left:-8%;right:-8%;top:34%;bottom:-18%;background:radial-gradient(ellipse at 50% 50%,rgba(52,28,6,.42),transparent 68%);filter:blur(5px);z-index:-1;transition:opacity .3s}
.carta-env .e-lacre::after{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(ellipse at 32% 26%,rgba(255,214,200,.22),rgba(255,214,200,0) 46%);transition:opacity .3s}
.carta-env.abrindo .e-frente::before,.carta-env.abrindo .e-lacre::before,.carta-env.abrindo .e-lacre::after{opacity:0}
.carta-env .e-lacre img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}
.carta-env .e-lacre .m1{clip-path:polygon(0 0,53% 0,47% 18%,55% 38%,46% 58%,54% 78%,50% 100%,0 100%);transform-origin:40% 60%}
.carta-env .e-lacre .m2{clip-path:polygon(53% 0,100% 0,100% 100%,50% 100%,54% 78%,46% 58%,55% 38%,47% 18%);transform-origin:62% 60%}

.carta-env .e-botao{position:absolute;inset:-4% -3%;z-index:9;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.carta-env .e-botao:focus-visible{outline:3px solid #fdd88a;outline-offset:6px;border-radius:6px}

.carta-env.abrindo{animation:none}
.carta-env.abrindo .e-botao{pointer-events:none}
.carta-env.abrindo .e-lacre .m1{animation:carta-cai-e 1.05s cubic-bezier(.45,0,.9,.55) forwards}
.carta-env.abrindo .e-lacre .m2{animation:carta-cai-d 1.05s cubic-bezier(.45,0,.9,.55) forwards}
.carta-env.abrindo .e-aba{animation:carta-aba .95s cubic-bezier(.4,0,.2,1) .5s forwards}
.carta-env.fechando .e-aba{animation:carta-aba-volta .8s cubic-bezier(.4,0,.2,1) forwards}
.carta-env.fechando .e-lacre{animation:carta-lacre-volta .5s .75s both}
.carta-env.sumiu .e-fundo,.carta-env.sumiu .e-frente{opacity:0;visibility:hidden;transform:translateY(70px);transition:opacity .5s ease,transform .5s ease-in,visibility 0s .5s}
.carta-env.sumiu .e-aba,.carta-env.sumiu .e-lacre{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}
.carta-env.sumiu .e-aba{translate:0 70px;transition:opacity .5s ease,translate .5s ease-in,visibility 0s .5s}
.carta-env.sumiu .e-botao{display:none}
.carta-env.retorno .e-fundo,.carta-env.retorno .e-frente,.carta-env.retorno .e-aba{transition:opacity .45s ease}
@keyframes carta-cai-e{0%{transform:none;opacity:1}18%{transform:translate(-5%,-4%) rotate(-5deg)}100%{transform:translate(-55%,330%) rotate(-48deg);opacity:0}}
@keyframes carta-cai-d{0%{transform:none;opacity:1}18%{transform:translate(5%,-4%) rotate(5deg)}100%{transform:translate(60%,360%) rotate(52deg);opacity:0}}
@keyframes carta-aba{0%{transform:rotateX(0);z-index:4}49%{z-index:4}50%{z-index:1}100%{transform:rotateX(-180deg);z-index:1}}
@keyframes carta-aba-volta{0%{transform:rotateX(-180deg);z-index:1}49%{z-index:1}50%{z-index:4}100%{transform:rotateX(0);z-index:4}}
@keyframes carta-lacre-volta{from{opacity:0}to{opacity:1}}

.carta-cena{position:absolute;left:50%;top:50%;width:var(--cw);aspect-ratio:.72;margin:calc(var(--cw) / -1.44) 0 0 calc(var(--cw) / -2);z-index:2;visibility:hidden;pointer-events:none;outline:0;transform:scale(var(--cs,.74));transform-origin:50% 50%;transition:transform .95s cubic-bezier(.3,.7,.2,1)}
.carta-env.subindo .carta-cena{visibility:visible;transform:translateY(var(--sobe,-200px)) scale(var(--cs,.74))}
.carta-env.fechando .carta-cena{visibility:visible}
.carta-env.revelando .carta-cena{visibility:visible;z-index:8;pointer-events:auto;transform:none;transition-duration:1.2s}
.carta-cena:focus-visible{outline:3px solid #fdd88a;outline-offset:6px;border-radius:4px}
.carta-cena canvas{display:block;width:100%;height:100%;touch-action:auto;cursor:default;-webkit-user-select:none;user-select:none}


.carta-dica{margin:12px auto 0;text-align:center;font:400 8.1px/1.5 var(--rotulo);letter-spacing:.16em;text-transform:uppercase;color:#fdd88a;opacity:.72;min-height:12px}
.carta-acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px}
.carta-acoes[hidden]{display:none}
.carta-acoes .btn{min-height:var(--btn-h,46.8px);justify-content:center;white-space:nowrap}
.carta .btn:focus-visible{outline:3px solid #fdd88a;outline-offset:4px}
.carta .btn[disabled]{opacity:.6;cursor:progress}

@media (max-width:820px){.carta-acoes{display:grid;grid-template-columns:max-content;justify-content:center}.carta-acoes[hidden]{display:none}.carta-acoes .btn{width:100%!important;min-width:var(--btn-w,min(86vw,270px))!important;max-width:calc(100vw - 28.8px)!important}}

@media (prefers-reduced-motion:reduce){
  .carta-env,.carta-env.abrindo,.carta-palco{animation:none;transition:none}
  .carta-cena,.carta-env .e-fundo,.carta-env .e-frente,.carta-env .e-aba,.carta-env .e-lacre,.carta-env.sumiu .e-fundo,.carta-env.sumiu .e-frente,.carta-env.sumiu .e-aba,.carta-env.sumiu .e-lacre{transition:none}
}

@media (prefers-reduced-motion:reduce){.carta-env .e-frente::before,.carta-env .e-lacre::before,.carta-env .e-lacre::after{transition:none}}.carta-env.fechando .e-frente::before{transition-delay:.5s}
.carta-env.fechando .e-lacre::before,.carta-env.fechando .e-lacre::after{transition-delay:.75s}
.carta .cab small{font-size:28px;margin-bottom:-2px}
.carta .cab h2{position:relative;display:inline-block;font-size:clamp(52px,7.4vw,70px);line-height:1.05;padding:0 8px 18px;color:#f6cf7a;-webkit-text-stroke:.03em currentColor}
.carta .cab h2 .lt{text-shadow:0 1px 0 #fff3cf,0 3px 0 rgba(60,30,4,.45),0 0 18px rgba(253,216,138,.25)}
.carta .cab h2::after{content:"";position:absolute;left:50%;bottom:0;width:150px;height:9px;margin-left:-75px;background:radial-gradient(circle at 50% 50%,#fdd88a 0 3px,transparent 3.5px),linear-gradient(90deg,transparent,#c98a2c 30%,#fdd88a 50%,#c98a2c 70%,transparent) center/100% 1px no-repeat}