:root{color-scheme:light;--green:#546755;--gold:#b49054;--body:"Annapurna SIL",Georgia,serif;--script:"Corinthia",cursive;--heading:"Italianno",cursive}*{box-sizing:border-box}body{margin:0;background:#dce2d9;color:var(--green);font-family:var(--body)}p,h1,h2,h3{margin:0;font-weight:400}a{color:inherit}button{font:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.desktop-background{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 22% 15%,#fafbf5c9,transparent 65%),linear-gradient(135deg,#c3cdbcda,#a3b29acc),url(/invitacion/bautizo-verde-neutral/assets/71fa1.png) center/700px}.invitation{container-type:inline-size;position:relative;width:min(100%,650px);margin:200px auto;overflow:hidden;border-radius:50px;box-shadow:0 18px 70px #293b3433;background:#fff}.invitation:focus{outline:none}.sheet{--u:calc(100cqw / 402);position:relative;isolation:isolate;overflow:hidden;text-align:center;background:#fff;font-size:calc(18 * var(--u));line-height:1.44}.sheet section{position:relative}.paper{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}.paper-tile{position:absolute;top:calc(var(--tile) * 604 * var(--u));left:0;width:100%;height:calc(604 * var(--u));overflow:hidden;opacity:.5}.paper-tile img{position:absolute;width:calc(604 * var(--u));height:calc(402 * var(--u));max-width:none;object-fit:cover;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--turn)) scaleY(var(--flip))}.paper-tint{position:absolute;inset:0;background:#ffffff1a;mix-blend-mode:color}.botanical-layer{position:absolute;inset:0;z-index:-2;pointer-events:none}.botanical-layer>div{position:absolute;display:grid;place-items:center}.botanical-layer img{display:block;max-width:none;object-fit:cover}.wash img{opacity:.3}.wash-top-left{left:calc(-247 * var(--u));top:calc(-144 * var(--u));width:calc(482.603 * var(--u));height:calc(494.923 * var(--u))}.wash-top-left img,.wash-top-right img{width:calc(396.514 * var(--u));height:calc(297.386 * var(--u))}.wash-top-left img{transform:rotate(-50.04deg)}.wash-top-right{left:calc(161 * var(--u));top:calc(-144 * var(--u));width:calc(482.603 * var(--u));height:calc(494.923 * var(--u))}.wash-top-right img{transform:rotate(-129.96deg) scaleY(-1)}.leaf img{opacity:.2}.leaf-one,.leaf-three{left:calc(189.62 * var(--u));width:calc(340.003 * var(--u));height:calc(427.999 * var(--u))}.leaf-one{top:calc(474.09 * var(--u))}.leaf-three{top:calc(2257 * var(--u))}.leaf-one img,.leaf-three img{width:calc(263.278 * var(--u));height:calc(379.559 * var(--u));transform:rotate(-12.65deg)}.leaf-two{left:calc(-121.3 * var(--u));top:calc(1583 * var(--u));width:calc(304.429 * var(--u));height:calc(383.218 * var(--u))}.leaf-two img{width:calc(235.732 * var(--u));height:calc(339.846 * var(--u));transform:rotate(-167.35deg) scaleY(-1)}.sprig{width:calc(182.618 * var(--u));height:calc(229.757 * var(--u))}.sprig img{width:calc(229.757 * var(--u));height:calc(182.618 * var(--u));transform:rotate(-90deg)}.sprig-one{left:calc(300 * var(--u));top:calc(774 * var(--u))}.sprig-two{left:calc(-74 * var(--u));top:calc(1862 * var(--u))}.sprig-two img{transform:rotate(-90deg) scaleY(-1)}.sprig-three{left:calc(300 * var(--u));top:calc(2578 * var(--u))}.wash-bottom{left:calc(-94 * var(--u));top:calc(4206 * var(--u));width:calc(580 * var(--u));height:calc(435 * var(--u))}.wash-bottom img{width:100%;height:100%}.intro{height:calc(697 * var(--u));padding-top:calc(52 * var(--u))}.intro-kicker{font-size:calc(20 * var(--u));line-height:calc(29 * var(--u))}.portrait{position:relative;width:100%;height:calc(288 * var(--u));margin-top:calc(15 * var(--u))}.child-portrait{position:absolute;left:calc(64.104 * var(--u));top:calc(7.365 * var(--u));width:calc(273.039 * var(--u));height:calc(274.286 * var(--u))}.portrait-wreath{position:absolute;left:calc(8 * var(--u));top:0;width:calc(385.247 * var(--u));height:calc(287.884 * var(--u))}.intro-subtitle{font:400 calc(36 * var(--u))/calc(43 * var(--u)) var(--script);margin-top:calc(17 * var(--u))}.intro h1{font:400 calc(100 * var(--u))/calc(120 * var(--u)) var(--script);margin-top:calc(-19 * var(--u))}.cross{display:block;width:calc(154 * var(--u));height:calc(154 * var(--u));margin:calc(-8 * var(--u)) auto 0}.family{height:calc(311 * var(--u));padding-top:calc(17 * var(--u))}.family h2{font-size:calc(22 * var(--u));font-weight:700;line-height:calc(31 * var(--u))}.family p{font-size:calc(22 * var(--u));line-height:calc(31 * var(--u));margin-top:calc(11 * var(--u))}.family span,.venue-address span{display:block}.family-group+.family-group{margin-top:calc(55 * var(--u))}.date-section{height:calc(122 * var(--u));padding:calc(16 * var(--u)) calc(33 * var(--u)) 0;display:grid;grid-template-columns:121fr 95fr 121fr;align-items:start}.date-side{margin-top:calc(15 * var(--u));position:relative;padding:calc(13 * var(--u)) 0 calc(10 * var(--u))}.date-side p{font-size:calc(22 * var(--u));line-height:calc(31 * var(--u))}.date-side img{position:absolute;left:0;transform:scale(var(--line-scale));transform-origin:top left;--line-scale: calc(100cqw/402px) }.date-side img:first-child{top:0}.date-side img:last-child{bottom:0}.date-day{font-size:calc(48 * var(--u));line-height:calc(69 * var(--u))}.date-month{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));margin-top:calc(-16 * var(--u))}.calendar-section{height:calc(356 * var(--u));padding-top:calc(39 * var(--u))}.calendar-section h2{font-size:calc(40 * var(--u));line-height:calc(57 * var(--u));letter-spacing:calc(2 * var(--u))}.calendar{width:calc(350 * var(--u));margin:calc(14 * var(--u)) auto 0}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);height:calc(40 * var(--u));align-items:center}.calendar-head{height:calc(21 * var(--u));font-size:calc(15 * var(--u));line-height:calc(21 * var(--u))}.calendar-day{position:relative;display:grid;place-items:center;font-size:calc(20 * var(--u));line-height:calc(29 * var(--u))}.calendar-day span{position:relative}.calendar-day img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(100cqw/402px));transform-origin:center}.countdown-section{height:calc(194 * var(--u));padding-top:calc(41 * var(--u))}.countdown-box h2{font-size:calc(22 * var(--u));line-height:calc(31 * var(--u));color:var(--gold)}.countdown-units{width:calc(344 * var(--u));margin:calc(11 * var(--u)) auto 0;display:grid;grid-template-columns:repeat(4,1fr)}.countdown-number{display:block;font-size:calc(47.532 * var(--u));line-height:calc(59 * var(--u))}.countdown-label{display:block;font-size:calc(13.173 * var(--u));line-height:calc(19 * var(--u))}.venue{height:calc(590 * var(--u));padding-top:calc(29 * var(--u))}.venue-icon{position:relative;width:calc(64 * var(--u));height:calc(68.065 * var(--u));margin:auto}.venue-icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(100cqw/402px))}.venue h2{font:400 calc(36 * var(--u))/calc(35 * var(--u)) var(--heading);color:var(--gold);margin-top:calc(28 * var(--u))}.venue-time{font-size:calc(40 * var(--u));line-height:calc(57 * var(--u));margin-top:calc(5 * var(--u))}.photo{position:relative;display:block;background:#fff;box-shadow:calc(1.109 * var(--u)) calc(4.435 * var(--u)) calc(6.653 * var(--u)) #0000004d}.photo img{display:block;width:100%;height:100%;object-fit:cover}.venue-photo{width:calc(314 * var(--u));height:calc(203.641 * var(--u));padding:calc(13.155 * var(--u)) calc(14.45 * var(--u));transform:rotate(.07deg);margin:calc(2 * var(--u)) auto 0}.venue h3{font-size:calc(20 * var(--u));line-height:calc(29 * var(--u));margin-top:calc(21 * var(--u))}.venue-address{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));margin-top:calc(7 * var(--u))}.button{display:flex;width:calc(217 * var(--u));min-height:calc(38 * var(--u));align-items:center;justify-content:center;margin:auto;background:var(--gold);color:#fff;text-decoration:none;font-size:calc(22 * var(--u));line-height:calc(31 * var(--u));padding:calc(3.5 * var(--u)) calc(8 * var(--u));transition:background .2s,box-shadow .2s}.button:hover{background:#9b783e;box-shadow:0 4px 14px #54675526}.venue .button{margin-top:calc(13 * var(--u))}.reception{height:calc(597 * var(--u));padding-top:calc(24 * var(--u))}.receptionIcon{width:calc(68 * var(--u));height:calc(69 * var(--u))}.reception h2{margin-top:calc(12 * var(--u))}.reception .venue-photo{margin-top:calc(10 * var(--u))}.reception h3{margin-top:calc(19 * var(--u))}.reception .button{margin-top:calc(13 * var(--u))}.gifts{height:calc(286 * var(--u));padding-top:calc(30 * var(--u))}.envelope-icon{position:relative;width:calc(76.516 * var(--u));height:calc(52.636 * var(--u));margin:auto}.envelope-icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(100cqw/402px))}.envelope-icon img:first-child{top:calc(21.38 * var(--u))}.gifts h2{font:400 calc(44 * var(--u))/calc(35 * var(--u)) var(--heading);color:var(--gold);margin-top:calc(23.02 * var(--u))}.gifts p{width:calc(344 * var(--u));font-size:calc(18 * var(--u));line-height:calc(26 * var(--u));margin:calc(22 * var(--u)) auto 0}.rsvp{height:calc(620 * var(--u));padding-top:calc(41 * var(--u));color:#fff}.rsvp-dark{position:absolute;left:0;right:0;top:0;height:calc(530 * var(--u));background:var(--green);z-index:-1}.rsvp-icon{position:relative;width:calc(67 * var(--u));height:calc(67 * var(--u));margin:auto}.rsvp-icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(100cqw/402px))}.rsvp h2{font:400 calc(44 * var(--u))/calc(35 * var(--u)) var(--heading);margin-top:calc(14 * var(--u))}.rsvp>p{width:calc(344 * var(--u));font-size:calc(18 * var(--u));line-height:calc(26 * var(--u));margin:calc(19 * var(--u)) auto 0}.rsvp .button{margin-top:calc(24 * var(--u))}.family-photo{width:calc(333 * var(--u));height:calc(227 * var(--u));border:calc(10 * var(--u)) solid #fff;margin:calc(77 * var(--u)) auto 0;box-shadow:0 calc(4 * var(--u)) calc(4 * var(--u)) #0004}.closing{height:calc(651 * var(--u));padding-top:calc(63 * var(--u))}.closing>p{width:calc(344 * var(--u));font-size:calc(18 * var(--u));line-height:calc(26 * var(--u));margin:auto}.closing h2{font-size:calc(44 * var(--u));line-height:calc(63 * var(--u));color:var(--gold);margin-top:calc(31 * var(--u))}.closing-art{display:block;width:calc(403 * var(--u));height:calc(403 * var(--u));max-width:none;margin:calc(-4 * var(--u)) 0 0 calc(11 * var(--u))}footer{height:calc(33 * var(--u));display:grid;place-items:center;background:var(--gold);color:#fff;font:700 calc(12 * var(--u))/1.3 "Plus Jakarta Sans",sans-serif}footer a{text-decoration:none}#boreal-music-toggle{background:var(--green)}.pending-seal{display:grid;place-items:center;width:100%;min-height:60px;border-radius:40px;background:#546755;color:#fff;font:18px var(--body);box-shadow:0 5px 16px #243a3033}.lunaria-seal-wrapper:focus-visible .pending-seal{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:700px){.invitation{margin:0 auto;border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.button{transition:none}}:root{--lunaria-paper:url(/invitacion/bautizo-verde-neutral/assets/71fa1.png);--lunaria-meet:51%;--lunaria-linea:rgba(91,115,139,.45)}html.envelope-pending,html.envelope-pending body{overflow:hidden}html:not(.envelope-pending) .lunaria-envelope-overlay{display:none}.lunaria-envelope-overlay{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#e7e3d9;transition:opacity .9s ease}.lunaria-envelope-overlay.envelope-exit{opacity:0;pointer-events:none}.lunaria-envelope{position:absolute;inset:0;perspective:1600px}.lunaria-back{position:absolute;inset:0;background:linear-gradient(145deg,#c6cdd0aa,#ddd6c999),var(--lunaria-paper) center / cover;box-shadow:inset 0 0 100px #555b6526}.lunaria-flap{position:absolute;inset:0;transform-origin:var(--hinge);transition:transform 1.15s cubic-bezier(.45,0,.2,1),opacity .9s ease;will-change:transform,opacity}.lunaria-flap:before{content:"";position:absolute;inset:0;clip-path:var(--shape);background-image:var(--light),var(--lunaria-paper);background-size:100% 100%,cover;background-position:center,var(--grain-position,center)}.flap-left{--shape:polygon(0 0,53% 51%,0 100%);--hinge:0% 50%;--light:linear-gradient(100deg,#fffaf173,#e6dfcf9e 90%);--grain-position:20% 10%;z-index:2;filter:drop-shadow(2px 0 1px #6e665e24) drop-shadow(8px 0 12px #5a53491c)}.flap-right{--shape:polygon(100% 0,100% 100%,47% 51%);--hinge:100% 50%;--light:linear-gradient(255deg,#f8f2e88c,#d7d0c4b0);--grain-position:80% 20%;z-index:3;filter:drop-shadow(-2px 0 1px #6e665e24) drop-shadow(-8px 0 12px #5a53491c)}.flap-bottom{--shape:polygon(0 100%,0 98%,50% 46%,100% 98%,100% 100%);--hinge:50% 100%;--light:linear-gradient(0deg,#eee7da88,#fffaf070 70%,#c9bfae8c);--grain-position:50% 90%;z-index:4;filter:drop-shadow(0 -1px 1px #fff9eb) drop-shadow(0 -4px 4px #71655526)}.flap-top{--shape:polygon(0 0,100% 0,100% 1%,51% 53%,50% 53.5%,49% 53%,0 1%);--hinge:50% 0%;--light:linear-gradient(165deg,#fffdf580,#f1e9da8c 65%,#d8cebd99);--grain-position:50% 0%;z-index:5;filter:drop-shadow(0 1px 1px #86756255) drop-shadow(0 7px 7px #67533b2e)}.flap-top.is-open{transform:rotateX(155deg);opacity:0}.flap-bottom.is-open{transform:translateY(85%) rotateX(-35deg);opacity:0}.flap-left.is-open{transform:translate(-90%) rotateY(-35deg);opacity:0}.flap-right.is-open{transform:translate(90%) rotateY(35deg);opacity:0}.lunaria-envelope:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at 28% 14%,#fff9e929,transparent 65%),radial-gradient(ellipse at 50% 50%,transparent 30%,#5b514611 100%)}.lunaria-seal-wrapper{position:absolute;left:50%;top:var(--lunaria-meet);width:clamp(170px,24vw,214px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:10;border:0;padding:0;background:transparent;color:#526374;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .5s ease,opacity .5s ease}.lunaria-seal-img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 2px 1px #27374455) drop-shadow(3px 9px 7px #3d495b40);transition:transform .3s ease,filter .3s ease}.lunaria-seal-wrapper:hover .lunaria-seal-img{transform:rotate(-3deg) scale(1.035);filter:drop-shadow(1px 3px 1px #27374455) drop-shadow(4px 13px 9px #3d495b40)}.lunaria-seal-wrapper.seal-hide{transform:translate(-50%,-55%) rotate(-9deg) scale(1.15);opacity:0;pointer-events:none}.lunaria-tooltip{position:absolute;left:50%;bottom:calc(100% - 9px);transform:translate(-50%);padding:8px 17px;border:1px solid #fffdf1cc;border-radius:30px;background:#fffdf2b8;box-shadow:0 3px 12px #6e63500d;font:13px Georgia,Times New Roman,serif;letter-spacing:1px;white-space:nowrap;animation:lunaria-breathe 2.8s ease-in-out infinite}@keyframes lunaria-breathe{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.lunaria-seal-wrapper:focus-visible{outline:none}.lunaria-seal-wrapper:focus-visible .lunaria-seal-img{outline:2px solid var(--lunaria-linea);outline-offset:-18px;border-radius:50%}@media(prefers-reduced-motion:reduce){.lunaria-flap,.lunaria-envelope-overlay,.lunaria-seal-wrapper,.lunaria-seal-img{transition:none}.lunaria-tooltip{animation:none}}.lunaria-seal-wrapper{width:clamp(144px,20vw,180px);color:#655343}.lunaria-seal-img.wax-seal{display:grid;place-items:center;position:absolute;width:76%;height:76%;left:12%;top:12%;border-radius:46% 54% 48% 52%/54% 46%;background:radial-gradient(ellipse at 28% 20%,#c5aa8c 0,#927257,#5e4432 84%);box-shadow:inset 1px 3px 3px #e5d2b9b3,inset -2px -3px 3px #3b2719aa,1px 7px 8px #49342440;filter:none}.wax-seal:before{content:"";position:absolute;inset:10%;border-radius:50%;border:3px solid #9c7e61;box-shadow:inset 1px 2px 3px #4e3628,1px 1px 2px #dec6a7}.wax-seal>span{font:400 clamp(38px,5vw,49px)/1 var(--script);position:relative;top:5px;color:#ad8c6d;text-shadow:1px 1px 0 #ddc4a3,-1px -1px 1px #392719}.lunaria-seal-wrapper:focus-visible .wax-seal{outline-offset:8px}#boreal-music-wrap{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}#boreal-music-wrap.is-visible{opacity:1;visibility:visible;pointer-events:auto}#boreal-music-label{background:#1a1a1a;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:13px;letter-spacing:.3px;line-height:1;padding:8px 14px;border-radius:20px;white-space:nowrap;position:relative;box-shadow:0 4px 12px #3c2d1438;transition:opacity .6s ease,transform .6s ease}#boreal-music-label:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-width:5px 0 5px 6px;border-style:solid;border-color:transparent transparent transparent #1a1a1a}#boreal-music-label.label-hide{opacity:0;transform:translate(8px);pointer-events:none}#boreal-music-toggle{position:relative;width:54px;height:54px;border-radius:50%;border:none;background:#2b2620;color:#efe8d8;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #3c2d1447;transition:transform .25s ease;flex:none}#boreal-music-toggle:hover{transform:scale(1.08)}#boreal-music-toggle:active{transform:scale(.95)}#boreal-music-toggle svg{position:absolute}#boreal-music-toggle.is-playing .icon-off,#boreal-music-toggle.is-muted .icon-on{display:none}#boreal-music-toggle.is-playing .icon-on,#boreal-music-toggle.is-muted .icon-off{display:block}#boreal-music-toggle.is-playing:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(43,38,32,.35);animation:boreal-pulse 1.8s ease-out infinite}@keyframes boreal-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.4);opacity:0}}@media(max-width:480px){#boreal-music-wrap{bottom:16px;right:16px;gap:8px}#boreal-music-label{font-size:12px;padding:7px 12px}#boreal-music-toggle{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){#boreal-music-toggle.is-playing:before{animation:none}}
