/* Wave Pro Editorial: polished light canvas / dark navigation and player. */
:root{color-scheme:light;--bg:#f4f6f7;--surface:#ffffff;--surface2:#eef2f5;--line:#e1e7eb;--text:#182235;--muted:#758295;--cyan:#27aebc;--violet:#7456b5}
body{background:var(--bg);color:var(--text);letter-spacing:-.008em}
.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{background:#0c1524;padding:30px 18px}.brand{font-size:21px;color:white}.brand em{color:#64dde8}.nav-label{color:#687c94}.nav-item{color:#9eafc4;border-radius:10px}.nav-item:hover,.nav-item.current{color:white;background:#1b293b}.nav-item.current{box-shadow:inset 2px 0 #52cfda}.side-footer{color:#8ca1b9}.side-footer a{color:#79d7de}
.workspace{background:var(--bg)}.topbar{height:106px;padding-top:25px;padding-bottom:25px}.searchbox{background:#fff;border:1px solid #e3e7eb;box-shadow:0 8px 30px #23384c09;color:#60738d;border-radius:14px}.searchbox input{color:#142437}.searchbox input::placeholder{color:#9ba8b5}.top-controls{gap:20px}.lang-box{background:#fff;border:1px solid #e3e7eb;color:#597087}.lang-box select{color:#26384b}.get-app{color:#237d90}
main{padding-bottom:310px}.hero{min-height:306px;background:#12283a;border:0;border-radius:22px;padding:49px 53px;box-shadow:0 15px 45px #16263b10}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 52%,#397a8f42 0,transparent 34%),radial-gradient(circle at 60% 120%,#6952ac2c 0,transparent 38%);pointer-events:none}.hero h1{max-width:510px;color:white;letter-spacing:-2.3px;font-size:clamp(35px,4vw,53px)}.hero p{color:#bbcbd7;max-width:445px}.hero .kicker{color:#6ee5e7;font-size:10px}.hero-orbit{opacity:.8}.hero-orbit img{filter:drop-shadow(0 0 23px #33c7ce5e)}.orbit{border-color:#53cfe442}.orbit-two{border-color:#a18fce4a}
.accent-button{background:#29bfca;color:#062632;box-shadow:none;border-radius:11px}.accent-button:hover{box-shadow:0 12px 24px #23b6be28}.section-title{margin:43px 0 18px}.section-title h2{font-size:23px;letter-spacing:-.9px;color:#263145}.section-title p{color:#8793a4}.overline{color:#25889a;font-size:10px}.section-title .overline{letter-spacing:2px}.text-button{color:#287e92}.region-grid{gap:12px}.region-card{min-height:121px;background:#fff!important;color:#26384b;border:1px solid #e3e9ec;box-shadow:0 6px 18px #1e35450a;border-radius:15px}.region-card .flag{right:15px;top:10px;font-size:29px}.region-card b{font-size:15px}.region-card small{color:#9aa5ae}.region-card:hover,.genre-chip:hover,.artist-card:hover{border-color:#a2d8db;box-shadow:0 9px 24px #25415b13}.genre-list{gap:8px}.genre-chip{background:white;border:1px solid #e3e8ec;color:#455368;border-radius:999px;padding:10px 17px;font-size:13px}.artist-grid{gap:12px}.artist-card{background:white;border:1px solid #e5eaed;color:#293a4d;border-radius:15px;box-shadow:0 6px 18px #1e35450a}.artist-card .art{height:86px;background:#e8eff1!important;color:#64adb5!important;border-radius:10px;font-size:28px}.artist-card small{color:#9aa7b4}.artist-card:hover{box-shadow:0 12px 25px #233d5216}
.instant-listen .section-title{margin-top:38px}.listen-subtitle{font-size:12px;color:#8997a8}.ready-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ready-card{display:flex;align-items:center;gap:12px;text-align:left;padding:13px;border:1px solid #e5eaed;background:#fff;border-radius:15px;color:#223448;min-width:0;box-shadow:0 4px 17px #233d5208;transition:transform .22s,border-color .22s,box-shadow .22s}.ready-card:hover{transform:translateY(-3px);border-color:#9bd7df;box-shadow:0 12px 30px #233d5216}.ready-card .ready-art{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:11px;color:#1d91a1;background:#e5f2f5;font-size:20px}.ready-card strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ready-card small{display:block;font-size:11px;color:#8494a5;margin-top:2px}.ready-card .ready-play{color:#198a99;margin-left:auto}
.page-heading h1{color:#243247}.page-heading p{color:#8190a0}.filter-bar label{color:#728293}.filter-bar select{background:white;border-color:#e1e8ed;color:#25384c}.alphabet{gap:7px}.letter{background:#fff;border:1px solid #e1e8ed;color:#62718a}.letter.selected{background:#e6f6f7;border-color:#6dcbd2;color:#187b8a}.artist-detail h1{color:#26364b}.artist-detail p{color:#8190a0}.artist-avatar{background:linear-gradient(145deg,#d7edf0,#ece5f5);color:#3aabb7}.track-row{background:#fff;border-color:#e3e9ef;box-shadow:0 3px 11px #1b32470a}.track-description strong{color:#26384b}.track-description small{color:#8b99a8}.track-number{color:#94a4b2}.icon-button{background:#f5f8f9;border-color:#e1e9ed;color:#466479}.icon-button:hover{background:#eaf5f5}.library-head h2{color:#26374d}.playlist-card{background:#fff;border-color:#e3e9ed;color:#27364b}.playlist-card small{color:#8998a5}.empty-state{color:#8998a5;border-color:#dce5e8;background:#fff}.external-search{background:#fff;border-color:#e4e9ed}.external-search h3{color:#2c3d4e}.outline-button{border-color:#bfd8dc;color:#237d8f}.external-search p{color:#8997a7}footer{border-color:#e0e8ee;color:#8d9eab}
.player-dock{left:200px;min-height:224px;background:#101b2bf9;color:white;border-top:1px solid #263a4d;gap:24px;padding-top:11px;padding-bottom:11px;box-shadow:0 -12px 50px #1b2d3d16}.now-info{max-width:340px}.now-info strong{font-size:15px}.now-info span{font-size:12px}.dock-video{width:356px;height:201px;border-color:#314456;border-radius:12px}.dock-actions button{color:#e2f0f5}.queue-panel{background:#152337;color:white;bottom:234px}.queue-heading h3{color:white}.queue-entry{color:white}.modal-card{background:#f9fbfc;color:#26364c;border:1px solid #e1e9ee}.modal-card p{color:#8190a0}.modal-card input,.modal-card select{background:white;color:#26384c;border-color:#dce4eb}.modal-close{color:#586e81}.toast{background:#163746;color:white}.mobile-logo{color:#203448}.mobile-logo em{color:#258a99}
@media(max-width:1120px){.ready-tracks{grid-template-columns:1fr 1fr}.player-dock{gap:12px}.dock-video{width:320px;height:200px}}
@media(max-width:760px){.sidebar{background:#0c1524}.nav-item{color:#a6b8c8}.topbar{background:#f4f6f7}.searchbox{background:white}.hero{padding:28px;min-height:245px}.hero h1{font-size:36px}.hero p{max-width:290px}.hero-orbit{opacity:.26}.section-title{margin-top:33px}.ready-tracks{grid-template-columns:1fr}.region-grid{grid-template-columns:repeat(2,1fr)}.region-card{min-height:101px}.player-dock{left:0;bottom:63px;height:226px;min-height:226px;padding:11px 14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:44px 156px;gap:5px 8px}.now-info{grid-column:1}.dock-actions{grid-column:2}.dock-video{grid-column:1/-1;grid-row:2;justify-self:center;width:min(100%,350px);height:156px}.dock-video:has(iframe){height:200px}.player-dock:has(iframe){height:268px;min-height:268px;grid-template-rows:44px 200px}.queue-panel{bottom:345px}.toast{bottom:345px}main{padding-bottom:385px}.artist-detail h1{font-size:29px}}
@media(max-width:480px){.hero h1{font-size:35px}.ready-card{padding:11px}.player-dock .now-info strong{font-size:13px}.player-dock .now-info span{font-size:11px}.dock-video{width:100%}.dock-video:has(iframe){height:200px}.player-dock:has(iframe){height:269px}}
.ad-reserve{display:none;margin:38px 0 30px;min-height:100px;border:1px solid #dfe7eb;border-radius:12px;overflow:hidden}
.ad-reserve.ad-active{display:block;background:#fff}
/* Layout mobile: grade explícita impede sobreposição entre busca e hero. */
@media(max-width:760px){
  .topbar{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 16px 22px}
  .mobile-logo{grid-column:1;min-width:0}
  .top-controls{grid-column:2;margin:0;justify-self:end}
  .searchbox{grid-column:1/-1;grid-row:2;order:unset;width:100%;max-width:none;min-width:0;flex:none;height:49px}
  .hero{margin-top:4px;min-height:245px;overflow:hidden}
  .ad-reserve.ad-active{margin:30px 0;min-height:90px}
}
@media(max-width:380px){.topbar{padding:14px 12px 19px}.lang-box{padding:0 8px}.hero{padding:24px 20px}.hero h1{font-size:33px}}
/* Homepage orientada à descoberta: música, artistas, playlists e catálogo A–Z. */
.hero{min-height:268px;padding:37px 44px}.hero h1{font-size:clamp(32px,3.4vw,47px);max-width:510px}.hero p{margin-bottom:19px}.hero-orbit{height:195px;width:210px}.hero-orbit img{width:118px;height:118px}.orbit-one{width:200px}.orbit-two{height:200px}
.curated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.curated-card{display:flex;align-items:center;text-align:left;gap:14px;min-width:0;border:1px solid #e2e9ed;background:#fff;color:#213549;padding:13px;border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s}
.curated-card:hover{transform:translateY(-3px);border-color:#a3dce0;box-shadow:0 12px 25px #24435a13}
.curated-art{flex:none;display:grid;place-items:center;width:68px;height:68px;border-radius:12px;font-size:29px;color:#e9fbfe;background:linear-gradient(145deg,#1b3d54,#497a8b)}
.curated-art-1{background:linear-gradient(145deg,#432957,#9a69a7)}.curated-art-2{background:linear-gradient(145deg,#174856,#158f9a)}
.curated-copy{min-width:0;flex:1}.curated-copy strong,.curated-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.curated-copy strong{font-size:13px}.curated-copy small{font-size:11px;color:#8798a6;margin-top:4px}.curated-play{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#147d8c;background:#ecf8f8;font-size:10px}
.az-teaser{margin-top:46px;padding:26px 31px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:18px;background:#e6f1f3;border:1px solid #d2e4e8}
.az-teaser .overline{margin:0 0 5px}.az-teaser h2{margin:0;font-size:22px;color:#263e53}.az-teaser p{margin:5px 0 0;color:#708697;font-size:13px}.az-teaser .outline-button{white-space:nowrap;background:#fff;margin:0}
@media(max-width:1100px){.curated-grid{grid-template-columns:1fr 1fr}.curated-card:last-child{grid-column:1/-1}}
@media(max-width:760px){.hero{min-height:226px;padding:27px 26px}.hero h1{font-size:34px}.hero p{font-size:13px}.hero-orbit{position:absolute;right:-70px;bottom:-42px;opacity:.18}.curated-grid{grid-template-columns:1fr}.curated-card:last-child{grid-column:auto}.curated-art{width:58px;height:58px}.az-teaser{margin-top:32px;padding:21px;flex-direction:column;align-items:flex-start}.az-teaser h2{font-size:20px}.az-teaser .outline-button{width:100%;text-align:center}}
@media(max-width:380px){.hero{padding:24px 20px}.hero h1{font-size:31px}.curated-card{gap:10px}.curated-art{width:50px;height:54px}.curated-play{width:24px;height:24px}}
.accent-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
@media(max-width:480px){#artist-view .section-title.split{align-items:flex-start;flex-direction:column}#play-artist{width:100%}}
.track-unavailable .track-description small{color:#99a5b0}
.track-pending{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f2f5f6;color:#a2aeb9;cursor:default}