@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap";body{font-family:Playfair Display,Georgia,serif;line-height:1.6;color:#333;min-height:100vh;overflow-x:hidden;overflow-y:hidden}#root{min-height:100vh;overflow-x:hidden;overflow-y:hidden}html{scroll-behavior:smooth}.app{overflow-x:hidden;overflow-y:hidden}::-webkit-scrollbar{width:0px;display:none}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:0}::-webkit-scrollbar-thumb:hover{background:transparent}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden!important}body{font-family:Playfair Display,Georgia,serif!important}.fondo{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-image:url(/fondo_landing_desktop.png);background-size:cover;background-position:center;background-repeat:no-repeat}@media (max-width: 767px){.fondo{background-image:url(/fondo_landing_mobile.png)!important}.texto-yamimau{width:310px;height:310px}.scroll-indicator{width:30px;height:30px;left:0%!important;bottom:30px}}@media (min-width: 480px) and (max-width: 660px){.fondo{background-image:url(/fondo_landing_mobile.png)!important}.texto-yamimau{width:310px;height:310px}.scroll-indicator{width:35px;left:0%!important;height:35px;bottom:30px}}@media (max-width: 479px){.fondo{background-image:url(/fondo_landing_mobile.png)!important}.texto-yamimau{width:310px;height:310px}.scroll-indicator{width:25px;left:0%!important;height:25px;bottom:30px}}@media (min-width: 768px) and (max-width: 1023px){.fondo{background-image:url(/fondo_landing_tablet.png)!important}.texto-yamimau{width:410px;height:410px}.scroll-indicator{width:45px;height:45px;left:0%!important;bottom:35px}}@media (min-width: 1024px){.texto-yamimau{width:510px;height:510px}.scroll-indicator{width:50px;left:0%!important;height:50px;bottom:40px}}.app{min-height:100vh}.container-imagen-texto{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;position:relative}.texto-yamimau{object-position:center}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-indicator{position:absolute;bottom:40px;left:-10%;transform:translate(-50%);width:110px;height:110px;opacity:.8;animation:scrollBounce 2s ease-in-out infinite;cursor:pointer;transition:opacity .5s ease,transform .5s ease}.scroll-indicator:hover{opacity:1}.scroll-indicator.fade-out{opacity:0;transform:translate(0) translateY(0);animation:none}.countdown-container{background-color:#c2ccc3;text-align:center;padding:2rem;font-family:Playfair Display,serif;color:#474d49}.countdown-title{font-size:2rem;font-weight:600}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;max-width:100%;overflow:hidden}.countdown-subtitle{font-size:1.3rem;font-weight:80;color:#474d49;font-style:italic;margin-bottom:1.5rem}.countdown-subtitle2{font-size:1.8rem;font-weight:80;color:#f8f5f2;font-style:italic}.time-box{min-width:80px;min-height:80px;width:80px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}.time-value{font-size:3rem;font-weight:700;color:#f8f5f2;text-shadow:2px 2px 4px rgba(0,0,0,.1);line-height:1}.time-label{font-size:.9rem;margin-top:.2rem;text-transform:uppercase;letter-spacing:.5px;color:#f8f5f2;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-align:center;word-wrap:break-word}.time-separator{font-family:Cormorant,serif;font-size:2.5rem;font-weight:700;color:#f8f5f2;display:flex;align-items:center;margin:0 .3rem;line-height:1;flex-shrink:0}@media (max-width: 480px){.countdown-timer{gap:0rem}.time-box{min-width:60px;min-height:60px;width:60px;height:60px}.time-value{font-size:2.5rem}.time-label{font-size:.7rem}.time-separator{font-size:2rem;margin:0 .2rem}}.wedding-intro{text-align:center;padding:2rem 1rem;font-family:Cormorant,serif;color:#5c4b51}.intro-title{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:#474d49}.intro-subtitle{font-size:1.5rem;color:#474d49;font-style:italic}.wedding-events{text-align:center;font-family:Playfair Display,serif;color:#474d49;padding:2rem 1rem}.event-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.event-card{background:#fffc;padding:1.5rem;border-radius:12px;width:250px;box-shadow:0 4px 15px #0000000d}.event-icon{font-size:2rem;margin-bottom:.5rem}.event-title{font-size:1.5rem;margin-bottom:1rem}.event-date-time{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;border-bottom:1px solid #ddd;padding-bottom:1rem}.event-date,.event-time{text-align:center}.date{font-size:2rem;font-weight:700}.month,.label{font-size:.8rem;text-transform:uppercase;color:#888}.time{font-size:1.5rem;font-weight:700}.event-place{font-size:.9rem}.btn-location{display:inline-block;background:#f3f1ef;padding:.6rem 1.5rem;border-radius:25px;text-decoration:none;font-size:.9rem;color:#474d49;font-weight:700;transition:background .3s ease}.btn-location:hover{background:#e2dedb}.event-button{margin-top:2rem}.venue-address{margin:2rem auto;max-width:600px;padding:0 1rem}.address-container{background:#ffffffe6;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000000d;text-align:center;border:1px solid #e8e8e8}.venue-name{font-size:1.8rem;font-weight:700;color:#474d49;margin-bottom:.5rem}.venue-location{font-size:1.1rem;color:#474d49;margin-bottom:.5rem}.venue-date{font-size:1rem;color:#b08ea2;font-weight:500;margin-bottom:0}.instagram-container{text-align:center;padding:3rem 1rem;font-family:Playfair Display,serif;color:#333;background-color:#c2ccc3}.instagram-icon{font-size:2.5rem;margin-bottom:1rem}.instagram-user{font-size:1.5rem;font-weight:400;letter-spacing:.5px;margin-bottom:.8rem}.instagram-text{font-size:1rem;color:#555;max-width:500px;margin:0 auto 1.5rem;line-height:1.5}.instagram-button{display:inline-block;background:#f8f5f2;color:#474d49;padding:12px 25px;border-radius:25px;text-decoration:none;transition:all .3s ease}.instagram-button:hover{background:#cccbcb;box-shadow:0 0 10px #6b7c60}.nosotros{text-align:center;padding:3rem 1rem;background-color:#a5b3a9}.nosotros-title{font-size:1.5rem;letter-spacing:.3rem;margin-bottom:.5rem;padding-bottom:2rem}.nosotros-subtitle{font-size:1rem;color:#555;margin-bottom:2rem}.nosotros-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;max-width:1000px;margin:0 auto}.nosotros-item{overflow:hidden;border-radius:10px}.nosotros-item img{width:100%;height:280px;object-fit:cover;display:block;border-radius:10px;transition:transform .4s ease}.nosotros-item:hover img{transform:scale(1.05)}.te-esperamos-subtitle{font-size:1.8rem;letter-spacing:.1rem;font-style:italic}.nosotros-icon{padding-top:2rem}.gift-section{display:flex;justify-content:center;padding:4rem 1rem;background:transparent}.gift-card{background:#fffc;padding:2rem;border-radius:.75rem;text-align:center;box-shadow:0 4px 14px #0000001a;max-width:500px}.gift-card img{width:50px;height:50px;margin-bottom:1rem}.gift-card h2{font-size:1.8rem;margin-bottom:.5rem}.gift-card p{color:#444;font-size:1rem;margin-bottom:1.5rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .3s ease forwards}.modal-content{background:#bebbb8;border-radius:.5rem;padding:2rem;max-width:800px;width:90%;position:relative;transform:scale(.9);opacity:0;animation:zoomIn .3s ease forwards}.modal-close{position:absolute;top:.75rem;right:1rem;font-size:1.5rem;cursor:pointer}.bank-info{background:#f8f5f2;padding:1rem;border-radius:.5rem;margin-top:2rem}.bank-info p{margin:.25rem 0}.bank-info button{margin-top:.75rem;background:#444;color:#fff;border:none;padding:.5rem 1rem;border-radius:25px;cursor:pointer}.bank-info button:hover{background:#222}.gift-button{background:#95a58d!important;color:#fff!important;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;transition:background .3s}.gift-button:hover{background:#6b7c60!important}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.gift-item{text-align:center}.gift-item img{width:100%;border-radius:.5rem}@keyframes fadeIn{to{opacity:1}}@keyframes zoomIn{to{transform:scale(1);opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes zoomOut{to{transform:scale(.9);opacity:0}}.modal-overlay.closing{animation:fadeOut .3s ease forwards}.modal-content.closing{animation:zoomOut .3s ease forwards}.overlay{position:fixed;inset:0;background:#f0f4ee;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;overflow:hidden;transition:opacity 1s ease;opacity:1}.overlay.fade-out{opacity:0;pointer-events:none}.container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.flowers-left{position:absolute;left:0;bottom:0;height:1000px;object-fit:cover;object-position:left bottom;transition:transform 2.5s ease}.flowers-right{position:absolute;right:0;top:0;height:1000px;object-fit:cover;object-position:right top;transition:transform 2.5s ease}.container.separate .flowers-left{transform:translate(-100vw,-100vh)}.container.separate .flowers-right{transform:translate(100vw,100vh)}@keyframes heartbeat{0%{transform:translate(-50%,-50%) scale(1)}14%{transform:translate(-50%,-50%) scale(1.1)}28%{transform:translate(-50%,-50%) scale(1)}42%{transform:translate(-50%,-50%) scale(1.1)}70%{transform:translate(-50%,-50%) scale(1)}}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:20px;cursor:pointer;z-index:10000;width:190px;height:190px;transition:transform .3s ease;animation:heartbeat 2s ease-in-out infinite}.logo:hover{transform:translate(-50%,-50%) rotate(5deg);animation-play-state:paused}@keyframes clickIndicatorPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.click-indicator{position:absolute;top:47%;left:52%;transform:translate(-60%,-50%);width:50px;height:50px;z-index:10001;pointer-events:none;animation:clickIndicatorPulse 2s ease-in-out infinite;margin-top:120px}@media (max-width: 1200px){.flowers-left{inset:auto auto 0 0;height:800px;object-fit:cover;object-position:left bottom}.flowers-right{inset:0 0 auto auto;height:800px;object-fit:cover;object-position:right top}.logo{width:210px;height:210px}.click-indicator{top:47%;left:55%;transform:translate(-60%,-50%);width:50px;height:50px}}@media (max-width: 1024px){.flowers-left{inset:auto auto 0 0;height:700px;object-fit:cover;object-position:left bottom}.flowers-right{inset:0 0 auto auto;height:700px;object-fit:cover;object-position:right top}}@media (max-width: 900px){.flowers-left{inset:auto auto 0 0;height:650px;object-fit:cover;object-position:left bottom}.flowers-right{inset:0 0 auto auto;height:650px;object-fit:cover;object-position:right top}.logo{width:170px;height:170px}.click-indicator{top:47%;left:55%;transform:translate(-60%,-50%);width:50px;height:50px}}@media (max-width: 768px){.flowers-left{inset:auto auto 0 0;height:600px;object-fit:cover;object-position:left bottom}.flowers-right{inset:0 0 auto auto;height:600px;object-fit:cover;object-position:right top}.logo{width:170px;height:170px}.click-indicator{top:47%;left:55%;transform:translate(-60%,-50%);width:50px;height:50px}.separate-button{padding:8px 16px;font-size:14px}}@media (max-width: 600px){.flowers-left{inset:auto auto 0 0;height:500px;object-fit:cover;object-position:left bottom}.flowers-right{inset:0 0 auto auto;height:500px;object-fit:cover;object-position:right top}.logo{width:170px;height:170px}.click-indicator{top:47%;left:55%;transform:translate(-60%,-50%);width:50px;height:50px}}@media (max-width: 480px){.flowers-left{inset:auto auto 0 0;height:350px;object-fit:cover;object-position:left bottom}.flowers-right{inset:0 0 auto auto;height:350px;object-fit:cover;object-position:right top}.logo{width:170px;height:170px}.click-indicator{top:47%;left:55%;transform:translate(-60%,-50%);width:50px;height:50px}.separate-button{padding:6px 12px;font-size:12px}}@media (max-width: 360px){.flowers-left{inset:auto auto 0 0;height:400px;object-fit:cover;object-position:left bottom}.flowers-right{inset:0 0 auto auto;height:400px;object-fit:cover;object-position:right top}.logo{width:150px;height:150px}.click-indicator{top:45%;left:60%;transform:translate(-60%,-50%);width:50px;height:50px}.separate-button{padding:5px 10px;font-size:11px}}.rsvp-section{background-color:#c2ccc3;padding:80px 20px;text-align:center}.rsvp-content{max-width:600px;margin:0 auto;color:#fff}.rsvp-icon{font-size:50px;margin-bottom:15px;color:#fff}.rsvp-subtitle{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px}.rsvp-title{font-size:2rem;font-weight:500;margin-bottom:10px;color:#474d49}.rsvp-text{font-size:1rem;margin-bottom:25px;color:#474d49}.rsvp-button{display:inline-block;background:#f8f5f2;color:#474d49;padding:12px 25px;border-radius:25px;text-decoration:none;transition:all .3s ease}.rsvp-button:hover{background:#cccbcb;box-shadow:0 0 10px #6b7c60}.divider{width:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0;background-color:#c2ccc3}.divider-line{width:80%;max-width:400px;height:1px;background-color:#0003;border:none;margin:0}