:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Roboto,sans-serif}.names{font-family:Sometype Mono,monospace;font-weight:500;font-size:38px;margin-bottom:4rem}.title{font-family:Sometype Mono,monospace;font-weight:600;font-size:60px}.landing-container{width:100vw;height:100vh;display:flex;position:relative}.image-section{width:50%;height:100%;overflow:hidden}.image-section img{width:100%;height:100%;object-fit:cover;opacity:.7}.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:1}.enter-button{margin-top:20px;padding:20px 30px;font-size:18px;cursor:pointer;background-color:#fff;border:2px solid black;border-radius:0;color:#000;transition:background-color .3s,color .3s;font-size:"Sometype Mono",monospace}.enter-button:hover{background-color:#000;color:#fff;border:2px solid white}.password-input{padding:20px;margin-bottom:10px;font-size:16px;border:2px solid black;width:200px;text-align:center;background-color:#ffffff80}.error-text{color:#f44;font-size:14px;margin-bottom:10px}.center-content{display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.names{font-size:28px}.title{font-size:50px;margin-top:-2rem}.landing-container{flex-direction:column}.image-section{width:100%;height:50%}.center-content{top:35%}.image-section img{object-position:center top}}html,body,#root{width:100%;height:100%;margin:0;padding:0;font-size:16px}.la-boda-page{width:100%;min-height:100%;background:#c7bd5f;overflow-y:auto}.la-boda-page section{scroll-margin-top:100px}.header-description{display:flex;justify-content:space-between;font-family:Sometype Mono,monospace;color:#fff;padding-left:5%;padding-right:5%;align-items:flex-start}.header-section{font-weight:700;line-height:1.1;font-family:Sometype Mono,monospace;color:#fff;font-size:4.25rem}.description-section{font-weight:700;padding-top:2rem;font-size:2rem;text-align:right}.image-timelineboda{align-self:right;width:60%;display:block;margin-left:auto;padding-right:5%;padding-top:1rem}.adress-link p{font-size:2.25rem;width:400;color:#444;font-family:Sometype Mono,monospace;text-align:right;font-weight:500;padding-right:5%;margin-bottom:.5rem;margin-top:3rem}.adress-link a{font-size:1rem;display:block;text-align:right;color:#fff;font-family:Roboto,sans-serif;text-decoration:underline;text-underline-offset:3px;padding-right:5%;margin-bottom:4rem}.adress-link a:hover{opacity:.8}.highlight{background-color:#e7e09b;padding:6px 4px;line-height:1}.lloc-section{padding-left:5%;padding-right:5%;padding-top:2rem;padding-bottom:32rem}.lloc-section p{font-size:28px;color:#fff;font-family:Roboto,sans-serif}.dresscode-section{background-color:#69506f;padding-left:5%;padding-right:5%;padding-top:4rem;color:#fff;font-family:Roboto,sans-serif;padding-bottom:2rem;display:flex;justify-content:space-between}.collage_grande{width:100%}.dresscode-description{width:21rem;font-size:1.125rem}.formulari-section{position:relative;background-color:#c4b2c7;padding:3rem 5% 1rem;height:40rem;box-sizing:border-box;color:#444}.formulari-section p{font-family:Roboto,sans-serif;font-size:1.125rem;margin:0 0 3rem;text-align:center}.formulari-button{display:block;margin:1.25rem auto 2rem;padding:1rem 2.5rem;font-size:1rem;cursor:pointer;background-color:#fff;border:2px solid black;color:#000;border-radius:0;transition:background-color .3s,color .3s,border-color .3s;font-family:Sometype Mono,monospace}.formulari-button:hover{background-color:#69506f;color:#fff;border-color:#fff}.image-pedida{position:absolute;right:5%;top:65%;max-width:35rem;width:35vw;height:auto;display:block}.regal-section{background-color:#e7e09b;margin:0;padding-left:5%;padding-right:5%}.header-section-regal{margin:0;font-weight:700;font-size:3.5rem;line-height:1.1;font-family:Sometype Mono,monospace;color:#fff;padding-top:4rem;font-size:4.25rem}.regal-section p{text-align:center;color:#444;font-size:1.125rem;padding-top:4rem}.account-details{font-family:Sometype Mono,monospace;font-size:1.6rem!important;padding-bottom:6rem;font-weight:700;margin-top:.5rem}.dubtes-section{padding-left:5%;padding-right:5%;gap:5rem;color:#444;font-size:1.125rem}.gif-risa{margin-right:3rem;max-width:20rem;width:20vw;height:auto;margin-bottom:4rem}@media(max-width:768px){.formulari-section{padding:1rem 4%;min-height:auto}.image-pedida{position:static;transform:none;width:80%;max-width:none;margin:1rem auto 0;display:block}.formulari-button{width:80%;max-width:420px}.header-description{padding-left:5%;padding-right:5%;align-items:flex-end;gap:1rem}.header-section{font-size:2.2rem;text-align:left}.description-section{font-size:1.2rem}.image-fotomaton{width:100%;height:100%;object-fit:cover;height:80px}.image-timelineboda{width:85%}.adress-link a{font-size:1rem;margin-bottom:3rem}.adress-link p{font-size:1.2rem}.lloc-section p{font-size:18px}.lloc-section{padding-bottom:17rem}.dresscode-section{background-color:#69506f;padding-left:5%;padding-right:5%;padding-top:2rem;padding-bottom:2rem;display:inline-block}.dresscode-description{font-size:14px;padding-bottom:2rem}.formulari-section p{font-size:14px;margin:0 0 2rem}.formulari-button{transform:scale(.8)}.formulari-section{height:30rem}.header-section-regal{font-size:2rem;padding-top:7rem}.regal-section p{text-align:center;color:#444;font-size:14px;padding-top:1rem}.account-details{font-size:1rem!important;padding-bottom:3rem}.dubtes-section{font-size:14px!important}.gif-risa{margin-bottom:2rem!important}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;width:100%;background-color:#e7e09b;position:relative;box-sizing:border-box;color:#000;font-family:Sometype Mono,monospace;font-weight:600}.header-title{text-align:center;font-weight:800;font-size:28px;line-height:1.2;color:#000}.header-left,.header-right{display:flex;gap:10px;align-items:center}.header-text{text-decoration:none;color:#000;transition:color .3s ease,transform .2s ease}.header-text:hover{color:#b4b4b4}.header-text:active{text-decoration:underline;color:inherit;color:#d6bfff}.header-text.active{text-decoration:underline;color:#fff}.btn-rsvp,.btn-language,.header-text,.hamburger-menu{cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit;outline:none;box-shadow:none;transition:background-color .3s,color .3s;font-family:Sometype Mono,monospace}.btn-rsvp,.btn-language{padding:10px 30px;font-size:16px;border:2px solid black;border-radius:0;text-align:center}.btn-rsvp:hover,.btn-language:hover,.btn-rsvp:active,.btn-language:active{background:#c7bd5f;border:2px solid black}.btn-rsvp:focus,.btn-language:focus,.hamburger-menu:focus,.header-text:focus{outline:none;box-shadow:none}.header-text{font-weight:500;font-size:20px}.header-text:hover{text-decoration:underline}.header-container{position:relative;z-index:1000}.hamburger-menu{z-index:1100}.boda-dropdown-container{position:relative;display:inline-block}.boda-link{cursor:pointer}.boda-dropdown{position:absolute;top:100%;left:0;background:#e7e09b;list-style:none;padding:0;margin:0;min-width:150px;z-index:100;color:#000;font-family:Sometype Mono,monospace;font-size:14px}.boda-dropdown li{padding:10px;cursor:pointer}.boda-dropdown li:hover{background-color:#f0f0f0}.desktop-only{display:inline-block}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:inline-block}.boda-link{cursor:pointer;font-size:20px;font-weight:500;text-decoration:none;color:#000}.boda-dropdown{position:static;background:transparent;margin-left:0;padding-left:1.2rem;font-weight:600}.boda-dropdown li{padding:6x 0;color:#333}.mobile-menu{position:fixed;top:0;right:0;height:100vh;width:30vw;min-width:240px;max-width:320px;background-color:#e7e09b;display:flex;flex-direction:column;gap:1.5rem;padding:8rem 1.5rem 2rem;transform:translate(100%);transition:transform .3s ease;z-index:900}.header-title{text-align:left;font-size:24px}.mobile-menu.open{transform:translate(0)}.hamburger-menu{font-size:30px}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}}.back-to-top{position:fixed;bottom:30px;right:30px;background-color:#69506f;color:#fff;border:none;border-radius:50%;padding:10px 16px;font-size:24px;cursor:pointer;z-index:1000;box-shadow:0 4px 6px #0000004d;transition:opacity .3s ease}.back-to-top:hover{background-color:#533b55}.logistica-page{width:100%;min-height:100%;background:#69506f;overflow-y:auto}.header-section-transport{font-weight:700;font-size:4.25rem;font-family:Sometype Mono,monospace;color:#fff;padding-left:5%;margin-bottom:1rem}.description-section-transport{text-align:left;font-size:1.125rem;font-family:Roboto,sans-serif;color:#fff;padding-left:5%;margin-bottom:5rem}.transport-section{padding-bottom:4rem}.bus-taxi{display:flex;justify-content:space-between;margin-top:1rem;padding-left:25%;padding-right:25%;text-align:center;color:#fff}.bus-taxi h3{font-family:Sometype Mono,monospace;color:#fff;font-size:28px;text-decoration:underline;margin-top:10px!important}.bus,.taxi{width:20vw}.hotels-section{background-color:#c7bd5f;padding-top:2rem}.mapa-hotels{display:flex;justify-content:space-between;color:#fff;padding-left:10%;padding-right:10%;font-size:18px;padding-bottom:4rem}.hotel{font-family:Sometype Mono,monospace;font-weight:400}@media(max-width:768px){.image-fotomaton{width:100%;height:100%;object-fit:cover;height:80px}.header-section-transport{font-size:1.8rem;padding-left:5%;padding-right:5%;margin-bottom:20px;padding-top:1rem}.description-section-transport{font-size:14px;margin-top:1rem;margin-bottom:2rem}.bus,.taxi{width:35vw}.bus-taxi{padding-left:10%;padding-right:10%;text-align:center;color:#fff;font-size:14px}.bus-icon{height:83px}.hotels-section{background-color:#c7bd5f;padding-top:1rem}.mapa-girona{height:20rem}.mapa-hotels{display:flex;flex-direction:column;padding-bottom:2rem}.hotels-llista{font-size:14px;font-weight:600}}.contact-details{display:flex;justify-content:space-between}.footer{padding-left:5%;padding-right:5%;gap:5rem;color:#444;font-size:1.125rem;background-color:#c4b2c7;padding-top:4rem}.name{font-family:Sometype Mono,monospace;font-weight:600;font-size:1.2rem}.gif-risa{margin-right:3rem;max-width:20rem;width:20vw;height:auto;margin-bottom:2rem}.details-paula p,.details-sergi p{margin:2px 0;line-height:1.5}.details-sergi,.details-paula{padding-top:2rem}.details-paula{padding-left:3rem}@media(max-width:768px){.contact-details{flex-direction:column;align-items:center;gap:2rem}.details-paula,.details-sergi{padding:0;text-align:center;font-size:14px}.gif-risa{margin:1rem auto 0;width:80%;max-width:200px;display:block}.footer h1{font-size:2rem}.footer{padding:2rem 5%;font-size:14px}.name{font-size:16px}.gif-risa{margin-bottom:2rem!important}}.nosaltres-page{width:100%;min-height:100%;background:#69506f;overflow-y:auto}.timeline-container{margin-bottom:4rem}.header-section-nosaltres{font-weight:700;font-size:4.25rem;font-family:Sometype Mono,monospace;color:#fff;padding-left:5%;margin-bottom:1rem}.timeline-item{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;position:relative;min-height:250px}.timeline-image{width:180px;height:180px;border-radius:12px;object-fit:cover;justify-self:end}.timeline-item:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:3px;height:100%;background-color:#c8a4ff;z-index:0}.year-circle{width:100px;height:100px;border-radius:50%;background-color:#fff;border:2px solid black;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#000;position:relative;font-family:Sometype Mono,monospace;z-index:2}.timeline-content{max-width:320px;justify-self:start;padding:10px}.timeline-content h3{margin:0 0 5px;font-size:20px;color:#fff;font-family:Sometype Mono,monospace;font-weight:700}.timeline-content p{margin:0;opacity:.8;color:#fff}@media(max-width:768px){.header-section-nosaltres{font-size:1.8rem;padding-left:5%;padding-right:5%;margin-bottom:20px}.timeline-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:0 5%;margin-bottom:3rem}.timeline-item{display:flex;flex-direction:column;align-items:center;min-height:auto;position:relative}.timeline-item:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:3px;height:100%;background-color:#c8a4ff;z-index:0}.timeline-image{width:150px!important;height:150px!important;object-fit:cover;border-radius:12px;margin-bottom:.5rem;z-index:1}.year-circle{width:50px;height:50px;font-size:16px;margin-bottom:.5rem;z-index:2}.timeline-content{max-width:90%;text-align:center;padding:.5rem 1rem;background-color:#69506f;z-index:2;border-radius:8px}.timeline-content h3{font-size:20px;margin-bottom:.5rem}.timeline-content p{font-size:16px}}html,body,#root{width:100%;height:100%;margin:0;padding:0;font-size:16px;font-family:Roboto,sans-serif}.formulari-page{width:100%;min-height:100%;background:#c4b2c7;overflow-y:auto;padding-bottom:4rem}.header-section-formulari{font-weight:700;font-size:4.25rem;font-family:Sometype Mono,monospace;color:#fff;padding-left:5%;margin-bottom:3rem}.question-block{padding:1.5rem;padding-left:5%;padding-bottom:4rem;padding-top:2rem;padding-right:5%;display:flex;flex-direction:column;gap:1rem}.question-block label{margin-bottom:.5rem}.pregunta{font-weight:700;font-size:18px;color:#fff}.question-input{padding:1rem;border:2px solid #444;font-size:1rem;width:100%;box-sizing:border-box}textarea.question-input{min-height:100px;resize:vertical}.options{display:flex;flex-direction:column;gap:.5rem}input[type=radio],input[type=checkbox]{accent-color:#69506F}input,textarea,select{background-color:#fff;color:#000}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset;-webkit-text-fill-color:#000000}input[type=radio]{accent-color:#000000;background-color:#fff}.black{color:#444}.send-button{padding:.8rem 1.5rem;background:#fff;border:2px solid #444;border-radius:0;cursor:pointer;width:200px;display:block;margin:1rem auto;font-family:Sometype Mono,monospace;text-align:center;color:#444}.send-button:hover{background:#c7bd5f;border:2px solid black}.send-button:active{background:#69506f;color:#fff;border:2px solid black}input:focus,textarea:focus,button:focus{outline:none;box-shadow:none}.assistencia{background-color:#c7bd5f}.alergia{background-color:#69506f}.transportformulari{background-color:#e7e09b}.loading-animation{width:45px;height:45px;border:5px solid #ccc;border-top-color:#69506f;border-radius:50%;margin:20px auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sent-message{font-size:1.6rem;text-align:center;margin:1.5rem auto;color:#333;animation:fadeIn .5s ease-out;display:flex;align-items:center;justify-content:center;gap:.6rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.error-message{color:#8b0000;padding:.8rem 1rem;border-radius:8px;text-align:center;font-size:1rem;margin-top:1rem;animation:fadeIn .3s ease-out}@media(max-width:768px){.image-fotomaton{width:100%;height:100%;object-fit:cover;height:80px}.header-section-formulari{font-size:2.25rem;margin-bottom:0rem}}.galeria-page{min-height:100vh;background-color:#c7bd5f;width:100%;height:100%;margin:0;padding:0;font-size:16px}.galeria-content h1{font-family:Sometype Mono,monospace;font-size:2rem;color:#fff;opacity:.8;text-align:center;padding-top:7rem;padding-bottom:7rem}.image-fotomaton{width:100%;max-width:100%;height:auto;display:block;margin:0 auto;opacity:.6;object-fit:cover}@media(max-width:768px){.galeria-content h1{font-size:2rem}.image-fotomaton{width:100%;height:100%;object-fit:cover;height:80px}}