@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090811;--card:#151020;--line:#40324d;--gold:#e7bc62;--bright:#ffe5a0;--purple:#a84bdd;--text:#f8f5ff;--muted:#c0b6c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 0,#261038 0,transparent 32%),var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}h1,h2,h3,h4{font-family:Outfit,Arial,sans-serif;line-height:1.13;margin:0 0 14px}h1{font-size:clamp(2.7rem,6vw,5.7rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.025em}h3{font-size:1.25rem}p{margin:0 0 18px}a{color:inherit;text-decoration:none}a:hover{color:var(--bright)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{max-width:1240px;margin:auto;padding:0 24px}.skip{position:absolute;top:-100px;left:12px;background:#fff;color:#000;padding:10px;z-index:30}.skip:focus{top:8px}.header{position:sticky;top:0;z-index:20;background:#080710eb;backdrop-filter:blur(20px);border-bottom:1px solid #473452}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}.brand{font:800 1.45rem Outfit;white-space:nowrap}.brand span{color:var(--gold)}.navlinks{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.navlinks a{font-size:.91rem}.navlinks a[aria-current=page]{color:var(--gold)}.menu-btn{display:none;background:transparent;color:white;border:1px solid #765a7d;border-radius:10px;padding:7px 13px}.eyebrow{color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.gold{color:var(--gold)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:580px;display:flex;align-items:center;border-bottom:1px solid #5c2b79}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090811 4%,#090811ed 38%,#0908111a 100%),url('img/hero-concept.webp') right center/auto 100% no-repeat;z-index:-2}.hero::after{content:'';position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,#090811);z-index:-1}.hero-copy{max-width:730px;padding:90px 0}.hero p{max-width:560px;color:#ddd3e5;font-size:1.07rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border:1px solid #816776;border-radius:999px;font-weight:800;background:#191222;color:white;text-align:center;transition:.2s}.btn:hover{transform:translateY(-2px);color:white;box-shadow:0 6px 24px #a64ae63a}.btn.goldbtn{background:linear-gradient(135deg,#fff1ae,#dca643);color:#1b1016;border:0}.btn.goldbtn:hover{color:#25181c}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 15px;background:#1b1525;border:1px solid #6d526f;color:#f5edfa;border-radius:22px;font-size:.9rem}.chip.active,.chip[aria-pressed=true]{background:linear-gradient(135deg,#f8d782,#ce9940);color:#160d13;border-color:transparent}.section{padding:72px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-heading p{color:var(--muted);max-width:600px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.artist-card,.panel,.service-card,.track-card{background:linear-gradient(145deg,#24142f,#110e19 75%);border:1px solid #63466f;border-radius:17px;overflow:hidden}.artist-card{transition:.2s}.artist-card:hover{transform:translateY(-3px);border-color:var(--gold)}.artist-card img{width:100%;height:290px;object-fit:cover;object-position:center 25%}.artist-card-content{padding:18px}.pill{display:inline-block;border:1px solid #6b407e;background:#4c2365;color:#edd4ff;border-radius:24px;padding:3px 10px;font-size:.77rem;font-weight:800;margin-bottom:12px}.pill.real{border-color:#b89a56;background:#5c4520;color:#ffe3a5}.mini{color:var(--muted);font-size:.87rem}.cardrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.cardrow strong{font-size:1.05rem}.cardrow a{color:var(--gold)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:24px;min-height:188px}.service-card .symbol{font-size:2rem;color:var(--gold)}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.track-card{padding:18px;display:flex;align-items:center;gap:16px}.track-card .disc{width:60px;height:60px;flex:none;border-radius:12px;background:radial-gradient(circle at 40% 35%,#eead72,#7a2c8c 40%,#191029 70%);display:grid;place-items:center;color:white;font-size:1.5rem}.tracks-table{width:100%;border-collapse:collapse}.tracks-table td,.tracks-table th{padding:13px 12px;text-align:left;border-bottom:1px solid #49324d}.tracks-table th{color:var(--gold)}.tag{padding:3px 9px;background:#4a2a5a;border-radius:30px;font-size:.75rem}.panel{padding:26px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.input,textarea,select{display:block;width:100%;background:#13101c;border:1px solid #705678;border-radius:11px;color:#fff;padding:13px;margin:6px 0 17px}label{font-size:.94rem;font-weight:700}textarea{min-height:145px;resize:vertical}.checklabel{font-weight:400;display:flex;gap:8px;align-items:flex-start}.checklabel input{margin-top:6px}.banner{padding:44px;border-radius:25px;border:1px solid #a77c51;background:radial-gradient(ellipse at 90% 5%,#52226d,transparent 65%),#211325}.footer{border-top:1px solid #564060;padding:47px 0 25px;background:#080710}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer ul{padding:0;margin:10px 0;list-style:none}.footer li{padding:4px 0;font-size:.9rem}.copyright{font-size:.8rem;color:#afa4b9;border-top:1px solid #382a3e;margin-top:30px;padding-top:18px}.breadcrumb{font-size:.86rem;color:var(--gold);margin-bottom:14px}.pagehead{padding:70px 0 40px;background:radial-gradient(ellipse at 85% 20%,#55216a,transparent 60%)}.pagehead p{max-width:760px;color:var(--muted)}.profilehead{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:center}.profilehead img{max-height:380px;width:100%;object-fit:cover;border-radius:21px;border:1px solid #805b8f}.legal article{max-width:840px}.legal h2{font-size:1.5rem;margin-top:34px}.legal p,.legal li{color:#d6cddc}.notice{border-left:4px solid var(--gold);padding:16px;background:#33243a;margin:20px 0}.hidden,[hidden]{display:none!important}.video-placeholder{aspect-ratio:16/9;display:grid;place-items:center;border:1px dashed #9d71aa;border-radius:18px;background:linear-gradient(135deg,#302045,#120c19);text-align:center;padding:22px}.lang-btn{border:1px solid #7f647b;border-radius:25px;color:#e7cb84;background:none;padding:5px 10px}.search{max-width:360px}.stats{display:flex;gap:26px;flex-wrap:wrap;margin:20px 0;color:var(--gold);font-weight:700}audio{width:100%;margin:10px 0}.bottomspace{margin-bottom:28px}@media(max-width:900px){.navlinks{display:none;position:absolute;top:76px;right:0;left:0;flex-direction:column;align-items:stretch;background:#100b19;padding:24px}.navlinks.open{display:flex}.menu-btn{display:block}.cards,.services,.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero::before{background:linear-gradient(90deg,#090811f5,#09081199),url('img/hero-concept.webp') right center/auto 100% no-repeat}.profilehead{grid-template-columns:1fr 1fr}}@media(max-width:620px){.container{padding:0 17px}.brand{font-size:1.15rem}.hero{min-height:570px}.hero::before{background:linear-gradient(0deg,#090811 2%,#090811ad 45%,#09081166 100%),url('img/hero-concept.webp') center top/auto 58% no-repeat}.hero-copy{padding:235px 0 45px}.hero h1{font-size:2.75rem}.section{padding:47px 0}.cards,.services,.track-grid,.grid2,.footgrid,.profilehead{grid-template-columns:1fr}.artist-card img{height:330px}.section-heading{display:block}.section-heading .chips{margin-top:15px}.pagehead{padding:45px 0 25px}.banner{padding:24px}.tracks-table th:nth-child(3),.tracks-table td:nth-child(3){display:none}}
/* HopeLine Music V2 — portada con texto libre de superposiciones, imágenes reales de catálogo */
.brand{display:flex;align-items:center;gap:10px;font-size:1.32rem}.brand span{color:#f8f5ff}.brand-mark{width:46px;height:46px;object-fit:cover;border:1px solid #bba05d;border-radius:50%;flex:none}
.hero{min-height:680px}.hero::before{background:linear-gradient(90deg,#070911 0%,#070911fb 22%,#080b11f0 35%,#080b1185 58%,#080b1110 100%),url('img/hero-hope-v2.webp') right center/cover no-repeat}.hero-copy{max-width:600px;text-align:left;padding:90px 0}.hero h1{font-size:clamp(2.8rem,5vw,4.7rem);line-height:1.06}.hero p{max-width:480px}.hero .stats{max-width:525px}
.album-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:24px}.album-card{background:#16121d;border:1px solid #654b63;border-radius:17px;overflow:hidden;transition:.2s}.album-card:hover{border-color:#ebc36e;transform:translateY(-3px)}.album-card>a{display:block}.album-card img{aspect-ratio:1;object-fit:cover;width:100%}.album-body{padding:16px}.album-body h3{font-size:1.24rem}.album-body p{margin-bottom:6px}.album-note{color:#e6c17b}.album-subtitle{color:#f3d991;font-weight:700;margin:0 0 10px}.artist-card img{object-position:center}.album-profile img{border-radius:20px;max-height:475px;object-fit:contain;width:100%}
@media(min-width:1100px){.hero .container{width:100%}.hero-copy{margin-left:0}}
@media(max-width:900px){.album-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hero::before{background:linear-gradient(90deg,#070911fa 0%,#070911c9 53%,#07091155 100%),url('img/hero-hope-v2.webp') center/cover no-repeat}}
@media(max-width:620px){.brand{font-size:1.05rem}.brand-mark{width:36px;height:36px}.hero{min-height:660px;align-items:flex-end}.hero::before{background:linear-gradient(0deg,#070911 5%,#070911ed 37%,#0709117a 67%,#07091144 100%),url('img/hero-hope-v2.webp') 68% top/auto 60% no-repeat}.hero-copy{padding:235px 0 46px;max-width:100%}.hero h1{font-size:clamp(2.25rem,10vw,3.3rem)}.hero p{font-size:1rem}.album-gallery{gap:10px}.album-body{padding:11px}.album-body h3{font-size:1.05rem}.album-body .mini{font-size:.77rem}}

/* v3 */
.hero{min-height:620px}.hero::before{background:linear-gradient(90deg,#060914 0%,#060914ed 20%,#06091470 52%,#06091400 83%),url('/assets/img/hero-v3.webp') center center/cover no-repeat}.hero-copy{max-width:590px;text-align:left;padding:86px 0}.hero h1{font-size:clamp(2.5rem,5vw,4.4rem)}.hero p{max-width:450px}.spotify-link{display:inline-flex;margin-top:10px;color:#74e6a0!important;font-weight:800;font-size:.92rem}.spotify-btn{border-color:#1ed760;background:#103425;color:#b5ffd2}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.news-card{padding:26px;background:linear-gradient(145deg,#1d142b,#10141e);border:1px solid #614867;border-radius:18px}.news-card h2{font-size:1.43rem;margin-top:12px}.news-card p{color:var(--muted)}.coming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.coming-card{min-height:210px;border-radius:19px;padding:30px;background:radial-gradient(circle at 70% 30%,#552463,transparent 66%),linear-gradient(135deg,#151c2c,#17101d);border:1px dashed #ba8e58}.coming-card span{font-size:2.6rem;color:var(--gold)}.coming-card p{color:var(--muted)}.brand-mark{object-fit:contain}.hero .stats{color:#ffe3a6}@media(max-width:900px){.hero::before{background:linear-gradient(90deg,#070911f4,#07091194),url('/assets/img/hero-v3.webp') center/cover no-repeat}.news-grid{grid-template-columns:1fr}}@media(max-width:620px){.hero{min-height:690px;align-items:flex-end}.hero::before{background:linear-gradient(0deg,#070911 7%,#070911e0 40%,#07091133 85%),url('/assets/img/hero-v3.webp') 68% top/auto 59% no-repeat}.hero-copy{padding:255px 0 40px}.coming-grid{grid-template-columns:1fr}.news-card{padding:20px}}