@font-face{font-family:Blacksword;src:url(/fonts/Blacksword.otf)format("opentype");font-weight:400;font-style:normal}.hero-section{-webkit-user-select:none;user-select:none;background-image:url(/img/fondo-hero-2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;min-height:98svh;display:flex;position:relative;-webkit-mask-image:linear-gradient(#fff,#fff),url(/img/rasgado3.svg);mask-image:linear-gradient(#fff,#fff),url(/img/rasgado3.svg);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% calc(100% - 119px),auto 120px;mask-size:100% calc(100% - 119px),auto 120px;-webkit-mask-repeat:no-repeat,repeat-x;mask-repeat:no-repeat,repeat-x;-webkit-mask-source-type:luminance;mask-mode:luminance}.hero-section:before{content:"";z-index:1;background:linear-gradient(#0006 0%,#0000004d 15%,#0003 30%,#0000 40%);position:absolute;inset:0}.hero-names{z-index:2;color:var(--color-vanilla);flex-direction:column;align-items:center;width:100%;margin-top:2rem;animation:linear forwards heroNamesScroll;animation-timeline:scroll(root);animation-range:0 40vh;display:flex}@keyframes heroNamesScroll{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:.2}to{opacity:0;transform:translateY(200px)scale(2)}}.hero-names h1{text-align:center;font-family:Bacalisties,cursive;font-size:clamp(2.5rem,16vw,5rem);line-height:.9;position:relative}.hero-names h1:first-child{transform:translate(-20%)}.hero-names h1:nth-child(2){transform:translate(-140%)}.hero-names h1:nth-child(3){transform:translate(30%)translateY(-60%)}.gradient-overlay{background:linear-gradient(to top,var(--color-vanilla)0%,#fff0 100%);z-index:2;height:200px;position:absolute;bottom:0;left:0;right:0}@media screen and (max-width:410px){.hero-names{margin-top:2rem}}
.media-container{aspect-ratio:1;-webkit-mask-mode:luminance;justify-content:center;align-items:center;width:100%;margin-block:1rem;display:flex;position:relative;overflow:hidden;-webkit-mask-image:url(/img/rasg1.svg);mask-image:url(/img/rasg1.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 101%;mask-size:100% 101%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.media-container.media-large{aspect-ratio:1/1.5;-webkit-mask-image:url(/img/rasgado-l.svg);mask-image:url(/img/rasgado-l.svg)}.media-container.media-var2{-webkit-mask-image:url(/img/rasg2.svg);mask-image:url(/img/rasg2.svg)}.media-container.media-var3{-webkit-mask-image:url(/img/rasg3.svg);mask-image:url(/img/rasg3.svg)}.media-container.media-var4{-webkit-mask-image:url(/img/rasg4.svg);mask-image:url(/img/rasg4.svg)}.media-container.media-var5{-webkit-mask-image:url(/img/rasg5.svg);mask-image:url(/img/rasg5.svg)}.media-image,.media-video{object-fit:cover;width:100%;height:100%}.media-video{position:absolute;top:0;left:0}.smooth-show{opacity:0;will-change:opacity,transform;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(20px)}.smooth-show.is-visible{opacity:1;transform:translateY(0)}
.fecha-landing{width:100%;min-height:80svh;color:var(--color-verde);grid-template-rows:20% auto 20%;place-items:center;margin-block:2rem;display:grid}.fecha-landing-header h1{text-align:center;margin-bottom:1rem;font-family:Bacalisties;font-size:4rem;line-height:4rem}.fecha-landing-header p{text-align:center;margin-top:.5rem;font-family:Marcellus;font-size:1.2rem;line-height:1.5rem}.fecha-landing-middle{width:100%;height:100%;position:relative}.fecha-landing-middle p{position:absolute;top:50%;left:50%}.fecha-landing-middle p:first-child{text-align:center;color:var(--color-verde);font-family:Elsie;font-size:8rem;transform:translate(-50%,-90%)}.fecha-landing-middle p:nth-child(2){text-align:center;color:var(--color-cafe);font-family:Bacalisties;font-size:8rem;transform:translate(-50%,-50%)}.fecha-landing-middle p:nth-child(3){text-align:center;color:var(--color-verde);font-family:Elsie;font-size:3.5rem;transform:translate(-110%,20%)}.fecha-landing-footer h2{text-align:center;font-family:Marcellus;font-size:2rem}.countdown{justify-content:center;align-items:flex-start;margin-top:1rem;display:flex}.countdown-item{flex-direction:column;align-items:center;min-width:70px;display:flex}.countdown-item .count{color:var(--color-verde);font-family:Elsie;font-size:3rem;line-height:1}.countdown-item .label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-cafe);margin-top:.3rem;font-family:Marcellus;font-size:.7rem}.separator{color:var(--color-cafe);font-family:Elsie;font-size:2.5rem;line-height:1;transform:translateY(.3rem)}@media screen and (max-width:410px){.fecha-landing-header h1{font-size:3rem}.fecha-landing-header p{margin-top:.5rem;font-size:1rem}.fecha-landing-middle p:first-child{font-size:8rem;transform:translate(-50%,-80%)}.fecha-landing-middle p:nth-child(2){font-size:8rem}.fecha-landing-middle p:nth-child(3){font-size:3rem}.fecha-landing-footer h2{font-size:1.5rem}.fecha-landing-footer p{font-size:1rem;line-height:1.5rem}}
.share-the-moment-container{flex-direction:column;justify-content:center;align-items:center;margin-block:.5rem;margin-inline:0;display:flex;position:relative}.share-the-moment{text-align:center;max-width:800px;color:var(--color-vanilla);z-index:20;margin:0 auto;font-family:serif;line-height:1.6}.text{text-align:justify;text-justify:inter-word;color:var(--color-cafe);font-size:1.2rem;line-height:1.2}.bc-logo-2{min-height:100px;color:var(--color-cafe);position:relative;transform:translateY(-20%)}.bc-logo-2 p{font-family:Bacalisties;font-size:2.5rem;position:absolute;top:50%;left:50%}.bc-logo-2 p:first-child{transform:translate(-70%,-70%)}.bc-logo-2 p:last-child{transform:translate(-30%,-30%)}.fade-in-up{opacity:0;animation:ease-out forwards fadeInUp;animation-timeline:view(80vh 10px);transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:410px){.share-the-moment{padding:1rem auto}.share-the-moment h1{font-size:2.2rem}.share-the-moment p{text-align:left;font-size:1.1rem}.text{font-size:1rem}.bc-logo-2 p{font-size:2rem}}
.gift{grid-template-rows:100%;place-items:center;width:clamp(300px,100%,500px);min-height:80svh;padding:2rem;display:grid;position:relative}.sobre{width:100px;height:100px;margin-block:2rem;margin-inline:auto}.gift-detail{text-align:center;z-index:21}.gift-detail h2{color:var(--color-vanilla);margin-bottom:1rem;font-family:Bacalisties;font-size:3rem}.gift-detail h3{color:var(--color-vanilla);text-transform:uppercase;font-family:Marcellus;font-size:1.5rem}.gift-detail h3 span{text-decoration:underline}.gift-detail p{color:var(--color-vanilla);margin-bottom:1rem;margin-inline:1.5rem;font-family:Marcellus;font-size:1.2rem}.flor-izquierda-gift{z-index:20;width:52%;min-height:600px;position:absolute;top:0;left:0;transform:translate(-85px,120px)rotate(-5deg)}@media screen and (max-width:410px){.gift{padding:1rem}.info-container div{width:90%}.gift-detail h2{margin-bottom:0;font-size:2.5rem}.gift-detail h3{font-size:1.2rem}.gift-detail p{font-size:1rem}.flor-izquierda-gift{transform:translate(-60px,150px)rotate(-5deg)}}.flower{opacity:0;transition:opacity 1s,transform 1s;position:absolute}.flower-left{transform:translate(-120px)}.flower-right{transform:translate(120px)}.flower-visible{opacity:1;transform:translate(0)}
.song-suggestion{grid-template-rows:100%;place-items:center;width:clamp(300px,100%,500px);min-height:80svh;padding:2rem;display:grid;position:relative}.song-suggestion-container{background-color:var(--color-verde);border-radius:100ch;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;margin:1rem;padding-block:2.5rem;display:flex}.suggestion-title{color:var(--color-vanilla);text-align:center;max-width:70%;margin-bottom:1rem;font-family:Bacalisties,cursive;font-size:3rem;line-height:1.1}.suggestion-subtitle{color:var(--color-vanilla);opacity:.9;text-align:center;width:80%;margin-bottom:2.5rem;font-family:Marcellus,serif;font-size:1.5rem}.suggestion-form{flex-direction:column;align-items:center;gap:1.8rem;width:80%;max-width:380px;display:flex}.suggestion-form *{width:100%}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-vanilla);opacity:.9;margin-left:.75rem;font-family:Marcellus,serif;font-size:1rem}.suggestion-input{color:var(--color-cafe);background-color:#ffffffd9;border:1px solid #fff9;border-radius:100ch;outline:none;padding:.9rem 1.2rem;font-family:Marcellus,serif;font-size:1rem;transition:all .3s}.suggestion-input::placeholder{color:#9ca3af}.suggestion-input:focus{border-color:var(--color-vanilla);background-color:#fff;box-shadow:0 0 0 4px #fff6e940}.suggestion-submit-btn{width:55%;color:var(--color-vanilla);letter-spacing:.2em;text-transform:uppercase;border:2px solid var(--color-vanilla);cursor:pointer;border-radius:100ch;align-items:center;gap:1rem;margin-top:1.5rem;padding:0 2rem 0 0;font-family:Marcellus,serif;font-size:.9rem;transition:background-color .3s,color .3s,transform .15s,box-shadow .15s;display:inline-flex}.suggestion-submit-btn .btn-icon{background-color:var(--color-vanilla);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.suggestion-submit-btn .btn-icon img{filter:invert();width:22px;height:22px}.suggestion-submit-btn .btn-text{white-space:nowrap;font-size:1.2rem}.suggestion-submit-btn:hover:not(:disabled){background-color:var(--color-vanilla);color:var(--color-cafe)}.suggestion-submit-btn:active:not(:disabled){transform:translateY(0)}.suggestion-submit-btn:disabled{opacity:.6;cursor:not-allowed}.toast{text-align:center;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:100ch;padding:.8rem 1.5rem;font-family:Marcellus,serif;font-size:1.3rem;animation:5s linear forwards toast-in;position:fixed;top:200px;left:50%;transform:translate(-50%)}.toast-success{color:var(--color-vanilla);border:1px solid var(--color-vanilla);background-color:var(--color-cafe)}.toast-error{color:var(--color-vanilla);background-color:var(--color-cafe);border:1px solid red}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}2%{opacity:1;transform:translate(-50%)}98%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.flor-cancion{z-index:20;width:50%;min-height:400px;position:absolute;top:0;left:0;transform:translate(calc(100% + 70px),20px)rotate(0)}@media screen and (max-width:410px){.song-suggestion{padding:1rem}.song-suggestion-container{padding-top:3rem;padding-bottom:3rem}.suggestion-title{margin-bottom:1.2rem;font-size:3rem}.suggestion-subtitle{width:90%;margin-bottom:3rem;font-size:1.2rem}.suggestion-form{width:90%}.suggestion-submit-btn{width:65%}.toast{width:80%}.flor-cancion{transform:translate(calc(100% + 70px),60px)rotate(0)}}.flower{opacity:0;transition:opacity 1s,transform 1s;position:absolute}.flower-left{transform:translate(-120px)}.flower-right{transform:translate(120px)}.flower-visible{opacity:1;transform:translate(0)}
.loading-container{background-color:var(--color-verde);z-index:9999;cursor:default;flex-direction:column;justify-content:center;align-items:center;width:100dvw;height:100dvh;transition:opacity .8s ease-in-out;display:flex;position:fixed;top:0;left:0}.loading-container h1{color:var(--color-oscuro);font-family:Bacalisties;font-size:4rem}.fade-out{opacity:0;pointer-events:none}.loader{background-image:url(/img/hearth.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:90px;height:90px;animation:1.4s ease-in-out infinite heartbeat;position:relative}@keyframes heartbeat{0%{opacity:.7;transform:scale(1)}25%{opacity:1;transform:scale(1.1)}40%{transform:scale(.95)}60%{transform:scale(1.15)}to{opacity:.7;transform:scale(1)}}