@import"https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@300;400;900&family=Fredoka:wght@400;500;600;700&family=Caveat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dynalight&display=swap";.home-container{padding:20px 0;position:relative;text-align:center;background:linear-gradient(180deg,#e8f4ff,#fff 40%,#fff);min-height:100vh;display:flex;flex-direction:column;align-items:center;max-width:480px;margin:0 auto}.clouds-background{position:absolute;top:0;left:0;right:0;height:120px;display:flex;justify-content:center;align-items:flex-start;z-index:0;pointer-events:none}.clouds-background img{position:absolute;width:25%;min-width:200px;max-width:140px;height:auto;opacity:.75;filter:drop-shadow(0 2px 4px rgba(184,216,240,.3))}.clouds-background img:nth-child(1){left:0%;top:5px;z-index:6}.clouds-background img:nth-child(2){left:28%;top:5px;z-index:5;opacity:.8}.clouds-background img:nth-child(3){left:45%;top:5px;z-index:3;opacity:.7}.clouds-background img:nth-child(4){right:0%;top:5px;z-index:2;opacity:.75;transform:scaleX(-1)}.header-section{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:100px;margin-bottom:20px;z-index:2}.title-img{width:70%;max-width:220px;height:auto;margin-bottom:10px;margin-right:20%;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.1))}.dragon-img{align-self:flex-end;width:220px;height:auto;margin-top:-80px;animation:float 3s ease-in-out infinite;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.15))}.fairy-img{align-self:flex-start;width:80px;height:auto;margin-top:-40px;animation:float 2.5s ease-in-out infinite .5s;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.12))}.invitation-section{width:100%;margin-bottom:30px;padding:0 20px;z-index:2}.invitation-title{font-family:var(--font-grimpt);font-size:clamp(1.7rem,5vw,2.2rem);font-weight:600;line-height:1.2;color:var(--brown-text);margin-bottom:5px;letter-spacing:.5px}.invitation-subtitle{font-family:var(--font-grimpt);font-size:clamp(1.6rem,4.5vw,2rem);font-weight:600;color:var(--brown-text);margin-top:0;letter-spacing:.5px}.event-info{padding:0 20px;margin:50px 0}.event-date{font-family:var(--font-grimpt);font-size:clamp(2rem,6vw,2rem);font-weight:600;text-align:center;color:var(--color-neutral);letter-spacing:1px}.dress-code-section{width:100%;margin:80px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2;position:relative}.pinoquio-img{width:60px;max-width:60px;height:auto;flex-shrink:0;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.15));padding-bottom:60px;transform:scaleX(-1)}.dress-code-content{flex:1;text-align:center}.dress-code-title{font-family:var(--font-grimpt);font-size:clamp(2rem,6vw,2rem);font-weight:600;color:var(--color-neutral);margin-bottom:20px;letter-spacing:.5px}.dress-code-text{font-family:var(--font-grimpt);font-size:clamp(1.3rem,6vw,1.3rem);font-weight:600;line-height:1.3;color:var(--brown-text);letter-spacing:.3px}.characters-section{position:relative;width:100%;margin-top:50px;padding:0 10px 20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px;align-items:end;min-height:300px}.grass-background{position:absolute;bottom:0;left:0;right:0;height:100px;display:flex;justify-content:space-between;align-items:flex-end;padding:0;z-index:10;pointer-events:none;overflow:visible}.grass-background img{position:absolute;width:35%;min-width:140px;max-width:200px;height:auto;bottom:0;opacity:.95;z-index:10}.grass-background img:nth-child(1){left:0%;z-index:12}.grass-background img:nth-child(2){left:25%;z-index:11;opacity:.9}.grass-background img:nth-child(3){right:25%;z-index:11;opacity:.9;transform:scaleX(-1)}.grass-background img:nth-child(4){right:0%;z-index:12;transform:scaleX(-1)}.shrek-family{grid-column:1;grid-row:1 / 3;width:150%;max-width:720px;height:auto;justify-self:start;align-self:end;margin-left:-10px;margin-bottom:-10px;z-index:8;filter:drop-shadow(3px 5px 8px rgba(0,0,0,.15))}.donkey-img{grid-column:2;grid-row:2;width:60%;max-width:80px;height:auto;justify-self:end;align-self:end;margin-right:10px;margin-bottom:-20px;z-index:15;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.15))}.gingerbread-img{grid-column:2;grid-row:1;width:clamp(55px,15vw,70px);height:auto;justify-self:center;align-self:end;z-index:9;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.12))}.button-section{display:flex;justify-content:center;align-items:center;gap:20px;margin:40px 0 30px;padding:0 20px;width:100%;z-index:5}.localization-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--shrek-green) 0%,var(--shrek-green-dark) 100%);color:#fff;padding:16px 24px;border-radius:50px;box-shadow:0 6px 20px #6b7a354d,0 2px 8px #0000001a;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.localization-button:hover{transform:scale(1.05);box-shadow:0 8px 25px #6b7a3566,0 3px 10px #00000026}.localization-button:active{transform:scale(.95)}.present-list-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--shrek-green) 0%,var(--shrek-green-dark) 100%);color:#fff;padding:16px 24px;border-radius:50px;box-shadow:0 6px 20px #6b7a354d,0 2px 8px #0000001a;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.present-list-button:hover{transform:scale(1.05);box-shadow:0 8px 25px #6b7a3566,0 3px 10px #00000026}.present-list-button:active{transform:scale(.95)}.castle-icon{width:32px;height:32px;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.15))}.button-section .rsvp-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--shrek-green) 0%,var(--shrek-green-dark) 100%);color:#fff;padding:16px 24px;font-family:var(--font-grimpt);font-size:clamp(1.5rem,4.5vw,1.8rem);font-weight:600;border-radius:50px;box-shadow:0 6px 20px #6b7a354d,0 2px 8px #0000001a;letter-spacing:.5px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;margin:0;width:auto}.button-section .rsvp-button:hover{box-shadow:0 8px 25px #6b7a3566,0 3px 10px #00000026;transform:scale(1.05)}.button-section .rsvp-button:active{transform:scale(.95)}.button-section .rsvp-button i{font-size:1.5rem}button.rsvp-button{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--shrek-green) 0%,var(--shrek-green-dark) 100%);color:#fff;padding:16px 40px;font-family:var(--font-grimpt);font-size:clamp(1.5rem,4.5vw,1.8rem);font-weight:600;border-radius:50px;box-shadow:0 6px 20px #6b7a354d,0 2px 8px #0000001a;margin:40px auto 30px;letter-spacing:.5px;z-index:5;width:fit-content}button.rsvp-button:hover{box-shadow:0 8px 25px #6b7a3566,0 3px 10px #00000026}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(2deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translateY(-12px) rotate(-2deg)}}@media(min-width:375px){.shrek-family{max-width:240px}.donkey-img{max-width:180px}.clouds-background img{max-width:150px}}@media(min-width:425px){.title-img{max-width:260px}.dragon-img{width:200px;margin-top:-90px}.fairy-img{width:90px}.shrek-family{max-width:260px}.donkey-img{max-width:200px}.clouds-background img{max-width:160px}}@media(min-width:481px){.home-container{box-shadow:0 0 30px #0000001a}}@media(max-width:375px){.pinoquio-img{width:90px;max-width:90px}.dress-code-section{gap:15px}}@media(min-width:425px){.pinoquio-img{width:80px;max-width:140px}}.rsvp-container{max-width:600px;margin:0 auto;padding:40px 20px;min-height:100vh}.rsvp-title{font-size:2.5rem;color:var(--shrek-green);text-align:center;margin-bottom:40px}.rsvp-form{background:#fff;padding:30px;border-radius:20px;box-shadow:0 4px 20px #0000001a}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:1.1rem;color:var(--brown-text);margin-bottom:8px;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:12px 15px;font-size:1rem;font-family:Pangolin,cursive;border:2px solid #ddd;border-radius:10px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--shrek-green)}.form-group textarea{resize:vertical;min-height:100px}.submit-button{width:100%;background:linear-gradient(135deg,#8b9556,#6b8e3d);color:#fff;padding:15px;font-size:1.3rem;border-radius:50px;box-shadow:0 4px 15px #0003;margin-top:10px;font-weight:700}.convidado-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.convidado-row input{flex:1;padding:12px 14px;border-radius:10px;border:2px solid #ddd;font-size:1rem;font-family:Pangolin,cursive;transition:border-color .2s}.remove-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0;border-radius:8px;border:2px solid rgba(231,76,60,.9);background:#fff;color:#e74c3ce6;cursor:pointer;font-size:1.1rem;line-height:1;transition:background-color .15s,color .15s,transform .08s}.remove-button:hover{background:#e74c3ce6;color:#fff;transform:translateY(-1px)}.add-button{display:inline-block;margin-top:6px;width:100%;background:transparent;border:2px dashed var(--shrek-green);color:var(--shrek-green);padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700;transition:background-color .15s,color .15s}.add-button:hover{background:var(--shrek-green);color:#fff;border-color:var(--shrek-green)}@media(max-width:480px){.convidado-row{gap:8px}.remove-button{min-width:34px;height:34px}}.remove-button:focus,.add-button:focus,.submit-button:focus,.form-group input:focus,.form-group textarea:focus{outline:3px solid rgba(107,142,61,.15);outline-offset:2px}.confirmation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center}.success-icon{font-size:5rem;margin-bottom:20px;animation:bounce 1s ease-in-out}.confirmation-title{font-size:2.5rem;color:var(--shrek-green);margin-bottom:20px}.confirmation-text{font-size:1.3rem;color:var(--brown-text);margin-bottom:15px}.confirmation-details{font-size:1.2rem;color:var(--brown-text);margin-bottom:30px;font-weight:700}.reminder{background:#8b95561a;padding:20px;border-radius:15px;margin-top:20px}.reminder p{font-size:1.1rem;color:var(--brown-text);margin:5px 0}.dress-code{font-size:1.3rem;font-weight:700}.back-button{margin-top:20px;background:var(--shrek-green);color:#fff;padding:15px 30px;font-size:1.1rem;border-radius:25px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.presentes-container{padding:20px;position:relative;background:linear-gradient(180deg,#e8f4ff,#fff 40%,#fff);min-height:100vh;display:flex;flex-direction:column;align-items:center;max-width:480px;margin:0 auto}.presentes-clouds-background{position:absolute;top:0;left:0;right:0;height:120px;display:flex;justify-content:center;align-items:flex-start;z-index:0;pointer-events:none}.presentes-clouds-background img{position:absolute;width:25%;min-width:200px;max-width:140px;height:auto;opacity:.75;filter:drop-shadow(0 2px 4px rgba(184,216,240,.3))}.presentes-clouds-background img:nth-child(1){left:0%;top:5px;z-index:6}.presentes-clouds-background img:nth-child(2){left:28%;top:5px;z-index:5;opacity:.8}.presentes-clouds-background img:nth-child(3){left:45%;top:5px;z-index:3;opacity:.7}.presentes-clouds-background img:nth-child(4){right:0%;top:5px;z-index:2;opacity:.75;transform:scaleX(-1)}.presentes-header-section{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:60px;margin-bottom:30px;z-index:2}.presentes-title-img{width:50%;max-width:180px;height:auto;margin-top:20px;margin-bottom:20px;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.1))}.presentes-back-button{background:var(--color-neutral);color:#fff;padding:10px 28px;font-family:var(--font-grimpt);font-size:1.1rem;font-weight:600;border-radius:50px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:transform .3s ease}.presentes-back-button:hover{transform:scale(1.05)}.presentes-content{width:100%;padding:0 20px;z-index:2;margin-bottom:40px}.presentes-intro{text-align:center;margin-bottom:30px}.presentes-main-title{font-family:var(--font-grimpt);font-size:clamp(2rem,6vw,2.5rem);font-weight:600;color:var(--color-primary);line-height:1.3;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.05)}.presentes-subtitle{font-family:var(--font-grimpt);font-size:clamp(1.4rem,4.5vw,1.7rem);color:var(--color-secondary);margin-bottom:8px}.presentes-subtitle-2{font-family:var(--font-grimpt);font-size:clamp(1.3rem,4vw,1.6rem);color:var(--color-secondary);margin-bottom:25px;font-weight:500}.presentes-message{text-align:center;margin:30px 0;padding:15px;border-radius:20px}.presentes-love-text{font-family:var(--font-grimpt);font-size:clamp(1.8rem,5.5vw,2.2rem);font-weight:700;color:var(--color-primary);letter-spacing:.5px}.presentes-list{display:flex;flex-direction:column;gap:20px;margin-top:30px}.presente-item{display:flex;align-items:center;gap:20px;background:#fff;padding:20px;border-radius:20px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.presente-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.presente-icon{font-size:3rem;min-width:60px;text-align:center}.presente-info h4{font-family:var(--font-grimpt);font-size:clamp(1.4rem,4vw,1.7rem);color:var(--color-primary);margin-bottom:5px;font-weight:600}.presente-info p{font-family:var(--font-grimpt);font-size:clamp(1.1rem,3.5vw,1.3rem);color:var(--color-secondary);margin:0}.presentes-characters-section{position:relative;width:100%;margin-top:50px;padding:0 10px 20px;display:flex;justify-content:center;align-items:flex-end;min-height:200px}.presentes-three-pig{width:70%;max-width:200px;height:auto;z-index:4;filter:drop-shadow(3px 5px 8px rgba(0,0,0,.15))}.presentes-grass-background{position:absolute;bottom:0;left:0;right:0;height:100px;display:flex;justify-content:space-between;align-items:flex-end;padding:0;z-index:10;pointer-events:none;overflow:visible}.presentes-grass-background img{position:absolute;width:35%;min-width:140px;max-width:200px;height:auto;bottom:0;opacity:.95;z-index:10}.presentes-grass-background img:nth-child(1){left:0;z-index:12}.presentes-grass-background img:nth-child(2){left:25%;z-index:11;opacity:.9}.presentes-grass-background img:nth-child(3){right:25%;z-index:11;opacity:.9;transform:scaleX(-1)}.presentes-grass-background img:nth-child(4){right:0%;z-index:12;transform:scaleX(-1)}@media(min-width:375px){.presentes-three-pig{max-width:200px}}@media(min-width:425px){.presentes-title-img,.presentes-three-pig{max-width:200px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #8b9b44;--color-primary-dark: #73822e;--color-primary-light: #a3b55e;--color-secondary: #705135;--color-secondary-dark: #5a4028;--color-secondary-light: #8a6a4f;--color-neutral: #918e8c;--color-neutral-light: #c4c2c0;--color-neutral-dark: #6b6967;--sky-blue: #E8F4FF;--cloud-blue: #B8D8F0;--grass-green: #8FBC3F;--font-grimpt: "Dynalight", cursive;--font-caveat: "Caveat", cursive;--font-londrina: "Londrina Solid", cursive;--shrek-green: var(--color-primary);--shrek-green-dark: var(--color-primary-dark);--brown-text: var(--color-secondary);--brown-dark: var(--color-secondary-dark)}body{font-family:var(--font-grimpt);font-weight:800;font-style:normal;background:linear-gradient(180deg,#fafcff,#fff);color:var(--color-secondary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:#fff}button{font-family:var(--font-grimpt);cursor:pointer;border:none;transition:transform .3s ease}button:hover{transform:scale(1.05)}button:active{transform:scale(.95)}