/* Acabamento dos nomes e abertura: regras finais, compartilhadas por celular e computador. */
.convite-locked #conteudo-convite{visibility:hidden}
.abertura{--envelope-width:min(76vw,350px,40svh);gap:clamp(8px,1.7svh,14px);padding:24px 20px;justify-content:center;overflow-y:auto;background:radial-gradient(ellipse at 50% 32%,#fffef9,#f3ecdf 60%,#e7dac5)}
.abertura::before,.abertura::after,header::before,header::after{display:none}
.abertura .abertura-titulo{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:.18em;width:fit-content;max-width:100%;margin:3px 0;padding:12px 8px;border-block:1px solid #aa875245;font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,8.3vw,60px);font-weight:400;line-height:1.15;letter-spacing:-.035em}
.abertura .abertura-titulo .nome{white-space:nowrap}
.abertura .abertura-titulo .ampersand,header h1 .ampersand{font-family:Georgia,'Times New Roman',serif;font-size:.57em;font-weight:400;font-style:italic;letter-spacing:0;color:#aa8752}
.abertura .overline{margin:0;line-height:1.7}
.abertura .abertura-data{margin:0;line-height:1.6}
.abertura .abertura-frase{display:block;margin:0;font-size:clamp(17px,2.8svh,21px);line-height:1.4}
.abertura .envelope-cena{width:var(--envelope-width);aspect-ratio:1.58;margin:calc(var(--envelope-width) * .43) 0 14px;perspective:none;isolation:isolate;flex-shrink:0;filter:drop-shadow(0 15px 20px #493b2420)}
.abertura .envelope-fundo{display:none!important}
.abertura .envelope-carta{inset:10px 14px 8px;z-index:2;gap:5px;transform:translateY(0);background:#fffdf8;border:1px solid #bba078;border-radius:3px;transition:transform 2.1s 1.2s cubic-bezier(.3,.6,.3,1),box-shadow 2.1s 1.2s}
.abertura .envelope-carta::before{inset:7px;border:1px solid #a0845638}
.abertura .carta-cruz{font:22px/1 Georgia,serif;color:#a08456}
.abertura .carta-texto{font:8px/1.5 Arial,sans-serif;letter-spacing:.17em}
.abertura .envelope-frente{z-index:3;clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#f8efdf,#e3d2b7)}
.abertura .envelope-aba{z-index:4;transform:scaleY(1);transform-origin:center top;opacity:1;backface-visibility:visible;transition:transform .8s ease-in-out,z-index .4s step-end;filter:none}
.abertura .envelope-aba[hidden]{display:none!important}
.abertura .envelope-aba-aberta{z-index:0;bottom:calc(100% - 1px);height:57%;transform:scaleY(0);transform-origin:center bottom;opacity:0;transition:transform .8s .8s ease-in-out,opacity .15s .8s}
.abertura .selo,.abertura .carta-monograma,nav>b.monograma{display:inline-flex;align-items:baseline;justify-content:center;gap:.08em;white-space:nowrap;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:normal;font-variant:normal;letter-spacing:0;line-height:1.15;text-transform:none}
.abertura .selo{top:43%;left:50%;width:72px;height:72px;margin:-9px 0 0 -36px;align-items:center;font-size:25px;padding:0;color:#604722;border:3px double #ead6a8;border-radius:50%;text-shadow:0 1px #f6e4b7;transition:transform .75s,opacity .6s}
.abertura .selo::after{inset:7px;pointer-events:none}
.abertura .carta-monograma{font-size:clamp(30px,8vw,40px);color:#203e52}
.monograma .inicial{display:inline;font:inherit;line-height:inherit;text-transform:none}
.abertura .monograma .separador,nav .monograma .separador{display:inline;font-family:Georgia,'Times New Roman',serif;font-size:.57em;font-weight:400;font-style:italic;line-height:1;letter-spacing:0}
nav>b.monograma{font-size:25px}
.abertura.abrindo .selo{transform:scale(1.15);opacity:0}
.abertura .envelope-aba-aberta{display:none!important}
.abertura .envelope-frente::after{display:none}
.abertura .envelope-cena::after{content:none!important;display:none!important}.abertura .envelope-cena::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:57%;background:linear-gradient(170deg,#f2e6cf,#d8c29e);clip-path:polygon(50% 0,100% 100%,0 100%);z-index:0;display:none;pointer-events:none}.abertura.envelope-aberto .envelope-cena::before{display:block}
.abertura.envelope-aberto .envelope-aba{display:none!important;animation:none!important;transition:none!important}
.abertura.abrindo .envelope-aba{transform:scaleY(-1);opacity:1;z-index:0;animation:none;transition:transform .8s ease-in-out,z-index .4s step-end}
.abertura.abrindo .envelope-aba-aberta{display:none}
.abertura.abrindo .envelope-carta{transform:translateY(-68%);box-shadow:0 -8px 20px #a0845618;transition:transform 2.1s 1.7s cubic-bezier(.3,.6,.3,1),box-shadow 2.1s 1.7s}
.abertura .abertura-acoes{min-height:86px;gap:8px}
.abertura.abrindo .abertura-acoes{opacity:0;pointer-events:none;transition:opacity .5s}
.abertura.saindo{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease,visibility .85s ease}
@media(max-height:560px){.abertura{--envelope-width:min(55vw,220px,32svh);padding:16px 20px;gap:7px;justify-content:flex-start}.abertura .abertura-titulo{font-size:30px;padding-block:7px}.abertura .abertura-frase{display:none}.abertura .envelope-carta{gap:3px}.abertura .carta-cruz{font-size:15px}.abertura .carta-monograma{font-size:25px}.abertura .carta-texto{font-size:6px}.abertura .selo{width:54px;height:54px;margin-left:-27px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.abertura,.abertura *{transition:none!important;animation:none!important}}

.controle-musica[hidden]{display:none}.controle-musica{position:fixed;right:16px;bottom:16px;z-index:60;padding:10px 16px;border:1px solid #aa875260;border-radius:30px;background:#fffdf8f5;color:#203e52;font:11px/1.4 Arial,sans-serif;box-shadow:0 3px 15px #203e5212;cursor:pointer}.controle-musica:focus-visible{outline:3px solid #aa8752;outline-offset:4px}