:root{--dark:#151009;--dark2:#1f1710;--dark3:#2a1f14;--gold:#c9a227;--gold-light:#e6c765;--gold-dim:#c9a22759;--parchment:#ede2c8;--cream-dim:#ede2c8ad;--cream-faint:#ede2c866;--accent:var(--gold);--accent-light:var(--gold-light);--nav-h:70px;--disc:clamp(180px, 30vw, 420px);--maxw:1180px;--pad:32px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark);color:var(--parchment);font-family:Barlow Semi Condensed,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--gold);color:var(--dark)}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:.5px;font-family:Rye,serif;font-weight:400;line-height:1.15}.wrap{width:100%;max-width:var(--maxw);padding:0 var(--pad);margin:0 auto}section{scroll-margin-top:var(--nav-h);position:relative}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--accent-light);align-items:center;gap:10px;margin-bottom:16px;font-family:Space Mono,monospace;font-size:clamp(.6rem,1.4vw,.72rem);display:inline-flex}.eyebrow:before{content:"";background:var(--accent-light);width:22px;height:1px}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(26px)}.reveal.in-view{opacity:1;transform:translateY(0)}.d1.in-view{transition-delay:.1s}.d2.in-view{transition-delay:.2s}.d3.in-view{transition-delay:.3s}.btn{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--gold);cursor:pointer;border-radius:100px;align-items:center;gap:8px;padding:13px 26px;font-family:Space Mono,monospace;font-size:clamp(.68rem,1.3vw,.78rem);transition:transform .25s,box-shadow .25s,background .25s,color .25s;display:inline-flex}.btn-solid{background:var(--gold);color:var(--dark)}.btn-solid:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px #c9a22799}.btn-ghost{color:var(--parchment);background:0 0;border-color:#ede2c859}.btn-ghost:hover{border-color:var(--gold-light);color:var(--gold-light);transform:translateY(-2px)}.nav{z-index:500;height:var(--nav-h);padding:0 var(--pad);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151009b8;border-bottom:1px solid #c9a22724;justify-content:space-between;align-items:center;transition:background .35s,border-color .35s;display:flex;position:sticky;top:0;left:0;right:0}.nav.scrolled{background:#151009f0;border-bottom-color:#c9a22738}.logo{height:calc(var(--nav-h) - 16px);align-items:center;display:flex}.logo img{width:auto;height:100%;display:block}.nav-links{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;gap:clamp(14px,2.4vw,32px);display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{letter-spacing:.06em;text-transform:uppercase;color:var(--cream-dim);white-space:nowrap;flex-shrink:0;font-family:Space Mono,monospace;font-size:clamp(.62rem,1.4vw,.78rem);transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--gold-light);width:0;height:1px;transition:width .25s;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:var(--parchment)}.nav-links a:hover:after{width:100%}.nav-links a.btn{padding:9px clamp(14px,2vw,22px);font-size:clamp(.6rem,1.2vw,.72rem)}.nav-links a.btn-solid,.nav-links a.btn-solid:hover{color:var(--dark);box-shadow:none;transform:none}.nav-links a.btn-solid:hover{background:var(--gold-light)}.nav-links a.btn:after{display:none}.link-login{border-left:1px solid #ede2c82e;padding-left:clamp(14px,2.4vw,24px)}.lbl-short{display:none}#hero{min-height:calc(100svh - var(--nav-h));background:radial-gradient(ellipse 60% 50% at 78% 30%, #c9a22724, transparent 60%), radial-gradient(ellipse 50% 60% at 10% 80%, #8c1f2b1f, transparent 60%), var(--dark);align-items:center;padding-top:24px;padding-bottom:40px;display:flex;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;width:100%;display:grid}.hero-copy h1{color:var(--parchment);text-shadow:0 2px 24px #c9a22726;font-size:clamp(2rem,5.4vw,4.6rem)}.hero-copy h1 .gold-word{color:var(--gold-light)}.hero-copy p.sub{color:var(--cream-dim);max-width:540px;margin:20px 0 30px;font-size:clamp(.95rem,1.7vw,1.32rem);line-height:1.5}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.embers{pointer-events:none;position:absolute;inset:0}.ember{background:var(--gold-light);opacity:.7;border-radius:50%;width:3px;height:3px;animation:linear infinite float-up;position:absolute;bottom:-10px}@keyframes float-up{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.8}to{transform:translateY(-480px) translateX(var(--drift,20px));opacity:0}}.vinyl-stage{width:var(--disc);height:var(--disc);position:relative}.vinyl{z-index:1;background:repeating-radial-gradient(circle,#0c0906 0 2px,#1a140d 3px 4px);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:9s linear infinite spin;display:flex;position:relative;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #c9a22714}@keyframes spin{to{transform:rotate(360deg)}}.vinyl-label{background:radial-gradient(circle at 40% 35%, var(--accent-light), var(--accent) 65%, #6d550f 100%);border-radius:50%;justify-content:center;align-items:center;width:39%;height:39%;display:flex;position:relative;box-shadow:inset 0 0 0 2px #00000040,inset 0 0 20px #0003}.vinyl-label span{font-family:Rye,serif;font-size:calc(var(--disc) * .043);letter-spacing:.08em;color:var(--dark);text-align:center;text-transform:uppercase;line-height:1.3}.vinyl-label:after{content:"";background:var(--dark);border-radius:50%;width:6%;min-width:6px;height:6%;min-height:6px;position:absolute}.tonearm{z-index:2;top:calc(var(--disc) * -.045);right:calc(var(--disc) * .07);width:calc(var(--disc) * .04);height:calc(var(--disc) * .5);transform-origin:top;transition:transform 1.4s cubic-bezier(.34,1.56,.64,1) .6s;position:absolute;transform:rotate(-38deg)}.tonearm.dropped{transform:rotate(-6deg)}.tonearm-body{width:calc(var(--disc) * .021);background:linear-gradient(180deg, var(--gold-light), var(--gold) 60%, #7a5f18);border-radius:6px;height:100%;margin:0 auto;box-shadow:0 6px 16px #0006}.tonearm-pivot{width:calc(var(--disc) * .065);height:calc(var(--disc) * .065);left:50%;top:calc(var(--disc) * -.032);background:var(--dark3);box-shadow:0 0 0 2px var(--gold-dim);border-radius:50%;position:absolute;transform:translate(-50%)}.tonearm-head{left:50%;bottom:calc(var(--disc) * -.01);width:calc(var(--disc) * .05);height:calc(var(--disc) * .036);background:var(--dark3);box-shadow:0 0 0 1px var(--gold-dim);border-radius:3px;position:absolute;transform:translate(-50%)}.section-head{max-width:660px;margin-bottom:52px}.section-head h2{color:var(--parchment);font-size:clamp(1.6rem,3.2vw,2.7rem)}.section-head p{color:var(--cream-dim);margin-top:16px;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.55}#que-hacemos{border-top:1px solid #c9a2271f;padding:clamp(70px,10vw,120px) 0}.qh-grid{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.qh-text p{color:var(--cream-dim);font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.7}.feature-item{border-bottom:1px solid #ede2c81a;gap:18px;padding:22px 0;display:flex}.feature-item:first-child{border-top:1px solid #ede2c81a}.feature-icon{border:1px solid var(--gold-dim);width:42px;height:42px;color:var(--gold-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-item h4{margin-bottom:4px;font-family:Barlow Semi Condensed;font-size:1.06rem;font-weight:700}.feature-item p{color:var(--cream-dim);font-size:.97rem;line-height:1.5}#generos{background:linear-gradient(180deg, var(--dark) 0%, var(--dark2) 100%);border-top:1px solid #c9a2271f;padding:clamp(70px,10vw,110px) 0}.genre-tabs{flex-wrap:wrap;gap:12px;margin-bottom:44px;display:flex}.genre-tab{letter-spacing:.02em;color:var(--cream-dim);cursor:pointer;background:0 0;border:1px solid #ede2c82e;border-radius:100px;align-items:center;gap:9px;padding:12px 20px;font-family:Space Mono,monospace;font-size:.78rem;transition:all .3s;display:flex}.genre-tab .swatch{background:var(--tab-color);border-radius:50%;flex-shrink:0;width:9px;height:9px}.genre-tab:hover{border-color:var(--tab-color);color:var(--parchment)}.genre-tab.active{background:var(--tab-color);border-color:var(--tab-color);color:var(--dark);font-weight:700}.genre-tab.active .swatch{background:var(--dark)}.player-card{background:#ffffff05;border:1px solid #ede2c81a;border-radius:24px;grid-template-columns:220px 1fr;align-items:center;gap:44px;padding:44px;display:grid;position:relative;overflow:hidden}.player-card:before{content:"";pointer-events:none;opacity:.5;background:radial-gradient(circle at 0% 0%, var(--accent-fade,transparent), transparent 55%);transition:background .6s;position:absolute;inset:0}.player-vinyl-wrap{justify-content:center;align-items:center;display:flex}.player-vinyl{background:repeating-radial-gradient(circle,#0c0906 0 1.6px,#1a140d 2.6px 3.6px);border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;animation:6s linear infinite paused spin;display:flex;box-shadow:0 20px 40px -15px #0009}.player-vinyl.playing{animation-play-state:running}.player-vinyl-label{background:var(--accent);border-radius:50%;width:64px;height:64px;transition:background .5s;box-shadow:inset 0 0 0 2px #00000040}.player-info .kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-light);margin-bottom:8px;font-family:Space Mono,monospace;font-size:.66rem;transition:color .5s;display:block}.player-info h3{margin-bottom:12px;font-size:clamp(1.4rem,2.6vw,1.9rem)}.player-info p.desc{color:var(--cream-dim);max-width:460px;margin-bottom:24px;font-size:1.03rem;line-height:1.55}.player-controls{align-items:center;gap:18px;display:flex}.play-btn{background:var(--accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:background .5s,transform .2s;display:flex}.play-btn:hover{transform:scale(1.06)}.play-btn svg{fill:var(--dark)}.waveform{flex:1;align-items:center;gap:3px;min-width:0;height:40px;display:flex}.waveform span{background:var(--accent);opacity:.85;border-radius:2px;width:3px;transition:background .5s;animation:1.2s ease-in-out infinite paused wave}.waveform.playing span{animation-play-state:running}@keyframes wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.sample-note{color:var(--cream-faint);margin-top:16px;font-family:Space Mono,monospace;font-size:.66rem}#como-funciona{border-top:1px solid #c9a2271f;padding:clamp(70px,10vw,120px) 0}.steps{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:72px;display:grid}.step{background:#ffffff04;border:1px solid #ede2c81a;border-radius:18px;padding:30px 24px;position:relative}.step .num{color:#0000;-webkit-text-stroke:1.5px var(--gold-dim);margin-bottom:16px;font-family:Rye,serif;font-size:2.4rem;line-height:1;display:block}.step h4{margin-bottom:10px;font-family:Barlow Semi Condensed;font-size:1.12rem;font-weight:700}.step p{color:var(--cream-dim);font-size:.95rem;line-height:1.5}.price-block{background:linear-gradient(135deg, var(--dark3), var(--dark2));border:1px solid var(--gold-dim);border-radius:26px;align-items:center;gap:52px;padding:clamp(32px,5vw,56px);display:flex;position:relative;overflow:hidden}.price-block:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% 20%,#c9a22726,#0000 55%);position:absolute;inset:0}.seal{z-index:1;background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--gold) 55%, #6d550f 100%);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:clamp(140px,18vw,172px);height:clamp(140px,18vw,172px);display:flex;position:relative;box-shadow:0 20px 50px -15px #c9a22766,inset 0 0 0 6px #00000026}.seal:before{content:"";border:2px dashed #15100959;border-radius:50%;position:absolute;inset:-10px}.seal .price{color:var(--dark);font-family:Rye,serif;font-size:clamp(2rem,3.6vw,2.6rem);line-height:1}.seal .price span{vertical-align:top;font-size:.55em}.seal .price-label{letter-spacing:.1em;text-transform:uppercase;color:var(--dark);opacity:.75;margin-top:6px;font-family:Space Mono,monospace;font-size:.6rem}.price-copy{z-index:1;position:relative}.price-copy h3{margin-bottom:14px;font-size:clamp(1.4rem,2.8vw,1.8rem)}.price-copy p{color:var(--cream-dim);max-width:480px;margin-bottom:24px;font-size:1.03rem;line-height:1.6}.price-copy ul{margin-bottom:26px;list-style:none}.price-copy li{color:var(--cream-dim);align-items:flex-start;gap:10px;margin-bottom:9px;font-size:.95rem;display:flex}.price-copy li:before{content:"✓";color:var(--gold-light);flex-shrink:0;font-weight:700}#contacto{background:linear-gradient(180deg, var(--dark2) 0%, var(--dark) 100%);border-top:1px solid #c9a2271f;padding:clamp(70px,10vw,120px) 0}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:64px;display:grid}.contact-side h2{margin-bottom:18px;font-size:clamp(1.6rem,3.2vw,2.6rem)}.contact-side p{color:var(--cream-dim);max-width:420px;font-size:1.04rem;line-height:1.6}form{flex-direction:column;gap:18px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field label{letter-spacing:.1em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:9px;font-family:Space Mono,monospace;font-size:.66rem;display:block}.field input,.field select,.field textarea{width:100%;color:var(--parchment);background:#ffffff08;border:1px solid #ede2c82e;border-radius:10px;padding:14px 16px;font-family:Barlow Semi Condensed;font-size:1rem;transition:border-color .25s,background .25s}.field textarea{resize:vertical;min-height:118px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold-light);background:#ffffff0d;outline:none}.field select{cursor:pointer}.field select option{background:var(--dark2);color:var(--parchment)}.radio-row{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.radio-opt{color:var(--cream-dim);cursor:pointer;align-items:center;gap:8px;font-size:.95rem;display:flex}.radio-opt input{accent-color:var(--gold);width:auto}.submit-btn{align-self:flex-start;margin-top:6px}.form-message{opacity:0;border-radius:10px;align-items:center;gap:10px;margin-top:4px;padding:14px 18px;font-family:Space Mono,monospace;font-size:.85rem;line-height:1.5;transition:opacity .3s,transform .3s;display:none;transform:translateY(-6px)}.form-message.show{opacity:1;display:flex;transform:translateY(0)}.form-message.success{color:#7ec99e;background:#4a9d6f1f;border:1px solid #4a9d6f66}.form-message.error{color:#e08a8a;background:#c0495a1a;border:1px solid #c0495a66}footer{border-top:1px solid #c9a22724;padding:38px 0}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.footer-legal{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.footer-legal p{color:var(--cream-faint);letter-spacing:.04em;font-family:Space Mono,monospace;font-size:.68rem}.footer-links{align-items:center;gap:10px;display:flex}.footer-links a{color:var(--cream-faint);font-family:Space Mono,monospace;font-size:.66rem;transition:color .25s}.footer-links a:hover{color:var(--gold-light)}.footer-links span{color:var(--cream-faint);font-size:.66rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=980px){:root{--nav-h:64px;--disc:clamp(170px, 30vw, 250px);--pad:24px}.hero-grid{text-align:center;grid-template-columns:1fr;justify-items:center;gap:26px}.hero-copy{order:2}.hero-visual{order:1}.hero-copy p.sub{margin-left:auto;margin-right:auto}.hero-ctas,.eyebrow{justify-content:center}.qh-grid{grid-template-columns:1fr;gap:36px}.player-card{text-align:center;grid-template-columns:1fr;gap:28px;padding:36px 26px}.player-info p.desc{margin-left:auto;margin-right:auto}.player-controls,.genre-tabs{justify-content:center}.steps{grid-template-columns:repeat(2,1fr)}.price-block{text-align:center;flex-direction:column;gap:32px}.price-copy p{margin-left:auto;margin-right:auto}.price-copy li{justify-content:center}.price-copy .btn{margin:0 auto}.contact-grid{grid-template-columns:1fr;gap:36px}.form-row{grid-template-columns:1fr}.footer-row{text-align:center;flex-direction:column}.footer-legal{align-items:center}}@media (width<=600px){:root{--nav-h:52px;--disc:clamp(140px, 40vw, 185px);--pad:16px}#hero{padding-bottom:28px}.hero-grid{gap:18px}.hero-copy p.sub{margin:14px auto 22px}.btn{padding:12px 20px}.nav-links{gap:7px}.nav-links a{letter-spacing:.01em;font-size:.62rem}.lbl-full,.link-inicio{display:none}.lbl-short{display:inline}.link-login{padding-left:8px}.nav-links a.btn{padding:8px 13px}.section-head{margin-bottom:34px}.steps{grid-template-columns:1fr;gap:16px;margin-bottom:52px}.step{padding:24px 20px}.step .num{margin-bottom:12px;font-size:2rem}.player-card{padding:30px 20px}.player-vinyl{width:140px;height:140px}.player-vinyl-label{width:54px;height:54px}.genre-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.genre-tab{text-align:center;justify-content:center;padding:11px 10px;font-size:.68rem}.genre-tab .swatch{flex-shrink:0}.feature-item{gap:14px;padding:18px 0}.submit-btn{justify-content:center;align-self:stretch}}