@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{background-color:#242424}body{width:100%;min-height:100vh;margin:0;padding:0;color:#333}#root{width:100%;min-height:100vh;margin:0;padding:0}.label-text,.wedding-date-invitation p,.venue-info h3,.description{font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:24px;letter-spacing:.2em}.label-text-2,.gifts-text p,.dresscode-text p,.family-name,.padrinos-group p,.parents-info p,.family-text{font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:24px;letter-spacing:.13em}.label-text-3,.dresscode-text h3,.padrinos-group h3{font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.13em}.wedding-invitation{max-width:500px;margin:0 auto;background:#fafafa;min-height:100vh;padding:0;border-radius:8px}.header{background:#fafafa;text-align:left;padding:60px 20px 40px;background-image:url(/image_header.png);background-position:center;background-size:cover}.subtitle{font-family:The Nautigal;font-style:normal;font-weight:400;font-size:50px;line-height:60px}.title{font-family:Poppins;font-style:normal;font-weight:400;font-size:30px;line-height:45px;letter-spacing:.2em}.countdown{text-align:center;padding:30px 20px;background:#fafafa}.countdown-label{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.2em}.countdown-timer{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.time-unit{display:flex;flex-direction:column;align-items:center}.time-unit .number{font-size:32px;font-weight:300;color:#333;margin-bottom:5px}.time-unit .label{font-size:12px;color:#666;font-weight:400;letter-spacing:1px}.calendar-btn{background:#f0f0f0;border:1px solid #e0e0e0;padding:8px 16px;border-radius:4px;font-size:11px;color:#666;display:flex;align-items:center;gap:8px;margin:0 auto;cursor:pointer;transition:all .3s ease}.calendar-btn:hover{background:#e8e8e8}.calendar-icon{font-size:14px}.event-section{padding:20px;background:#fafafa;background-image:url(/image_dresscode.png);overflow-x:visible;background-repeat:no-repeat;background-position:left;background-position-y:10px;background-size:cover}.event-container{padding-top:10px}.section-title{font-family:Playfair Display;font-style:normal;text-align:center;font-weight:400;font-size:25px;line-height:39px;letter-spacing:.15em;padding:10px 0}.section-title-2{font-family:Playfair Display;font-style:normal;text-align:left;font-weight:400;font-size:25px;line-height:39px;letter-spacing:.15em;padding:10px 0}.event-details{display:flex;flex-direction:row;gap:20px;margin-bottom:30px;justify-content:center}.time{font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1em}.venue-info{width:auto;text-align:left}.address{font-family:Poppins;font-style:normal;font-weight:400;font-size:12px;line-height:24px;letter-spacing:.2em}.icon{width:45px}.btn-container{display:flex;justify-content:center}.time-container{padding-top:10px}.location-btn{max-width:550px;background:#f0f0f0;border:1px solid #e0e0e0;padding:8px 20px;border-radius:4px;font-size:11px;color:#333;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;justify-content:center;font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:21px;text-align:center;letter-spacing:.1em}.btn-icon-container{margin:auto}.location-btn:hover{background:#e8e8e8}.family-section{padding:20px;background:#fafafa;background-image:url(/us_image.png);overflow-x:visible;background-repeat:no-repeat;background-position:right;background-position-y:10px;background-position-x:-1100px;background-size:cover}.names-container{padding-top:15px;padding-bottom:15px}.parents-info{display:flex;flex-direction:column;gap:20px}.padrinos-group{margin-bottom:30px}.padrinos-group h3{padding:10px 0}.dresscode-section{padding:20px;background:#fafafa;background-image:url(/image_dresscode.png);overflow-x:visible;background-repeat:no-repeat;background-position:left;background-position-y:10px;background-position-x:120px;background-size:cover}.dresscode-container,.presents-container{padding-top:15px;padding-bottom:15px}.dresscode-info{display:flex;flex-direction:row;align-items:center;gap:20px}.dresscode-icon{font-size:24px;opacity:.7}.dresscode-text h3,.dresscode-text p{text-align:left}.gifts-section{padding:20px;text-align:center;background:#fafafa}.gifts-info{display:flex;flex-direction:row;align-items:center;gap:20px}.gifts-icon{font-size:24px;opacity:.7}.gifts-text p{text-align:left}.confirmation-section{padding:20px;text-align:center;background:#fafafa}.confirmation-title{font-size:16px;font-weight:400;letter-spacing:3px;margin-bottom:30px;color:#333}.guest-info{margin-bottom:30px}.guest-label{font-size:11px;color:#666;margin-bottom:10px;letter-spacing:1px}.guest-count{font-size:28px;font-weight:300;color:#333}.confirmation-buttons{display:flex;flex-direction:column;gap:15px;align-items:center}.confirm-btn{background:#333;color:#fff;border:none;padding:12px 30px;font-size:12px;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border-radius:4px}.confirm-btn:hover{background:#555}.whatsapp-icon{font-size:16px}.test{display:flex;justify-content:space-between}.test-2{text-decoration:none;color:#555}.confirmed-message{padding:20px;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:14px}.footer{background:#fafafa;text-align:center}.couple-photo img{width:335px;height:438px;object-fit:cover}.couple-names-container{position:relative}.couple-names-container-image{background-image:url(/footer_image.png);min-height:263px;background-position:center;background-size:cover}.couple-names{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:300px}.couple-names h2{font-family:Playfair Display;font-style:normal;font-weight:400;font-size:25px;line-height:39px}.wedding-date-invitation p{padding-top:30px}.date-line-invitation{display:flex;align-items:center;justify-content:center;gap:20px}.date-line-invitation:before,.date-line-invitation:after{content:"";flex:1;height:1px;background:#000}.date-line-invitation span{font-family:Poppins;font-style:normal;font-weight:400;font-size:18px;line-height:27px;letter-spacing:.2em}@media (min-width: 768px){.wedding-invitation{max-width:600px;margin:0 auto;border-radius:8px}.header{padding:80px 40px 50px}.title{font-size:28px}.couple-names-container{margin-top:5dvw}.countdown-timer{gap:60px}.time-unit .number{font-size:40px}.event-section,.family-section,.dresscode-section,.gifts-section,.confirmation-section{padding:50px 40px}.family-section{background-position-x:-900px}.event-details{flex-direction:row;justify-content:space-around;align-items:center}.dresscode-info,.gifts-info{flex-direction:row;justify-content:center;max-width:400px;margin:0 auto}.confirmation-buttons{flex-direction:column;justify-content:center}}@media (min-width: 1024px){.wedding-invitation{max-width:600px;margin:0 auto;border-radius:8px}.header{padding:100px 60px 60px}.title{font-size:32px}.countdown-timer{gap:80px}.time-unit .number{font-size:48px}.event-section,.family-section,.dresscode-section,.gifts-section,.confirmation-section{padding:60px}.family-section{background-position-x:-800px}.couple-photo{margin-bottom:-30px}.couple-photo img{width:250px;height:300px;padding-bottom:-30px}.couple-names h2{font-size:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.landing-page-container{width:100%;min-height:100vh;margin:0;font-family:Playfair Display,serif;background:#fafafa;border-radius:0;overflow:hidden;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;transition:all .5s ease-out;transform:translateY(0);opacity:1}.landing-page-container.exiting{transform:translateY(-20px);opacity:0}.image-section-lp{overflow:hidden;padding:60px 15px 0;display:flex;align-items:center;height:400px;min-height:40vh}.main-image-lp{width:100%;height:100%;min-height:400px;max-height:750px;object-fit:cover;filter:grayscale(100%)}.text-section-lp{padding:50px 20px 0;text-align:center;color:#333}.main-text .karla-text-lp,.main-text .alex-text-lp{font-size:1.5rem;font-weight:400;letter-spacing:.2em;display:inline-block}.main-text .and-text-lp{font-size:1.4rem;font-family:The Nautigal,cursive;font-weight:400;font-style:normal;letter-spacing:.1em;margin:0 5px;position:relative;top:-4px}.bride-names{margin-top:20px;font-weight:300;letter-spacing:.3em;text-transform:uppercase}.wedding-date{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0}.wedding-date .date-line{width:30px;height:1px;background:#333}.wedding-date .date-number{font-size:1.1rem;font-weight:400;letter-spacing:.2em}.family-greeting{margin:20px 0}.family-greeting p{font-size:.78rem;font-family:Poppins,sans-serif;font-weight:300;font-style:normal;letter-spacing:.3em;margin-top:10px;text-transform:uppercase;animation:fadeInUp .8s ease-out .5s both}.open-invitation-section{margin-top:40px;text-align:center;animation:fadeInUp .8s ease-out .5s both}.open-invitation-btn{background:linear-gradient(135deg,#303030,#534a5d);border:1px solid #e0e0e0;border-radius:4px;padding:15px 30px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;display:inline-flex;align-items:center;gap:10px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.open-invitation-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#303030,#534a5d)}.open-invitation-btn:hover:not(:disabled):before{left:100%}.open-invitation-btn:active{transform:translateY(0);transition:all .1s ease}.open-invitation-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.open-invitation-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.open-invitation-btn .btn-icon{font-size:.8rem;animation:bounce 2s infinite}@media (hover: none) and (pointer: coarse){.open-invitation-btn:active:not(:disabled){transform:scale(.98);transition:transform .1s ease}}@media (min-width: 768px){.landing-page-container{max-width:500px;margin:0 auto;border-radius:8px}.image-section-lp{min-height:550px}.text-section-lp{padding:55px 20px 0}.main-text{margin-top:-75px;margin-bottom:30px}.main-text .alex-text-lp,.main-text .karla-text-lp{font-size:2rem}.main-text .and-text-lp{font-size:1.9rem}.bride-names{font-size:1.2rem}.wedding-date{gap:20px}.wedding-date .date-number{font-size:1.3rem}.wedding-date .date-line{width:50px}}@media (min-width: 1024px){.landing-page-container{max-width:600px;margin:0 auto;border-radius:8px}.image-section-lp{min-height:650px}.text-section-lp{padding:85px 20px 0}.main-text{margin-top:-105px}.bride-names{font-size:1.4rem}.wedding-date{gap:30px}.wedding-date .date-line{width:80px}.wedding-date .date-number{font-size:1.3rem}}.save-the-date-container{width:100%;margin:0;font-family:Playfair Display,serif;background:#fafafa;border-radius:0;overflow:hidden;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column}.image-section{overflow:hidden;padding-left:15px;padding-right:15px;padding-top:20px}.main-image{width:100%;max-height:500px;object-fit:cover;filter:grayscale(100%)}.text-section{padding:40px 20px;text-align:center;color:#333}.main-text{margin-top:-65px;margin-bottom:10px;position:relative}.save-text{font-size:1.9rem;font-weight:400;letter-spacing:.2em;display:inline-block;margin-right:10px}.the-text{font-size:2.5rem;font-family:The Nautigal,cursive;font-weight:400;font-style:normal;letter-spacing:.1em;margin:0 5px;position:relative;top:-4px}.karla-text{font-size:1.2rem;font-weight:400;letter-spacing:.2em;display:inline-block;margin-right:10px}.and-text{font-size:1.2rem;font-weight:400;letter-spacing:.2em;display:inline-block}.alex-text{font-size:1.2rem;font-weight:400;letter-spacing:.2em;display:inline-block;margin-left:10px}.date-text{font-size:1.9rem;font-weight:400;letter-spacing:.2em;display:inline-block;margin-left:10px}.bride-names{font-size:1rem;font-family:Poppins,sans-serif;font-weight:300;font-style:normal;letter-spacing:.3em;margin-top:10px;text-transform:uppercase}.wedding-date{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px}.date-line{width:50px;height:1px;background:#333}.date-number{font-size:1rem;font-family:Poppins,sans-serif;font-weight:300;font-style:normal;letter-spacing:.2em}@media (min-width: 768px){.save-the-date-container{max-width:500px;margin:0 auto;border-radius:8px}.text-section{padding:40px 20px 60px}.main-text{margin-top:-75px;margin-bottom:30px}.save-text,.date-text{font-size:3rem}.the-text{font-size:3.4rem;top:-5px}.bride-names{font-size:1.2rem}.date-number{font-size:1.3rem}.date-line{width:50px}.wedding-date{gap:20px}}@media (min-width: 1024px){.save-the-date-container{max-width:600px;margin:0 auto;border-radius:8px}.text-section{padding:60px 40px 80px}.main-text{margin-top:-105px}.save-text{font-size:4rem;margin-right:10px}.the-text{font-size:3.9rem;top:-7px}.karla-text,.and-text,.alex-text{font-size:2rem}.date-text{font-size:4rem}.bride-names{font-size:1.4rem}.wedding-date{gap:30px}.date-line{width:80px}.date-number{font-size:1.3rem}}#root{max-width:1280px;margin:0 auto;text-align:center}