@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap";:root{--color-primary: #E63946;--color-primary-hover: #D32F3D;--color-primary-light: #FFB5C2;--color-primary-soft: rgba(230, 57, 70, .1);--color-bg-main: #FFFFFF;--color-bg-subtle: #F8F9FA;--color-bg-card: #FFFFFF;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-border-focus: #E63946;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-text-inverse: #FFFFFF;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .12);--shadow-cta: 0 10px 30px rgba(230, 57, 70, .25);--shadow-cta-hover: 0 14px 40px rgba(230, 57, 70, .35);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-body: "Inter", "Figtree", system-ui, -apple-system, sans-serif;--font-display: "Figtree", "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--color-dark-bg: #1A1A1A;--color-dark-bg-elevated: #2A2A2A;--color-dark-surface: #121212;--color-dark-surface-hover: #1F1F1F;--color-dark-border: #333333;--color-dark-border-subtle: #252525;--color-spotify-green: #1DB954;--color-spotify-green-hover: #1ED760;--shadow-sticky-footer: 0 -10px 30px rgba(0, 0, 0, .05);--shadow-dark-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow-primary: 0 0 20px rgba(230, 57, 70, .3);--shadow-glow-white: 0 0 20px rgba(255, 255, 255, .1)}[data-theme=dark]{--color-bg-main: #111111;--color-bg-subtle: #1A1A1A;--color-bg-card: #222222;--color-border: #333333;--color-border-light: #2A2A2A;--color-text-primary: #FFFFFF;--color-text-secondary: #A1A1AA;--color-text-muted: #71717A}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-elevated{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-interactive{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer}.card-interactive:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-weight:600;box-shadow:var(--shadow-cta);transition:all var(--transition-base)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-cta-hover);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--color-bg-subtle);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-weight:500;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--color-bg-card);border-color:var(--color-primary);color:var(--color-primary)}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.section-header-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary)}.section-header-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.animate-shake{animation:shake .4s ease-in-out}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 3s infinite}:root{--master-bg-dark: #0A0A0A;--master-bg-light: #FFFDF7;--master-accent: #E63946;--master-text-dark: #1A1A1A;--master-text-muted: #666666;--master-groove-color: rgba(255, 255, 255, .05);--vinyl-top: 55%;--vinyl-size: 90vw;--vinyl-max-width: 300px}.hero-master-container{width:100vw;height:100vh;height:100svh;display:flex;flex-direction:column;touch-action:pan-y;overscroll-behavior-y:none;background-color:var(--master-bg-light);position:relative}.master-header{position:absolute;top:16px;left:0;right:0;width:100%;padding:3px 10px;display:flex;justify-content:center;align-items:center;z-index:1000;box-shadow:0 4px 30px #0000001a}.mute-toggle-btn{position:absolute;right:20px;background:none;border:none;color:#fff9;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001}.mute-toggle-btn:hover{color:#fff;transform:scale(1.05)}.master-logo{display:flex;align-items:center}.header-icon{color:#fff;filter:drop-shadow(0 1px 6px rgba(0,0,0,.5))}.hero-infinity-space{height:60vh;height:60svh;width:100%;background-color:var(--master-bg-dark);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.hero-infinity-space .orbit-memories-layer,.hero-infinity-space .vinyl-center-video{transition:filter 1.8s cubic-bezier(.25,.46,.45,.94)}.hero-infinity-space:not(.awakened) .orbit-memories-layer{filter:saturate(.3) brightness(.6)}.hero-infinity-space:not(.awakened) .vinyl-center-video{filter:saturate(.4) brightness(.5)}.hero-infinity-space.awakened .orbit-memories-layer{filter:saturate(1) brightness(.7)}.hero-infinity-space.awakened .vinyl-center-video{filter:saturate(.85) brightness(1)}.hero-dormant-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;background:radial-gradient(circle at 50% var(--vinyl-top),rgba(0,0,0,.25) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.7) 100%);pointer-events:none;transition:opacity 2s cubic-bezier(.25,.46,.45,.94);opacity:1}.hero-dormant-veil.revealed{opacity:0}.vinyl-background-grid{position:absolute;top:var(--vinyl-top);left:50%;transform:translate(-50%,-50%);width:var(--vinyl-size);max-width:var(--vinyl-max-width);aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:1}.vinyl-protagonist-layer{position:absolute;top:var(--vinyl-top);left:50%;transform:translate(-50%,-50%);width:var(--vinyl-size);max-width:var(--vinyl-max-width);aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;z-index:150;pointer-events:none}.vinyl-center-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#fff6;z-index:1}.vinyl-center-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44.2%;height:44.2%;border-radius:50%;border:2px solid rgba(255,255,255,.8);border-top-color:#ffffff80;border-bottom-color:#ffffff80;animation:spinVinyl 30s linear infinite;z-index:101}.vinyl-center-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44%;height:44%;border-radius:50%;object-fit:cover;z-index:100;filter:saturate(.85) brightness(.9);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 72%,rgba(0,0,0,.8) 86%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle,#000 72%,#000c,#0000)}.vinyl-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44%;height:44%;border-radius:50%;z-index:200;overflow:hidden;background:conic-gradient(from 0deg,#3c3c46e6,#b4b4beb3,#5a5a64d9,#c8c8d299,#32323ce6,#aaaab4a6,#50505ad9,#bebec88c,#3c3c46e6 360deg);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 12px #ffffff40,inset 0 -4px 12px #0006,0 0 40px #00000080,0 0 0 1px #ffffff14;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .4s cubic-bezier(.25,.46,.45,.94);pointer-events:all}.play-btn-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 140deg,rgba(255,255,255,.35) 170deg,rgba(255,255,255,.5) 180deg,rgba(255,255,255,.35) 190deg,transparent 220deg,transparent 360deg);animation:shineSweep 30s linear infinite;pointer-events:none}.play-btn-ring{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 2px 6px #ffffff1f,inset 0 -2px 6px #0003;pointer-events:none}.play-btn-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:4px;pointer-events:none}.play-btn-content svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.5)) drop-shadow(0 -1px 0 rgba(0,0,0,.4)) drop-shadow(1px 0 0 rgba(0,0,0,.15))}.play-btn-label{font-family:Inter,sans-serif;font-size:13px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:#fffffff2;text-shadow:0 1px 0 rgba(255,255,255,.4),0 -1px 1px rgba(0,0,0,.6)}.vinyl-play-btn:hover{box-shadow:inset 0 4px 16px #ffffff59,inset 0 -4px 12px #0000004d,0 0 50px #ffffff14,0 0 0 1px #ffffff26;transform:translate(-50%,-50%) scale(1.04)}.vinyl-play-btn:hover .play-btn-shine{animation-duration:2.5s}.vinyl-play-btn:hover .play-btn-label{color:#fff}.vinyl-play-btn:active{transform:translate(-50%,-50%) scale(.96);box-shadow:inset 0 4px 20px #00000080,0 2px 10px #0000004d}@keyframes shineSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinVinyl{0%{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(405deg)}}.vinyl-groove{position:absolute;border-radius:50%;top:50%;left:50%;border:1px solid rgba(255,255,255,.12);border-top-color:#ffffff59;border-bottom-color:#ffffff59;border-left-color:#ffffff1f;border-right-color:#ffffff1f;animation:spinVinyl 30s linear infinite;animation-delay:0s;z-index:1;pointer-events:none}.groove-1{width:64%;height:64%}.groove-2{width:74%;height:74%}.groove-3{width:84%;height:84%}.space-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 80px;opacity:1;pointer-events:none;z-index:0}.orbit-memories-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.memory-orb{position:absolute;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg));will-change:transform,opacity;pointer-events:none}.orb-image{width:100%;height:auto;display:block;object-fit:contain;--light-angle: 0px;--light-intensity: 1;filter:drop-shadow(var(--light-angle) 12px 15px rgba(0,0,0,.45)) drop-shadow(0 2px 4px rgba(0,0,0,.6)) brightness(var(--light-intensity));transition:filter .5s ease-out}.depth-back{opacity:1;animation:floatBack 36s ease-in-out infinite}.depth-back .orb-image{filter:drop-shadow(var(--light-angle) 6px 8px rgba(0,0,0,.35)) drop-shadow(0 1px 2px rgba(0,0,0,.5)) blur(1.5px) brightness(calc(var(--light-intensity) * .85))}.depth-mid{opacity:1;animation:floatMid 24s ease-in-out infinite}.depth-front{opacity:1;animation:floatFront 18s ease-in-out infinite}.depth-front .orb-image{filter:drop-shadow(calc(var(--light-angle) * 1.5) 20px 25px rgba(0,0,0,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.7)) brightness(var(--light-intensity))}@keyframes floatBack{0%{--light-angle: -2px;--light-intensity: .95;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg)) translate(0)}25%{--light-angle: 2px;--light-intensity: 1.05;transform:translate(-50%,-50%) rotate(calc(var(--initial-rotation, 0deg) + 1deg)) translate(3px,-5px)}50%{--light-angle: 4px;--light-intensity: 1;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg)) translate(-2px,3px)}75%{--light-angle: -3px;--light-intensity: .9;transform:translate(-50%,-50%) rotate(calc(var(--initial-rotation, 0deg) - 1deg)) translate(4px,2px)}to{--light-angle: -2px;--light-intensity: .95;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg)) translate(0)}}@keyframes floatMid{0%{--light-angle: 3px;--light-intensity: 1;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg)) translate(0)}20%{--light-angle: -4px;--light-intensity: .95;transform:translate(-50%,-50%) rotate(calc(var(--initial-rotation, 0deg) + 1.5deg)) translate(-5px,4px)}40%{--light-angle: -1px;--light-intensity: 1.05;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg)) translate(4px,-6px)}60%{--light-angle: 5px;--light-intensity: 1;transform:translate(-50%,-50%) rotate(calc(var(--initial-rotation, 0deg) - 1deg)) translate(-3px,-2px)}80%{--light-angle: 0px;--light-intensity: .9;transform:translate(-50%,-50%) rotate(calc(var(--initial-rotation, 0deg) + .5deg)) translate(5px,3px)}to{--light-angle: 3px;--light-intensity: 1;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg)) translate(0)}}@keyframes floatFront{0%{--light-angle: -5px;--light-intensity: .98;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg)) translate(0)}15%{--light-angle: 6px;--light-intensity: 1;transform:translate(-50%,-50%) rotate(calc(var(--initial-rotation, 0deg) - 1.5deg)) translate(7px,-3px)}35%{--light-angle: 2px;--light-intensity: 1.02;transform:translate(-50%,-50%) rotate(calc(var(--initial-rotation, 0deg) + 1deg)) translate(-5px,6px)}55%{--light-angle: -7px;--light-intensity: .98;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg)) translate(2px,-7px)}75%{--light-angle: -2px;--light-intensity: 1.01;transform:translate(-50%,-50%) rotate(calc(var(--initial-rotation, 0deg) - .5deg)) translate(-6px,2px)}to{--light-angle: -5px;--light-intensity: .98;transform:translate(-50%,-50%) rotate(var(--initial-rotation, 0deg)) translate(0)}}.vinyl-foreground-outline{position:absolute;top:var(--vinyl-top);left:50%;transform:translate(-50%,-50%);width:var(--vinyl-size);max-width:var(--vinyl-max-width);aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:2}.outline-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.8);box-shadow:none}.hero-message-area{min-height:40vh;min-height:40dvh;width:100%;background-color:var(--master-bg-light);display:flex;flex-direction:column;justify-content:flex-start;padding:20px 24px 48px;position:relative;z-index:20;border-top-left-radius:20px;border-top-right-radius:20px;margin-top:-20px;box-shadow:0 -4px 30px #0000000d}.message-content{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.badge-pill{display:inline-flex;align-items:center;gap:6px;background:#0000000d;padding:6px 12px;border-radius:100px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:var(--master-text-muted);width:fit-content;text-transform:uppercase;letter-spacing:.5px}.master-title{font-family:Playfair Display,serif;font-size:clamp(30px,6vw,48px);line-height:1.1;font-weight:600;color:var(--master-text-dark);margin:0;letter-spacing:-.5px}.text-highlight{font-style:normal;font-weight:600;color:#1a1a1a;position:relative}.text-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--master-text-muted);border-radius:2px}.master-subtitle{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:var(--master-text-muted);margin:0;font-weight:400}.primary-cta-button{background:linear-gradient(to bottom,#ee4e58,#de3241);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:16px 28px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:8px;box-shadow:inset 0 1px #ffffff26,0 4px 14px #00000026;transition:all .3s ease;position:relative;overflow:hidden}.primary-cta-button:after{content:"";position:absolute;top:0;left:-200%;width:75%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);animation:shineLoop 5s infinite ease-in-out;pointer-events:none}@keyframes shineLoop{0%{left:-150%}45%{left:150%}to{left:150%}}.primary-cta-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 8px 24px #0003}.primary-cta-button:active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 4px #00000026,0 2px 4px #0000001a}.social-proof-micro{display:flex;align-items:center;gap:12px;margin-top:8px;font-family:Inter,sans-serif;font-size:12px;color:var(--master-text-muted)}.avatars{display:flex}.avatars img{width:24px;height:24px;border-radius:50%;border:2px solid var(--master-bg-light);margin-left:-8px}.avatars img:first-child{margin-left:0}@media(min-width:768px){.hero-master-container{flex-direction:row}.hero-infinity-space{width:60vw;flex-shrink:0;height:100vh}.space-fade-to-bottom{bottom:auto;right:0;width:150px;height:100%;background:linear-gradient(to right,transparent,var(--master-bg-light))}.hero-message-area{flex:1;min-width:0;box-sizing:border-box;height:100vh;padding:0 40px;justify-content:center;margin-top:0;border-radius:0}.message-content{max-width:100%}.master-title{font-size:clamp(36px,4vw,56px)}.master-subtitle{font-size:16px}}.occasion-selector-section{width:100%;background-color:var(--master-bg-light);padding:40px 24px;display:flex;flex-direction:column;align-items:center;position:relative}.occasion-selector-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:#0000000d;border-radius:4px}.occasion-header{text-align:center;max-width:500px;margin-bottom:24px}.occasion-header h2{font-family:Inter,sans-serif;font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 8px;line-height:1.1;letter-spacing:-.5px}.occasion-header p{font-family:Inter,sans-serif;font-size:15px;color:#666;margin:0;line-height:1.5}.occasion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:800px}@media(min-width:768px){.occasion-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.occasion-card{position:relative;border-radius:16px;aspect-ratio:4 / 4.2;overflow:hidden;cursor:pointer;box-shadow:0 4px 15px #0000000d;display:flex;align-items:flex-end;padding:20px 16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.occasion-card:hover{box-shadow:0 8px 25px #0000001a}.occasion-label{position:relative;z-index:2;color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.4)}.mesh-pareja{background-color:#7b6f5d;background-image:radial-gradient(circle at 10% 20%,#a29175 0%,transparent 60%),radial-gradient(circle at 80% 80%,#544b3f 0%,transparent 60%),radial-gradient(circle at 50% 50%,#d4c1a3 0%,transparent 40%)}.mesh-boda{background-color:#6d7b6b;background-image:radial-gradient(circle at 80% 10%,#8a9e86 0%,transparent 50%),radial-gradient(circle at 20% 90%,#4f5a4d 0%,transparent 60%),radial-gradient(circle at 50% 40%,#a6baa1 0%,transparent 35%)}.mesh-padres{background-color:#9c6c40;background-image:radial-gradient(circle at 20% 20%,#c48c5a 0%,transparent 50%),radial-gradient(circle at 90% 80%,#6e4827 0%,transparent 60%),radial-gradient(circle at 60% 40%,#e6aa73 0%,transparent 40%)}.mesh-bebes{background-color:#7d6b56;background-image:radial-gradient(circle at 80% 30%,#9e8971 0%,transparent 55%),radial-gradient(circle at 10% 80%,#524436 0%,transparent 60%),radial-gradient(circle at 40% 60%,#c2ac91 0%,transparent 40%)}.mesh-despedidas{background-color:#8c6056;background-image:radial-gradient(circle at 10% 10%,#ad7b70 0%,transparent 50%),radial-gradient(circle at 80% 90%,#5c3c34 0%,transparent 60%),radial-gradient(circle at 50% 50%,#d19a8e 0%,transparent 45%)}.mesh-cumpleanos{background-color:#8f8a5a;background-image:radial-gradient(circle at 90% 10%,#b3ad73 0%,transparent 50%),radial-gradient(circle at 20% 80%,#615d3a 0%,transparent 60%),radial-gradient(circle at 40% 40%,#dcd696 0%,transparent 40%)}