@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:wght@400;700&display=swap";:root{--color-primario-texto: #2d3748;--color-secundario-texto: #4a5568;--color-terciario-texto: #718096;--color-texto-sobre-oscuro: #ffffff;--color-acento-principal: #c09578;--color-fondo-pagina: #f4f4f0;--color-fondo-contenedor: #ffffff;--color-fondo-seccion-alterna: #f9fafb;--color-borde-claro: #e2e8f0;--color-overlay-oscuro: rgba(0,0,0, .55);--fuente-principal-cuerpo: "Montserrat", sans-serif;--fuente-titulos-destacados: "Playfair Display", serif;--fuente-subtitulos-elegantes: "Cormorant Garamond", serif}body{font-family:var(--fuente-principal-cuerpo);margin:0;padding:0;box-sizing:border-box;background-color:var(--color-fondo-pagina);color:var(--color-secundario-texto);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:var(--color-acento-principal);transition:color .3s ease}a:hover{filter:brightness(.85)}.app-container{max-width:700px;margin-left:auto;margin-right:auto;background-color:var(--color-fondo-contenedor);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;opacity:0;animation:fadeInPage .8s .3s ease-out forwards}.section-title{font-family:var(--fuente-titulos-destacados);font-size:clamp(1.8rem,5vw,2.5rem);color:var(--color-primario-texto);margin-bottom:1rem;font-weight:700;text-align:center}.section-subtitle{font-family:var(--fuente-subtitulos-elegantes);color:var(--color-terciario-texto);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2.5rem;text-align:center}.section-paragraph{font-family:var(--fuente-principal-cuerpo);color:var(--color-secundario-texto);line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.section-padding{padding:4rem 1.5rem}.section-padding-small{padding:2.5rem 1.5rem}.mb-8{margin-bottom:2rem}.hero-section{position:relative;height:100vh;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:var(--color-texto-sobre-oscuro);overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay-oscuro);opacity:.7}.hero-content{position:relative;z-index:10;text-align:center;padding-bottom:6rem;animation:fadeInUp 1s .5s ease-out forwards;opacity:0}.hero-title{font-family:var(--fuente-titulos-destacados);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-family:var(--fuente-subtitulos-elegantes);font-size:clamp(1rem,3vw,1.5rem);letter-spacing:.1em;font-style:italic;opacity:.9}.hero-scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:10;opacity:0;animation:fadeIn 1s 1.5s ease-out forwards,subtleBounce 2s infinite 2.5s}.hero-scroll-indicator svg{width:2.5rem;height:2.5rem;stroke:var(--color-texto-sobre-oscuro)}.save-the-date-container{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.save-the-date-image-wrapper,.save-the-date-text-wrapper{flex:1;min-width:280px}.save-the-date-image-wrapper img{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:450px;width:100%;object-fit:cover}.save-the-date-text-wrapper h3{font-family:var(--fuente-titulos-destacados);font-size:2.8rem;color:var(--color-acento-principal);letter-spacing:.03em;margin-bottom:.5rem}.save-the-date-text-wrapper .date{font-family:var(--fuente-subtitulos-elegantes);font-size:1.5rem;color:var(--color-secundario-texto);margin-bottom:1rem}.location-image{border-radius:.5rem;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem;width:100%;object-fit:cover;max-height:350px}.program-list-container{max-width:350px;margin:0 auto;padding-left:1rem}.program-item{display:flex;align-items:flex-start;margin-bottom:2rem;position:relative}.program-item:not(:last-child):before{content:"";position:absolute;left:24px;top:2.5rem;bottom:-1.5rem;width:2px;background-color:var(--color-borde-claro);z-index:0}.program-item-icon-time{display:flex;flex-direction:column;align-items:center;margin-right:1.5rem;min-width:50px;color:var(--color-terciario-texto);flex-shrink:0;position:relative;background-color:var(--color-fondo-seccion-alterna);z-index:1}.program-item-icon{font-size:1.8rem;margin-bottom:.4rem;line-height:1;color:var(--color-acento-principal)}.program-item-time{font-family:var(--fuente-principal-cuerpo);font-weight:500;font-size:.85rem;color:var(--color-secundario-texto);letter-spacing:.02em}.program-item-title-container{padding-top:.1rem;position:relative;z-index:1}.program-item-title{font-family:var(--fuente-subtitulos-elegantes);font-size:1.25rem;color:var(--color-primario-texto);font-weight:600;line-height:1.4}.dress-code-swatches{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.dress-code-swatch{width:3.5rem;height:3.5rem;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.dress-code-swatch:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 12px #00000026}.swatch-black{background-color:#1a202c}.swatch-white{background-color:#fff;border:1px solid var(--color-borde-claro)}.swatch-pink{background-color:#fde2e4}.swatch-beige{background-color:#fdf4e3}.swatch-gold{background-color:#f0e6d2}.photo-gallery-image-wrapper{position:relative;border-radius:.5rem;overflow:hidden;box-shadow:0 10px 20px #0000001a}.photo-gallery-image{width:100%;object-fit:cover;max-height:400px;display:block}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#0006;color:var(--color-texto-sobre-oscuro);border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:background-color .3s ease;z-index:5;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover{background-color:#0009}.carousel-arrow.prev-arrow{left:.75rem}.carousel-arrow.next-arrow{right:.75rem}.carousel-arrow svg{width:1.5rem;height:1.5rem}.countdown-section{position:relative;background-size:cover;background-position:center;padding:4rem 1.5rem;text-align:center;color:var(--color-texto-sobre-oscuro)}.countdown-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay-oscuro);z-index:1}.countdown-content{position:relative;z-index:2}.countdown-content h2{font-family:var(--fuente-titulos-destacados);font-size:2rem;margin-bottom:2.5rem;letter-spacing:.05em;text-shadow:0 1px 3px rgba(0,0,0,.2);color:var(--color-texto-sobre-oscuro)}.countdown-timer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.countdown-unit{text-align:center}.countdown-value{font-family:var(--fuente-principal-cuerpo);font-size:clamp(2rem,8vw,3.5rem);font-weight:700;background-color:#ffffff26;padding:.75rem 1rem;border-radius:.375rem;min-width:70px;display:inline-block;line-height:1.1;box-shadow:0 2px 4px #0003;transition:transform .3s ease}.countdown-unit:hover .countdown-value{transform:scale(1.05)}.countdown-label{font-family:var(--fuente-principal-cuerpo);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.75rem;opacity:.8}.guest-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-family:var(--fuente-principal-cuerpo);font-size:.9rem;font-weight:500;color:var(--color-primario-texto);margin-bottom:.4rem}.form-input,.form-select{width:100%;padding:.75rem 1rem;font-family:var(--fuente-principal-cuerpo);font-size:1rem;background-color:var(--color-fondo-contenedor);border:1px solid var(--color-borde-claro);border-radius:.375rem;box-shadow:inset 0 1px 2px #0000000d;transition:border-color .3s ease,box-shadow .3s ease;color:var(--color-primario-texto)}.form-input::placeholder{color:var(--color-terciario-texto);font-size:.9rem}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-acento-principal);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-acento-principal) 30%,transparent)}.form-submit-button-container{text-align:center;margin-top:2rem}.button{display:inline-block;font-family:var(--fuente-principal-cuerpo);font-weight:600;padding:.8rem 2.5rem;border-radius:50px;font-size:.9rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;letter-spacing:.03em;box-shadow:0 4px 6px #0000001a}.button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.button-primary{background-color:var(--color-acento-principal);color:var(--color-texto-sobre-oscuro)}.button-primary:hover{background-color:color-mix(in srgb,var(--color-acento-principal) 85%,black)}.button-secondary{background-color:var(--color-borde-claro);color:var(--color-secundario-texto)}.button-secondary:hover{background-color:color-mix(in srgb,var(--color-borde-claro) 85%,black)}.footer-section{padding:2.5rem 1.5rem;background-color:var(--color-fondo-seccion-alterna);text-align:center}.footer-section p{font-family:var(--fuente-principal-cuerpo);font-size:.85rem;color:var(--color-terciario-texto)}@keyframes fadeInPage{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes subtleBounce{0%,to{transform:translateY(0) translate(-50%)}50%{transform:translateY(-8px) translate(-50%)}}.animate-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.645,.045,.355,1),transform .8s cubic-bezier(.645,.045,.355,1)}.animate-on-scroll.is-visible.fade-in-up{opacity:1;transform:translateY(0)}.animate-on-scroll.is-visible.fade-in-left,.animate-on-scroll.is-visible.fade-in-right{opacity:1;transform:translate(0)}.animate-on-scroll.is-visible.scale-up{opacity:1;transform:scale(1)}.animate-on-scroll.fade-in-up{transform:translateY(40px)}.animate-on-scroll.fade-in-left{transform:translate(-40px)}.animate-on-scroll.fade-in-right{transform:translate(40px)}.animate-on-scroll.scale-up{transform:scale(.95)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.section-padding{padding:3rem 1rem}.section-padding-small{padding:2rem 1rem}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:clamp(.9rem,4vw,1.2rem)}.save-the-date-text-wrapper{text-align:center;margin-top:1.5rem}.countdown-timer{gap:.5rem}.countdown-value{font-size:clamp(1.5rem,6vw,2.5rem);padding:.5rem .75rem;min-width:55px}.program-item{flex-direction:column;align-items:center;text-align:center}.program-item-icon-time{margin-right:0;margin-bottom:.5rem}.program-item:not(:last-child):before{display:none}}.music-controls{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;gap:10px}.music-controls button{background-color:rgba(var(--color-primario-rgb, 45, 55, 72),.7);color:var(--color-texto-sobre-oscuro, white);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 8px #00000040}.music-controls button:hover{background-color:rgba(var(--color-primario-rgb, 45, 55, 72),.9);transform:scale(1.1)}.music-controls button svg{width:20px;height:20px}