*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Raleway',sans-serif;color:#17171f;background:#f7f7f9}.topbar{background:#15151d;color:#e8e8ec;text-align:center;padding:.55rem 1rem;font-size:.78rem;letter-spacing:.03em}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:2rem;padding:.85rem clamp(1rem,5vw,4.5rem);background:rgba(255,255,255,.95);border-bottom:1px solid #e9e9ed;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.75rem;color:#17171f;text-decoration:none;font-weight:700}.brand img{height:42px;width:auto}.brand span{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#777781}.navbar{flex:1}.menu{display:flex;justify-content:center;gap:1.8rem;list-style:none;padding:0;margin:0}.menu a{text-decoration:none;color:#393943;font-size:.9rem;font-weight:600}.menu a:hover{color:#2a7ae4}.header-actions{display:flex;align-items:center;gap:.55rem}.icon-button,.cart-button{border:1px solid #dedee5;background:#fff;border-radius:10px;min-width:40px;height:40px;cursor:pointer;font-size:1rem}.cart-button span{font-size:.75rem}.boton-login{background:#17171f;color:#fff;padding:.7rem 1rem;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:700}.search-panel{max-height:0;overflow:hidden;background:#fff;transition:.3s;border-bottom:1px solid transparent}.search-panel.open{max-height:100px;border-color:#e5e5eb}.search-wrap{max-width:760px;margin:auto;padding:1rem;display:flex;align-items:center;gap:.75rem}.search-wrap input{flex:1;border:0;outline:0;font:inherit;font-size:1rem}.search-wrap button{border:0;background:none;font-size:1.5rem;cursor:pointer}.hero{position:relative;min-height:650px;display:flex;align-items:center;padding:5rem clamp(1.25rem,8vw,8rem);color:#fff;background:url('img/banner-image.png') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,18,.9) 0%,rgba(10,10,18,.62) 48%,rgba(10,10,18,.16) 100%)}.hero-content{position:relative;z-index:1;max-width:720px}.eyebrow,.section-kicker{font-size:.72rem;letter-spacing:.2em;font-weight:800;color:#2a7ae4}.hero .eyebrow{color:#9ecbff}.hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.96;letter-spacing:-.055em;margin:1.2rem 0 1.4rem}.hero h1 em{font-style:normal;color:#a9d2ff}.hero p{font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.75;color:#dddde5;max-width:620px}.hero-actions{display:flex;gap:1rem;align-items:center;margin:2rem 0 3rem}.primary-cta{background:#2a7ae4;color:#fff;text-decoration:none;padding:.95rem 1.35rem;border-radius:12px;font-weight:700}.secondary-cta{color:#fff;text-decoration:none;font-weight:700}.hero-stats{display:flex;gap:2.5rem}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.5rem}.hero-stats span{font-size:.75rem;color:#bdbdc7;margin-top:.2rem}.benefits{max-width:1200px;margin:-28px auto 0;position:relative;z-index:3;background:#fff;border:1px solid #e9e9ef;border-radius:18px;box-shadow:0 16px 50px rgba(25,25,40,.1);display:grid;grid-template-columns:repeat(3,1fr);padding:1.3rem 2rem}.benefits article{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-right:1px solid #ededf1}.benefits article:last-child{border:0}.benefits article>span{font-size:1.5rem;color:#2a7ae4}.benefits div{display:flex;flex-direction:column;gap:.25rem}.benefits strong{font-size:.9rem}.benefits small{color:#7a7a84}.intro{text-align:center;max-width:720px;margin:7rem auto 4rem;padding:0 1rem}.intro h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:.8rem 0}.intro p{color:#74747e;line-height:1.7}.category-pills{display:flex;justify-content:center;gap:.65rem;margin-top:1.6rem}.category-pills a{border:1px solid #dddde4;border-radius:999px;padding:.6rem 1rem;text-decoration:none;color:#33333d;font-size:.85rem;font-weight:700;background:#fff}.category-pills a:hover{background:#17171f;color:#fff}.catalog{max-width:1200px;margin:auto;padding:0 1.25rem}.music-section{margin-bottom:6rem;scroll-margin-top:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.6rem;border-bottom:1px solid #dddde3;padding-bottom:1rem}.section-heading h2{font-size:2.5rem;letter-spacing:-.04em;margin:.4rem 0 0}.section-count{font-size:.78rem;color:#83838d}.lista-productos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;list-style:none;padding:0;margin:0}.producto{position:relative}.badge{position:absolute;z-index:2;top:1.8rem;left:1.8rem;background:#17171f;color:#fff;border-radius:999px;padding:.4rem .65rem;font-size:.67rem;font-weight:700;letter-spacing:.04em}.badge.new{background:#2a7ae4}.newsletter{max-width:1200px;margin:2rem auto 6rem;background:#17171f;color:#fff;border-radius:24px;padding:3.5rem clamp(1.5rem,5vw,4rem);display:flex;justify-content:space-between;align-items:center;gap:3rem}.newsletter h2{font-size:clamp(2rem,4vw,3rem);margin:.6rem 0}.newsletter p{color:#bdbdc7}.newsletter form{display:flex;min-width:min(100%,420px)}.newsletter input{flex:1;min-width:0;padding:1rem;border:0;border-radius:12px 0 0 12px;font:inherit}.newsletter button{border:0;background:#2a7ae4;color:#fff;padding:0 1.2rem;border-radius:0 12px 12px 0;font-weight:700;cursor:pointer}.site-footer{background:#0e0e14;color:#d2d2d8;padding:4rem clamp(1.25rem,6vw,6rem) 1.5rem}.footer-main{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem}.footer-brand img{height:48px}.footer-brand p{max-width:440px;color:#8f8f99;line-height:1.7}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:.8rem}.footer-main strong{color:#fff;margin-bottom:.4rem}.footer-main a{color:#a7a7b0;text-decoration:none}.footer-main a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:1.4rem;border-top:1px solid #292932;display:flex;justify-content:space-between;font-size:.78rem;color:#777781}.modal{display:none;position:fixed;z-index:1000;inset:0;background:rgba(7,7,12,.75);align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(8px)}.modal-content{position:relative;width:100%;max-width:420px;background:#fff;border-radius:22px;padding:1.5rem;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-content img{width:100%;height:260px;object-fit:contain;border-radius:15px;margin-bottom:1.2rem}.modal-content h2{margin:.6rem 0 .2rem}.modal-content p{color:#777}.modal-content #modalPrecio{color:#2a7ae4;font-weight:800;font-size:1.2rem}.cerrar{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;font-size:1.4rem;cursor:pointer;box-shadow:0 3px 15px rgba(0,0,0,.12)}.boton-comprar{width:100%;border:0;background:#17171f;color:#fff;border-radius:11px;padding:.85rem;font-weight:700;cursor:pointer}@media(max-width:900px){.navbar{order:3;flex-basis:100%;overflow:auto}.header{flex-wrap:wrap;gap:.8rem}.menu{justify-content:flex-start;white-space:nowrap}.header-actions{margin-left:auto}.hero{min-height:580px}.benefits{margin:-20px 1rem 0}.lista-productos{grid-template-columns:repeat(2,1fr)}.newsletter{margin-left:1rem;margin-right:1rem;flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:600px){.topbar{font-size:.68rem}.brand span,.boton-login{display:none}.header{padding:.7rem 1rem}.brand img{height:36px}.hero{min-height:600px;padding:4rem 1.25rem;background-position:center}.hero h1{font-size:3.2rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stats{gap:1.4rem}.benefits{grid-template-columns:1fr;padding:.7rem 1rem}.benefits article{border-right:0;border-bottom:1px solid #ededf1}.benefits article:last-child{border:0}.intro{margin-top:5rem}.lista-productos{grid-template-columns:1fr}.section-heading h2{font-size:2rem}.newsletter{padding:2.5rem 1.2rem}.newsletter form{min-width:100%;flex-direction:column;gap:.6rem}.newsletter input,.newsletter button{border-radius:10px;padding:1rem}.footer-main{grid-template-columns:1fr;gap:2.5rem}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:.5rem}}