@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Great+Vibes&family=Montserrat:wght@400;500;600&display=swap');
.cover-frame>.eyebrow{display:block}
:root{--paper:#fcf8f3;--rose:#a45d72;--ink:#513c3c;--muted:#887271;--line:#ddc8be;--blush:#f2e4df;--serif:'Cormorant Garamond',Georgia,serif;--script:'Great Vibes',cursive;--sans:'Montserrat',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8}body.sealed{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--rose);outline-offset:6px}h1,h2,h3,p{margin:0}h2{font:400 clamp(38px,5vw,60px)/1.08 var(--serif);letter-spacing:-.025em}h3{font:400 35px/1.15 var(--serif)}p{color:var(--muted)}.eyebrow{font:500 10px/1.7 var(--sans);letter-spacing:.24em}.section{padding:100px 25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--rose);border:1px solid var(--rose);color:white;padding:16px 26px;font-size:11px;letter-spacing:.1em;transition:background .2s,transform .2s}.button:hover{background:#8d4e61;transform:translateY(-2px)}.button span{font-size:18px}.secondary{background:transparent;color:var(--rose);border-color:var(--line)}.secondary:hover{background:var(--rose);color:white}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:10px;letter-spacing:.14em;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 0;color:var(--ink)}.text-link span{font-size:20px}.cover{position:fixed;z-index:100;inset:0;background:radial-gradient(ellipse at top,#fffaf3,#eddbd7);display:grid;place-items:center;padding:22px;transition:opacity 1.1s,visibility 1.1s;overflow:auto}.cover.opened{opacity:0;visibility:hidden;pointer-events:none}.cover-frame{width:min(520px,100%);text-align:center;border:1px solid #c9a291;outline:1px solid #d9b9ac;outline-offset:-9px;padding:35px 24px 26px;position:relative}.cover-frame:before,.cover-frame:after{content:'❧';position:absolute;color:#bc9481;font:40px var(--serif);left:17px;top:10px}.cover-frame:after{left:auto;top:auto;right:17px;bottom:10px;transform:rotate(180deg)}.monogram{font:60px var(--serif);color:#9f6873;margin:12px auto 0;position:relative;display:inline-block}.monogram span{position:absolute;font-size:42px;left:20px;top:24px;color:#b79c80}.cover-name{font:64px/1.4 var(--script);color:var(--ink)}.cover-caption{font:italic 21px var(--serif)}.envelope{width:240px;height:125px;background:#d7a9b2;margin:28px auto 24px;position:relative;box-shadow:0 16px 30px #7d4b5020;overflow:hidden;border:1px solid #c998a2}.envelope:after{content:'';position:absolute;inset:0;background:linear-gradient(28deg,#dfbac2 49.6%,transparent 50%) bottom left/50% 100% no-repeat,linear-gradient(-28deg,#d9b0ba 49.6%,transparent 50%) bottom right/50% 100% no-repeat}.flap{position:absolute;top:0;left:0;border-left:119px solid transparent;border-right:119px solid transparent;border-top:82px solid #ebcbd2;filter:drop-shadow(0 2px 2px #724b5220);transform-origin:top;transition:transform .6s}.opening .flap{transform:rotateX(180deg)}.seal{position:absolute;z-index:2;left:calc(50% - 23px);top:62px;background:linear-gradient(135deg,#b79066,#e5c9a1,#ac8158);color:#78502e;border:3px double #af875e;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font:18px var(--serif);box-shadow:0 2px 5px #71482840}.cover-note{font-size:9px;letter-spacing:.24em;margin:22px 0 10px}.music-choice{font-size:10px;color:var(--muted)}.music-choice input{accent-color:var(--rose);vertical-align:middle}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1300px;margin:auto;padding:0 6%;font-size:10px;letter-spacing:.06em}.brand{font:32px var(--script)}.brand span{font:9px var(--sans);margin-left:8px;letter-spacing:.1em}.nav>a:last-child span{padding-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:740px;max-width:1440px;margin:auto}.hero-photo{position:relative;min-height:740px;overflow:hidden}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 35%}.photo-shade{position:absolute;inset:0;background:linear-gradient(transparent 65%,#25182470)}.photo-label{position:absolute;bottom:30px;left:35px;color:white;font-size:9px;letter-spacing:.25em}.hero-copy{background:var(--blush);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 25px;position:relative;overflow:hidden}.hero-copy:before,.hero-copy:after{content:'❧';position:absolute;font:180px var(--serif);color:#d2b7ad66;transform:rotate(-35deg);top:-50px;right:-40px;pointer-events:none}.hero-copy:after{top:auto;right:auto;bottom:-30px;left:-50px;transform:rotate(140deg)}.tiny-flower{font-size:33px;color:#b48d70;margin:22px 0 10px}.hero h1{font:clamp(88px,9vw,140px)/1.2 var(--script);color:var(--rose)}.hero-surname{font-size:10px;letter-spacing:.25em;margin-top:8px}.hero-message{font:italic 24px/1.45 var(--serif);margin:35px 0}.hero-date{display:flex;align-items:center;gap:21px;margin:0 0 25px}.hero-date>span{font-size:9px;line-height:1.8;letter-spacing:.16em}.hero-date strong{font:65px/1 var(--serif);border-left:1px solid #c9ada5;border-right:1px solid #c9ada5;padding:0 20px;font-weight:400}.intro{text-align:center;max-width:1050px;margin:auto}.intro h2{margin:22px 0}.intro>p{max-width:560px;margin:auto}.ornament{color:#b39273;font:30px var(--serif);margin:35px}.family{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.family>div+div{border-left:1px solid var(--line)}.family .eyebrow{display:block;margin-bottom:20px}.family h3{font-size:29px}.amp{font:italic 25px var(--serif);color:#bd947a}.countdown{text-align:center;background:var(--blush);position:relative}.countdown h2{margin:20px 0 12px}.clock{display:flex;justify-content:center;gap:25px;align-items:center;margin:35px 0 15px}.clock strong{font:400 65px/1.1 var(--serif);display:block;font-variant-numeric:tabular-nums}.clock span{font-size:8px;letter-spacing:.2em}.clock i{font:30px var(--serif);color:#c4a393;margin-top:-18px}.events{max-width:1080px;margin:auto}.section-heading{text-align:center;margin-bottom:60px}.section-heading h2{margin:20px 0 12px}.event{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;align-items:center;padding:50px 0;border-top:1px solid var(--line)}.event-art{display:grid;place-items:center;background:#f3eae2;aspect-ratio:1.2;border-radius:50% 50% 3px 3px;max-width:340px;width:100%;margin:auto}.event-art svg{width:65%;color:#b58f72}.event-copy h3{font-size:42px;margin:18px 0}.event-time{color:var(--rose);font:italic 25px var(--serif);margin-bottom:16px}.event-copy>p:not(.event-time){font-size:12px;line-height:1.9}.event-copy .button{margin-top:24px}.reception .event-art{grid-column:2;grid-row:1;background:#ede1dc;border-radius:3px 3px 50% 50%}.reception .event-copy{grid-column:1;grid-row:1;padding-left:25px}.gifts{text-align:center;background:#f3e9e5}.gifts h2{margin:18px 0 22px}.gifts p{max-width:500px;margin:auto}.gifts .small{font-size:11px;max-width:400px;margin:20px auto 0}.gift-illustration{font:100px/1 var(--serif);color:#c698a5;position:relative;width:150px;margin:0 auto 22px}.gift-illustration span{position:absolute;left:67px;top:49px;font:22px var(--serif);color:#9a6776}.closing{min-height:580px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;color:#fff8ef}.closing>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 35%}.closing:after{content:'';position:absolute;inset:0;background:#251c27a8}.closing>div{z-index:1;position:relative;padding:70px 25px}.closing h2{font:100px var(--script);margin:20px 0 5px}.closing p{color:#efe1df;font:24px var(--serif)}.signature{font:36px var(--script);display:block;margin-top:35px}footer{display:flex;justify-content:space-between;padding:30px 6%;font-size:8px;letter-spacing:.2em}.music-toggle{position:fixed;bottom:22px;right:22px;z-index:20;width:48px;height:48px;border:1px solid #dfc6be;background:var(--paper);border-radius:50%;box-shadow:0 4px 16px #43282d20;color:var(--rose);font-size:22px}.music-toggle[aria-pressed=true]{background:var(--rose);color:white}.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@media(min-width:1450px){.hero{min-height:820px}.hero-photo{min-height:820px}}@media(max-width:700px){.nav{height:64px;padding:0 22px}.brand{font-size:28px}.hero{display:flex;flex-direction:column;min-height:0}.hero-photo{min-height:0;height:72svh;max-height:700px}.hero-photo img{object-position:center 30%}.photo-label{left:24px;bottom:22px;font-size:8px}.hero-copy{padding:50px 20px 45px}.hero h1{font-size:100px}.hero-message{font-size:23px;margin:25px 0}.hero-date strong{font-size:59px}.section{padding:70px 25px}.family{grid-template-columns:1fr;gap:35px}.family>div+div{border-left:0;border-top:1px solid var(--line);padding-top:35px}.family h3{font-size:29px}.clock{gap:13px}.clock strong{font-size:47px}.clock span{font-size:7px;letter-spacing:.1em}.clock i{font-size:22px}.countdown h2{font-size:39px}.event{grid-template-columns:1fr;gap:30px;padding:38px 0 45px;text-align:center}.event-art{max-width:220px;aspect-ratio:1.35}.event-copy h3{font-size:38px}.reception .event-art,.reception .event-copy{grid-column:auto;grid-row:auto}.reception .event-copy{padding-left:0}.section-heading{margin-bottom:40px}.closing{min-height:520px}.closing h2{font-size:85px}.closing .eyebrow{font-size:8px}.closing>img{object-position:53% center}footer{padding:25px 20px;font-size:7px;letter-spacing:.1em}.cover-frame{padding:28px 20px 22px}.cover-name{font-size:60px}.envelope{margin:20px auto}.cover-caption{font-size:19px}}@media(max-height:680px){.cover-frame{padding-top:18px;padding-bottom:18px}.monogram{font-size:40px;margin-top:5px}.monogram span{font-size:30px;top:15px}.cover-name{font-size:48px}.cover-caption{font-size:17px}.envelope{height:95px;margin:14px auto}.seal{top:50px}.cover-note{margin:12px 0 5px}.cover .button{padding:10px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
.portrait-hero{height:100vh;height:100svh;min-height:560px;position:relative;overflow:hidden;text-align:center;color:#fffaf3;background:#365124}.portrait-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 36%;filter:none}.portrait-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 26%,transparent 75%,rgba(42,17,28,.3))}.portrait-hero h1{position:absolute;top:max(28px,env(safe-area-inset-top));left:0;right:0;font:clamp(88px,12vw,150px)/1.25 var(--script);font-weight:400;text-shadow:0 2px 18px #0004}.portrait-caption{position:absolute;bottom:max(35px,env(safe-area-inset-bottom));left:0;right:0;color:#fffaf3;font:400 clamp(34px,5vw,52px)/1.3 var(--serif);letter-spacing:.05em;text-shadow:0 2px 14px #643e4e66}.portrait-details{text-align:center;background:var(--blush);padding:45px 20px}.portrait-details>.eyebrow{display:block;margin-bottom:25px}.portrait-details .hero-date{justify-content:center;margin-bottom:0}@media(min-width:701px){.portrait-hero{max-height:1100px}.portrait-hero>img{object-position:center 38%}.portrait-hero h1{top:35px}}@media(max-width:700px){.portrait-hero{min-height:0}.portrait-hero>img{object-position:50% center}.portrait-hero h1{font-size:94px;top:24px}.portrait-caption{font-size:36px;bottom:36px}.portrait-details{padding:40px 20px}.music-toggle{bottom:16px;right:16px;width:42px;height:42px}}
/* Portada vertical con encuadre amplio, inspirado en la referencia. */
.portrait-hero{height:auto;min-height:0;aspect-ratio:4/5;max-height:none;width:100%;margin:auto;background:#365124}.portrait-hero>img{object-position:center;object-fit:cover}.portrait-hero h1{top:3%;font-size:clamp(85px,15vw,165px);line-height:1.35}.portrait-caption{bottom:5%;display:flex;align-items:center;justify-content:center;gap:18px;font-size:clamp(28px,5vw,48px);text-transform:uppercase;letter-spacing:.015em}.portrait-caption:before,.portrait-caption:after{content:'';width:15%;max-width:115px;height:1px;background:#fff9}.portrait-shade{background:linear-gradient(180deg,rgba(0,0,0,.14),transparent 25%,transparent 72%,rgba(42,17,28,.17))}@media(min-width:701px){.portrait-hero{max-width:720px}.portrait-hero h1{font-size:135px}.portrait-caption{font-size:43px}}@media(max-width:700px){.portrait-hero{aspect-ratio:9/16;height:auto;min-height:0}.portrait-hero>img{object-position:50% 50%}.portrait-hero h1{top:3%;font-size:94px}.portrait-caption{bottom:5%;font-size:31px;gap:12px}.portrait-caption:before,.portrait-caption:after{width:15%}}

/* Texto amplio y detalles rosas para una lectura cómoda. */
:root{--muted:#705858;--line:#d5a6b5}
main{font-size:18px;line-height:1.85}
.intro{padding-top:65px}
.intro>.invitation-message{font:400 clamp(25px,4.8vw,32px)/1.6 var(--serif);max-width:680px;color:var(--ink);margin:25px auto 0;text-wrap:pretty}
.rose-divider{display:flex;align-items:center;justify-content:center;gap:20px;max-width:320px;margin:0 auto;color:var(--rose)}
.rose-divider:before,.rose-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#c58b9e)}
.rose-divider:after{transform:rotate(180deg)}
.rose-divider span{font:38px var(--serif)}
.intro .ornament{color:var(--rose);margin:40px 0}
.family{gap:45px}
.family>div{padding:28px 18px;position:relative}
.family>div:before,.family>div:after{content:'';display:block;width:90px;height:1px;background:#c98fa3;margin:0 auto 24px}
.family>div:after{margin:24px auto 0}
.family .eyebrow{font-size:13px;letter-spacing:.15em;color:#8d465e;line-height:1.8}
.family h3{font-size:36px;line-height:1.3}
.family .amp{display:block;font-size:30px;line-height:1.6;color:var(--rose)}
.portrait-details>.eyebrow{font-size:14px;letter-spacing:.15em}
.portrait-details .hero-date>span{font-size:13px}
.countdown{padding-top:65px;padding-bottom:65px}
.countdown h2{margin:0 0 30px;font-size:48px}
.clock{gap:22px;margin:20px 0 35px}
.clock strong{font-size:68px}
.clock span{font-size:12px;letter-spacing:.06em}
.count-date{max-width:380px;margin:0 auto;border-top:1px solid #c98fa3;padding-top:24px}
.count-date>span{font:500 13px/1.8 var(--sans);letter-spacing:.2em;color:#8d465e}
.count-date>p{font:400 34px/1.4 var(--serif);color:var(--ink);margin:6px 0}
.events{padding-top:60px;padding-bottom:50px}
.events>.rose-divider{margin-bottom:35px}
.event{border-top:0;padding:35px 0 55px}
.event+.event{border-top:1px solid #d5a6b5;padding-top:55px}
.event-copy>.eyebrow{font-size:14px;letter-spacing:.13em;color:#8d465e}
.event-copy h3{font-size:44px;line-height:1.15}
.event-copy .event-time{font-size:30px;line-height:1.5;color:#8d465e;margin:18px 0}
.event-copy>p:not(.event-time){font-size:18px;line-height:1.85}
.event-copy>.welcome-label{font:italic 27px/1.5 var(--serif);color:var(--ink);margin-bottom:12px}
.event-copy .button{font-size:15px;letter-spacing:.04em;padding:16px 28px}
.gifts>.eyebrow{font-size:13px;color:#8d465e}
.gifts h2{font-size:48px}
.gifts>p{font-size:19px;line-height:1.85;max-width:570px}
.gifts .small{font-size:17px;line-height:1.8;max-width:480px}
.gift-illustration{border-bottom:1px solid #c98fa3;padding-bottom:20px;width:170px}
@media(max-width:700px){
 .section{padding-left:26px;padding-right:26px}
 .family{gap:12px}.family>div+div{border-top:0;padding-top:28px}.family h3{font-size:32px}
 .clock{gap:8px;justify-content:space-between}.clock strong{font-size:46px}.clock span{font-size:11px;letter-spacing:0}.clock i{font-size:22px;margin-top:-22px}
 .countdown h2{font-size:44px}.count-date>p{font-size:32px}
 .event-copy>.eyebrow{font-size:13px}.event-copy h3{font-size:39px}
 .event-copy>p:not(.event-time){font-size:18px}.event-copy>.welcome-label{font-size:27px}
 .event-copy .event-time{font-size:29px}.event-art{max-width:240px}
 .gifts h2{font-size:43px}.gifts>p{font-size:19px}.gifts .small{font-size:17px}
}
@media(max-width:360px){.clock strong{font-size:39px}.clock span{font-size:10px}.clock{gap:5px}}


.portrait-details{padding:30px 26px;background:#fcf8f3}
.date-frame{position:relative;max-width:490px;margin:auto;border:1px solid #c19e84;padding:26px 18px 30px;outline:1px solid #dec3b2;outline-offset:-7px}
.date-frame:before,.date-frame:after{content:'❧';position:absolute;font:36px var(--serif);color:#bd8196;background:var(--paper);line-height:1;padding:0 7px;left:8px;top:-15px}
.date-frame:after{left:auto;top:auto;right:8px;bottom:-15px;transform:rotate(180deg)}
.date-day{font:italic 27px 'Playfair Display',Georgia,serif;color:#8d465e}
.date-main{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px}
.date-main>span{font:500 15px var(--sans);letter-spacing:.1em}
.date-main>strong{font:400 78px/1.1 'Italiana',Georgia,serif;color:var(--ink)}
.countdown{padding-top:45px;padding-bottom:40px}
.countdown h2{font:400 45px/1.25 'Playfair Display',Georgia,serif;margin-bottom:20px}
.clock{margin:15px 0 26px}
.clock strong{font-family:'Italiana',Georgia,serif}
.mini-calendar{max-width:284px;margin:0 auto;border-top:1px solid #c98fa3;padding-top:18px}
.calendar-heading{display:flex;align-items:baseline;justify-content:space-between;padding:0 8px 13px;font:25px 'Playfair Display',Georgia,serif;color:var(--ink)}
.calendar-heading>span+span{font:13px var(--sans);letter-spacing:.12em}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;justify-items:center;font:15px/32px var(--sans);color:#705858}
.calendar-grid>span{width:32px;height:32px;text-align:center}
.calendar-grid .weekday{font-size:12px;font-weight:600;color:#8d465e}
.calendar-grid .selected{background:#a45d72;color:white;border-radius:50%;position:relative;box-shadow:0 0 0 3px #e5bbc9}
.gifts>.eyebrow{display:block;margin:22px 0 20px;font-size:15px;letter-spacing:.17em}
.gift-envelope{position:relative;margin:4px auto 30px;width:118px;height:80px;border:1px solid #bd8096;border-radius:3px;background:linear-gradient(145deg,#f9e8ee,#e5b6c6);box-shadow:0 10px 26px #a45d721c;animation:envelope-float 5s ease-in-out infinite}
.envelope-fold{position:absolute;inset:0;overflow:hidden}
.envelope-fold:before{content:'';position:absolute;width:82px;height:82px;left:17px;top:-48px;transform:rotate(45deg);background:#f5dbe4;border:1px solid #bd8096}
.envelope-heart{position:absolute;left:45px;top:31px;width:28px;height:28px;border-radius:50%;background:#bd8096;color:#fff5f7;font:22px/28px var(--serif)}
.gift-envelope i{position:absolute;color:#ba8e67;font:27px var(--serif);left:-30px;top:-15px;animation:gift-glow 3s ease-in-out infinite}
.gift-envelope i+i{left:auto;right:-26px;top:44px;font-size:20px;animation-delay:1.5s}
@keyframes envelope-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes gift-glow{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
.botanical-closing{min-height:510px;background:radial-gradient(ellipse at center,#fffaf5,#f0dee2);color:#704657}
.botanical-closing:after{display:none}
.closing-botanical{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.botanical-closing>div{padding:100px 48px;max-width:550px}
.botanical-closing .eyebrow{line-height:2;color:#8d465e}
.botanical-closing h2{font-size:89px;margin:25px 0}
.botanical-closing .signature{font-size:35px;margin-top:15px}
@media(max-width:700px){.date-main{gap:15px}.date-main>span{font-size:13px}.date-main>strong{font-size:74px}.date-day{font-size:25px}.countdown h2{font-size:37px}.clock strong{font-size:45px}.botanical-closing .eyebrow{font-size:11px;letter-spacing:.15em}.botanical-closing h2{font-size:76px}.botanical-closing .signature{font-size:32px}}
@media(prefers-reduced-motion:reduce){.gift-envelope,.gift-envelope i{animation:none}}
/* Fecha integrada: composición centrada y ornamentos abiertos. */
.portrait-details{padding:26px 26px 12px;background:var(--paper)}
.date-frame{border:0;outline:0;padding:20px 0 16px;max-width:440px}
.date-frame:before,.date-frame:after{content:'';position:absolute;left:50%;right:auto;transform:translateX(-50%);width:78%;height:1px;padding:0;background:linear-gradient(90deg,transparent,#ce9caf 25%,#ce9caf 75%,transparent);top:0;bottom:auto}
.date-frame:after{top:auto;bottom:0;transform:translateX(-50%)}
.date-day{display:block;text-align:center;font-size:26px;line-height:1.4}
.date-main{display:grid;grid-template-columns:1fr 88px 1fr;align-items:center;gap:10px;max-width:340px;margin:8px auto 0}
.date-main>span{font-size:13px;letter-spacing:.1em;text-align:center;line-height:1.4}
.date-main>strong{font:400 72px/1.1 'Italiana',Georgia,serif;text-align:center}
.intro.section{padding-top:28px}
.intro>.rose-divider{max-width:200px}
.intro>.invitation-message{margin-top:18px}
@media(max-width:360px){.date-main{grid-template-columns:1fr 72px 1fr;gap:6px}.date-main>span{font-size:11px}.date-main>strong{font-size:65px}}
.family-parents,.family-godmother{display:block;max-width:620px;margin:0 auto}.family-parents>div{padding:24px 0 12px}.family-parents>div:before,.family-parents>div:after{display:none}.intro>.invitation-message{margin-top:22px}.intro .ornament{margin:28px 0 0}.family-godmother>div{padding:20px 0 24px}.family-godmother>div:before{display:none}.godmother-intro{font:italic 24px/1.5 var(--serif);color:var(--ink);margin:0 auto 22px;max-width:430px}.family-godmother h3{color:#8d465e}@media(max-width:700px){.godmother-intro{font-size:23px}.family-parents .eyebrow{margin-bottom:18px}}
/* Tres bloques conectados con una misma jerarquía visual. */
.intro.section{padding-top:32px;padding-bottom:45px;max-width:760px}
.intro>.rose-divider{display:none}
.family-parents,.family-godmother{max-width:550px;margin:0 auto;position:relative}
.family-parents>div,.family-godmother>div{padding:30px 14px}
.family-parents>div:before,.family-parents>div:after,.family-godmother>div:before,.family-godmother>div:after{display:none}
.family-parents .eyebrow{display:block;font:500 13px/1.8 var(--sans);letter-spacing:.16em;color:#8d465e;margin-bottom:20px}
.family-parents h3,.family-godmother h3{font:400 34px/1.3 var(--serif);color:var(--ink);margin:0}
.family-parents .amp{font:italic 27px/1.6 var(--serif);color:#ae7289;margin:4px 0}
.intro>.invitation-message{position:relative;margin:8px auto;max-width:550px;padding:32px 18px;border-top:1px solid #d8b1bf;border-bottom:1px solid #d8b1bf;background:linear-gradient(90deg,transparent,#f4e7eb88 22%,#f4e7eb88 78%,transparent);font:400 26px/1.65 var(--serif);color:var(--ink)}
.intro .ornament{display:none}
.godmother-intro{font:italic 23px/1.5 var(--serif);color:#8d465e;margin:0 auto 20px;max-width:440px}
.family-godmother>div{padding-top:30px;padding-bottom:26px}
.family-godmother:after{content:'❧';display:block;font:30px/1 var(--serif);color:#ae7289;margin:0 auto 0}
@media(max-width:700px){.family-parents h3,.family-godmother h3{font-size:31px}.family-parents>div,.family-godmother>div{padding-left:0;padding-right:0}.intro>.invitation-message{padding:28px 12px;font-size:25px;line-height:1.6}.godmother-intro{font-size:23px}.family-parents .eyebrow{font-size:12px;letter-spacing:.14em}}
/* Contador legible y calendario con un acento animado. */
.clock strong{font-family:Georgia,'Times New Roman',serif;font-style:normal;font-weight:400;font-size:54px;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--ink)}
.countdown h2{font-style:normal}
.mini-calendar{position:relative;border-top:0;border-bottom:1px solid #d8b1bf;padding:23px 8px 18px;max-width:300px}
.mini-calendar:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c98fa3 25%,#c98fa3 75%,transparent)}
.mini-calendar:after{content:'❧';position:absolute;right:-17px;top:9px;font:35px/1 var(--serif);color:#b87b93;transform:rotate(-25deg)}
.calendar-grid .selected{animation:calendar-pulse 3s ease-in-out infinite;isolation:isolate}
@keyframes calendar-pulse{0%,100%{box-shadow:0 0 0 3px #e5bbc9}50%{box-shadow:0 0 0 7px #d9a1b533,0 0 15px #c98fa344}}
@media(max-width:700px){.clock strong{font-size:38px}.clock{gap:6px}.mini-calendar:after{right:-13px;font-size:30px}}
@media(max-width:360px){.clock strong{font-size:34px}.mini-calendar:after{right:-8px}}
@media(prefers-reduced-motion:reduce){.calendar-grid .selected{animation:none}}
/* Títulos sobre las ilustraciones, con lectura continua. */
.event-heading{grid-column:1/-1;text-align:center;font:400 38px/1.2 var(--serif);color:#8d465e;margin:0}
.event{row-gap:25px}
.event .event-art,.event .event-copy{grid-row:2}
.reception .event-art,.reception .event-copy{grid-row:2}
.event-copy h3{margin-top:0}
.reception .event-copy .event-time{margin-top:0}
@media(max-width:700px){.event{gap:22px;padding-top:30px;padding-bottom:38px}.event-heading{grid-column:auto;font-size:36px;margin-bottom:0}.event .event-art,.event .event-copy,.reception .event-art,.reception .event-copy{grid-column:auto;grid-row:auto}.event-art{max-width:220px}.event-copy h3{margin:0 0 12px}.event-copy .event-time{margin:12px 0}.reception .event-copy .event-time{margin:0 0 12px}.event-copy .button{margin-top:20px}}
/* Menos aire antes de los títulos de las ubicaciones. */
.events.section{padding-top:22px}.events>.rose-divider{display:none}.event{padding-top:12px}.event+.event{padding-top:24px}
@media(max-width:700px){.events.section{padding-top:20px}.event{padding-top:10px;padding-bottom:26px}.event+.event{padding-top:22px}.event-heading{margin:0}.event{row-gap:18px}}
.gifts .gifts-title{font:400 43px/1.2 var(--serif);color:#8d465e;margin:20px 0 24px}.gifts .small{font-style:italic}
.gifts .gifts-title{margin:0 0 34px}.gifts .gift-envelope{margin-bottom:32px}

.botanical-closing{min-height:560px;background:#f8e9e8}.botanical-closing>.closing-watercolor{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.botanical-closing>div{padding:125px 35px;max-width:550px}.botanical-closing h2{color:#704657;text-shadow:0 1px 12px #fff8f2}.botanical-closing .signature{color:#704657;text-shadow:0 1px 8px #fff8f2}@media(max-width:700px){.botanical-closing{min-height:580px}.botanical-closing>.closing-watercolor{object-fit:cover;object-position:center}.botanical-closing>div{padding:120px 30px}}
/* Un solo fondo floral para conectar toda la invitación. */
body{background:var(--paper)}main{background-image:linear-gradient(90deg,#fcf8f355,#fcf8f3bb 22%,#fcf8f3bb 78%,#fcf8f355),url('assets/fondo-floral-continuo.png');background-size:100% 100%,100% auto;background-repeat:no-repeat,repeat-y;background-position:center top}
.portrait-details,.intro,.countdown,.events,.gifts,.botanical-closing{background:transparent}
.botanical-closing>.closing-watercolor{display:none}.botanical-closing{min-height:430px}.botanical-closing>div{padding:100px 30px}.botanical-closing:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#fcf8f366,transparent 70%);pointer-events:none}
.intro>.invitation-message{background:linear-gradient(90deg,transparent,#fcf8f388 20%,#fcf8f388 80%,transparent)}footer{background:var(--paper)}
@media(min-width:701px){main{background-size:100% 100%,900px auto}.botanical-closing{min-height:460px}}
@media(max-width:700px){.botanical-closing{min-height:430px}.botanical-closing>div{padding:100px 30px}}

/* Flores más discretas y despedida centrada. */
main{background-size:100% 100%,50% auto;background-repeat:no-repeat,repeat;background-position:center top,center top}
.botanical-closing{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}
.botanical-closing>div{padding:40px 25px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.botanical-closing h2{margin:0 0 22px;line-height:1.2}.botanical-closing .signature{margin:0;line-height:1.4}
@media(min-width:701px){main{background-size:100% 100%,450px auto}}
@media(max-width:700px){.botanical-closing{min-height:360px}.botanical-closing>div{padding:35px 25px}}
main{background-image:linear-gradient(90deg,#fcf8f388,#fcf8f3ee 25%,#fcf8f3ee 75%,#fcf8f388),url('assets/fondo-floral-continuo.png'),url('assets/fondo-floral-continuo.png');background-size:100% 100%,50% auto,50% auto;background-repeat:no-repeat,repeat-y,repeat-y;background-position:center top,calc(0% - 65px) top,calc(100% + 65px) top}
@media(min-width:701px){main{background-size:100% 100%,450px auto,450px auto;background-position:center top,calc(0% - 150px) top,calc(100% + 150px) top}}

/* Fondos alternados: rosa empolvado y crema con transiciones suaves. */
.portrait-details{background:linear-gradient(180deg,#f4dfe5cc,#f7e8e9aa 75%,transparent)}
.intro.section{background:linear-gradient(180deg,transparent,#fffaf2aa 12%,#fffaf2aa 88%,transparent)}
.countdown.section{background:linear-gradient(180deg,transparent,#efd5dfcc 10%,#efd5dfcc 90%,transparent)}
.events.section{background:linear-gradient(180deg,transparent,#fffaf2aa 8%,#fffaf2aa 90%,transparent)}
.gifts.section{background:linear-gradient(180deg,transparent,#f0d7dfcc 12%,#f0d7dfcc 88%,transparent)}
.botanical-closing{background:linear-gradient(180deg,transparent,#f7e6e9aa 35%,#f7e6e9bb)}
footer{background:#f3e1e5;color:#704657}

/* Marcos abiertos y discretos, integrados con los tonos de cada sección. */
.portrait-details,.intro.section,.countdown.section,.events.section,.gifts.section,.botanical-closing{position:relative}
.intro.section:before,.countdown.section:before,.events.section:before,.gifts.section:before{content:'';position:absolute;inset:18px 14px;pointer-events:none;border:0;background:linear-gradient(#b77b913b,#b77b913b) left top/40px 1px no-repeat,linear-gradient(#b77b913b,#b77b913b) left top/1px 32px no-repeat,linear-gradient(#b77b913b,#b77b913b) right top/40px 1px no-repeat,linear-gradient(#b77b913b,#b77b913b) right top/1px 32px no-repeat,linear-gradient(#b77b913b,#b77b913b) left bottom/40px 1px no-repeat,linear-gradient(#b77b913b,#b77b913b) left bottom/1px 32px no-repeat,linear-gradient(#b77b913b,#b77b913b) right bottom/40px 1px no-repeat,linear-gradient(#b77b913b,#b77b913b) right bottom/1px 32px no-repeat}
.events.section:before{inset:4px 14px 18px}
.date-frame:before,.date-frame:after{background:linear-gradient(90deg,transparent,#ce9caf88 25%,#ce9caf88 75%,transparent)}
@media(min-width:701px){.intro.section:before,.countdown.section:before,.events.section:before,.gifts.section:before{left:24px;right:24px}}

/* Alternar marcos florales con esquinas finas, sin repetirlos en cada bloque. */
.events.section:before{display:none}
.intro.section{isolation:isolate}
.intro.section:before{display:block;inset:12px 0;z-index:-1;background-image:url('assets/fondo-floral-continuo.png'),url('assets/fondo-floral-continuo.png');background-size:145px auto,145px auto;background-repeat:repeat-y,repeat-y;background-position:-92px top,calc(100% + 92px) top;opacity:.24;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.botanical-closing:after{content:'';display:block;position:absolute;inset:0;pointer-events:none;background-image:url('assets/fondo-floral-continuo.png'),url('assets/fondo-floral-continuo.png');background-size:180px auto,180px auto;background-repeat:no-repeat;background-position:-102px center,calc(100% + 102px) center;opacity:.3;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.botanical-closing>div{position:relative;z-index:1}
.countdown.section:before,.gifts.section:before{opacity:.75}
@media(min-width:701px){.intro.section:before{left:0;right:0;background-size:190px auto,190px auto;background-position:-115px top,calc(100% + 115px) top}}

/* Flores en esquinas opuestas; conservar la composición original del cierre. */
.intro.section:before{inset:10px 0;z-index:-1;background-size:190px auto,190px auto;background-repeat:no-repeat,no-repeat;background-position:-80px -28px,calc(100% + 80px) calc(100% + 28px);opacity:.48;mask-image:none;-webkit-mask-image:none}
.botanical-closing:after{display:none}
.botanical-closing>div{position:static;z-index:auto}
.botanical-closing{display:flex;align-items:center;justify-content:center;text-align:center;min-height:400px}
.botanical-closing>div{padding:40px 25px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.botanical-closing h2{margin:0 0 22px;line-height:1.2}
.botanical-closing .signature{margin:0;line-height:1.4}
@media(max-width:700px){.botanical-closing{min-height:360px}.botanical-closing>div{padding:35px 25px}}
@media(min-width:701px){.intro.section:before{background-size:230px auto,230px auto;background-position:-95px -35px,calc(100% + 95px) calc(100% + 35px)}}

/* Guirnaldas en los bordes reales de la invitación, por delante del fondo. */
.intro.section{max-width:none;width:100%;isolation:isolate}
.intro.section:before{display:block;inset:0;z-index:0;background-image:url('assets/fondo-floral-continuo.png');background-size:100% auto;background-position:center top;background-repeat:repeat-y;opacity:.95;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,#000 0%,#000 10%,transparent 23%,transparent 77%,#000 90%,#000 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 10%,transparent 23%,transparent 77%,#000 90%,#000 100%);pointer-events:none}
.intro.section>*{position:relative;z-index:1}
@media(min-width:701px){.intro.section:before{left:0;right:0;background-size:100% auto;background-position:center top}}

/* Fecha con mayor presencia y ubicaciones siempre centradas. */
.portrait-details{padding:34px 24px 24px;text-align:center}
.date-frame{padding:24px 0 22px;max-width:480px}
.date-day{font-size:32px;color:#8d465e}
.date-main{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);max-width:380px;gap:8px;margin-top:10px}
.date-main>strong{font-size:94px;line-height:1.05;color:#8d465e}
.date-main>span{font-size:15px;letter-spacing:.08em}
.date-frame:before,.date-frame:after{width:90%;background:linear-gradient(90deg,transparent,#c4879eaa 22%,#c4879eaa 78%,transparent)}
.events .event{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:18px;width:100%;margin-left:auto;margin-right:auto}
.events .event-heading{width:100%;text-align:center}
.events .event .event-art{width:100%;max-width:220px;align-self:center;margin:0 auto}
.events .event .event-art svg{display:block;width:100%;height:auto;margin:0 auto}
.events .event .event-copy{width:100%;max-width:540px;text-align:center;margin:0 auto;align-self:center}
.events .event-copy .button{margin-left:auto;margin-right:auto}
@media(max-width:360px){.date-day{font-size:29px}.date-main{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:5px}.date-main>strong{font-size:82px}.date-main>span{font-size:12px}}

/* Desvanecer las flores antes del contador, sin un corte horizontal. */
.intro.section:before{mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 76%,transparent 100%)}
.intro.section:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,transparent 8%,#fcf8f3bb 24%,#fcf8f3bb 76%,transparent 92%);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent)}
.countdown h2{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:43px;line-height:1.3;letter-spacing:0;color:#8d465e}
@media(max-width:700px){.countdown h2{font-size:39px}}

/* Desplazar las guirnaldas ligeramente fuera de la pantalla. */
.intro.section{overflow:hidden}
.intro.section:before{left:-18px;right:-18px;background-size:100% auto;background-position:center top}
@media(min-width:701px){.intro.section:before{left:-24px;right:-24px}}

.intro.section:before{left:-32px;right:-32px}
@media(min-width:701px){.intro.section:before{left:-40px;right:-40px}}

.intro.section:before{left:-64px;right:-64px}
@media(min-width:701px){.intro.section:before{left:-80px;right:-80px}}

/* Detalles complementarios: fecha, ubicaciones y cierre. */
.date-frame{border-left:1px solid #bc83932e;border-right:1px solid #bc83932e;border-radius:45% / 14%;outline:0}
.events .event-heading{display:flex;align-items:center;justify-content:center;gap:13px}
.events .event-heading:before,.events .event-heading:after{content:'';height:1px;width:30px;flex:0 0 30px;background:linear-gradient(90deg,transparent,#c18c9d99)}
.events .event-heading:after{transform:rotate(180deg)}
.events .event-art{border:1px solid #bf8a9c33;border-radius:50%;background:radial-gradient(circle,#f5e3e755,transparent 72%);padding:14px}
.botanical-closing>div:before{content:'— ❧ —';display:block;color:#b77b9188;font:27px/1 var(--serif);margin-bottom:25px}
@media(max-width:360px){.events .event-heading{gap:8px}.events .event-heading:before,.events .event-heading:after{width:18px;flex-basis:18px}}

/* Fecha sin las líneas añadidas. */
.date-frame{border:0;border-radius:0}
.date-frame:before,.date-frame:after{display:none}
/* Confeti sólo junto a los bordes del bloque del calendario. */
.mini-calendar:before,.mini-calendar:after{content:'';position:absolute;top:20px;bottom:15px;width:20px;height:auto;border:0;transform:none;background:radial-gradient(ellipse at 4px 12px,#b17b8b99 0 2px,transparent 3px),radial-gradient(circle at 15px 37px,#bba07b88 0 2px,transparent 3px),radial-gradient(ellipse at 7px 62px,#dca5b6bb 0 2px,transparent 3px);background-size:20px 83px;pointer-events:none}
.mini-calendar:before{left:calc((300px - 100vw)/2 + 4px);right:auto}
.mini-calendar:after{right:calc((300px - 100vw)/2 + 4px);left:auto}
@media(min-width:701px){.mini-calendar:before{left:-110px}.mini-calendar:after{right:-110px}}
/* Destellos pausados en las ilustraciones. */
.toast-stars path{transform-box:fill-box;transform-origin:center;animation:toast-twinkle 3.5s ease-in-out infinite}
.toast-stars path:nth-child(2){animation-delay:.8s}.toast-stars path:nth-child(3){animation-delay:1.6s}.toast-stars path:nth-child(4){animation-delay:2.4s}
.church-glow{stroke:#a45d72;stroke-width:2;animation:cross-glow 4s ease-in-out infinite}
@keyframes toast-twinkle{0%,100%{opacity:.4;transform:scale(.8) rotate(-10deg)}50%{opacity:1;transform:scale(1.18) rotate(10deg)}}
@keyframes cross-glow{0%,100%{opacity:.45;filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;filter:drop-shadow(0 0 4px #c98fa3)}}
/* Marco botánico distinto, abierto en los bordes de la pantalla. */
.gifts.section{overflow:hidden;isolation:isolate}
.gifts.section:before{inset:0 -45px;z-index:0;opacity:.75;background:url('assets/fondo-floral-continuo.png') center bottom/100% auto no-repeat;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,#000 4%,transparent 24%,transparent 76%,#000 96%);-webkit-mask-image:linear-gradient(90deg,#000 4%,transparent 24%,transparent 76%,#000 96%);transform:scaleY(-1)}
.gifts.section>*{position:relative;z-index:1}
/* Carrusel botánico monocromo detrás de la despedida. */
.botanical-closing{background:#181517;overflow:hidden;isolation:isolate}
.botanical-closing:before{display:none}
.botanical-closing>.closing-slides{display:block;position:absolute;inset:0;width:100%;max-width:none;padding:0;z-index:0;pointer-events:none}
.closing-slides span{position:absolute;inset:-12px;background-image:url('assets/fondo-floral-continuo.png');background-repeat:no-repeat;background-size:cover;filter:grayscale(1);opacity:0;animation:botanical-slide 24s linear infinite}
.closing-slides span:nth-child(1){background-position:left center}
.closing-slides span:nth-child(2){background-size:180% auto;background-position:right center;animation-delay:8s}
.closing-slides span:nth-child(3){background-size:150% auto;background-position:left bottom;animation-delay:16s}
.botanical-closing>.closing-slides:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18151799,#181517e0 28%,#181517e0 72%,#18151799)}
.botanical-closing>div:not(.closing-slides){position:relative;z-index:1}
.botanical-closing>.closing-slides:before{display:none}
.botanical-closing h2,.botanical-closing .signature{color:#fff2f3;text-shadow:0 2px 12px #0008}
.botanical-closing>div:not(.closing-slides):before{color:#dfb5c2}
@keyframes botanical-slide{0%{opacity:0;transform:scale(1)}8%,28%{opacity:.35}37%,100%{opacity:0;transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.toast-stars path,.church-glow,.closing-slides span{animation:none}.closing-slides span:first-child{opacity:.3}}

/* Mariposas ligeras, separadas del contenido y pegadas a las orillas. */
.mini-calendar:before,.mini-calendar:after{display:none}
.countdown.section{overflow:hidden}
.calendar-butterflies{position:absolute;inset:0;pointer-events:none}
.calendar-butterflies span{position:absolute;width:38px;height:38px;opacity:.65}
.calendar-butterflies svg{display:block;width:100%;height:100%}
.calendar-butterflies span:nth-child(1){left:-9px;top:48%;transform:rotate(-24deg)}
.calendar-butterflies span:nth-child(2){left:0;bottom:28px;width:28px;height:28px;opacity:.45;transform:rotate(18deg)}
.calendar-butterflies span:nth-child(3){right:-8px;top:63%;transform:rotate(22deg)}
.calendar-butterflies span:nth-child(4){right:1px;top:35%;width:25px;height:25px;opacity:.4;transform:rotate(-16deg)}

/* Calendario abierto, sin recuadro, con dos vuelos delicados a los lados. */
.countdown.section:before{display:none}
.mini-calendar{border:0;box-shadow:none;outline:0}
.calendar-butterflies span:nth-child(5){left:calc(50% - 164px);top:54%;width:27px;height:27px;opacity:.65;animation:calendar-flight-left 7s ease-in-out infinite}
.calendar-butterflies span:nth-child(6){right:calc(50% - 164px);top:81%;width:23px;height:23px;opacity:.55;animation:calendar-flight-right 8s ease-in-out infinite;animation-delay:-3s}
@keyframes calendar-flight-left{0%,100%{transform:translate(-5px,0) rotate(-20deg)}50%{transform:translate(-15px,-15px) rotate(5deg)}}
@keyframes calendar-flight-right{0%,100%{transform:translate(4px,0) rotate(15deg)}50%{transform:translate(14px,-13px) rotate(-10deg)}}
@media(prefers-reduced-motion:reduce){.calendar-butterflies span{animation:none}}

/* Despedida rosa con globos, independiente del marco floral anterior. */
.gifts.section:before{mask-image:linear-gradient(180deg,transparent,#000 18%,#000 65%,transparent 96%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 65%,transparent 96%);background-size:100% auto;opacity:.55}
.botanical-closing{margin-top:20px;min-height:430px;background:radial-gradient(ellipse at center,#fff8ed 0%,#fff5ed 42%,#f3d1d3 78%,#e9b7bf);overflow:hidden}
.botanical-closing>div:not(.closing-balloons){position:relative;z-index:2;width:76%;max-width:460px;min-height:290px;margin:65px auto;padding:45px 15px;border:1px solid #c6a47d88;outline:1px solid #fff9ef;outline-offset:6px;background:#fff9efb8;box-shadow:0 8px 22px #80534b14}
.botanical-closing h2{color:#8d465e;text-shadow:none;font-size:70px}
.botanical-closing .signature{color:#8d465e;text-shadow:none;font-size:30px}
.botanical-closing>div:not(.closing-balloons):before{color:#b58b66;font-size:23px;margin-bottom:22px}
.botanical-closing>.closing-balloons{position:absolute;inset:0;z-index:3;display:block;width:100%;max-width:none;padding:0;pointer-events:none}
.botanical-closing>.closing-balloons:before{display:none}
.closing-balloons span{position:absolute;width:57px;height:73px;border-radius:49% 49% 46% 46%;background:radial-gradient(ellipse at 30% 24%,#fff3e8df 0%,#fff3e844 10%,transparent 21%),radial-gradient(ellipse at 35% 30%,#f8d1cc,#e9aaa9 67%,#cb858f);box-shadow:4px 9px 14px #88595c24;transform:rotate(-12deg)}
.closing-balloons span:after{content:'';position:absolute;top:100%;left:50%;width:1px;height:42px;background:#bc889455;transform:rotate(8deg)}
.closing-balloons span:nth-child(1){left:-12px;top:55px}
.closing-balloons span:nth-child(2){left:-8px;top:135px;width:47px;height:61px;transform:rotate(13deg)}
.closing-balloons span:nth-child(3){left:5px;bottom:35px}
.closing-balloons span:nth-child(4){right:-8px;top:22px;width:65px;height:82px;transform:rotate(16deg)}
.closing-balloons span:nth-child(5){right:-10px;top:115px;transform:rotate(-8deg)}
.closing-balloons span:nth-child(6){right:-4px;bottom:34px;width:49px;height:65px;transform:rotate(10deg)}
.botanical-closing:after{content:'';display:block;position:absolute;inset:0;z-index:1;opacity:.65;mask-image:none;-webkit-mask-image:none;background:linear-gradient(25deg,transparent 44%,#b9915888 45% 53%,transparent 54%) 22px 22px/8px 12px no-repeat,linear-gradient(-20deg,transparent 40%,#b9915899 41% 57%,transparent 58%) 90% 20px/8px 12px no-repeat,linear-gradient(30deg,transparent 40%,#b9915888 41% 57%,transparent 58%) 24% 95%/9px 13px no-repeat,linear-gradient(-25deg,transparent 40%,#b9915888 41% 57%,transparent 58%) 80% 94%/8px 12px no-repeat;pointer-events:none}
@media(max-width:360px){.botanical-closing h2{font-size:60px}.botanical-closing .signature{font-size:27px}.closing-balloons span{width:48px;height:63px}}

/* Cierre centrado, transición continua y globos con movimiento suave. */
.botanical-closing{margin-top:0;display:flex;align-items:center;justify-content:center;min-height:430px;background:linear-gradient(180deg,#fcf8f300 0%,#f7e4e3bb 15%,#f0c9cddd 40%,#edbec7 100%)}
.botanical-closing>div:not(.closing-balloons){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:280px;margin:70px auto 50px;padding:30px 12px}
.botanical-closing>div:not(.closing-balloons):before{display:none}
.botanical-closing h2{margin:0 0 18px;line-height:1.2}
.botanical-closing .signature{margin:0;line-height:1.4}
.closing-balloons span{animation:balloon-drift 6s ease-in-out infinite;transform-origin:50% 100%}
.closing-balloons span:nth-child(2){animation-delay:-2s;animation-duration:7s}
.closing-balloons span:nth-child(3){animation-delay:-4s;animation-duration:8s}
.closing-balloons span:nth-child(4){animation-delay:-1s;animation-duration:7.5s}
.closing-balloons span:nth-child(5){animation-delay:-3s;animation-duration:6.5s}
.closing-balloons span:nth-child(6){animation-delay:-5s;animation-duration:8s}
@keyframes balloon-drift{0%,100%{transform:translateY(4px) rotate(-7deg)}50%{transform:translateY(-8px) rotate(7deg)}}
@media(max-width:700px){.botanical-closing{min-height:430px}.botanical-closing>div:not(.closing-balloons){padding:30px 12px;margin:70px auto 50px}}
@media(prefers-reduced-motion:reduce){.closing-balloons span{animation:none}}

/* La decoración queda fuera del flujo; el mensaje ocupa el centro real. */
.closing.botanical-closing{display:grid;grid-template-columns:1fr;place-items:center;padding:50px 0;min-height:430px}
.closing.botanical-closing>div.closing-balloons{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;min-height:0;margin:0;padding:0;border:0;outline:0;background:none;box-shadow:none;z-index:3}
.closing.botanical-closing>div:not(.closing-balloons){grid-area:1 / 1;position:relative;inset:auto;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:76%;min-height:280px;padding:30px 12px;text-align:center;z-index:2}
@media(max-width:700px){.closing.botanical-closing>div:not(.closing-balloons){margin:0 auto;padding:30px 12px}}

/* Prueba de fondo blanco únicamente en la despedida. */
.closing.botanical-closing{background:#fff}

.events .event-copy>.welcome-label{font-size:33px;line-height:1.4}

/* Despedida legible con una jerarquía más despejada. */
.closing.botanical-closing h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(38px,11vw,54px);font-style:normal;font-weight:400;line-height:1.25;letter-spacing:.01em;margin:0 0 28px}
.closing.botanical-closing .signature{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:27px;line-height:1.5;letter-spacing:.02em;margin:0}

.closing.botanical-closing .farewell-message{font:400 23px/1.5 'Cormorant Garamond',Georgia,serif;color:#704657;max-width:330px;margin:0 0 26px}
.closing.botanical-closing h2{margin-bottom:22px}

/* Título de despedida elegante y legible. */
.closing.botanical-closing h2{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(40px,11vw,54px);line-height:1.3;letter-spacing:.015em}

/* Blanco uniforme en el cierre, incluido el cuadro del mensaje. */
.closing.botanical-closing{background:#fff}
.closing.botanical-closing>div:not(.closing-balloons){background:#fff;outline-color:#fff;box-shadow:none}

/* Recuadro de despedida en rosa suave, sobre fondo blanco. */
.closing.botanical-closing>div:not(.closing-balloons){background:#f8e7ec;border-color:#d8b1bf99;outline-color:#fbeef2;box-shadow:0 6px 20px #a45d720d}

.sound-prompt{position:fixed;bottom:28px;right:80px;z-index:25;border:1px solid #d8b1bf;background:#fff8fb;color:#8d465e;border-radius:24px;padding:10px 16px;box-shadow:0 3px 14px #513c3c18;font:500 14px/1.4 Arial,sans-serif}
.sound-prompt[hidden]{display:none}

/* Despedida: mariposas y luz sobre blanco, sin recuadro. */
.closing.botanical-closing{background:#fff;min-height:470px;padding:55px 0}
.closing.botanical-closing>div:not(.closing-butterflies){width:82%;max-width:460px;min-height:340px;margin:0 auto;padding:25px 12px;background:none;border:0;outline:0;box-shadow:none;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.closing.botanical-closing>div:not(.closing-butterflies):before{display:none}
.closing.botanical-closing>.closing-butterflies{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;min-height:0;margin:0;padding:0;border:0;outline:0;background:none;box-shadow:none;z-index:1;pointer-events:none}
.closing.botanical-closing>.closing-butterflies:before{display:none}
.closing-butterflies>span{position:absolute;width:42px;height:42px;opacity:.65;animation:closing-butterfly-float 8s ease-in-out infinite}
.closing-butterflies svg{display:block;width:100%;height:100%}
.closing-butterflies>span:nth-child(1){left:12px;top:28px;transform:rotate(-18deg)}
.closing-butterflies>span:nth-child(2){right:8px;top:98px;width:30px;height:30px;animation-delay:-3s;opacity:.5}
.closing-butterflies>span:nth-child(3){left:6px;bottom:130px;width:27px;height:27px;animation-delay:-5s;opacity:.45}
.closing-butterflies>span:nth-child(4){right:12px;bottom:25px;width:46px;height:46px;animation-delay:-2s}
.closing.botanical-closing:after{inset:0;opacity:.55;background:radial-gradient(circle at 9% 21%,#e7c98b88 0 2px,transparent 8px),radial-gradient(circle at 94% 45%,#e7c98b77 0 2px,transparent 7px),radial-gradient(circle at 10% 82%,#f0c7d666 0 3px,transparent 12px),radial-gradient(circle at 84% 91%,#e7c98b88 0 2px,transparent 8px);filter:blur(.5px);z-index:0}
.closing.botanical-closing .signature{font-size:24px;line-height:1.5}
.closing.botanical-closing .signature-name{display:inline-block;font:48px/1.4 'Great Vibes',cursive;margin-top:5px}
@keyframes closing-butterfly-float{0%,100%{translate:0 0;rotate:-8deg}50%{translate:4px -9px;rotate:7deg}}
@media(prefers-reduced-motion:reduce){.closing-butterflies>span{animation:none}}

/* Fondo ilustrado fiel a la propuesta elegida. */
.closing.botanical-closing{min-height:580px;padding:80px 0;background:#fff url('assets/despedida-acuarela-blanco.png') center/100% 100% no-repeat}
.closing.botanical-closing>.closing-butterflies{display:none}
.closing.botanical-closing:after{display:none}
.closing.botanical-closing>div:not(.closing-butterflies){width:82%;max-width:460px;min-height:360px;padding:25px 5px;background:none;border:0;outline:0;box-shadow:none}
.closing.botanical-closing h2{font-size:clamp(46px,12vw,62px);line-height:1.3;color:#a04f60;margin-bottom:26px}
.closing.botanical-closing .farewell-message{font:400 27px/1.55 'Cormorant Garamond',Georgia,serif;color:#944f5c;margin-bottom:32px;max-width:330px}
.closing.botanical-closing .signature{font-style:normal;color:#944f5c;font-size:24px;line-height:1.5}
.closing.botanical-closing .signature-name{font:54px/1.4 'Great Vibes',cursive;margin-top:6px}

.closing.botanical-closing>div.farewell-content{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0}
.closing.botanical-closing>div.farewell-content:before,.closing.botanical-closing>div.farewell-content:after{display:none}

/* Unión suave de regalos al blanco de la despedida. */
.gifts.section{background:linear-gradient(180deg,transparent 0%,#f0d7dfcc 12%,#f4e1e7cc 62%,#ffffffed 90%,#fff 100%)}
.gifts.section:before{mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 52%,transparent 86%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 52%,transparent 86%)}

/* Composición final equilibrada en celular y escritorio. */
.closing.botanical-closing{display:grid;place-items:center;min-height:560px;padding:72px 24px;background-position:center bottom;background-size:100% 100%}
.closing.botanical-closing>div.farewell-content{grid-area:1 / 1;width:100%;max-width:360px;min-height:0;margin:0 auto;padding:0;align-items:center;justify-content:center;text-align:center}
.closing.botanical-closing h2{width:100%;margin:0 0 26px;line-height:1.3}
.closing.botanical-closing .farewell-message{width:100%;max-width:330px;margin:0 auto 30px;line-height:1.55}
.closing.botanical-closing .signature{width:100%;margin:0;line-height:1.5}
.closing.botanical-closing .signature-name{margin-top:5px;line-height:1.35}
@media(max-width:360px){.closing.botanical-closing{min-height:530px;padding:64px 22px}.closing.botanical-closing h2{font-size:42px}.closing.botanical-closing .farewell-message{font-size:25px}}

.farewell-stars{position:absolute;inset:0;pointer-events:none;z-index:1}
.farewell-stars span{position:absolute;color:#c5a26b;opacity:.6;font:24px/1 Georgia,serif;animation:farewell-star-glow 4s ease-in-out infinite}
.farewell-stars span:nth-child(1){left:18%;top:12%}
.farewell-stars span:nth-child(2){right:19%;top:15%;font-size:13px;animation-delay:-2s}
.farewell-stars span:nth-child(3){left:5%;top:47%;font-size:19px;animation-delay:-1s}
.farewell-stars span:nth-child(4){right:5%;top:52%;font-size:21px;animation-delay:-3s}
.farewell-stars span:nth-child(5){left:49%;bottom:11%;font-size:12px;animation-delay:-1.5s}
@keyframes farewell-star-glow{0%,100%{opacity:.35}50%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.farewell-stars span{animation:none}}

.music-hint{position:fixed;bottom:30px;right:80px;z-index:30;max-width:min(250px,calc(100vw - 100px));padding:10px 13px;background:#fff9f0b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid #d8b1bf66;border-radius:14px;color:#794b5a;font:14px/1.45 Arial,sans-serif;box-shadow:0 3px 12px #513c3c0d;pointer-events:none;transition:opacity .3s}
.music-hint:after{content:'';position:absolute;right:-6px;top:50%;width:10px;height:10px;background:#fff9f0b8;border-right:1px solid #d8b1bf66;border-top:1px solid #d8b1bf66;transform:translateY(-50%) rotate(45deg)}
.music-hint.dismissed{opacity:0}
.music-hint[hidden]{display:none}