:root{--wine:#540c26;--ink:#693b39;--paper:#f5efdf;--gold:#dbc698;--serif:'Cormorant Garamond',Georgia,serif;--script:'Great Vibes',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--ink) var(--paper)}body{margin:0;background:#d8d1c5;color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.5}body.locked{overflow:hidden}::selection{background:#7b2945;color:#fff7df}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,h4,p,blockquote{margin:0}h1,h2,h3,h4{font-weight:400}h2{line-height:1.2}p{ text-wrap:pretty}.script{font-family:var(--script);font-weight:400}.small{font:12px/1.5 Arial,sans-serif;letter-spacing:1.2px}.invitation{width:min(100%,480px);margin:0 auto;box-shadow:0 20px 70px #34101c38;container-type:inline-size;overflow:clip}.wine{background:var(--wine);color:var(--gold);position:relative;isolation:isolate}.wine:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.065;background:url('assets/encaje.png') center/1800px 3000px;pointer-events:none}.paper{background:var(--paper);position:relative;isolation:isolate}.paper:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/encaje.png') center/1900px 2800px;opacity:.22;pointer-events:none}.opening{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 25px}.opening-title{font-size:38px;margin-bottom:64px}.envelope-stage{position:relative;width:100%;aspect-ratio:1.48;perspective:1000px;filter:drop-shadow(0 18px 18px #20031366)}.envelope-back{position:absolute;inset:0;background:#e7dcc6}.envelope-letter{position:absolute;inset:9% 7%;background:#fff8e8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);transition:transform .9s .15s cubic-bezier(.16,1,.3,1)}.envelope-letter .script{font-size:32px}.envelope-letter>p+p{font-size:13px;letter-spacing:3px}.envelope-front{position:absolute;inset:0;background:linear-gradient(145deg,#f4ebd7,#e5d6bb);clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%);z-index:3}.envelope-front:after{content:'';position:absolute;inset:0;clip-path:polygon(0 100%,50% 39%,100% 100%);background:#f6ecd7}.envelope-flap{position:absolute;inset:0;background:#f7eddb;clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:top;z-index:4;transition:transform .8s cubic-bezier(.16,1,.3,1)}.wax{position:absolute;left:41%;top:39%;width:18%;aspect-ratio:1;border:1px solid #bda37a;border-radius:50%;background:#d7be91;z-index:5;box-shadow:0 4px 7px #4e301754,inset 0 0 0 4px #e6d2aa;transition:opacity .25s}.wax img{width:95%;height:95%;mix-blend-mode:multiply;border-radius:50%;object-fit:cover}.open-label{background:none;border:0;color:var(--gold);display:flex;align-items:center;gap:12px;margin-top:50px;min-height:44px;font-size:19px}.opening-note{font-style:italic;font-size:16px;margin-top:15px}.opening.is-open .envelope-flap{transform:rotateX(175deg);z-index:1}.opening.is-open .wax{opacity:0;pointer-events:none}.opening.is-open .envelope-letter{transform:translateY(-30%)}.cover{min-height:730px;text-align:center;padding:65px 20px 25px}.save-date{font-size:44px}.cover-monogram{width:83%;margin:13px auto 7px;aspect-ratio:1;overflow:hidden}.cover-monogram img{width:100%;height:100%;object-fit:cover;filter:invert(1) sepia(1) saturate(.55);mix-blend-mode:screen;opacity:.85}.cover h1{font-size:clamp(43px,13cqi,64px);line-height:1.25}.cover-date{font-size:19px;margin:15px 0 6px}.scroll-link{display:inline-flex;width:44px;height:56px;align-items:center;justify-content:center;margin-top:27px}.scroll-link span{height:35px;width:1px;background:var(--gold);position:relative}.scroll-link span:after{content:'';position:absolute;bottom:0;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:translateX(-3px) rotate(45deg)}.welcome{padding:58px 25px 55px;text-align:center}.rule-flower{font-size:28px;margin-bottom:23px;color:#967943}.welcome h2{font-size:40px}.welcome blockquote{font-size:23px;line-height:1.35;font-style:italic;margin:26px 15px 28px}.welcome>p{font-size:16px}.couple-names{margin:36px auto 37px;font-size:26px;line-height:1.1;max-width:270px}.couple-names .script{display:block;font-size:35px;margin:9px}.families{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}.families:after{position:absolute;content:'';left:50%;height:60px;top:5px;width:1px;background:#b9a786}.families h3,.godparents h3{font:10px/1.6 Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:8px}.families p,.godparents p{font-size:18px;line-height:1.4}.godparents{margin-top:30px}.countdown-note{position:relative;padding:24px 10px 25px;margin:48px -6px -78px;z-index:2;background:#eee2c9;box-shadow:0 12px 22px #57372624;transform:rotate(-3deg)}.countdown-note>.script{font-size:33px}.countdown{display:flex;justify-content:center;gap:20px;margin-top:10px;transform:rotate(3deg)}.countdown strong{font-size:31px;font-weight:400;font-variant-numeric:tabular-nums;display:block;line-height:1.1}.countdown span{font:9px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.celebration{padding:93px 27px 55px}.celebration>h2{text-align:center;font-size:40px}.date-composition{display:flex;align-items:center;justify-content:center;gap:18px;margin:32px 0 38px}.big-day{font-size:104px;line-height:.95;font-weight:400}.month{writing-mode:vertical-rl;transform:rotate(180deg);font:11px Arial,sans-serif;letter-spacing:3px}.date-side{display:flex;flex-direction:column;gap:8px;font-size:21px}.date-side span:first-child{font:11px Arial,sans-serif;letter-spacing:2px;border-bottom:1px solid #ad9370;padding-bottom:10px}.places{position:relative}.place{width:81%;position:relative;z-index:1}.place-index{font-style:italic;font-size:15px}.place h3{font-size:43px;margin:5px 0}.place .time{font-size:23px;font-style:italic;margin-bottom:10px}.place h4{font-size:23px;line-height:1.2;margin-bottom:9px}.address{font-size:15px;line-height:1.5}.outline{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid currentColor;background:transparent;text-decoration:none;font:11px/1.4 Arial,sans-serif;letter-spacing:1px;min-height:44px;padding:12px 17px;transition:background .2s,color .2s}.outline:hover{background:var(--ink);color:var(--paper)}.place .outline{margin-top:18px}.reception{text-align:right;margin:57px 0 0 auto}.places-connector{position:absolute;right:10px;top:30px;width:60px;height:245px;border-right:1px solid #c3ad86;border-top:1px solid #c3ad86;border-radius:0 60px 0 0}.program{padding:28px 10px 38px}.lace-program{position:relative;isolation:isolate;padding:80px 36px 65px;transform:rotate(-2deg);min-height:690px;display:flex;align-items:center;justify-content:center}.lace{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 13px 12px #23050d55);pointer-events:none}.program-ink{color:var(--ink);width:100%;text-align:center;transform:rotate(2deg)}.program h2{font-size:40px;max-width:210px;margin:auto}.program ol{list-style:none;padding:0;margin:25px 0 20px}.program li{margin:14px 0}.program li time{font-size:28px;font-style:italic;line-height:1.1}.program li time small{font-size:15px}.program li span{display:block;font:10px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.4px;margin-top:4px}.punctual{font-size:13px;line-height:1.35;max-width:225px;margin:auto}.adult-note{text-align:center;font-style:italic;font-size:17px;margin-top:18px}.dress{text-align:center;padding:61px 28px 42px}.dress h2{font-size:42px}.dress-formal{font:11px Arial,sans-serif;letter-spacing:2px;margin-top:20px}.dress-composition{display:grid;grid-template-columns:1fr 1fr;align-items:start;margin:30px 0 25px;gap:30px}.dress-right{padding-top:38px}.formal-icon{height:120px}.formal-icon svg{height:110px;width:80px;stroke-width:1}.dress h3{font-size:23px}.dress-composition p{font-style:italic;font-size:17px}.dress-request{font-size:17px;max-width:300px;margin:auto}.restricted-colors{display:flex;gap:13px;justify-content:center;margin-top:21px}.restricted-colors i{display:block;width:22px;height:22px;border-radius:50%;background:#aa2431;position:relative}.restricted-colors i:after{content:'';position:absolute;width:28px;height:1px;background:var(--ink);transform:rotate(-45deg);left:-3px;top:10px;box-shadow:0 1px 0 var(--paper)}.restricted-colors i:nth-child(2){background:#640d2c}.restricted-colors i:nth-child(3){background:white;border:1px solid #b6a58c}.wishes{padding:32px 25px 0;text-align:center}.wishes>h2{font-size:43px}.gift-icon{width:36px;height:36px;margin:25px 0 8px}.wishes>h3{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:15px}.wishes>p{font-size:17px}.rsvp-still-life{height:330px;position:relative;margin:25px -4px -36px;z-index:2}.mini-envelope{position:absolute;inset:40px 12px 25px 15px;background:#68152d;transform:rotate(10deg);box-shadow:0 12px 24px #34121d38;border:9px solid #e7d6b8}.mini-envelope:before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 60%);background:#3e081d}.mini-envelope:after{content:'';position:absolute;inset:0;clip-path:polygon(0 100%,0 30%,50% 68%,100% 30%,100% 100%);background:#77233b}.rsvp-note{position:absolute;left:25px;right:38px;top:102px;padding:28px 10px 24px;background:#fff7e7;box-shadow:0 8px 18px #33101b36;transform:rotate(-5deg)}.rsvp-note h2{font-size:36px}.rsvp-note p{font-size:16px;margin-top:8px}.paperclip{position:absolute;width:13px;height:50px;border:2px solid #b49c78;border-radius:10px;right:18px;top:-16px;transform:rotate(14deg)}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:5px;min-height:44px;margin-top:8px}.text-link svg{width:16px}.rsvp{padding:82px 34px 35px;text-align:center}.rsvp h2{font-size:41px}.rsvp>p{margin-top:25px;font-size:17px}.rsvp strong{font-weight:500}form{text-align:left;margin-top:30px}form label{display:block;font-size:15px;margin:16px 0 6px}input,select{width:100%;border:1px solid #ad8b67;border-radius:0;background:#540c26;color:#fff2d6;padding:12px;font-size:16px;min-height:46px;caret-color:var(--gold)}input::placeholder{color:#d5bd9b}select option{background:var(--wine);color:var(--gold)}.confirm{width:100%;color:var(--gold);margin-top:22px}.confirm:hover{background:var(--gold);color:var(--wine)}.form-note{text-align:center;font-size:12px;margin-top:12px}.rsvp .final-names{font-size:48px;line-height:1.3;margin-top:57px}.rsvp .small{font-size:12px;margin-top:9px}.closing-rule{width:55px;height:1px;background:#a98d66;margin:30px auto 22px}.rsvp .maker{font:9px Arial,sans-serif;letter-spacing:2px;margin:0}.music-toggle{position:fixed;bottom:18px;right:max(15px,calc((100vw - 480px)/2 + 15px));z-index:20;width:46px;height:46px;border:1px solid #dac394;border-radius:50%;background:var(--wine);color:var(--gold);box-shadow:0 4px 14px #26091933;display:grid;place-items:center}.music-toggle[aria-pressed=true]:after{content:'';position:absolute;right:3px;top:3px;width:7px;height:7px;background:var(--gold);border-radius:50%}.music-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.audio-status{position:fixed;bottom:70px;right:20px;max-width:260px;background:var(--paper);padding:14px;z-index:21;box-shadow:0 5px 20px #210a2233;font-size:14px}.photos{padding:40px 22px}.photos h2{text-align:center;font-size:42px;margin-bottom:30px}.photo-collage{display:grid;grid-template-columns:1fr 1fr;gap:18px}.photo-collage button{border:0;padding:8px;background:#fff9ed;box-shadow:0 8px 20px #33111b24;transform:rotate(-5deg)}.photo-collage button:nth-child(even){transform:rotate(6deg);margin-top:30px}.photo-collage button:first-child{grid-column:span 2;width:85%;justify-self:center}.photo-collage img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.photo-collage button:first-child img{aspect-ratio:4/3}dialog{border:0;padding:12px;background:var(--paper);max-width:min(92vw,800px)}dialog::backdrop{background:#200512df}dialog img{max-height:80vh;max-width:100%;display:block}dialog button{display:block;margin-left:auto;background:none;border:0;min-height:44px;color:var(--ink)}.no-js{padding:30px;background:var(--paper);position:fixed;inset:0;z-index:100}@media(min-width:600px){body{padding:35px 0}.opening{min-height:800px}.cover{min-height:800px}.invitation{box-shadow:0 20px 80px #2e121d40}}@media(max-width:350px){.opening-title{font-size:32px}.families{gap:14px}.families p{font-size:16px}.welcome{padding-inline:19px}.program{padding-inline:4px}.lace-program{padding-inline:32px}.rsvp{padding-inline:25px}.cover{min-height:650px}.countdown{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.welcome,.wishes{z-index:2}.opening-title{text-align:center;line-height:1.3;max-width:100%}.countdown-note{margin-bottom:-70px}.lace-program{padding-bottom:85px}.program-ink{max-width:245px}.rsvp-still-life{height:auto;min-height:330px;padding:102px 0 25px}.rsvp-note{position:relative;inset:auto;margin:0 38px 0 25px;overflow-wrap:anywhere}
/* Sobre original y aviso de muestra. El aviso se activa en data.js. */
.sample-note{position:fixed;z-index:40;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100vw - 24px);padding:8px 13px;border:1px solid #ad8b67;border-radius:30px;background:#481625;color:#fff9ed;box-shadow:0 8px 24px #34101c26;font:11px/1.3 Arial,sans-serif;white-space:nowrap;pointer-events:none}.sample-note strong{font-size:9px;letter-spacing:1.8px;color:var(--gold)}
.opening{padding:85px 14px 45px;background:radial-gradient(ellipse at 50% 40%,#fffaf2 0%,#f0e6d6 100%);color:var(--wine)}.opening:before{display:none}.opening-title{font-size:clamp(43px,12cqi,61px);margin-bottom:14px;line-height:1.3}.opening-date{font:11px/1.6 Arial,sans-serif;letter-spacing:3px;color:var(--ink);margin-bottom:30px}.envelope-photo{position:relative;display:block;width:112%;flex-shrink:0;aspect-ratio:3/2;padding:0;border:0;background:transparent;line-height:0;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .7s}.envelope-photo-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.envelope-photo-seal{position:absolute;top:58.7%;left:49.2%;width:11.8%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .35s,transform .5s}.envelope-photo-seal img{width:100%;height:100%;object-fit:contain;filter:sepia(.3) saturate(.65) brightness(.7) contrast(1.2);mix-blend-mode:multiply}.opening .open-label{margin-top:20px;color:var(--ink)}.opening .opening-note{color:var(--ink)}.opening.is-open .envelope-photo{transform:translateY(18px) scale(1.05);opacity:0}.opening.is-open .envelope-photo-seal{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(-10deg)}.envelope-photo:disabled{opacity:1}.opening.is-open .envelope-photo:disabled{opacity:0}
.cover{min-height:480px;padding:76px 20px 35px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cover h1{margin-top:43px}.cover h1:focus{outline:none}.footer-monogram{width:180px;max-width:65%;aspect-ratio:1;margin:0 auto 25px}.footer-monogram img{width:100%;height:100%;object-fit:contain;filter:invert(1) sepia(1) saturate(.55);mix-blend-mode:screen;opacity:.85}@media(max-width:350px){.opening-title{font-size:40px}.cover{min-height:440px}.footer-monogram{width:155px}}