.hero-container{width:clamp(300px,100%,500px);min-height:100svh;color:var(--color-cafe);grid-template-rows:20% auto;align-items:center;padding:40px 20px;display:grid;position:relative}.hero-container img{opacity:.7;position:absolute}.flor-derecha-hero{opacity:.7;z-index:-10;width:60%;position:absolute;top:0;right:0;translate:80px}.flor-izquierda-hero{opacity:.7;z-index:-10;width:60%;position:absolute;bottom:0;left:0;translate:-100px}.hero-message{text-align:left;z-index:10;width:100%;margin-top:10px}.hero-message h2{color:var(--text-dark);font-family:Marcellus;font-size:1.1rem;font-weight:400;line-height:1.5}.hero-names{text-align:center;z-index:10;flex-direction:column;justify-content:flex-start;display:flex}.hero-names h1{color:var(--text-dark);font-family:Bacalisties;font-size:5.5rem}.hero-names h1:first-child{text-align:left}.hero-names h1:nth-child(2){margin:-10px}.hero-names h1:nth-child(3){text-align:right}
@font-face{font-family:Blacksowrd;src:url(/fonts/Blacksword.otf)format("opentype");font-weight:400;font-style:normal}.video-hero{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;min-height:100svh;display:flex;position:relative;overflow:hidden}.video-background{object-fit:cover;z-index:-1;filter:brightness(.9)contrast(1.1);width:100%;height:100%;position:absolute;top:0;left:0}.video-gradient-overlay{z-index:0;background:linear-gradient(#0003 0%,#0000001a 50%,#0000004d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.video-hero-content{z-index:2;text-align:center;color:#fff;padding:0 20px;position:relative}.video-hero-title{text-shadow:2px 2px 4px #00000080;margin-bottom:1rem;font-family:Blacksowrd,sans-serif;font-size:5rem;animation:1s ease-out fadeInUp}.video-hero-subtitle{letter-spacing:3px;text-shadow:1px 1px 2px #00000080;font-family:sans-serif;font-size:1.5rem;font-weight:300;animation:1s ease-out .3s both fadeInUp}.video-center-element{z-index:2;animation:3s ease-in-out infinite float;position:absolute;bottom:10%}.center-decoration{filter:drop-shadow(0 4px 8px #0000004d);width:80px;height:80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.video-hero-title{font-size:3rem}.video-hero-subtitle{letter-spacing:2px;font-size:1.2rem}.center-decoration{width:60px;height:60px}}
.share-the-moment-container{background-color:#593711;justify-content:center;align-items:center;padding:2rem 2rem 5rem;display:flex;position:relative}.share-the-moment{text-align:center;color:#333;background-color:#593711;max-width:800px;margin:0 auto;padding:4rem 2rem;font-family:serif;line-height:1.6}.share-the-moment *{box-sizing:border-box;color:beige;text-shadow:1px 1px 2px #0000001a}.title{letter-spacing:2px;margin-bottom:2rem;font-family:Blacksowrd,serif;font-size:3rem}.text{text-align:justify;text-justify:inter-word;margin-bottom:1.5rem;font-size:1.2rem}.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:768px){.share-the-moment{padding:2rem 1rem}.share-the-moment h1{letter-spacing:1px;font-size:2.2rem}.share-the-moment p{text-align:left;font-size:1.1rem}}@media (max-width:480px){.share-the-moment h1{font-size:1.8rem}.share-the-moment p{font-size:1rem}}
.media-container{aspect-ratio:2;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex;position:relative;overflow:hidden}@media (max-width:600px){.media-container{aspect-ratio:1}}.media-container:before{content:"";background:linear-gradient(to top,transparent,var(--color-vanilla));pointer-events:none;z-index:1;width:100%;height:50px;position:absolute;top:0;left:0;transform:translateY(-1px)}.media-container:after{content:"";background:linear-gradient(to bottom,transparent,var(--color-vanilla));pointer-events:none;z-index:1;width:100%;height:50px;position:absolute;bottom:0;left:0;transform:translateY(1px)}.media-image,.media-video{object-fit:cover;width:100%;height:100%}.media-video{position:absolute;top:0;left:0}
.fecha-landing{width:100%;min-height:80svh;color:var(--color-verde);grid-template-rows:25% auto 25%;place-items:center;margin-block:2rem;display:grid}.fecha-landing-header h1{text-align:center;font-family:Bacalisties;font-size:4rem}.fecha-landing-header p{text-align:center;margin-top:1rem;font-family:Marcellus;font-size:1rem}.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:10rem;transform:translate(-50%,-90%)}.fecha-landing-middle p:nth-child(2){text-align:center;color:var(--color-cafe);font-family:Bacalisties;font-size:12rem;transform:translate(-50%,-50%)}.fecha-landing-middle p:nth-child(3){text-align:center;color:var(--color-verde);font-family:Elsie;font-size:5rem;transform:translate(-110%,20%)}.fecha-landing-footer h2{text-align:center;font-family:Elsie;font-size:3rem}.fecha-landing-footer p{text-align:center;margin-top:.5rem;width:70%;margin-inline:auto;font-family:Marcellus;font-size:1.5rem;line-height:2rem}
.ubication{grid-template-rows:100%;place-items:center;width:clamp(300px,100%,500px);min-height:80svh;padding:2rem;display:grid;position:relative}.info-container{background-color:var(--color-verde);border-radius:100ch;flex-direction:column;align-items:center;width:100%;height:100%;margin:1rem;padding-block:2rem;display:flex}.info-container div{text-align:center;width:80%}.bc-logo{min-height:150px;position:relative}.bc-logo p{color:var(--color-vanilla);font-family:Bacalisties;font-size:3rem;font-weight:700;position:absolute;top:50%;left:50%}.bc-logo p:first-child{transform:translate(-70%,-70%)}.bc-logo p:last-child{transform:translate(-30%,-30%)}.ubication-detail{text-align:center;z-index:21;margin-top:2rem}.ubication-detail h2{color:var(--color-vanilla);margin-bottom:1rem;font-family:Bacalisties;font-size:4rem}.ubication-detail h3{color:var(--color-vanilla);text-transform:uppercase;margin-bottom:.5rem;font-family:Marcellus;font-size:1.5rem}.ubication-detail p{color:var(--color-vanilla);margin-bottom:1rem;font-family:Marcellus;font-size:1rem}.flor-derecha-ubication{z-index:20;width:50%;position:absolute;bottom:0;right:0;transform:translate(105px,-220px)rotate(-12deg)}.flor-izquierda-ubication{z-index:20;width:60%;position:absolute;top:0;left:0;transform:translate(-90px,30px)rotate(-5deg)}
.ubication-button{cursor:pointer}.ubication-button img{aspect-ratio:1;height:180px}
.dress-code{width:100%;min-height:80svh;position:relative}.dress-code-title{color:var(--color-cafe);text-align:start;z-index:21;margin-block:1rem;margin-inline:2rem;font-family:Bacalisties;font-size:4rem}.dress-code-item{color:var(--color-cafe);text-align:center;z-index:21;justify-content:center;align-items:center;min-height:400px;margin-bottom:3rem;display:flex}.dress-code-item:nth-child(odd){flex-direction:row-reverse}.dress-code-item img{object-fit:cover;height:400px;margin-inline:2rem}.dress-code-info-container{margin-inline:2rem}.dress-code-info-container h3{text-transform:uppercase;margin-bottom:.5rem;font-family:Marcellus;font-size:1.8rem}.dress-code-info-container h4{margin-top:.5rem;font-size:1.2rem}.flor-codigo-vestimenta{z-index:-10;opacity:.8;width:250px;position:absolute;top:0;right:0;transform:translate(50px,20px)}
.confirmation-link{background-color:var(--color-verde);color:var(--color-vanilla);border:1px solid var(--color-vanilla);cursor:pointer;z-index:100;border-radius:100ch;padding:1rem 1.5rem;font-size:1rem;transition:background-color .6s;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 6px #0000001a}.confirmation-link:hover{background-color:var(--color-cafe)}
.loading{background-color:var(--color-verde);z-index:9999;cursor:default;flex-direction:column;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:fixed;top:0;left:0}.loading h1{color:var(--color-oscuro);font-family:Bacalisties;font-size:4rem}.loading-spinner{border:16px solid var(--color-oscuro);border-top:16px solid var(--color-verde);border-radius:50%;width:120px;height:120px;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loaded{opacity:0;pointer-events:none;transition:opacity 1.2s ease-in-out}