.home_banner_mob { display:none; }
.slickseta { position:absolute;top:47%;z-index:1;cursor:pointer; }
.slickimg { width:40px;margin:0 45px;border:0;filter:opacity(0.5);transition:0.3s; }
.slickimg:hover { filter:none; }
@media screen and (max-width:700px) {
 .home_banner_desk { display:none; }
 .home_banner_mob { display:inline-block;width:100%; }
}

.thumb { width:280px;border-radius:9px;border:2px solid var(--cor-base); }
.thumb:hover { box-shadow:0 0 11px var(--cor-rosa);filter:saturate(1.2); }
.tcol { text-align:center;width:320px;padding:9px; }
.nbot { width:250px;font-size:1em;margin-bottom:1em; }
@media screen and (max-width:500px) {
 .tcol { font-weight:bold;margin:-7px;margin-bottom:9px; }
 .thumb { max-width:440px;width:100%;height:auto; }
}

#playlist { display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column; }
#playlist div { padding:0.5em 1em;background-color:color-mix(in srgb,var(--cor-bg),black 4%);border-radius:9px;margin:0.2em; }
#playlist n { color:var(--cor-base);font-style:italic; }
@media screen and (max-width:900px) {
 #playlist { display:inline; }
 #playlist div { margin:0.2em 0; }
}

#progs { display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column; }
#progs div { padding:0.5em 1em;background-color:color-mix(in srgb,var(--cor-bg),black 4%);border-radius:9px;margin:0.2em; }
@media screen and (max-width:900px) {
 #progs { display:inline; }
 #progs div { margin:0.2em 0; }
}

.top10 { max-width:800px;width:100%;margin:0 auto; }
.top10 div { background-color:color-mix(in srgb,var(--cor-bg),black 4%);padding:0.5em;margin:0.1em;border-radius:9px;align-content:center; }
.top10 b { font-size:1.1em;color:var(--cor-base); }
.top10 img { width:64px;display:block; }
.pos { font-size:1.2em;font-weight:bold; }
.dado { flex:1;font-size:1.1em; }
@media screen and (max-width:850px) {
 .top10 { display:block;text-align:center;margin-bottom:1em; }
 .top10 div { margin:0;border-radius:0;padding:0.3em; }
 .top10 img { display:inline; }
 .pos { display:none; }
}

.cdprg { min-width:220px;flex:1;text-align:center; }
.thumbp { margin:0 auto 10px auto;width:120px;height:120px;border-radius:9px; }
.thumbp:hover { filter:brightness(1.1); }

.thumbf { width:150px;height:150px;border-radius:20px;border:2px solid var(--cor-base); }
.thumbf:hover { filter:brightness(1.1); }
.tcolf { text-align:center;width:270px;padding:9px; }
@media screen and (max-width:500px) {
 .tcolf { margin:-7px;margin-bottom:9px; }
}