@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/wedding-invitation-template/assets/caveat-cyrillic-ext-wght-normal-DiMfzA-V.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/wedding-invitation-template/assets/caveat-cyrillic-wght-normal-D5lnP6kL.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/wedding-invitation-template/assets/caveat-latin-ext-wght-normal-Byk3UhVp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/wedding-invitation-template/assets/caveat-latin-wght-normal-C1hSzPvX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pinyon Script;font-style:normal;font-display:swap;font-weight:400;src:url(/wedding-invitation-template/assets/pinyon-script-vietnamese-400-normal-D9IEVGR9.woff2)format("woff2"),url(/wedding-invitation-template/assets/pinyon-script-vietnamese-400-normal-DsnOr8jX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pinyon Script;font-style:normal;font-display:swap;font-weight:400;src:url(/wedding-invitation-template/assets/pinyon-script-latin-ext-400-normal-DzUoH_k9.woff2)format("woff2"),url(/wedding-invitation-template/assets/pinyon-script-latin-ext-400-normal-Cu_llAZZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pinyon Script;font-style:normal;font-display:swap;font-weight:400;src:url(/wedding-invitation-template/assets/pinyon-script-latin-400-normal-HCoaxbyT.woff2)format("woff2"),url(/wedding-invitation-template/assets/pinyon-script-latin-400-normal-3W0BoeAr.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.js:has(.envelope:not([hidden])){overflow:hidden}.envelope{--envelope-ink:var(--color-sage-deep);--envelope-paper:#fbf8f1;--envelope-paper-shade:#efe8da;--envelope-card:#fffdf8;--envelope-line:#6b7a5e8c;--envelope-liner:var(--color-sage);--envelope-liner-dot:#7d8e70;--envelope-seal:var(--color-sage-dark);--envelope-seal-light:#8d9e80;--envelope-seal-dark:var(--color-sage-deep);display:none}.js .envelope{z-index:10;padding:var(--space-md);background-color:var(--color-bg);color:var(--envelope-ink);text-align:center;background-image:radial-gradient(circle,#0000 40%,#6b7a5e24),linear-gradient(#f2eee2d9,#f2eee2d9),url(/wedding-invitation-template/assets/images/background.webp);background-position:50%,50%,top;background-size:auto,auto,100%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.envelope.is-leaving{pointer-events:none;animation:.45s forwards envelope-fade-out}.envelope__names{font-family:var(--font-title);margin:0;font-size:clamp(2.5rem,11vw,3.5rem);line-height:1.2}.envelope__date{font-family:var(--font-detail);letter-spacing:.04em;margin:0;font-size:clamp(1.25rem,5.5vw,1.6rem)}.is-opening .envelope__names,.is-opening .envelope__date{opacity:0;transition:opacity .3s}.envelope__stage{aspect-ratio:7/5;perspective:32rem;width:min(88vw,26rem,140svh - 19.6rem);margin:2.5rem 0 1.5rem;position:relative;container-type:inline-size}.envelope__back,.envelope__pocket{width:100%;height:100%;position:absolute;inset:0}.envelope__back{z-index:1;box-shadow:0 1.5cqw 5cqw #4a42382e,0 .4cqw 1cqw #4a42381a}.envelope__letter{z-index:2;background-color:var(--envelope-card);padding:6cqw 5cqw;position:absolute;inset:4% 7%;box-shadow:0 .3cqw 1.2cqw #4a42381f}.envelope__letter:before{content:"";border:1px solid var(--envelope-line);position:absolute;inset:2cqw}.envelope__letter-text{font-family:var(--font-title);margin:0;font-size:9cqw;line-height:1.1}.envelope__letter-text:after{content:"";background-color:var(--envelope-line);width:24%;height:1px;margin:3cqw auto 0;display:block}.envelope__pocket{z-index:3}.envelope__guest{z-index:4;font-family:var(--font-script);overflow-wrap:anywhere;margin:0;font-size:6.5cqw;line-height:1.05;position:absolute;top:69%;left:12%;right:12%}.envelope__guest--long{font-size:5cqw}.envelope__guest-label{font-size:.65em;display:block}.envelope__flap{z-index:5;transform-origin:50% 0;filter:drop-shadow(0 .5cqw .6cqw #4a423829);width:100%;height:56%;position:absolute;top:0;left:0;overflow:visible}.envelope__seal{z-index:6;aspect-ratio:1;background:radial-gradient(circle at 35% 30%, var(--envelope-seal-light), var(--envelope-seal) 55%, var(--envelope-seal-dark));width:17cqw;color:var(--color-bg);font-family:var(--font-title);text-shadow:0 .2cqw #00000040;white-space:nowrap;border-radius:46% 54% 52% 48%/53% 47%;justify-content:center;align-items:center;margin:0;font-size:8cqw;line-height:1;display:flex;position:absolute;top:54%;left:50%;translate:-50% -50%;box-shadow:0 .5cqw 1cqw #00000038,inset 0 0 0 1.2cqw #0000000f}.envelope__seal:before{content:"";border:.4cqw solid #00000024;border-radius:50%;position:absolute;inset:13%;box-shadow:0 .2cqw #ffffff1f}.envelope__monogram{font-size:calc(1em * var(--monogram-scale,1));translate:calc(1em * var(--monogram-shift,0)) 0}.envelope__seal-joiner{margin:0 .02em;font-size:.65em}.envelope__paper{fill:var(--envelope-paper)}.envelope__side{fill:var(--envelope-paper-shade)}.envelope__bottom{fill:var(--envelope-paper)}.envelope__line{fill:none;stroke:var(--envelope-line);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.envelope__liner{fill:var(--envelope-liner)}.envelope__liner-dot{fill:var(--envelope-liner-dot)}.envelope__button{color:inherit;font-family:var(--font-script);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem 1rem;font-size:clamp(1.4rem,6vw,1.75rem)}.envelope__button:after{content:"";z-index:7;position:absolute;inset:0}.envelope__button:focus-visible{outline-offset:2px;outline:2px solid}.is-opening .envelope__button{opacity:0;transition:opacity .3s;animation:none}@media (prefers-reduced-motion:no-preference){.envelope__names{animation:.9s backwards envelope-enter}.envelope__date{animation:.9s .15s backwards envelope-enter}.envelope__stage{animation:.9s .3s backwards envelope-enter}.is-leaving .envelope__stage{animation:.45s ease-in forwards envelope-zoom}.envelope__button{animation:.9s .6s backwards envelope-enter,2.4s ease-in-out 1.5s infinite envelope-hint}.is-opening .envelope__seal{animation:.4s ease-in forwards envelope-seal}.is-opening .envelope__flap{animation:.7s cubic-bezier(.45,0,.55,1) .2s forwards envelope-flap}.is-opening .envelope__flap-front{animation:.7s .2s forwards envelope-flap-front}.is-opening .envelope__letter{animation:.8s cubic-bezier(.22,1,.36,1) .75s forwards envelope-letter}}@keyframes envelope-enter{0%{opacity:0;translate:0 1rem}}@keyframes envelope-hint{50%{opacity:.7;scale:1.06}}@keyframes envelope-seal{35%{scale:1.12}to{opacity:0;scale:.6}}@keyframes envelope-flap{0%{z-index:5;transform:rotateX(0)}50%{z-index:5}50.01%{z-index:1}to{z-index:1;transform:rotateX(180deg)}}@keyframes envelope-flap-front{50%{opacity:1}50.01%,to{opacity:0}}@keyframes envelope-letter{to{translate:0 -48%}}@keyframes envelope-zoom{to{opacity:0;scale:1.2}}@keyframes envelope-fade-out{to{opacity:0}}:root{--color-bg:#f2eee2;--color-sage:#8b9c7e;--color-sage-dark:#5c6a51;--color-sage-deep:#56634b;--color-text:#4a4238;--color-error:#a0473a;--font-detail:"Caveat Variable", cursive;--font-script:"Caveat Variable", cursive;--font-title:"Pinyon Script", cursive;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3.5rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-detail);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#f2eee2d9,#f2eee2d9),url(/wedding-invitation-template/assets/images/background.webp);background-position:top;background-repeat:repeat;background-size:100%}.invitation{max-width:480px;padding:var(--space-lg) var(--space-md);margin:0 auto;position:relative;overflow:hidden;container-type:inline-size}.invitation:focus{outline:none}.music-toggle{z-index:1;background-color:var(--color-sage-deep);color:var(--color-bg);font-family:var(--font-detail);cursor:pointer;border:0;border-radius:999px;padding:0 .75rem;font-size:1rem;line-height:1.6;position:absolute;top:.25rem;right:.5rem}.music-toggle:focus-visible{outline:2px solid var(--color-sage-deep);outline-offset:2px}.music-toggle:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden}.hero{text-align:center;margin-bottom:var(--space-xl);color:var(--color-sage-dark)}.hero__names{font-family:var(--font-title);margin:0;font-size:10cqw;font-weight:400;line-height:1.2}.hero__date{font-family:var(--font-detail);letter-spacing:.04em;margin:.25rem 0 0;font-size:5.5cqw}.countdown{margin-bottom:var(--space-xl);text-align:center}.countdown__label{font-family:var(--font-script);color:var(--color-sage-dark);margin:0 0 .5rem;font-size:6cqw;font-weight:600}.countdown__grid{justify-content:center;gap:1rem;display:flex}.countdown__unit{flex-direction:column;align-items:center;display:flex}.countdown__number{font-family:var(--font-detail);color:var(--color-sage-dark);font-size:6.5cqw;line-height:1}.countdown__unit-label{font-family:var(--font-detail);color:var(--color-text);margin-top:.25rem;font-size:3cqw}.countdown__done{font-family:var(--font-script);color:var(--color-sage-dark);margin:0;font-size:7cqw;font-weight:600}.countdown__calendar{font-family:var(--font-detail);color:var(--color-sage-deep);margin:1.25rem 0 0;font-size:4.2cqw}.countdown__calendar-label{margin-bottom:.4rem;display:block}.countdown__calendar-link{color:inherit;border:1px solid;border-radius:999px;margin:.2rem;padding:.3em .9em;text-decoration:none;transition:background-color .15s,color .15s;display:inline-block}.countdown__calendar-link:hover,.countdown__calendar-link:focus-visible{background-color:var(--color-sage-deep);color:var(--color-bg)}.countdown__calendar-link:focus-visible{outline:2px solid var(--color-sage-deep);outline-offset:2px}.intro{margin-bottom:var(--space-xl);position:relative}.intro__row{justify-content:space-between;align-items:flex-start;gap:.4rem;display:flex}.intro__photo{flex-shrink:0;width:33%}.intro__photo img{aspect-ratio:586/612;object-fit:cover;width:100%;height:auto;display:block}.intro__icon{aspect-ratio:324/450;flex-shrink:0;width:auto;max-width:85px;height:auto}.intro__text{width:68%;font-family:var(--font-script);color:var(--color-sage-dark);text-align:center;margin:0;font-size:6cqw;line-height:1.3;position:absolute;top:35%;left:25%}.templo{margin-bottom:var(--space-xl)}.templo__frame{width:100%;position:relative}.templo__bg{aspect-ratio:1548/816;width:100%;height:auto;display:block}.templo__content{position:absolute;inset:0}.templo__heading{width:24%;font-family:var(--font-script);color:var(--color-sage-dark);text-align:center;margin:0;font-size:10cqw;font-weight:700;position:absolute;top:9%;right:15%}.templo__details{width:34%;font-family:var(--font-detail);color:var(--color-sage-dark);text-align:center;white-space:nowrap;margin:0;font-size:5cqw;line-height:1.5;position:absolute;top:36%;right:8%}.templo__link{width:18%;font-family:var(--font-detail);color:var(--color-sage-dark);text-align:left;font-size:5cqw;text-decoration:none;position:absolute;top:66%;left:68%}.vamonos{margin-bottom:var(--space-xl)}.vamonos__img{aspect-ratio:1263/718;width:100%;height:auto;display:block}.recepcion{margin-bottom:var(--space-xl)}.recepcion__frame{width:100%;position:relative}.recepcion__bg{aspect-ratio:1556/826;width:100%;height:auto;display:block}.recepcion__content{position:absolute;inset:0}.recepcion__heading{width:36%;font-family:var(--font-script);color:var(--color-sage-dark);text-align:center;margin:0;font-size:9.5cqw;font-weight:700;position:absolute;top:10%;left:11%}.recepcion__details{width:36%;font-family:var(--font-detail);color:var(--color-sage-dark);text-align:center;white-space:nowrap;margin:0;font-size:5cqw;line-height:1.5;position:absolute;top:36%;left:12%}.recepcion__link{width:28%;font-family:var(--font-detail);color:var(--color-sage-dark);text-align:left;font-size:5cqw;text-decoration:none;position:absolute;top:66%;left:24%}.dresscode{margin-bottom:var(--space-xl)}.dresscode__frame{width:100%;position:relative}.dresscode__bg{aspect-ratio:1786/682;width:100%;height:auto;display:block}.dresscode__content{position:absolute;inset:0}.dresscode__heading{width:34%;font-family:var(--font-script);color:var(--color-sage-dark);text-align:center;margin:0;font-size:7.5cqw;font-weight:700;position:absolute;top:6%;left:59%}.dresscode__link{display:block;position:absolute}.dresscode__link--mujer{width:13.5%;height:22%;top:50%;left:58.5%}.dresscode__link--hombre{width:13.5%;height:22%;top:76%;left:58.5%}.dresscode__etiqueta{width:25%;font-family:var(--font-detail);color:var(--color-sage-dark);text-align:center;white-space:nowrap;margin:0;font-size:2.3cqw;position:absolute;top:35%;left:75%}.dresscode__note{width:15%;font-family:var(--font-detail);color:var(--color-sage-dark);text-align:center;margin:0;font-size:2.9cqw;line-height:1.5;position:absolute;top:50%;left:80%}.regalos{margin-bottom:var(--space-xl)}.regalos__frame{width:100%;position:relative}.regalos__bg{aspect-ratio:1680/813;width:100%;height:auto;display:block}.regalos__content{position:absolute;inset:0}.regalos__heading{width:55%;font-family:var(--font-script);color:var(--color-sage-dark);text-align:center;white-space:nowrap;margin:0;font-size:10cqw;font-weight:700;position:absolute;top:-19%;left:0%}.regalos__text{width:58%;font-family:var(--font-detail);color:var(--color-sage-dark);text-align:center;margin:0;font-size:3.7cqw;line-height:1.7;position:absolute;top:20%;left:0%}.regalos__bank{width:44%;font-family:var(--font-detail);color:var(--color-sage-dark);text-align:left;margin:0;font-size:3cqw;line-height:1.8;position:absolute;top:3%;left:60%}.regalos__registries{font-family:var(--font-detail);color:var(--color-sage-deep);text-align:center;margin:.9rem 0 0;font-size:4.2cqw}.regalos__registries:not(:has(a)){display:none}.regalos__registries a{color:inherit;border:1px solid;border-radius:999px;margin:.2rem;padding:.3em .9em;text-decoration:none;transition:background-color .15s,color .15s;display:inline-block}.regalos__registries a:hover,.regalos__registries a:focus-visible{background-color:var(--color-sage-deep);color:var(--color-bg)}.regalos__registries a:focus-visible{outline:2px solid var(--color-sage-deep);outline-offset:2px}.regalos__registries-label{margin-bottom:.4rem;display:block}.confirmacion{--px:calc(100cqw / 1059);margin-bottom:var(--space-xl)}.confirmacion__top,.confirmacion__bottom{isolation:isolate;position:relative}.confirmacion__top:before,.confirmacion__bottom:before{content:"";z-index:-1;pointer-events:none;border-style:solid;position:absolute;inset:0}.confirmacion__top{padding:calc(300 * var(--px)) calc(150 * var(--px)) calc(170 * var(--px));flex-direction:column;display:flex}.confirmacion__top:before{border-width:calc(300 * var(--px)) calc(94 * var(--px)) calc(170 * var(--px)) calc(100 * var(--px));border-image:url(/wedding-invitation-template/assets/images/rsvp-top.webp) 300 94 170 100 fill}.confirmacion__bottom{padding:calc(16 * var(--px)) calc(150 * var(--px)) calc(124 * var(--px))}.confirmacion__bottom:before{border-width:0 calc(115 * var(--px)) calc(114 * var(--px)) calc(100 * var(--px));border-image:url(/wedding-invitation-template/assets/images/rsvp-bottom.webp) 0 115 114 100 fill}.confirmacion__intro{text-wrap:balance;font-family:var(--font-detail);color:var(--color-sage-deep);text-align:center;margin:0 0 .6em;font-size:5cqw;line-height:1.45}.confirmacion__deadline{text-wrap:balance;font-family:var(--font-detail);color:var(--color-sage-deep);text-align:center;margin:-.2em 0 .8em;font-size:4.6cqw}.confirmacion__deadline[data-closes=""]{display:none}.confirmacion__pases{font-family:var(--font-detail);color:var(--color-sage-deep);text-align:center;margin:-.2em 0 .8em;font-size:4.8cqw;font-weight:700}.rsvp-form__fields{flex-direction:column;gap:.7em;margin-bottom:1.2em;font-size:4.4cqw;display:flex}.rsvp-form__field{flex-direction:column;gap:.15em;display:flex}.rsvp-form__row{grid-template-columns:1fr 30%;gap:.6em;display:grid}.rsvp-form__label{font-family:var(--font-detail);color:var(--color-text);text-align:center}.rsvp-form__optional{color:var(--color-sage-deep);font-size:.85em}.rsvp-form__input{border:1px solid var(--color-sage);width:100%;font-family:var(--font-detail);color:var(--color-text);text-align:center;background:0 0;border-radius:4px;padding:.25em .5em;font-size:max(1rem,4.4cqw)}.rsvp-form__input:focus{border-color:var(--color-sage-deep);box-shadow:0 0 0 1px var(--color-sage-deep);outline:none}.rsvp-form__select{appearance:none;text-align-last:center;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235c6a51' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right .5em center/.6em no-repeat;padding-right:1.4em}.rsvp-form__textarea{text-align:left;resize:vertical;min-height:3.6em;line-height:1.3;display:block}.rsvp-form__toggles{height:2.2em;font-size:4.2cqw;position:relative}.rsvp-form__toggle{--pill-border:var(--color-sage);gap:.4em;display:flex;position:absolute;top:0;translate:-50%}.rsvp-form__toggle--missing{--pill-border:var(--color-error)}.rsvp-form__toggle--ceremonia{left:calc(204 * var(--px))}.rsvp-form__toggle--recepcion{left:calc(564 * var(--px))}.rsvp-form__pill{border:1px solid var(--pill-border);min-width:2.9em;font-family:var(--font-detail);font-size:inherit;color:var(--color-sage-deep);cursor:pointer;background:0 0;border-radius:999px;padding:.2em .8em;line-height:1.3;transition:background-color .15s,color .15s}.rsvp-form__pill--active{background-color:var(--color-sage-deep);color:var(--color-bg);border-color:var(--color-sage-deep)}.rsvp-form__note{font-family:var(--font-detail);color:var(--color-sage-deep);text-align:center;margin:.5em 0 .6em;font-size:4.4cqw;font-weight:700}.rsvp-form__submit{background-color:var(--color-sage-deep);width:80%;color:var(--color-bg);font-family:var(--font-detail);cursor:pointer;border:none;border-radius:999px;margin:0 auto;padding:.35em 0;font-size:4.6cqw;display:block}.rsvp-form__submit:hover{opacity:.9}.rsvp-form__submit:disabled{opacity:.7;cursor:progress}.rsvp-form__error{min-height:1.3em;font-family:var(--font-detail);color:var(--color-error);text-align:center;margin:.4em 0 0;font-size:4cqw;font-weight:700;line-height:1.3}.rsvp-form__message{text-wrap:balance;font-family:var(--font-script);color:var(--color-sage-dark);text-align:center;margin:auto 0;font-size:5.5cqw;font-weight:700;line-height:1.4}.rsvp-form__message:focus{outline:none}.rsvp-form__sent{flex-direction:column;align-items:center;gap:.6em;margin:auto 0;display:flex}.rsvp-form__again{color:inherit;border:1px solid;border-radius:999px;margin:.2rem;padding:.3em .9em;text-decoration:none;transition:background-color .15s,color .15s;display:inline-block}.rsvp-form__again:hover,.rsvp-form__again:focus-visible{background-color:var(--color-sage-deep);color:var(--color-bg)}.rsvp-form__again:focus-visible{outline:2px solid var(--color-sage-deep);outline-offset:2px}.rsvp-form__again{font-family:var(--font-detail);color:var(--color-sage-deep);cursor:pointer;background:0 0;font-size:4.2cqw}.rsvp-form__trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}@media (prefers-reduced-motion:no-preference){.js .invitation>:is(header,section){opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.js .invitation>:is(header,section).is-visible{opacity:1;transform:translateY(0)}}.fountain__img{aspect-ratio:811/1019;width:100%;height:auto;display:block}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}
