:root{--navy:#10102a;--navy-deep:#080817;--blue:#22224f;--cream:#f6f1e8;--gold:#d6b66b;--gold-light:#f0d89a;--muted:#b8b4cb;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy-deep)}body{margin:0;background:var(--navy);color:var(--cream);font-family:var(--sans);overflow-x:hidden}a,button,input{-webkit-tap-highlight-color:transparent}button{font:inherit}.eyebrow{margin:0;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.intro{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#282754 0,#151534 42%,#080817 100%);transition:opacity .85s ease,visibility .85s}.intro.is-leaving{opacity:0;visibility:hidden}.intro:before,.intro:after{position:absolute;content:"";width:min(80vw,650px);height:min(80vw,650px);border:1px solid #d6b66b40;border-radius:50%;box-shadow:0 0 100px #c7a45212,inset 0 0 100px #c7a45208}.intro:after{width:min(68vw,540px);height:min(68vw,540px);border-color:#d6b66b24}.intro__stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 22%,#fff 50%,transparent),radial-gradient(2px 2px at 80% 30%,#f0d89a 50%,transparent),radial-gradient(1px 1px at 65% 78%,#fff 50%,transparent),radial-gradient(1px 1px at 30% 84%,#fff 50%,transparent),radial-gradient(1px 1px at 90% 75%,#d6b66b 50%,transparent),radial-gradient(1px 1px at 44% 12%,#d6b66b 50%,transparent);opacity:.7}.intro__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(90vw,540px);text-align:center}.cap{display:grid;width:3.3rem;height:3.3rem;margin-bottom:1.4rem;place-items:center;border:1px solid #d6b66b90;border-radius:50%;color:var(--gold-light);font-size:1.4rem}.intro h1,.hero h1,.story h2,.section-heading h2,.countdown-section h2,.event>h2,.rsvp h2{margin:.8rem 0 1rem;font-family:var(--serif);font-size:clamp(3.3rem,9vw,6.1rem);font-weight:500;line-height:.98;letter-spacing:-.045em}.intro h1 em,.hero h1 em,.story h2 em,.section-heading h2 em,.rsvp h2 em{color:var(--gold-light);font-weight:500}.intro__year{margin:1.1rem 0 2rem;color:#dbd5e8;font-size:.72rem;letter-spacing:.3em}.intro__year span{color:var(--gold-light)}.button{display:inline-flex;min-height:3.45rem;align-items:center;justify-content:center;gap:.9rem;padding:0 1.55rem;border:1px solid var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button--gold{background:linear-gradient(110deg,#ad8843,#e8cf8c 50%,#b28d49);color:#151326;box-shadow:0 10px 32px #07071170}.button--gold:hover{background:var(--gold-light)}.button--outline{border-color:#d6b66b8a;background:#0a091c48;color:var(--gold-light)}.intro__bottom{position:absolute;bottom:1.8rem;color:#8f8ca5;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}.sound-note{margin:1.4rem 0 0;color:#a6a2ba;font-size:.72rem;letter-spacing:.08em}.music-toggle{position:fixed;z-index:12;top:1rem;right:1rem;display:grid;width:3rem;height:3rem;place-items:center;border:1px solid #d6b66b80;border-radius:50%;background:#10102ad9;color:var(--gold-light);font-size:1.2rem;cursor:pointer;backdrop-filter:blur(10px)}.music-toggle.is-playing span{animation:musicPulse .8s ease-in-out infinite alternate}.hero{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;padding:5.5rem 1.4rem 6.7rem;background:radial-gradient(ellipse at 50% 40%,#32315d 0,#171735 42%,#0a091a 100%);text-align:center}.hero__grain{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 14% 16%,#f9e7b8 50%,transparent),radial-gradient(1px 1px at 80% 18%,#fff 50%,transparent),radial-gradient(2px 2px at 88% 60%,#d6b66b 50%,transparent),radial-gradient(1px 1px at 28% 72%,#fff 50%,transparent),radial-gradient(1px 1px at 60% 88%,#f0d89a 50%,transparent),radial-gradient(1px 1px at 8% 52%,#fff 50%,transparent),radial-gradient(1px 1px at 50% 14%,#fff 50%,transparent);opacity:.58;animation:twinkle 5s ease-in-out infinite alternate}.hero__orb{position:absolute;width:min(80vw,680px);aspect-ratio:1;border:1px solid #d6b66b40;border-radius:50%;box-shadow:0 0 80px #c8a85012,inset 0 0 80px #c8a8500c}.hero__orb--two{width:min(68vw,570px);border-color:#d6b66b21}.hero__content{position:relative;z-index:1;max-width:650px}.hero__line{display:flex;align-items:center;justify-content:center;gap:.7rem;width:10rem;margin:1.4rem auto;color:var(--gold);font-size:.78rem}.hero__line:before,.hero__line:after{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d6b66b)}.hero__line:after{transform:scaleX(-1)}.hero h1{font-size:clamp(4rem,11vw,8rem)}.hero__copy{max-width:420px;margin:1.3rem auto 2rem;color:#cbc7da;font-family:var(--serif);font-size:clamp(1.1rem,3.5vw,1.45rem);line-height:1.65}.hero__date{position:absolute;bottom:5.1rem;display:flex;align-items:center;gap:.8rem;color:#e5d8b7;font-size:.7rem;letter-spacing:.2em}.hero__date span:first-child{font-family:var(--serif);font-size:1.8rem}.hero__date i{width:1px;height:1.2rem;background:#d6b66b80}.hero__bottom{position:absolute;right:1.5rem;bottom:1.4rem;left:1.5rem;display:flex;justify-content:space-between;color:#9d99b0;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase}.section{padding:7.5rem max(1.35rem,calc((100vw - 1080px)/2))}.story{max-width:830px;margin:auto;text-align:center}.story h2,.section-heading h2,.countdown-section h2,.event>h2,.rsvp h2{font-size:clamp(3rem,8vw,5.4rem)}.story__rule{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.8rem auto;color:var(--gold)}.story__rule:before,.story__rule:after{width:4.5rem;height:1px;background:#d6b66b70;content:""}.story__body{max-width:680px;margin:0 auto;color:#c1bdd0;font-family:var(--serif);font-size:clamp(1.2rem,3vw,1.6rem);line-height:1.85}.story__sign{margin:1.8rem 0 0;color:var(--gold-light);font-family:var(--serif);font-size:2rem;font-style:italic}.memories{border-block:1px solid #d6b66b24;background:linear-gradient(180deg,#12122b,#171735 50%,#11112a);text-align:center}.section-heading{margin:0 auto 3rem;text-align:center}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:990px;margin:auto}.memory{position:relative;display:flex;min-height:clamp(230px,38vw,380px);flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d6b66b58;background:#17182f;text-align:center}.memory:before{position:absolute;inset:0;background:linear-gradient(145deg,#292b51aa,#17172e55 50%,#090918cc);content:""}.memory:after{position:absolute;inset:.7rem;border:1px solid #d6b66b25;content:""}.memory--one{background:radial-gradient(ellipse at 25% 20%,#647294,#2a294c 45%,#13142a)}.memory--two{background:radial-gradient(ellipse at 72% 26%,#8e6d85,#343050 48%,#17162a)}.memory--three{background:radial-gradient(ellipse at 44% 20%,#8a735a,#40344b 44%,#16152b)}.memory__spark,.memory__caption,.memory strong{position:relative;z-index:1}.memory__spark{color:var(--gold-light);font-size:2rem}.memory__caption{margin-top:1rem;color:#f5eddc;font-family:var(--serif);font-size:1.6rem;font-style:italic}.memory strong{position:absolute;right:1.3rem;bottom:1rem;color:#ffffff72;font-size:.68rem;letter-spacing:.15em}.memory-note{margin:1.3rem 0 0;color:#8e8ba4;font-size:.65rem;letter-spacing:.1em}.countdown-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#29284d,#11112c 55%,#0b0b1d);text-align:center}.countdown-section:before,.countdown-section:after{position:absolute;top:50%;width:20vw;height:1px;background:linear-gradient(90deg,transparent,#d6b66b60,transparent);content:""}.countdown-section:before{left:0}.countdown-section:after{right:0}.countdown{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,780px);margin:3rem auto 1.2rem;border-block:1px solid #d6b66b50}.countdown>div{padding:1.3rem .5rem;border-right:1px solid #d6b66b35}.countdown>div:last-child{border:0}.countdown strong{display:block;color:var(--gold-light);font-family:var(--serif);font-size:clamp(2.4rem,7vw,4.8rem);font-weight:500;line-height:1}.countdown span{display:block;margin-top:.7rem;color:#aaa6bc;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase}.countdown__date{color:#c3bed1;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.event{text-align:center}.event-card{display:grid;grid-template-columns:.8fr 1.2fr;max-width:820px;margin:2.5rem auto 0;border:1px solid #d6b66b68;background:linear-gradient(130deg,#1b1b3b,#101027);box-shadow:0 28px 70px #05051165}.event-card__date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;border-right:1px solid #d6b66b3c;color:#d0c8d4;letter-spacing:.18em}.event-card__date strong{margin:.3rem 0;color:var(--gold-light);font-family:var(--serif);font-size:7rem;font-weight:500;line-height:1}.event-card__date span{font-size:.65rem}.event-card__details{padding:2.6rem 2rem;text-align:left}.event-card__icon{color:var(--gold);font-size:1.6rem}.event-card__details .eyebrow{margin:.8rem 0}.event-card__details h3{margin:.8rem 0 1.5rem;font-family:var(--serif);font-size:2.2rem;font-weight:500;line-height:1.1}.text-link{display:inline-flex;gap:.7rem;align-items:center;color:var(--gold-light);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.text-link:hover{text-decoration:underline;text-underline-offset:.35rem}.event-card__note{grid-column:1/-1;margin:0;padding:1rem;border-top:1px solid #d6b66b2e;color:#8f8ba3;font-size:.65rem;letter-spacing:.06em}.dress{padding-top:1rem}.dress-card{max-width:820px;margin:auto;padding:3rem 1.5rem;border:1px solid #d6b66b52;background:radial-gradient(ellipse at 50% 0,#29284a,#12122a 74%);text-align:center}.dress-card__icon{display:block;margin:1rem 0;color:var(--gold-light);font-size:2rem}.dress-card h2{margin:.5rem 0;font-family:var(--serif);font-size:3.6rem;font-weight:500}.dress-card>p:last-child{margin:0;color:#c4bfd1;font-size:.8rem;letter-spacing:.08em}.rsvp{border-block:1px solid #d6b66b27;background:linear-gradient(180deg,#13132c,#1b1a3a 50%,#101027);text-align:center}.rsvp__copy{max-width:500px;margin:0 auto 2rem;color:#c1bdd0;line-height:1.7}.rsvp-form{display:flex;max-width:440px;margin:auto;flex-direction:column;text-align:left}.rsvp-form label{margin-bottom:.5rem;color:#d4cfe0;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.rsvp-form input{min-height:3.4rem;margin-bottom:1rem;border:1px solid #d6b66b67;background:#0d0d20;color:white;padding:0 1rem;font:inherit;outline:none}.rsvp-form input:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px #d6b66b20}.rsvp-form .button{width:100%}.form-note{min-height:1rem;margin:.7rem 0 0;color:#c1bdd0;font-size:.68rem;text-align:center}footer{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;background:#090918;text-align:center}.footer__star{color:var(--gold);font-size:1.4rem}footer p{margin:.4rem 0;color:#e2d9c8;font-size:.68rem;letter-spacing:.23em}footer p strong{color:var(--gold-light)}.footer__rule{width:4rem;height:1px;margin:.7rem;background:#d6b66b62}footer small{color:#858198;font-family:var(--serif);font-size:1rem;font-style:italic}@keyframes twinkle{to{opacity:.35;transform:translateY(-4px)}}@keyframes musicPulse{to{transform:scale(1.18);text-shadow:0 0 12px #f0d89a}}@media(max-width:700px){.section{padding-block:5.6rem}.hero{min-height:94svh}.hero__bottom span:first-child{display:none}.hero__bottom{justify-content:center}.memory-grid{grid-template-columns:1fr;max-width:430px}.memory{min-height:300px}.countdown-section:before,.countdown-section:after{display:none}.event-card{grid-template-columns:1fr}.event-card__date{padding:1.5rem;border-right:0;border-bottom:1px solid #d6b66b3c}.event-card__date strong{font-size:5.4rem}.event-card__details{padding:2rem 1.5rem;text-align:center}.event-card__note{grid-column:auto}.rsvp h2{font-size:3.5rem}.intro h1{font-size:3.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.event-card__details h3{margin-bottom:.7rem}.event-card__hour{margin:0 0 1.3rem;color:var(--gold-light);font-family:var(--serif);font-size:1.35rem}.event-card__note{color:#c4bfd1;font-size:.68rem}

/* Imagen y detalles visuales de la propuesta */
.intro{background:linear-gradient(180deg,#08081788,#080817bb),url('assets/grad-hero.png') center/cover no-repeat}
.hero{background:linear-gradient(180deg,#08081766 0%,#10102a55 48%,#080817d9 100%),url('assets/grad-hero.png') center/cover no-repeat}
.hero__grain{z-index:0;opacity:.32}.hero__orb{z-index:0;border-color:#f0d89a55;box-shadow:0 0 90px #d6b66b24,inset 0 0 90px #d6b66b14}.hero__content{max-width:720px;padding:clamp(1.3rem,4vw,3rem);border:1px solid #f0d89a45;background:linear-gradient(140deg,#11112ac7,#10102a8c);box-shadow:0 28px 90px #06061270;backdrop-filter:blur(7px)}.hero__content:before,.hero__content:after{position:absolute;width:2rem;height:2rem;border-color:var(--gold-light);content:""}.hero__content:before{top:.55rem;left:.55rem;border-top:1px solid;border-left:1px solid}.hero__content:after{right:.55rem;bottom:.55rem;border-right:1px solid;border-bottom:1px solid}
.story{position:relative}.story:before{display:block;width:4rem;height:4rem;margin:0 auto 1.4rem;border:1px solid #d6b66b7a;border-radius:50%;background:radial-gradient(circle,#d6b66b1b,transparent 70%);color:var(--gold-light);content:"✦";font-size:1.5rem;line-height:4rem}.story__body{padding:2rem clamp(1rem,5vw,3.5rem);border-block:1px solid #d6b66b28;background:linear-gradient(90deg,transparent,#d6b66b0c,transparent)}
.memory{isolation:isolate;border-color:#ead89a70;box-shadow:0 25px 60px #06061270}.memory img{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.memory:hover img{transform:scale(1.045)}.memory:before{z-index:0;background:linear-gradient(180deg,#08081718 10%,#08081722 35%,#080817de 100%)}.memory:after{z-index:4;inset:.8rem;border-color:#f0d89a55}.memory__veil{position:absolute;z-index:1;inset:0;background:linear-gradient(125deg,#d6b66b13,transparent 50%)}.memory__spark,.memory__caption,.memory strong{z-index:2}.memory__spark{display:grid;width:2.6rem;height:2.6rem;place-items:center;border:1px solid #f0d89a82;border-radius:50%;background:#10102a80;backdrop-filter:blur(5px)}.memory__caption{font-size:1.75rem;text-shadow:0 2px 20px #000}.memory-note{max-width:520px;margin:1.6rem auto 0;color:#b8b4cb;font-family:var(--serif);font-size:1.1rem;font-style:italic;letter-spacing:0}
.countdown{border:1px solid #d6b66b40;background:#10102a55;box-shadow:0 18px 60px #08081755}.countdown>div{padding-block:1.8rem}.event-card{position:relative;overflow:hidden;background:linear-gradient(130deg,#22224b,#111127);box-shadow:0 28px 80px #0505118a}.event-card:before{position:absolute;top:-4rem;right:-4rem;width:14rem;height:14rem;border:1px solid #d6b66b39;border-radius:50%;box-shadow:0 0 0 1.3rem #d6b66b0b,0 0 0 2.7rem #d6b66b08;content:"";pointer-events:none}.event-card__date{position:relative;background:radial-gradient(ellipse at 50% 35%,#d6b66b13,transparent 65%)}.event-card__details{position:relative}.event-card__icon{display:grid;width:2.7rem;height:2.7rem;place-items:center;border:1px solid #d6b66b77;border-radius:50%;font-size:1.7rem}.dress-card{position:relative;overflow:hidden;box-shadow:inset 0 0 80px #09091865,0 20px 60px #08081745}.dress-card:before,.dress-card:after{position:absolute;top:50%;width:min(16vw,150px);height:1px;background:linear-gradient(90deg,transparent,#d6b66b70,transparent);content:""}.dress-card:before{left:0}.dress-card:after{right:0}
@media(max-width:700px){.hero__content{width:min(100%,500px);padding:2rem 1.1rem}.hero h1{font-size:clamp(3.5rem,14vw,5.4rem)}.memory{min-height:350px}.countdown>div{padding:1.25rem .4rem}}