@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&family=Great+Vibes&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Lato:wght@300;400;700&display=swap";.intro-c4{z-index:9999;background-color:var(--bg-page);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:stretch;transition:transform 1s cubic-bezier(.83,0,.17,1),opacity 1s;display:flex;position:fixed;inset:0;overflow:hidden}.intro-c4.closing{opacity:0;pointer-events:none;transform:translateY(-100%)}.responsive-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.intro-c4-bg-desktop{display:none}@media (width>=768px){.intro-c4-bg{display:none}.intro-c4-bg-desktop{display:block}}.intro-c4-veil{z-index:2;background:0 0;position:absolute;inset:0}@keyframes introGradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes introC4ZoomIn{0%{transform:scale(1.07)}to{transform:scale(1)}}.intro-c4-content{z-index:10;justify-content:center;animation:1.2s .3s both introC4Fade;display:flex;position:absolute;bottom:12%;left:0;right:0}@keyframes introC4Fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-c4-btn{border:1px solid var(--border-soft);color:var(--text-primary);font-family:var(--font-body);letter-spacing:.35em;text-transform:uppercase;cursor:pointer;background:#ffffffeb;padding:1.1rem 2.5rem;font-size:.75rem;font-weight:700;transition:all .4s;box-shadow:0 4px 25px #0000001a}.intro-c4-btn:hover{background:var(--accent);color:#fff;box-shadow:0 8px 30px rgba(var(--accent-rgb), .25);transform:translateY(-2px)}@media (width<=480px){.intro-c4-btn{letter-spacing:.25em;padding:1rem 1.8rem;font-size:.7rem}}.hero-c4{background-color:var(--bg-page);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-c4:before{content:"";background:radial-gradient(circle at center, rgba(var(--accent-rgb), .1) 0%, transparent 70%);pointer-events:none;z-index:1;position:absolute;inset:0}.hero-c4-ornaments{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-c4-ornament{object-fit:contain;opacity:.92;width:clamp(140px,42vw,320px);height:auto;animation:1.4s .4s both heroOrnamentIn;position:absolute}.hero-c4-ornament--top-left{object-position:left top;top:0;left:0}.hero-c4-ornament--bottom-right{object-position:right bottom;bottom:0;right:0}@keyframes heroOrnamentIn{0%{opacity:0;transform:scale(.96)}to{opacity:.92;transform:scale(1)}}@media (width>=768px){.hero-c4-ornament{width:clamp(200px,28vw,360px)}}.hero-c4-content{text-align:center;z-index:2;width:100%;max-width:720px;padding:2.5rem 1.5rem;position:relative}.hero-c4-label{font-family:var(--font-body);letter-spacing:.32em;text-transform:uppercase;color:var(--text-light);margin:0 0 1rem;font-size:clamp(.65rem,1.8vw,.8rem);font-weight:700;display:block}.hero-c4-names{margin:0 0 .5rem}.hero-c4-name{font-family:var(--font-cursive);color:var(--text-primary);font-size:clamp(3.5rem,12vw,6rem);font-weight:400;line-height:1.05;display:block}.hero-c4-amp{font-family:var(--font-elegant);color:var(--accent-sage);margin:.15rem 0;font-size:clamp(1.5rem,4vw,2.2rem);font-style:italic;display:block}.hero-c4-date{font-family:var(--font-elegant);color:var(--text-light);letter-spacing:.1em;margin:1.5rem 0 .5rem;font-size:clamp(1rem,2.3vw,1.3rem)}.hero-c4-place{font-family:var(--font-body);letter-spacing:.28em;text-transform:uppercase;color:var(--text-light);margin:0 0 2.2rem;font-size:clamp(.75rem,1.8vw,.9rem);font-weight:400}.hero-c4-scroll{z-index:10;justify-content:center;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-c4-arrow{width:44px;height:44px;color:var(--text-primary);opacity:.8;animation:2s ease-in-out infinite heroC4Bounce}@keyframes heroC4Bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(15px)}60%{transform:translateY(8px)}}.countdown-section{text-align:center}.countdown-grid{justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.countdown-item{flex-direction:column;align-items:center;min-width:70px;display:flex}.countdown-value{font-family:var(--font-elegant);color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.countdown-label{letter-spacing:.2em;color:var(--text-light);font-size:.65rem}@media (width<=480px){.countdown-grid{gap:.8rem}.countdown-item{min-width:60px}}.divider-c4{text-align:center;color:var(--accent-sage);letter-spacing:.8em;opacity:.5;-webkit-user-select:none;user-select:none;background:0 0;padding:1rem 0;font-size:.8rem}.mensaje-invitacion{text-align:center;padding:5rem 1.5rem}.mensaje-texto{font-family:var(--font-elegant);color:var(--text-primary);max-width:700px;margin:0 auto 2rem;font-size:clamp(1.2rem,3vw,1.8rem);font-style:italic;line-height:1.6}.mensaje-firma{font-family:var(--font-cursive);color:var(--accent);font-size:2.5rem}.mensaje-decor{opacity:.9;pointer-events:none;width:100px;height:auto;position:absolute;bottom:-20px;left:-20px}.detalles-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem;display:grid}.detalle-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);text-align:center;border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;padding:3rem 2rem;transition:transform .3s;display:flex}.detalle-card:hover{transform:translateY(-5px)}.detalle-icon,.detalle-custom-icon{color:var(--accent);object-fit:contain;width:60px;height:60px;filter:var(--icon-filter);margin-bottom:1.5rem}.detalle-title{font-family:var(--font-elegant);letter-spacing:.2em;color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.detalle-text{margin-bottom:.5rem;font-size:1.1rem}.detalle-subtext{color:var(--text-light);font-size:.9rem}.dress-code-content{text-align:center;flex-direction:column;align-items:center;margin-top:2rem;display:flex}.dress-code-img{object-fit:cover;border:4px solid var(--accent-cream);width:120px;height:120px;box-shadow:var(--shadow-soft);filter:var(--icon-filter);border-radius:50%;margin-bottom:2rem}.dress-code-label{font-family:var(--font-body);letter-spacing:.3em;color:var(--text-light);margin-bottom:.5rem;font-size:.8rem}.dress-code-text{font-family:var(--font-elegant);color:var(--accent);margin-bottom:1rem;font-size:2.2rem}.dress-code-elegante{font-family:var(--font-elegant);color:var(--text-light);font-style:italic;font-weight:500}.dress-code-note{max-width:450px;color:var(--text-primary);font-size:1.05rem;line-height:1.6}.dress-code-restriction{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:#fce68a14;border-radius:12px;margin-top:1.5rem;padding:1.5rem;position:relative}.dress-code-restriction strong{color:var(--accent)}.programa-c4{text-align:center;padding-bottom:2rem}.pgm-timeline{text-align:left;max-width:480px;margin:3rem auto 0;padding:0 2rem}.pgm-item{align-items:flex-start;gap:1.6rem;min-height:200px;display:flex}.pgm-left{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.pgm-circle{z-index:2;border:1.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.pgm-icon-img{object-fit:contain;width:32px;height:32px}.pgm-line{background:linear-gradient(to bottom, var(--accent-sage), rgba(var(--accent-rgb), .15));flex:1;width:1.5px;min-height:140px}.pgm-content{flex-direction:column;gap:.3rem;padding-top:1rem;display:flex}.pgm-label{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;font-size:clamp(.7rem,2vw,.8rem);font-weight:700;display:block}.pgm-time{font-family:var(--font-elegant);font-size:clamp(1.4rem,3.5vw,1.7rem);font-weight:400;display:block}.pgm-sub{font-family:var(--font-body);margin-top:.05rem;font-size:.78rem;font-style:italic;display:block}@media (width>=600px){.pgm-timeline{max-width:560px;padding:0 3rem}.pgm-circle{width:72px;height:72px}.pgm-icon-img{width:38px;height:38px}.pgm-item{gap:2rem;min-height:240px}}.quiz-c4{text-align:center}.quiz-c4-intro{max-width:520px;margin-left:auto;margin-right:auto}.quiz-c4-wrapper{text-align:center;max-width:540px;margin:0 auto}.quiz-c4-start{margin-top:.5rem}.quiz-c4-progress{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-light);margin:0 0 1rem;font-size:.68rem}.quiz-c4-q-text{font-family:var(--font-elegant);color:var(--text-primary);margin:0 0 1.25rem;font-size:clamp(1.15rem,2.8vw,1.4rem);line-height:1.45}.quiz-c4-options{text-align:left;flex-direction:column;gap:.55rem;display:flex}.quiz-c4-opt{border:1px solid var(--border-soft);background:var(--bg-card);width:100%;color:var(--text-primary);font-family:var(--font-elegant);text-align:left;cursor:pointer;border-radius:10px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,background .2s,color .2s}.quiz-c4-opt:not(:disabled):hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .06)}.quiz-c4-opt:disabled{cursor:default}.quiz-c4-opt--correct{border-color:var(--accent-sage)!important;color:var(--text-primary)!important;background:#c5c8a859!important}.quiz-c4-opt--wrong{opacity:.9;background:#8b5f5f14!important;border-color:#8b5f5f59!important}.quiz-c4-result{padding:.5rem 0}.quiz-c4-score{font-family:var(--font-elegant);color:var(--text-primary);margin:0 0 .5rem;font-size:clamp(2.5rem,8vw,3.5rem);line-height:1}.quiz-c4-verdict{font-family:var(--font-cursive);color:var(--accent);margin:0 0 .75rem;font-size:clamp(1.6rem,4vw,2rem)}.quiz-c4-msg{font-family:var(--font-elegant);color:var(--text-light);margin:0 0 1.5rem;font-size:1.05rem;font-style:italic;line-height:1.6}.confirmacion-content{text-align:center;flex-direction:column;align-items:center;margin-top:2rem;display:flex}.confirmacion-icon{width:80px;filter:var(--icon-filter);margin-bottom:1.5rem}.confirmacion-text{max-width:500px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.rsvp-form{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:540px;box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);text-align:left;border-radius:20px;flex-direction:column;gap:1.25rem;padding:2.5rem;display:flex}.form-error{color:#8b5f5f;font-size:.9rem;font-family:var(--font-body);background:#8b5f5f14;border:1px solid #8b5f5f33;border-radius:10px;padding:.75rem 1rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:0;display:flex}.form-group label,.form-asistencia-label{font-family:var(--font-body);letter-spacing:.1em;color:var(--text-light);text-transform:uppercase;font-size:.8rem;font-weight:700;display:block}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group select,.form-group textarea{border:1px solid var(--border);width:100%;font-family:var(--font-body);color:var(--text-primary);appearance:none;background:#fff;border-radius:10px;outline:none;padding:.8rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238d8664' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12)}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.form-group--asistencia{gap:.75rem}.form-asistencia-label{width:100%}.asistencia-group{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=480px){.asistencia-group{grid-template-columns:1fr 1fr}}.asistencia-option{cursor:pointer;margin:0;display:block;position:relative}.asistencia-input{opacity:0;cursor:pointer;z-index:2;appearance:none;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.asistencia-card{z-index:0;border:1px solid var(--border);background:#fffffff2;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 1rem;transition:border-color .22s,box-shadow .22s,background .22s;display:flex;position:relative;box-shadow:0 2px 10px #0000000a}.asistencia-option:hover .asistencia-card{border-color:rgba(var(--accent-rgb), .45);box-shadow:0 4px 14px rgba(var(--accent-rgb), .1)}.asistencia-input:focus-visible+.asistencia-card{outline:2px solid var(--accent);outline-offset:2px}.asistencia-input:checked+.asistencia-card{border-color:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .2);background:#fce68a26}.asistencia-mark{border:2px solid rgba(var(--accent-rgb), .35);background:#fff;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:border-color .2s;position:relative}.asistencia-mark:after{content:"";background:var(--accent);opacity:0;border-radius:50%;transition:opacity .2s,transform .2s;position:absolute;inset:4px;transform:scale(.5)}.asistencia-input:checked+.asistencia-card .asistencia-mark{border-color:var(--accent)}.asistencia-input:checked+.asistencia-card .asistencia-mark:after{opacity:1;transform:scale(1)}.asistencia-title{color:var(--text-primary);letter-spacing:.02em;font-size:.95rem;font-weight:500}.form-hint{color:var(--text-light);margin:0;font-size:.85rem;font-style:italic;line-height:1.5}.form-group--acompaniantes label{margin-bottom:.25rem}.acompaniante-block{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.acompaniante-nombre,.acompaniante-alergias{border:1px solid var(--border);width:100%;font-family:var(--font-body);color:var(--text-primary);background:#fff;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .3s}.acompaniante-nombre:focus,.acompaniante-alergias:focus{border-color:var(--accent)}.confirmacion-submit{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:inline-flex}.confirmacion-success{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-soft);border-radius:20px;flex-direction:column;align-items:center;gap:1.5rem;max-width:540px;margin:2rem auto 0;padding:4rem 2rem;display:flex}.confirmacion-success-note{color:var(--text-light);max-width:360px;font-size:.9rem;line-height:1.5}.musica-c4{text-align:center}.musica-c4-intro{max-width:520px;margin-left:auto;margin-right:auto}.musica-c4-form{max-width:540px;margin:1rem auto 0}.musica-c4-success{font-family:var(--font-elegant);color:var(--accent);margin:1.5rem 0 0;font-size:1.15rem;font-style:italic}.musica-c4-again{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-light);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:1rem;font-size:.72rem;text-decoration:underline}.musica-c4-again:hover{color:var(--accent)}.regalos-content{text-align:center;flex-direction:column;align-items:center;margin-top:2rem;display:flex}.regalos-icon,.regalos-custom-icon{object-fit:contain;width:80px;height:80px;filter:var(--icon-filter);margin-bottom:1.5rem}.regalos-text{max-width:600px;margin-bottom:3rem;font-size:1.1rem;line-height:1.6}.regalos-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);border:1px dashed var(--border-soft);border-radius:20px;width:100%;max-width:500px;padding:2.5rem}.card-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.card-row:last-child{margin-bottom:0}.card-label{color:var(--text-light);font-size:.8rem;font-weight:700}.card-value{color:var(--text-primary);word-break:break-all;font-family:monospace;font-size:1rem}.btn-copy{background:var(--bg-alt);color:var(--accent);cursor:pointer;border:none;border-radius:5px;padding:.4rem .8rem;font-size:.7rem;font-weight:700;transition:all .2s}.btn-copy:hover{background:var(--accent);color:#fff}.hashtag-section{text-align:center;padding:5rem 1.5rem}.hashtag-icon{object-fit:contain;width:70px;height:70px;filter:var(--icon-filter);margin-bottom:1.5rem}.hashtag-label{letter-spacing:.3em;color:var(--text-light);margin-bottom:1rem;font-size:.75rem}.hashtag-title{font-family:var(--font-elegant);color:var(--accent);font-size:2.5rem}.footer{background-color:var(--bg-alt);text-align:center;padding:4rem 1.5rem}.footer-title{font-family:var(--font-cursive);color:var(--accent);margin-bottom:.5rem;font-size:2.5rem}.footer-subtitle{font-family:var(--font-body);letter-spacing:.4em;color:var(--text-light);margin-bottom:2rem;font-size:.7rem}.footer-divider{background-color:var(--border);width:50px;height:1px;margin:0 auto 2rem}.footer-copy{color:var(--text-light);letter-spacing:.1em;font-size:.7rem}:root{--bg-page:#f9f4e8;--bg-alt:#f4efe3;--bg-card:#ffffffd1;--bg-gradient:radial-gradient(ellipse 120% 80% at 50% -10%, #fce68a38 0%, transparent 55%), radial-gradient(circle at 80% 90%, #c5c8a82e 0%, transparent 45%), radial-gradient(circle at center, #fdf9f2 0%, #f9f4e8 100%);--text-primary:#8d8664;--text-light:#a69f88;--accent:#8d8664;--accent-gold:#fce68a;--accent-cream:#fff9c4;--accent-sage:#c5c8a8;--accent-hover:#7a7356;--accent-rgb:141, 134, 100;--border:#8d866438;--border-soft:#c5c8a873;--shadow-soft:0 10px 32px #8d866414;--shadow-accent:0 8px 24px #8d86642e;--icon-filter:sepia(.35) saturate(.75) hue-rotate(5deg) brightness(.92);--font-display:"Playfair Display", serif;--font-cursive:"Great Vibes", cursive;--font-elegant:"Cormorant Garamond", serif;--font-body:"Lato", sans-serif;--music-btn:#8d8664;--music-btn-hover:#7a7356;--music-btn-shadow:#8d866447}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-page);background-image:var(--bg-gradient), url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0}#root{width:100%}section{max-width:920px;margin:0 auto;padding:4rem 1.5rem}section:nth-of-type(2n){background-color:#c5c8a81f;max-width:100%;padding-left:max(1.5rem,50% - 460px + 1.5rem);padding-right:max(1.5rem,50% - 460px + 1.5rem)}@media (width>=768px){section{padding:6rem 2rem}}.reveal{opacity:0;will-change:transform, opacity;transition:opacity 1s,transform 1.2s cubic-bezier(.2,.8,.2,1);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.section-title-cursive{font-family:var(--font-cursive);color:var(--text-primary);text-align:center;margin:0 0 .4rem;font-size:clamp(2.5rem,6vw,3.8rem)}.section-subtitle{font-family:var(--font-elegant);color:var(--text-light);text-align:center;letter-spacing:.05em;margin:0 0 2rem;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:500}.section-label{font-family:var(--font-body);letter-spacing:.32em;text-transform:uppercase;color:var(--text-light);text-align:center;margin:0 0 .8rem;font-size:.72rem;font-weight:400}.ornament-divider{text-align:center;color:var(--accent);letter-spacing:.4em;opacity:.65;margin:.5rem 0 2rem;font-size:1.2rem}.icon-tint{filter:var(--icon-filter)}.btn-primary{background-color:var(--accent);color:#fff;font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-accent);border:none;border-radius:50px;padding:.9rem 2.2rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 10px 28px rgba(var(--accent-rgb), .28);transform:translateY(-2px)}.casamiento-music-btn{z-index:999;background:var(--music-btn);color:#fff;cursor:pointer;width:50px;height:50px;box-shadow:0 4px 18px var(--music-btn-shadow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex;position:fixed;bottom:32px;right:32px}.casamiento-music-btn:hover{background:var(--music-btn-hover);transform:translateY(-3px)}.casamiento-music-icon{justify-content:center;align-items:center;line-height:1;display:flex}.casamiento-music-wave{align-items:flex-end;gap:3px;height:18px;display:flex}.casamiento-bar{background:linear-gradient(#fff,#ffffffa6);border-radius:2px;width:3px;animation:ease-in-out infinite casamiento-bar-dance;display:block}.casamiento-bar-1{height:8px;animation-duration:.8s;animation-delay:0s}.casamiento-bar-2{height:14px;animation-duration:.9s;animation-delay:.15s}.casamiento-bar-3{height:10px;animation-duration:.75s;animation-delay:.3s}.casamiento-bar-4{height:16px;animation-duration:1s;animation-delay:.1s}@keyframes casamiento-bar-dance{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media (width<=768px){.casamiento-music-btn{width:44px;height:44px;bottom:max(24px, env(safe-area-inset-bottom,24px));right:max(20px, env(safe-area-inset-right,20px))}}