:root{--cream:#fff8f5;--pink:#f8d7df;--rose:#ebb4c1;--gold:#d4af7a;--ink:#69534f;--muted:#9b7a73;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Quicksand',sans-serif;--script:'Great Vibes',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:var(--cream);color:var(--ink);font:400 21px/1.6 var(--serif)}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239b7a73' opacity='.3' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}body.sealed{overflow:hidden}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.gallery:focus-visible{outline:2px solid #a67546;outline-offset:5px}p{margin:0 0 20px}h1,h2,h3{font-weight:400;margin:0}.script{font-family:var(--script);line-height:1.2;font-weight:400;color:#a56c7d}h2.script{font-size:clamp(44px,5vw,64px);margin:12px 0 26px}.eyebrow,.tiny{font-family:var(--sans);font-size:10px;letter-spacing:2.5px;line-height:1.8;font-weight:500}.eyebrow{color:#8c7067}.tiny{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.entrance{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px 20px;background:radial-gradient(ellipse at 50% 45%,#fffaf6 20%,#f7e6e6 100%);text-align:center;min-height:100svh;overflow-y:auto}.entrance:before{content:'';position:absolute;inset:18px;border:1px solid #d4af7a70;border-radius:180px 180px 8px 8px;pointer-events:none}.entrance .eyebrow{margin-bottom:20px;font-size:9px}.entrance-title{font:52px/1.08 var(--script);color:#a56c7d}.envelope-button{width:min(360px,90vw);height:265px;border:0;background:none;position:relative;padding:0;margin:30px 0 12px;perspective:1100px}.envelope{position:absolute;inset:18px 6px 16px;display:block;filter:drop-shadow(0 15px 15px #83535024)}.envelope-back{position:absolute;inset:0;background:#ddb1bb;border-radius:7px}.letter{position:absolute;left:7%;right:7%;top:10%;height:90%;background:#fff8f5;border:1px solid #d4af7a;display:flex;flex-direction:column;justify-content:center;z-index:1;box-shadow:0 0 0 6px #fff8f5,0 0 0 7px #d4af7a50}.letter span{font:10px var(--sans);letter-spacing:1px}.letter b{font:42px var(--script);color:#aa7180}.letter small{font:italic 20px var(--serif)}.envelope-front{position:absolute;inset:0;z-index:3;border-radius:5px;background:linear-gradient(32deg,#eab9c5 49.6%,transparent 50%) left/51% 100% no-repeat,linear-gradient(-32deg,#f0c5ce 49.6%,transparent 50%) right/51% 100% no-repeat,linear-gradient(150deg,transparent 49%,#f4cdd5 50%) left/51% 100% no-repeat,linear-gradient(-150deg,transparent 49%,#f4cdd5 50%) right/51% 100% no-repeat}.envelope-front:after,.flap:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff3 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#fff2 0 1px,transparent 1px 3px);opacity:.5}.flap{position:absolute;top:0;left:0;right:0;height:64%;z-index:4;transform-origin:50% 0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#f5cdd5,#eab9c6);backface-visibility:hidden}.envelope-bow{position:absolute;z-index:5;width:55%;height:auto;left:22%;top:19%;filter:drop-shadow(0 3px 2px #97586622)}.seal{position:absolute;top:62%;left:43%;z-index:6;width:45px;height:45px;border-radius:44% 48% 45% 50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#e8c994,#b88f58);box-shadow:0 3px 4px #89613735,inset 0 0 0 3px #e7c593,inset 0 0 0 5px #bd945d;color:#896132}.seal span{font:24px var(--script)}.open-copy{font-size:21px;line-height:1.7;margin:8px 0}.open-copy span{font:10px var(--sans);letter-spacing:2px;text-transform:uppercase}.opening-line{width:1px;height:25px;background:var(--gold);margin:10px 0 18px}.entrance .tiny{font-size:8px;margin:0}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ambient span{position:absolute;color:#c8a16b;opacity:.35;font-size:20px}.ambient span:nth-child(1){left:12%;top:17%}.ambient span:nth-child(2){right:8%;top:35%;color:#ebb4c1}.ambient span:nth-child(3){left:7%;top:75%}.ambient span:nth-child(4){right:18%;top:85%;color:#ebb4c1}#invitation{visibility:hidden;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px max(22px,calc((100vw - 1080px)/2));border-bottom:1px solid #d4af7a40;font:10px var(--sans);letter-spacing:1px}.topbar>a:first-child{font:25px var(--script);letter-spacing:0;color:#a56c7d}.topbar>a:last-child{font-size:10px}.topbar span{margin-left:5px}.hero{text-align:center;padding:55px 22px 30px;background:radial-gradient(ellipse,#fceceea0,transparent 68%);overflow:hidden}.hero>.eyebrow{margin-bottom:8px}.hero-pre{font-size:40px;margin:0 0 -2px}.hero-frame{max-width:620px;margin:0 auto;padding:30px 28px 45px;border:1px solid #d4af7a65;border-radius:240px 240px 18px 18px;position:relative;outline:1px solid #d4af7a30;outline-offset:8px}.hero-geese{width:180px;height:auto;display:block;margin:0 auto 12px}.hero-frame>.eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 18px}.baby-name{font-size:clamp(56px,11vw,104px);overflow-wrap:anywhere;margin:0 0 2px}.baby-name .char{display:inline-block}.hero-sub{font-style:italic;font-size:23px}.fine-line{width:64px;height:1px;background:var(--gold);margin:25px auto}.hero-date{font-size:20px;margin:0;line-height:1.65}.flower{position:absolute;color:#c6a79f;font-size:36px;top:40%;opacity:.55}.flower-left{left:17px;transform:rotate(-22deg)}.flower-right{right:17px;transform:rotate(30deg)}.scroll-hint{font:9px var(--sans);letter-spacing:2px;display:inline-flex;flex-direction:column;gap:14px;margin:34px 0 0}.scroll-hint span{font-size:22px;color:var(--gold)}section:not(.hero){padding:70px 24px;text-align:center}.message{max-width:650px;margin:auto}.message>p:not(.eyebrow):not(.signature){font-size:23px}.signature{font-size:23px;margin:28px 0 0}.signature i{color:#b89a68;padding:0 7px;font-size:30px}.floral-divider{display:flex;align-items:center;justify-content:center;gap:18px;margin:42px auto 0}.floral-divider span{height:1px;width:70px;background:linear-gradient(90deg,transparent,var(--gold))}.floral-divider span:last-child{transform:rotate(180deg)}.floral-divider img{width:60px;height:auto}.countdown-section{background:#f8e9e9;border-top:1px solid #e6c7c24a;border-bottom:1px solid #e6c7c24a}.countdown{display:flex;gap:12px;justify-content:center;margin:48px auto 25px;max-width:480px}.countdown>div{position:relative;flex:1;border:1px solid #e2b7be;border-radius:16px;background:#fff8f57a;padding:23px 0 14px;box-shadow:0 6px 15px #c3819510;min-width:0}.countdown img{position:absolute;top:-20px;left:50%;width:54px;height:auto;transform:translateX(-50%)}.countdown strong{display:block;font-weight:400;font-size:46px;line-height:1.15}.countdown span{font:8px var(--sans);letter-spacing:1.2px}.countdown-section .tiny{max-width:320px;margin:auto}.details{max-width:850px;margin:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0 26px}.detail-card{background:#fffdf9;border:1px solid #d4af7a65;border-radius:26px;padding:28px 18px;box-shadow:0 6px 20px #8e6d6410;outline:1px dashed #d4af7a60;outline-offset:-7px}.line-icon{font-size:34px;color:#bd945d}.detail-card .eyebrow{margin:12px 0}.detail-card h3{font-size:25px;line-height:1.3;margin:0 0 12px}.detail-card p:last-child{margin:0;font-size:19px}.actions{display:flex;justify-content:center;gap:12px}.button{position:relative;overflow:hidden;border:1px solid #dcabb7;border-radius:50px;background:#edc0cc;color:#6b464e;min-height:52px;padding:14px 24px;display:inline-flex;gap:12px;justify-content:center;align-items:center;font:500 12px/1.5 var(--sans);letter-spacing:.2px;box-shadow:0 4px 12px #ae6d8010;transition:transform .2s,background .2s}.button:before{content:'';position:absolute;inset:0;width:35%;background:linear-gradient(100deg,transparent,#fff7,transparent);transform:translateX(-160%) skewX(-20deg);animation:shine 7s ease-in-out infinite}.button:hover{background:#e8b1c0}.button:active{transform:scale(.98)}.button span{font-size:18px}.button img{width:35px;height:auto}.button.secondary{background:transparent;border-color:#d4af7a90;color:#806857}.gifts{background:linear-gradient(90deg,#f7e5e980,#fbedef80);position:relative}.gifts:before,.gifts:after{content:'';position:absolute;left:0;right:0;height:7px;background:radial-gradient(circle at 50% 100%,transparent 4px,#eac7cd70 4.5px,transparent 5px) 0 0/10px 7px}.gifts:before{top:0}.gifts:after{bottom:0;transform:rotate(180deg)}.gift-inner{max-width:540px;margin:auto}.section-geese{width:110px;height:auto;display:block;margin:-15px auto 14px}.gift-inner h2{margin-bottom:20px}.liverpool{font:italic 34px var(--serif);margin:26px 0 8px;color:#a57680}.event-number{font:9px var(--sans);letter-spacing:2px;margin-bottom:25px}.event-number strong{display:block;font:26px var(--serif);letter-spacing:1px;margin:5px}.dress{max-width:620px;margin:auto}.dress>p:not(.eyebrow){margin-bottom:10px}.swatches{display:flex;justify-content:center;gap:28px;margin-top:28px;font:11px var(--sans);color:#8c7067}.swatches div{display:flex;flex-direction:column;gap:12px;align-items:center}.swatches span{display:block;background:var(--swatch);width:43px;height:43px;border:4px solid #fff;outline:1px solid #d4af7a70;border-radius:50%;box-shadow:0 3px 8px #805e5615}.gallery-section{max-width:1080px;margin:auto;overflow:hidden}.gallery-section h2{font-size:clamp(41px,5vw,60px)}.gallery{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:22px 12px 25px;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.photo{flex:0 0 260px;background:#fffefa;padding:10px 10px 32px;box-shadow:0 7px 18px #7c514820;position:relative;scroll-snap-align:center;border:1px solid #d4af7a30;transform:rotate(-2deg);margin:10px 0}.photo:nth-child(even){transform:rotate(2deg)}.photo .picture{aspect-ratio:1;overflow:hidden;position:relative;background:#f0ded9}.photo .sample{position:absolute;width:200%;height:200%;max-width:none;object-fit:cover}.photo .sample.q0{left:0;top:0}.photo .sample.q1{left:-100%;top:0}.photo .sample.q2{left:0;top:-100%}.photo .sample.q3{left:-100%;top:-100%}.photo .real{width:100%;height:100%;object-fit:cover}.photo .mini-flower{position:absolute;right:-8px;top:-20px;width:68px;height:auto;transform:rotate(16deg)}.photo p{font-style:italic;margin:13px 0 -17px;font-size:17px}.gallery-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left}.gallery-footer .tiny{margin:0;font-size:8px}.round{width:43px;height:43px;border:1px solid #d4af7a80;background:none;border-radius:50%;color:#9b7a73}.rsvp{background:#f5e7e9}.rsvp-inner{max-width:480px;margin:auto;border:1px solid #d4af7a60;border-radius:100px 100px 22px 22px;padding:50px 28px 30px;outline:1px dashed #d4af7a70;outline-offset:7px;background:#fff8f5aa}.rsvp h2{margin:12px 0 10px}.rsvp form{text-align:left;display:flex;flex-direction:column;gap:10px;margin:25px 0 18px}.rsvp label{font:500 11px/1.6 var(--sans);margin:8px 0 0}.rsvp label span{font-weight:400;color:#9b7a73}input,select,textarea{border:1px solid #dec9c5;border-radius:13px;background:#fffdfb;min-height:50px;padding:13px 15px;width:100%;color:var(--ink);font:16px/1.6 var(--serif)}textarea{resize:vertical}.rsvp .button{width:100%;margin-top:12px;padding-inline:16px}.deadline{font:11px var(--sans);line-height:1.7;margin:0 0 8px}.rsvp .tiny{letter-spacing:.5px;font-size:9px;margin:0}.closing img{width:150px;height:auto}.closing h2{margin:12px 0 20px}.closing .tiny{margin-top:30px}.back-top{display:inline-block;font:10px var(--sans);color:#9b7a73;padding:18px}.music{position:fixed;right:18px;bottom:20px;z-index:60;width:58px;height:58px;background:#fff8f5d9;border:1px solid #d4af7a90;border-radius:50%;box-shadow:0 4px 15px #77574920;padding:4px}.music img{width:100%;height:auto}.music span{position:absolute;bottom:4px;right:6px;font-size:14px;color:#9e687a}.music[aria-pressed=false] span:after{content:'';position:absolute;left:5px;top:6px;width:1px;height:15px;background:#9e687a;transform:rotate(40deg)}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,15px);max-width:90vw;width:360px;background:#6b514d;color:#fff8f5;font:12px/1.7 var(--sans);padding:16px 22px;border-radius:18px;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;bottom:0;background:#fff;z-index:300;padding:15px;width:100%;text-align:center;font:14px var(--sans)}@keyframes shine{0%,75%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(430%) skewX(-20deg)}}@media(min-width:760px){.hero{padding-top:65px}.hero-frame{padding-top:28px}.hero-geese{width:200px}.hero-date{font-size:22px}.hero-frame>.eyebrow{font-size:10px}.hero-pre{font-size:48px}section:not(.hero){padding-block:90px}.gallery-section{padding-inline:40px!important}.photo{flex-basis:290px}.entrance-title{font-size:68px}.envelope-button{margin-top:40px;height:290px;width:400px}.closing{padding-bottom:60px!important}}@media(max-width:520px){body{font-size:21px}.topbar{padding:16px 18px}.topbar>a:first-child{font-size:23px}.topbar>a:last-child{font-size:9px;letter-spacing:.2px}.hero{padding-top:38px}.hero-frame{padding:22px 18px 35px}.hero-geese{width:155px}.hero-frame>.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-pre{font-size:37px}.hero-date{font-size:18px}.hero-sub{font-size:21px}.flower{font-size:25px;top:42%;opacity:.35}.flower-left{left:5px}.flower-right{right:5px}.detail-grid{grid-template-columns:1fr;gap:15px}.detail-card{padding:22px 20px}.actions{flex-direction:column}.countdown{gap:8px}.countdown strong{font-size:39px}.countdown span{font-size:7px}.countdown img{width:47px;top:-17px}.countdown>div{border-radius:13px}.message>p:not(.eyebrow):not(.signature){font-size:22px}.rsvp-inner{padding:45px 20px 28px}.gallery-section{padding-left:18px!important;padding-right:18px!important}.gallery{margin:0 -18px;padding-left:30px;padding-right:30px}.gallery-section h2{font-size:43px}.photo{flex-basis:250px}.gallery-footer>div{white-space:nowrap}.signature{font-size:20px}.entrance-title{font-size:50px}}@media(max-height:700px){.entrance-title{font-size:42px}.envelope-button{height:225px;margin:15px 0 8px}.opening-line{height:14px;margin:5px 0 10px}.entrance .eyebrow{margin-bottom:10px}.open-copy{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.demo-note{margin:0;padding:7px 20px;text-align:center;background:#f2dde3;color:#8c636c;font:8px/1.6 var(--sans);letter-spacing:1.3px}
.envelope-front{clip-path:polygon(0 0,50% 64%,100% 0,100% 100%,0 100%);background:linear-gradient(32deg,#e9b9c5 0%,#f3cbd4 50%,#f0c4cf 100%)}
.letter{top:8%;height:84%}
.bow-left{clip-path:inset(0 49% 0 0)}.bow-right{clip-path:inset(0 0 0 50%)}
/* Tipografía legible y cierre centrado, en celular y escritorio. */
:root{--ink:#604943;--muted:#82645e}
body{font-size:24px;line-height:1.65}
.eyebrow,.tiny{font-size:12px;letter-spacing:1.5px;color:#806259}
.entrance .eyebrow{font-size:11px;max-width:300px}
.entrance .tiny{font-size:10px;letter-spacing:1px;max-width:300px}
.open-copy{font-size:24px}.open-copy span{font-size:13px;letter-spacing:1.5px}
.topbar>a:last-child{font-size:13px;letter-spacing:0}.topbar>a:first-child{font-size:29px}
.hero-frame>.eyebrow{font-size:11px;letter-spacing:1.3px;max-width:340px;margin:0 auto 18px}
.hero-date{font-size:24px}.hero-sub{font-size:26px}.scroll-hint{font-size:11px;letter-spacing:1.3px}
.message>p:not(.eyebrow):not(.signature){font-size:25px}.signature{font-size:27px}
.detail-card h3{font-size:28px}.detail-card p:last-child{font-size:23px}
.button{font-size:14px;font-weight:600;min-height:56px;padding:15px 22px}
.countdown span{font-size:11px;letter-spacing:.6px}.countdown strong{font-size:48px}
.countdown-section .tiny{max-width:390px}.event-number{font-size:12px;letter-spacing:1.2px}
.event-number strong{font-size:29px}.swatches{font-size:13px}.photo p{font-size:21px}
.gallery-footer .tiny{font-size:11px;letter-spacing:1px;max-width:320px}
.rsvp label{font-size:14px}.rsvp label span{font-size:12px}
input,select,textarea{font-size:19px;line-height:1.6;min-height:54px}
.deadline{font-size:14px}.rsvp .tiny{font-size:12px;line-height:1.7;letter-spacing:0}
.demo-note{font-size:10px;letter-spacing:1px}
.closing{padding:60px 24px 110px!important;text-align:center;background:radial-gradient(ellipse at center,#f9e9ee65,transparent 75%)}
.closing-inner{max-width:660px;margin:0 auto;padding:40px 28px 30px;border:1px solid #d4af7a75;border-radius:32px;background:#fffaf7b3;box-shadow:0 8px 28px #8e6d640c}
.closing img{display:block;width:126px;height:auto;margin:0 auto 10px}
.closing h2.script{font-size:clamp(48px,6vw,66px);line-height:1.25;margin:12px 0 22px;padding:0 8px;color:#996174}
.closing .signature{font-size:28px;margin:0;line-height:1.5}
.closing .tiny{font-size:12px;letter-spacing:1px;max-width:380px;margin:24px auto 14px;line-height:1.9}
.back-top{font-size:13px;padding:14px 22px;min-height:48px;color:#806259}
.music{width:62px;height:62px;display:grid;place-items:center;right:18px;bottom:20px;padding:13px;color:#865066;background:#fffaf7f5;border:1px solid #b99063;box-shadow:0 4px 16px #77574925}
.music[hidden]{display:none}.music svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.music ellipse{fill:currentColor;stroke:none}
.music .music-off{display:none;stroke-width:3.5;filter:drop-shadow(0 0 1px #fffaf7)}
.music[aria-pressed=false] .music-off{display:block}.music:hover{background:#f8e7ed}.music:active{transform:scale(.96)}
@media(max-width:520px){
body{font-size:23px}.topbar{gap:10px}.topbar>a:first-child{font-size:26px}.topbar>a:last-child{font-size:12px}
.hero-date{font-size:22px}.hero-sub{font-size:24px}.hero-frame>.eyebrow{font-size:11px;letter-spacing:1px;max-width:260px}
.message>p:not(.eyebrow):not(.signature){font-size:24px}.signature{font-size:25px}
.countdown strong{font-size:42px}.countdown span{font-size:10px}.countdown{gap:8px}
.button{font-size:14px;gap:8px;padding-inline:18px}.gallery-footer{align-items:center}.gallery-footer .tiny{font-size:10px;max-width:210px}
.closing{padding:45px 20px 105px!important}.closing-inner{padding:30px 16px 22px;border-radius:26px}
.closing h2.script{font-size:48px;line-height:1.3}.closing .signature{font-size:26px}.closing .tiny{font-size:11px;max-width:260px}
.music{right:16px;bottom:16px}.rsvp-inner{padding-inline:20px}
}
/* Gansitos, margaritas y gingham suave: la misma papelería, un nuevo cuento. */
:root{--cream:#fffaf3;--pink:#f5d4d8;--rose:#dfb0b6;--gold:#c9ad73;--ink:#655043}
.entrance{background:radial-gradient(ellipse at 50% 45%,#fffdf5 20%,#f6e3e0 100%)}
.envelope-geese{position:absolute;z-index:5;width:45%;height:auto;left:27.5%;top:18%;filter:drop-shadow(0 3px 3px #9e7d6330)}
.seal{left:79%;top:70%}.envelope-front:after,.flap:after{background:repeating-linear-gradient(0deg,#fff6 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,#fff5 0 8px,transparent 8px 16px);opacity:.3}
.hero{background:radial-gradient(ellipse,#f8e9df90,transparent 70%)}
.hero-geese{width:250px;height:auto;margin:0 auto 20px;display:block}
.hero-frame{padding-top:30px}.flower{width:37px;height:37px;opacity:.75}
.flower-left{left:18px;top:46%}.flower-right{right:18px;top:56%}
.floral-divider img{width:44px;height:44px}.floral-divider{margin-top:36px}
.countdown-section{background:#f5e9de}.countdown>div{background:#fffbf5d9;border-color:#d9c1b5;padding-top:27px}
.countdown img{width:40px;height:40px;top:-20px}
.gifts{background:linear-gradient(90deg,#f7e4e680,#faf0dc80)}
.section-geese{width:175px;height:auto;margin:-12px auto 20px;display:block}
.photo .mini-flower{width:43px;height:43px;top:-14px;right:-7px}
.rsvp{background:#f4e8e3}.closing-inner{background:#fffcf5dc}
.closing .closing-geese{width:215px;height:auto;margin:0 auto 20px}
.closing h2.script{margin-top:0}
@media(max-width:520px){.hero-geese{width:215px;margin-bottom:18px}.hero-frame{padding-top:23px}.flower{width:29px;height:29px}.flower-left{left:8px;top:49%}.flower-right{right:8px;top:57%}.countdown img{width:35px;height:35px;top:-18px}.closing .closing-geese{width:190px}.section-geese{width:155px}}
/* Nombres completos y fotografías reales, sin recortes. */
.baby-name{font-size:clamp(54px,8vw,84px);line-height:1.2;padding:4px 12px;overflow-wrap:normal}
.baby-name .name-word{display:inline-block;white-space:nowrap}.baby-surname{font-size:23px;letter-spacing:2px;margin:6px 0 18px;color:#806259}
.signature span{display:block}.signature i{display:block;line-height:1.3;margin:5px 0}.signature{line-height:1.45}
.closing .signature{font-size:26px}.closing .signature i{font-size:27px}
.photo{flex-basis:320px;transform:none;padding-bottom:18px}.photo:nth-child(even){transform:none}
.photo .picture{height:380px;aspect-ratio:auto;background:#f5eee6}.photo .real{object-fit:contain}
.photo p{margin:16px 6px 8px;font-size:21px;line-height:1.4;min-height:59px}.full-photo{display:inline-block;font:12px/1.6 var(--sans);padding:10px 8px;min-height:44px;color:#806259}
@media(max-width:520px){.baby-name{font-size:57px;padding:4px 0;line-height:1.25}.baby-surname{font-size:21px;letter-spacing:1.3px}.signature{font-size:24px}.closing .signature{font-size:24px}.photo{flex-basis:280px}.photo .picture{height:350px}.photo p{font-size:21px}.rsvp select{font-size:17px}.hero-frame{padding-inline:16px}}
@media(max-width:520px){.baby-name .name-word{display:block}}
/* Fotografías ampliadas sin salir de la invitación. */
.photo-open{overflow:hidden}.full-photo{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.photo-modal{padding:0;border:1px solid #d4af7a80;border-radius:20px;background:#fffaf3;color:var(--ink);width:min(900px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;box-shadow:0 20px 80px #32261d60}
.photo-modal::backdrop{background:#322823c9;backdrop-filter:blur(4px)}
.photo-modal-inner{position:relative;padding:58px 20px 20px;display:flex;flex-direction:column;align-items:center}
.photo-modal-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #c9ad73;background:#fffaf3;color:#79515b;font:32px/1 var(--sans);padding:0;z-index:1}
.photo-modal-close:hover{background:#f5d4d8}
#modalPhoto{display:block;max-width:100%;max-height:calc(100svh - 180px);width:auto;height:auto;object-fit:contain;border-radius:4px}
#modalCaption{font:italic 23px/1.4 var(--serif);text-align:center;margin:18px 0 0;max-width:600px}
.host-options{margin:12px 0 0;padding:0;border:0;display:grid;gap:10px;min-width:0}
.host-options legend{font:500 14px/1.6 var(--sans);padding:0;margin-bottom:10px}
.rsvp .host-choice{display:flex;align-items:center;gap:13px;border:1px solid #dec9c5;border-radius:13px;background:#fffdfb;min-height:58px;padding:14px 16px;margin:0;cursor:pointer;font:500 14px/1.5 var(--sans)}
.host-choice input{appearance:none;-webkit-appearance:none;width:24px;height:24px;min-height:24px;padding:0;margin:0;flex:0 0 24px;border:1.5px solid #a88979;border-radius:5px;background:#fffdfb;display:grid;place-items:center;cursor:pointer}
.host-choice input:checked{background:#a56c7d;border-color:#a56c7d}.host-choice input:checked::after{content:'✓';font:600 18px/1 var(--sans);color:#fff}
.host-choice:has(input:checked){border-color:#b47d8c;background:#fcf0f2}
@media(max-width:520px){.photo-modal-inner{padding:58px 12px 18px}#modalCaption{font-size:21px}.photo-modal{border-radius:16px}}
.rsvp .host-choice span{font-size:14px;font-weight:500;color:var(--ink)}

.attendee-names{display:grid;gap:10px;margin:18px 0}.rsvp .attendee-names label{margin:8px 0 0}

/* Dibujos vectoriales para mantener las flechas iguales en todos los dispositivos. */
.arrow-icon{width:22px;height:22px;flex:0 0 22px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.topbar{position:fixed;top:0;left:0;right:0;z-index:70;min-height:76px;background:#fffaf5f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:calc(14px + env(safe-area-inset-top));box-shadow:0 2px 12px #8e6d6408}
.topbar a:last-child{display:inline-flex;align-items:center;gap:5px}.topbar .arrow-icon{width:18px;height:18px;flex-basis:18px}
#invitation{padding-top:calc(76px + env(safe-area-inset-top))}html{scroll-padding-top:calc(90px + env(safe-area-inset-top))}
.scroll-hint .arrow-icon{align-self:center;color:var(--gold)}.round{display:inline-grid;place-items:center;padding:0}.back-top{display:inline-flex;align-items:center;gap:7px}
.open-copy{margin-bottom:0}.open-text{font:500 13px/1.5 var(--sans);letter-spacing:1.5px;color:var(--ink);background:#fffaf580;border:1px solid #d4af7a85;border-radius:24px;min-height:44px;padding:10px 22px;margin:8px 0 0}.open-text:hover{background:#fffaf5}.open-text:active{transform:scale(.98)}
@media(max-width:520px){.topbar{padding-inline:16px}.topbar>a:first-child{font-size:25px}.topbar>a:last-child{font-size:11px}}

.baby-surname{font:500 clamp(32px,4vw,42px)/1.25 var(--serif);letter-spacing:1px;color:#865c69;margin:8px 0 22px}
.scroll-guide{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:12px;padding:12px 20px;white-space:nowrap;border:1px solid #d4af7a85;border-radius:32px;background:#fffaf5f5;box-shadow:0 6px 24px #80545d20;color:#865c69;font:500 13px/1.5 var(--sans);animation:guide-appear .6s ease both}
.scroll-guide[hidden]{display:none}.scroll-guide .arrow-icon{animation:guide-down 1.5s ease-in-out infinite}
@keyframes guide-down{0%,100%{transform:translateY(-3px);opacity:.6}50%{transform:translateY(4px);opacity:1}}
@keyframes guide-appear{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:520px){.baby-surname{font-size:32px;letter-spacing:.6px;margin:10px 0 22px}.scroll-guide{bottom:calc(26px + env(safe-area-inset-bottom));font-size:12px;padding:12px 15px;gap:8px;left:calc(50% - 25px)}}