:root{--linen:#bf8f89;--linen-light:#d3a8a2;--linen-deep:#9c6e69;--paper:#f3eee6;--ink:#4f553a;--blush:#f0c9c4;--rose:#c98f8a;--focus:#4f553a;--font-display:"Cormorant Garamond", "Cormorant", Garamond, Baskerville, "Times New Roman", serif;font-family:var(--font-display);color:var(--ink);background:var(--linen);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--linen);min-width:320px;height:100%;margin:0}button{font:inherit;cursor:pointer}img{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.invite{--gutter:12px;--card-w:min(100vw - var(--gutter) * 2, (100svh - 48px) * 9 / 16);--card-h:calc(var(--card-w) * 16 / 9);--env-w:min(100vw - var(--gutter) * 2, (100svh - 48px) * 2 / 3);--env-h:calc(var(--env-w) * 3 / 2);--radius:5px;--object-shadow:0 26px 60px #54262252, 0 2px 6px #5426222e;background-color:var(--linen);background-image:repeating-linear-gradient(0deg, #ffffff0d 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #5a28240d 0 1px, transparent 1px 4px), radial-gradient(ellipse at 50% 42%, var(--linen-light) 0%, var(--linen) 58%, var(--linen-deep) 100%);position:fixed;inset:0;overflow:hidden}.invite-details{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none;position:absolute;inset:0;overflow-y:auto}.invite-details::-webkit-scrollbar{display:none}.invite-panel{scroll-snap-align:center;height:100%;position:relative}.invite-panel--card{z-index:2}.invite-frame{top:calc(50% - var(--card-h) / 2);left:calc(50% - var(--card-w) / 2);width:var(--card-w);height:var(--card-h);border-radius:var(--radius);background:var(--paper);box-shadow:var(--object-shadow);position:absolute;overflow:hidden}.invite-frame>img{object-fit:cover;width:100%;height:100%}.invite-scroll-hint{bottom:calc(14px + env(safe-area-inset-bottom));min-height:44px;color:var(--ink);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf4eec7;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 22px;font-size:.82rem;font-weight:600;transition:background-color .16s,transform .16s ease-out;animation:.6s cubic-bezier(.22,1,.36,1) .5s both invite-hint-in;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #54262233}.invite-scroll-hint:hover{background:#faf4eef2}.invite-scroll-hint:active{transform:translate(-50%)scale(.97)}.invite-scroll-hint:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.invite-scroll-hint svg{animation:2.4s ease-in-out infinite invite-nudge}.invite:not([data-stage=open]) .invite-scroll-hint{opacity:0;animation:none}.invite-hotspot{border-radius:999px;width:51.4%;height:6.6%;transition:background-color .18s,box-shadow .18s;position:absolute;top:35%;left:24.3%}.invite-hotspot:after{border-radius:inherit;content:"";pointer-events:none;animation:3.2s cubic-bezier(.22,1,.36,1) 1.2s infinite invite-call;position:absolute;inset:0}.invite-hotspot:hover{background:#ffffff38;box-shadow:inset 0 0 0 1px #4f553a38}.invite-hotspot:hover:after{animation:none}.invite-hotspot:active{background:#c98f8a33}.invite-hotspot:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.invite-stage{z-index:3;background:inherit;position:absolute;inset:0}.envelope{top:calc(50% - var(--env-h) / 2);left:calc(50% - var(--env-w) / 2);width:var(--env-w);height:var(--env-h);perspective:2400px;perspective-origin:50% 40%;opacity:0;background:0 0;border:0;padding:0;transition:transform .16s ease-out;position:absolute}.invite[data-ready] .envelope{opacity:1;animation:.9s cubic-bezier(.22,1,.36,1) backwards invite-arrive}.invite[data-stage=opening] .envelope{animation:none}.envelope:active{transform:scale(.992)}.envelope:focus-visible{outline:2px solid var(--paper);outline-offset:6px}.envelope[aria-disabled=true]{cursor:default}.envelope>span,.envelope>img{position:absolute}.envelope-shadow,.envelope-interior,.envelope-body,.envelope-cast,.envelope-flap{width:100%;height:100%;inset:0}.envelope-shadow{z-index:0;border-radius:var(--radius);box-shadow:var(--object-shadow)}.envelope-interior{z-index:1;border-radius:var(--radius)}.envelope-letter{z-index:3}.envelope-body{z-index:4;border-radius:var(--radius)}.envelope-cast{z-index:5;pointer-events:none}.envelope-flap{z-index:6}.envelope-glint{z-index:7}.envelope-letter{border-radius:calc(var(--radius) * .8);transform-origin:0 0;width:80%;height:94.8%;top:3.5%;left:10%;overflow:hidden;box-shadow:0 -2px 14px #54262229}.envelope-letter img{object-fit:cover;width:100%;height:100%}.envelope-flap{transform-origin:50% 0;transform-style:preserve-3d}.envelope-flap>img{backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.envelope-flap-front{border-radius:var(--radius) var(--radius) 0 0}.envelope-flap-back{transform:rotateX(180deg)}.envelope-glint{mix-blend-mode:soft-light;pointer-events:none;border-radius:50%;width:16.02%;height:10.68%;top:29.92%;left:41.85%;overflow:hidden}.envelope-glint:after{content:"";background:linear-gradient(105deg,#0000 30%,#fffffff2 50%,#0000 70%);animation:5.5s ease-in-out 1.6s infinite invite-glint;position:absolute;inset:0;transform:translate(-110%)}@keyframes invite-arrive{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes invite-glint{0%,60%{transform:translate(-110%)}82%,to{transform:translate(110%)}}@keyframes invite-hint-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes invite-nudge{0%,to{transform:translateY(-1px)}50%{transform:translateY(2px)}}@keyframes invite-call{0%{box-shadow:0 0 #c98f8a8c}55%,to{box-shadow:0 0 0 14px #c98f8a00}}@media (width>=641px){.invite{--gutter:32px;--card-w:min(100vw - var(--gutter) * 2, 90svh * 9 / 16);--env-w:min(100vw - var(--gutter) * 2, 82svh * 2 / 3);--radius:6px;--object-shadow:0 34px 80px #5c4a3842, 0 2px 8px #5c4a3829;background-color:#f7f2eb;background-image:radial-gradient(55% 65%,#f7f2eb99,#f7f2eb00 75%),url(/fundo-lirios.webp);background-position:50%;background-size:auto,cover}}@media (width>=900px) and (aspect-ratio>=1){.invite{--card-h:min(86svh, calc((100vw - 8rem) / 1.17));--card-w:calc(var(--card-h) * 9 / 16);--env-w:min(76svh * 2 / 3, 100vw - 8rem)}.invite-details{justify-content:center;align-items:center;gap:calc(var(--card-w) * .08);scroll-snap-type:none;display:flex;overflow:hidden}.invite-panel{height:auto}.invite-frame{position:relative;top:auto;left:auto}.invite-scroll-hint{display:none}}@media (prefers-reduced-motion:reduce){.invite[data-ready] .envelope,.envelope-glint:after,.invite-scroll-hint,.invite-scroll-hint svg,.invite-hotspot:after{animation:none}}@media (forced-colors:active){.invite-hotspot{border:2px solid buttontext}}
