body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{background:linear-gradient(135deg,#fff5f7,#f3e7f9 50%,#e0e7ff);min-height:100vh;overflow-x:hidden;position:relative}.section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.hearts-container{inset:0;pointer-events:none;position:fixed;z-index:9999}.floating-heart{fill:currentColor;animation:floatUp 2s ease-out forwards;color:#fb7185;opacity:.6;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:.8}to{opacity:0;transform:translateY(-100vh) scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes spin{to{transform:rotate(1turn)}}.hero-content{max-width:800px;text-align:center}.sparkles-container{margin-bottom:2rem;position:relative}.sparkles-icon{height:80px;margin:0 auto;width:80px}.sparkles-icon,.sparkles-icon-sm{animation:pulse 2s infinite;color:#a855f7}.sparkles-icon-sm{height:64px;margin:0 auto 1rem;width:64px}.sparkles-glow{animation:pulse 2s infinite;background:#d8b4fe;filter:blur(60px);inset:0;opacity:.3;position:absolute}.hero-title{-webkit-text-fill-color:#0000;animation:pulse 3s infinite;background:linear-gradient(135deg,#9333ea,#ec4899 50%,#f43f5e);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,10vw,6rem);font-weight:800;margin-bottom:1.5rem}.hero-name{color:#1f2937;font-size:clamp(2rem,5vw,3rem);font-weight:600;margin-bottom:1rem}.hero-subtitle{color:#4b5563;font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:1rem}.hero-count{color:#6b7280;font-size:1.125rem;margin-bottom:2rem}.hearts-row{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.heart-icon{fill:currentColor;animation:pulse 2s infinite;height:32px;width:32px}.heart-icon.delay-0{animation-delay:0s;color:#f43f5e}.heart-icon.delay-1{animation-delay:.2s;color:#ec4899}.heart-icon.delay-2{animation-delay:.4s;color:#a855f7}.hint-text{color:#9ca3af;font-size:.875rem;margin-top:1.5rem}.btn-primary{background:linear-gradient(135deg,#a855f7,#ec4899 50%,#f43f5e);border:none;border-radius:9999px;box-shadow:0 10px 25px -5px #a855f766;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1.25rem 2.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 20px 40px -5px #a855f799;transform:scale(1.1)}.btn-nav{align-items:center;background:#fff;border:none;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a;color:#9333ea;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-nav:hover{box-shadow:0 10px 15px -3px #0003;transform:scale(1.05)}.btn-next{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.btn-heart{background:none;border:none;color:#f43f5e;cursor:pointer;padding:0;transition:all .3s ease}.btn-heart:hover{transform:scale(1.25)}.btn-upload{align-items:center;background:#fff;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a;color:#9333ea;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-upload:hover{box-shadow:0 10px 15px -3px #0003;transform:scale(1.05)}.photo-section{padding:1rem}.photo-container{max-width:1400px;width:100%}.photo-card{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;overflow:hidden;transition:all .5s ease}.photo-card:hover{box-shadow:0 25px 50px -12px #a855f74d}.photo-grid{display:grid;grid-template-columns:1fr}@media (min-width:768px){.photo-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}}.photo-column{display:flex;flex-direction:column;position:relative}.photo-wrapper{background:#1a1a1a;flex-shrink:0;height:600px;overflow:hidden;position:relative}.loading-spinner,.photo-wrapper{align-items:center;display:flex;justify-content:center}.loading-spinner{inset:0;position:absolute;z-index:10}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#a855f7;height:48px;width:48px}.photo-img{background:#0000;display:block;height:auto;max-height:100%;max-width:100%;min-height:85%;min-width:85%;object-fit:contain;object-position:center;opacity:0;transform:scale(.95);transition:all .7s ease;width:auto}.photo-img.loaded{opacity:1;transform:scale(1)}.photo-nav-overlay{align-items:center;background:linear-gradient(90deg,#0000004d,#0000,#0000004d);display:flex;inset:0;justify-content:space-between;opacity:0;padding:1rem;position:absolute;transition:opacity .3s ease;z-index:20}.photo-nav-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#9333ea;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.photo-nav-btn:hover{background:#fff;box-shadow:0 6px 12px #0003;transform:scale(1.1)}.photo-count-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:9999px;box-shadow:0 4px 6px #0000001a;color:#9333ea;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;z-index:30}.thumbnails-container{background:#f9fafb;display:flex;flex-shrink:0;gap:.5rem;max-height:120px;overflow-x:auto;padding:1rem}.thumbnails-container::-webkit-scrollbar{height:6px}.thumbnails-container::-webkit-scrollbar-track{background:#e5e7eb;border-radius:3px}.thumbnails-container::-webkit-scrollbar-thumb{background:#a855f7;border-radius:3px}.thumbnail{background:none;border:3px solid #0000;border-radius:.5rem;cursor:pointer;flex-shrink:0;height:70px;opacity:.6;overflow:hidden;padding:0;transition:all .3s ease;width:70px}.thumbnail:hover{opacity:.9;transform:scale(1.05)}.thumbnail.active{border-color:#a855f7;box-shadow:0 0 0 4px #a855f733;opacity:1;transform:scale(1.05)}.thumbnail img{background:#f3f4f6;height:100%;object-fit:contain;width:100%}.text-column{background:linear-gradient(135deg,#faf5ff,#fce7f3);display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:600px;padding:2.5rem}@media (min-width:768px){.text-column{min-height:600px;padding:1rem}}.recuerdo-titulo{color:#9333ea;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.quote-mark{color:#e9d5ff;font-family:Georgia,serif;font-size:6rem;line-height:.5;margin-bottom:1.5rem}.photo-text{font-size:.9rem;line-height:1.45;white-space:pre-line}@media (min-width:768px){.photo-text{font-size:1rem}}.photo-info{margin-top:auto}.info-row{justify-content:space-between;margin-bottom:1rem}.info-row,.photo-counter{align-items:center;display:flex}.photo-counter{color:#9333ea;font-weight:600;gap:.5rem}.progress-bar{background:#e5e7eb;border-radius:9999px;height:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#a855f7,#ec4899 50%,#f43f5e);border-radius:9999px;height:100%;transition:width .5s ease}.navigation{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:2rem}.mini-gallery,.navigation{align-items:center;display:flex}.mini-gallery{gap:.75rem}.section-dot{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.section-dot:hover{background:#9ca3af;transform:scale(1.2)}.section-dot.active{background:#a855f7;border-radius:9999px;width:32px}.navigation-hint{color:#6b7280;font-size:.875rem;margin-top:1rem;text-align:center;width:100%}.special-container{max-width:1200px;width:100%}.special-header{margin-bottom:2rem;text-align:center}.special-title{color:#1f2937;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.special-subtitle{color:#6b7280;font-size:1.25rem}.special-card{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;padding:2rem}@media (min-width:768px){.special-card{padding:3rem}}.special-grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem}@media (min-width:768px){.special-grid{grid-template-columns:1fr 1fr}}.special-photo-wrapper{position:relative}.special-photo{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#faf5ff,#fce7f3);border-radius:1rem;display:flex;justify-content:center;overflow:hidden}.special-photo img{background:#faf5ff;height:100%;object-fit:contain;object-position:center;width:100%}.upload-overlay{align-items:center;background:#00000080;border-radius:1rem;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s ease}.special-photo-wrapper:hover .upload-overlay{opacity:1}.special-thumbnails{display:flex;gap:.5rem;margin-top:1rem;overflow-x:auto;padding-bottom:.5rem}.special-text{padding:1rem 0}.special-frase{color:#374151;font-size:1.5rem;line-height:1.8;margin-bottom:1.5rem}.special-badge{align-items:center;color:#9333ea;display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.special-hint{color:#6b7280;font-size:.875rem;font-style:italic}.special-navigation{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.final-content{max-width:900px;text-align:center}.final-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,4rem);font-weight:700;margin-bottom:2rem}.final-message{color:#374151;font-size:1.5rem;line-height:1.8;margin-bottom:1.5rem}.final-stats{color:#6b7280;font-size:1.25rem;margin-bottom:2rem}.final-hearts{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.final-heart{fill:currentColor;animation:pulse 2s infinite;color:#f43f5e;height:40px;width:40px}.icon-sm{height:20px;width:20px}.icon-md{height:28px;width:28px}.heart-fill{fill:currentColor}.heart-pulse{animation:pulse 2s infinite}@media (max-width:768px){.section{padding:1rem}.navigation{flex-direction:column}.btn-nav{justify-content:center;width:100%}.mini-gallery{order:-1}.photo-wrapper{height:400px}}
/*# sourceMappingURL=main.f2607396.css.map*/