@charset "utf-8";

#home { float: left; width: 100%;}

#home .hm_clique { float: left; width: 100%; padding-bottom: 28px; background: linear-gradient(45deg, #ff130d, #ff130d);}
#home .hm_estilos { float: left; width: 100%; padding: 51px 0 21px;}
#home .hm_estourados { float: left; width: 100%; padding: 31px 0;}

#home .hm_semana { float: left; width: 100%; padding: 31px 0;}
#home .hm_paravoce { float: left; width: 100%; padding: 31px 0;}
#home .hm_paredao { float: left; width: 100%; padding: 31px 0;}
#home .hm_hits_semanal { float: left; width: 100%; padding: 31px 0;}
#home .hm_hits_brasileiros { float: left; width: 100%; padding: 31px 0;}
#home .hm_churrasco { float: left; width: 100%; padding: 31px 0;}

#home .hm_anuncios { float: left; width: 100%; padding: 31px 0;}
#home .hm_destaque { float: left; width: 100%; background-color: rgb(90 90 90 / 10%);}
#home .hm_cds { float: left; width: 100%; padding: 31px 0;}
#home .hm_lancamentos { float: left; width: 100%; padding: 31px 0;}
#home .hm_artistas { float: left; width: 100%; padding: 31px 0;}
#home .hm_ouvidas { float: left; width: 100%; padding: 31px 0;}
#home .hm_noticias { float: left; width: 100%; padding: 31px 0;}


#home .hm_clique .lado1 { float: left; width: 30%; margin: 100px 0 0;}
#home .hm_clique .lado2 { float: left; width: 40%; margin: 40px 5% 0;}
#home .hm_clique .lado3 { float: right; width: 20%; margin: 100px 0 0;}
#home .hm_clique .detalhes { float: left; width: 100%;}


.preco-branco {
  font-size: 2.4em;
  color: #fff204 !important; /* força o branco */
  margin: 0;
  font-weight: 700;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); /* melhora a leitura */
}

.preco-container {
  text-align: center;
  margin: 10px 0;
}

.preco {
  font-size: 2.4em;
  color: #e60000; /* vermelho forte */
  margin: 0;
  font-weight: 700;
}

.parcelamento {
  display: block;
  font-size: 1.1em;
  color: #ffffff; /* amarelo destaque */
  font-weight: 600;
  margin-top: 5px;
}


.botao-ouca-agora {
    display: inline-block;
    clear: both;
    float: left;
    background-color: #fff204; /* Amarelo Ouro */
    color: #000; /* Texto preto */
    font-size: 16px;
    font-weight: bold;
    padding: 12px 24px;
    border-radius: 30px; /* Cantos arredondados */
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 10px rgba(33, 31, 26, 1);
    margin: 8px 0 0 100px; /* Move 5cm para a direita */
}

.botao-ouca-agora:hover {
    background-color: #ebe7e8; /* Amarelo mais vibrante no hover */
    transform: scale(1.05); /* Efeito de crescimento suave ao passar o mouse */
}


.texto-moderno {
    color: #fff; /* Texto branco */
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif; /* Fonte moderna e estilizada */
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.6;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); /* Efeito sutil de sombra para destacar */
}



#home .hm_clique .detalhes h3 {
  float: left;
  width: 100%;
  font-size: 1.1em;
  background: linear-gradient(45deg, #211e1a, #211e1a);
}

#home .hm_clique .detalhes h2 {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 4em;
  color: rgba(0, 0, 0, 1);
}

#home .hm_clique .detalhes h1 {
  float: left;
  width: 100%;
  margin: 10px 0 0;
  font-size: 1.1em;
  color: rgba(255, 20, 147, 1);
}

#home .hm_clique .detalhes button {
  padding: 30px 20px;
  margin: 21px 0 0;
  background: linear-gradient(45deg, #EF5466, #CA2A36);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  color: rgb(250, 250, 250);
  border: none; /* Removendo a borda padrão */
  cursor: pointer;
  border-radius: 10px; /* Cantos arredondados */
}

#home .hm_clique .detalhes button:hover {
  background-color: rgba(16, 105, 138, 0.97);
}

#home .hm_clique .imagem { float: left; width: 100%;}
#home .hm_clique .imagem img { float: left; width: 100%;}
#home .hm_clique .itens {
  float: left;
  width: 100%;
}

#home .hm_clique .itens .item {
  float: left;
  width: 100%;
  padding: 20px;
  margin: 5px 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: rgba(255, 255, 254, 1);
  border: none; /* Removendo a borda padrão */
  cursor: pointer;
  border-radius: 10px; /* Cantos arredondados */
  background-image: linear-gradient(to right, #1c1c1c, #1c1c1c, #1c1c1c, #1c1c1c);
}

#home .hm_clique .itens .item:hover {
  background-color: rgba(44, 44, 46, 1); /* Cor de fundo ao passar o mouse */
}


#home .hm_estilos .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_estilos .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_estilos .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_estilos .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_estilos .item .detalhes { display: flex; justify-content: center; align-items: center; float: left; width: 100%; height: 88px; padding: 10px;}
#site .hm_estilos .item .detalhes h2 { text-align: center; font-weight: bold; font-size: 1.3em; color: rgb(250 250 250);}
#site .hm_estilos .item .detalhes.cor1 { background-color: rgb(176 0 0);}
#site .hm_estilos .item .detalhes.cor2 { background-color: rgb(239 0 0);}
#site .hm_estilos .item .detalhes.cor3 { background-color: rgb(131 0 203);}
#site .hm_estilos .item .detalhes.cor4 { background-color: rgb(240 72 0);}

#home .hm_estourados .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_estourados .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_estourados .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_estourados .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_estourados .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_estourados .item .imagem .img { float: left; width: 100%;}
#home .hm_estourados .item .detalhes { float: left; width: 100%;}
#home .hm_estourados .item .detalhes h2 {
    float: left;
    width: 98%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Deixa o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_estourados .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}



#home .hm_semana .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_semana .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_semana .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_semana .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_semana .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_semana .item .imagem .img { float: left; width: 100%;}
#home .hm_semana .item .detalhes { float: left; width: 100%;}
#home .hm_semana .item .detalhes h2 {
    float: left;
    width: 100%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Deixa o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_semana .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}

#home .hm_paravoce .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_paravoce .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_paravoce .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_paravoce .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_paravoce .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_paravoce .item .imagem .img { float: left; width: 100%;}
#home .hm_paravoce .item .detalhes { float: left; width: 100%;}
#home .hm_paravoce .item .detalhes h2 {
    float: left;
    width: 100%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Deixa o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_paravoce .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}

#home .hm_paredao .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_paredao .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_paredao .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_paredao .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_paredao .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_paredao .item .imagem .img { float: left; width: 100%;}
#home .hm_paredao .item .detalhes { float: left; width: 100%;}
#home .hm_paredao .item .detalhes h2 {
    float: left;
    width: 100%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Torna o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_paredao .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}

#home .hm_hits_semanal .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_hits_semanal .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_hits_semanal .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_hits_semanal .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_hits_semanal .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_hits_semanal .item .imagem .img { float: left; width: 100%;}
#home .hm_hits_semanal .item .detalhes { float: left; width: 100%;}
#home .hm_hits_semanal .item .detalhes h2 {
    float: left;
    width: 100%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Torna o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_hits_semanal .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}

#home .hm_hits_brasileiros .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_hits_brasileiros .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_hits_brasileiros .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_hits_brasileiros .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_hits_brasileiros .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_hits_brasileiros .item .imagem .img { float: left; width: 100%;}
#home .hm_hits_brasileiros .item .detalhes { float: left; width: 100%;}
#home .hm_hits_brasileiros .item .detalhes h2 {
    float: left;
    width: 100%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Torna o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_hits_brasileiros .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}

#home .hm_churrasco .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_churrasco .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_churrasco .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_churrasco .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_churrasco .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_churrasco .item .imagem .img { float: left; width: 100%;}
#home .hm_churrasco .item .detalhes { float: left; width: 100%;}
#home .hm_churrasco .item .detalhes h2 {
    float: left;
    width: 100%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Deixa o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_churrasco .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}


#home .hm_anuncios .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_anuncios .ident h2 { float: left; width: 100%; font-weight: bold; font-size: 1.5em;}
#home .hm_anuncios .ident h3 { float: left; width: 100%; font-size: 1.1em;}
#home .hm_anuncios .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_anuncios .item .imagem .img { float: left; width: 100%;}
#home .hm_anuncios .owl-nav { top: -50px !important;}


#home .hm_destaque .lado1 { float: left; width: 50%; margin: 31px 0 0;}
#home .hm_destaque .lado2 { float: left; width: 50%; margin: 60px 0 0;}
#home .hm_destaque .imagem { float: left; width: 100%;}
#home .hm_destaque .imagem img { float: left; width: 70%; margin: 0 27%;}
#home .hm_destaque .detalhes { float: left; width: 100%;}
#home .hm_destaque .detalhes h3 { float: left; width: 100%; font-size: 1.1em; opacity: 0.7;}
#home .hm_destaque .detalhes h2 { float: left; width: 100%; font-weight: bold; font-size: 2em; color: rgba(42, 42, 41, 1);}
#home .hm_destaque .detalhes button { padding: 30px 20px; background-color: rgba(207, 63, 39, 1); text-transform: uppercase; font-weight: bold; font-size: 1.2em; color: rgb(250 250 250);}
#home .hm_destaque .detalhes button:hover { background-color: rgba(235, 78, 53, 1);}
#home .hm_destaque .infor { float: left; width: 150%; margin: 21px 0;}


#home .hm_cds .ident { float: left; width: 100%;}
#home .hm_cds .ident h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.5em;}
#home .hm_cds .ident h3 { float: left; width: 100%; text-align: center; font-size: 1em; opacity: 0.7;}
#home .hm_cds .itens { float: left; width: 100%; margin: 5px 0;}
#home .hm_cds .itens .item { float: left; width: 100%; min-height: 120px; padding: 10px 70px 10px 120px; margin: 5px 0; outline: 1px solid rgb(90 90 90 / 30%); position: relative;}
#home .hm_cds .itens .item .imagem { position: absolute; width: 100px; height: 100px; top: 50%; left: 10px; margin: -50px 0 0;}
#home .hm_cds .itens .item .imagem img { float: left; width: 100%;}
#home .hm_cds .itens .item .detalhes { float: left; width: 100%;}
#home .hm_cds .itens .item .detalhes h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 1.2em;}
#home .hm_cds .itens .item .detalhes h3 { float: left; width: 100%; margin: 2px 0 10px; font-size: 1em;}
#home .hm_cds .itens .item .detalhes h4 { float: left; width: 100%; font-size: 1em; opacity: 0.7;}
#home .hm_cds .itens .item .ouvir { position: absolute; width: 60px; top: 50%; right: 10px; padding: 20px 0; margin: -20px 0 0; background-color: rgb(20 20 20);; text-transform: uppercase; font-weight: bold; color: rgb(250 250 250);}
#home .hm_cds .itens .item .ouvir:hover { background-color: rgba(211, 134, 5, 0.92);}


#home .hm_lancamentos .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_lancamentos .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_lancamentos .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_lancamentos .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_lancamentos .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_lancamentos .item .imagem .img { float: left; width: 100%;}
#home .hm_lancamentos .item .detalhes { float: left; width: 100%;}
#home .hm_lancamentos .item .detalhes h2 {
    float: left;
    width: 100%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Torna o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_lancamentos .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}


#home .hm_artistas .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_artistas .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_artistas .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_artistas .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_artistas .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_artistas .item .imagem .img { float: left; width: 100%;}
#home .hm_artistas .item .detalhes { float: left; width: 100%; text-align: center;}
#home .hm_artistas .item .detalhes h2 {
    float: left;
    width: 100%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Torna o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_artistas .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}


#home .hm_ouvidas .ident { float: left; width: 100%; margin: 0 0 21px;}
#home .hm_ouvidas .ident h2 { float: left; font-weight: bold; font-size: 1.3em;}
#home .hm_ouvidas .ident button { float: left; padding: 14px; margin: 0 0 0 10px; font-size: 1em; outline: 1px solid rgb(90 90 90 / 50%);}
#home .hm_ouvidas .ident button:hover { background-color: rgb(90 90 90 / 10%);}
#home .hm_ouvidas .item .imagem { float: left; width: 100%; position: relative;}
#home .hm_ouvidas .item .imagem .img { float: left; width: 100%;}
#home .hm_ouvidas .item .detalhes { float: left; width: 100%;}
#home .hm_ouvidas .item .detalhes h2 {
    float: left;
    width: 100%;
    margin: 11px 0 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold; /* Deixa o texto mais grosso */
    color: #000000; /* Define a cor preta */
}

#home .hm_ouvidas .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-size: 1em; opacity: 0.7;}


#home .hm_noticias .ident { float: left; width: 100%; margin: 0 0 11px; text-align: center;}
#home .hm_noticias .ident h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.5em;}
#home .hm_noticias .ident h3 { float: left; width: 100%; text-align: center; font-size: 1em; opacity: 0.7;}
#home .hm_noticias .todos { float: left; width: 100%; margin: 0 0 11px; text-align: center;}
#home .hm_noticias .todos button { padding: 15px 20px; background-color: rgb(255 161 0); text-transform: uppercase; font-weight: bold; font-size: 1em; color: rgb(250 250 250);}
#home .hm_noticias .todos button:hover { background-color: rgb(219 139 0);}


#home .carregando { display: none;}


@media only screen and (max-width: 1100px){
  #home .hm_clique .lado1 { display: none;}
  #home .hm_clique .lado2 { display: none;}
  #home .hm_clique .lado3 { display: none;}
}
@media only screen and (max-width: 1000px){
  #home .hm_clique .lado1 { display: none; }
  #home .hm_clique .lado2 { display: none; }
  #home .hm_clique .lado3 { display: none; }
  #home .hm_clique .detalhes { display: none; }
  #home .hm_clique .imagem img { display: none; }

  #home .hm_destaque .lado1 { display: none;}
  #home .hm_destaque .lado2 { display: none;}
  #home .hm_destaque .detalhes { display: none;}
}

@media only screen and (max-width: 800px){
  #home .hm_estilos { padding: 31px 0 0;}
  #home .hm_estourados { padding: 21px 0;}

  #home .hm_semana { padding: 21px 0;}
  #home .hm_paravoce { padding: 21px 0;}
  #home .hm_paredao { padding: 21px 0;}
  #home .hm_hits_semanal { padding: 21px 0;}
  #home .hm_hits_brasileiros { padding: 21px 0;}
  #home .hm_churrasco { padding: 21px 0;}

  #home .hm_anuncios { padding: 21px 0;}
  #home .hm_cds { padding: 21px 0;}
  #home .hm_lancamentos { padding: 21px 0;}
  #home .hm_artistas { padding: 21px 0;}
  #home .hm_ouvidas { padding: 21px 0;}
  #home .hm_noticias { padding: 21px 0;}

  #home .hm_anuncios .ident { margin: 0 0 11px;}
  #home .hm_anuncios .ident h2 { font-size: 1.3em;}
  #home .hm_anuncios .ident h3 { font-size: 1em;}

  #home .hm_estilos .ident { margin: 0 0 11px;}
  #home .hm_estilos .ident button { display: none; margin: 5px 0 0;}

  #home .hm_estourados .ident { margin: 0 0 11px;}
  #home .hm_estourados .ident button { display: none; margin: 5px 0 0;}

  #home .hm_semana .ident { margin: 0 0 11px;}
  #home .hm_semana .ident button { display: none; margin: 5px 0 0;}
  #home .hm_paravoce .ident { margin: 0 0 11px;}
  #home .hm_paravoce .ident button { display: none; margin: 5px 0 0;}
  #home .hm_paredao .ident { margin: 0 0 11px;}
  #home .hm_paredao .ident button { display: none; margin: 5px 0 0;}
  #home .hm_hits_semanal .ident { margin: 0 0 11px;}
  #home .hm_hits_semanal .ident button { display: none; margin: 5px 0 0;}
  #home .hm_hits_brasileiros .ident { margin: 0 0 11px;}
  #home .hm_hits_brasileiros .ident button { display: none; margin: 5px 0 0;}
  #home .hm_churrasco .ident { margin: 0 0 11px;}
  #home .hm_churrasco .ident button { display: none; margin: 5px 0 0;}

  #home .hm_lancamentos .ident { margin: 0 0 11px;}
  #home .hm_lancamentos .ident button { display: none; margin: 5px 0 0;}

  #home .hm_artistas .owl-nav { top: -44px !important;}

  #home .hm_ouvidas .ident { margin: 0 0 11px;}
  #home .hm_ouvidas .ident button { display: none; margin: 5px 0 0;}
}

@media only screen and (max-width: 700px){
  #site .hm_estilos .item .detalhes h2 { font-size: 1.1em;}
  #home .hm_estourados .item .detalhes h2 { font-size: 0.9em;}
  #home .hm_estourados .item .detalhes h3 { font-size: 0.9em;}

  #home .hm_semana .item .detalhes h2 { font-size: 0.9em;}
  #home .hm_semana .item .detalhes h3 { font-size: 0.9em;}
  #home .hm_paravoce .item .detalhes h2 { font-size: 0.9em;}
  #home .hm_paravoce .item .detalhes h3 { font-size: 0.9em;}
  #home .hm_paredao .item .detalhes h2 { font-size: 0.9em;}
  #home .hm_paredao .item .detalhes h3 { font-size: 0.9em;}
  #home .hm_hits_semanal .item .detalhes h2 { font-size: 0.9em;}
  #home .hm_hits_semanal .item .detalhes h3 { font-size: 0.9em;}
  #home .hm_hits_brasileiros .item .detalhes h2 { font-size: 0.9em;}
  #home .hm_hits_brasileiros .item .detalhes h3 { font-size: 0.9em;}
  #home .hm_churrasco .item .detalhes h2 { font-size: 0.9em;}
  #home .hm_churrasco .item .detalhes h3 { font-size: 0.9em;}

  #home .hm_lancamentos .item .detalhes h2 { font-size: 0.9em;}
  #home .hm_lancamentos .item .detalhes h3 { font-size: 0.9em;}
  #home .hm_ouvidas .item .detalhes h2 { font-size: 0.9em;}
  #home .hm_ouvidas .item .detalhes h3 { font-size: 0.9em;}
}

/* Rodape em off-white/cool gray */
#footerPadrao {
  position: relative !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
  color: #071225 !important;
  border-top: 1px solid rgba(15, 23, 42, .08) !important;
  overflow: hidden !important;
}

#footerPadrao::before,
#footerPadrao::after {
  content: "" !important;
  position: absolute !important;
  width: 155px !important;
  height: 215px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .24 !important;
  background-image: radial-gradient(circle, rgba(255, 78, 38, .78) 1.6px, transparent 2px) !important;
  background-size: 18px 18px !important;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0 50%, transparent 78%) !important;
  mask-image: radial-gradient(ellipse at center, #000 0 50%, transparent 78%) !important;
}

#footerPadrao::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
}

#footerPadrao::after {
  right: -22px !important;
  bottom: 46px !important;
  border-radius: 999px 0 0 999px !important;
}

#footerPadrao > * {
  position: relative !important;
  z-index: 1 !important;
}

#footerPadrao .centro {
  display: grid !important;
  grid-template-columns: minmax(230px, 1.15fr) minmax(150px, .8fr) minmax(190px, 1fr) minmax(230px, 1fr) !important;
  gap: 58px !important;
  align-items: start !important;
}

#footerPadrao .lado {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#footerPadrao .logo {
  width: 220px !important;
  max-width: 100% !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  background: rgba(255, 255, 255, .48) !important;
  margin: 0 auto !important;
}

#footerPadrao .links {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

#footerPadrao .endereco,
#footerPadrao .links h2,
#footerPadrao .links button {
  color: #071225 !important;
}

#footerPadrao .endereco {
  margin-top: 14px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  color: rgba(7, 18, 37, .74) !important;
}

#footerPadrao .endereco b {
  display: inline-block !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #071225 !important;
}

#footerPadrao .links h2 {
  float: none !important;
  width: auto !important;
  display: inline-block !important;
  margin: 0 !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 19px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .01em !important;
  text-align: center !important;
}

#footerPadrao .links strong {
  float: none !important;
  clear: both !important;
  width: 88px !important;
  height: 4px !important;
  display: block !important;
  margin: 14px auto 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ff2f27, #ff6a22) !important;
}

#footerPadrao .links button {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  display: block !important;
  padding: 7px 10px !important;
  margin: 0 0 10px !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  color: rgba(7, 18, 37, .76) !important;
  border-radius: 10px !important;
  transition: color .2s ease, transform .2s ease !important;
}

#footerPadrao .links button:hover {
  color: #ff2f27 !important;
  background: transparent !important;
  transform: translateY(-1px) !important;
}

@media only screen and (max-width: 800px) {
  #footerPadrao .centro {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }
}

@media only screen and (max-width: 560px) {
  #footerPadrao .centro {
    grid-template-columns: 1fr !important;
  }
}

/* Topo em off-white/cool gray para harmonizar com o rodape */
#headerPadrao {
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important;
}

#headerPadrao .logo img {
  filter: brightness(0) saturate(100%) !important;
}

#headerPadrao #busca .campo {
  background: rgba(255, 255, 255, .78) !important;
  color: #071225 !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
}

#headerPadrao #busca .campo::placeholder {
  color: rgba(7, 18, 37, .55) !important;
}

#headerPadrao .upload {
  background: linear-gradient(135deg, #10b35b 0%, #15c66f 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(16, 179, 91, .22) !important;
}

#headerPadrao .usuario .custom-button {
  background: linear-gradient(90deg, #ff2f27, #ff6a22) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(255, 47, 39, .20) !important;
}

/* Cds em destaque - lista compacta estilo streaming */
#home .hm_cds {
  padding: 36px 0 28px !important;
  background: #fff !important;
}

#home .hm_cds .auto700 {
  width: min(986px, calc(100% - 48px)) !important;
  max-width: none !important;
}

#home .hm_cds .ident {
  float: none !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_cds .ident h2 {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_cds .ident h3 {
  float: none !important;
  width: auto !important;
  margin: 3px 0 0 !important;
  text-align: left !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  color: rgba(17, 19, 24, .62) !important;
  opacity: 1 !important;
}

#home .hm_cds .itens {
  float: none !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px 32px !important;
  margin: 0 !important;
}

#home .hm_cds .itens .item {
  float: none !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 14px !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 10px 0 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: rgb(244, 241, 246) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .10) !important;
  overflow: hidden !important;
}

#home .hm_cds .itens .item:hover {
  background: rgb(238, 233, 242) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .12) !important;
}

#home .hm_cds .itens .item .imagem {
  position: relative !important;
  width: 58px !important;
  height: 58px !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
}

#home .hm_cds .itens .item .imagem img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

#home .hm_cds .itens .item .imagem .obs {
  display: none !important;
}

#home .hm_cds .itens .item .detalhes {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_cds .itens .item .detalhes h2,
#home .hm_cds .itens .item .detalhes h3,
#home .hm_cds .itens .item .detalhes h4 {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#home .hm_cds .itens .item .detalhes h2 {
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 560 !important;
  color: #111318 !important;
}

#home .hm_cds .itens .item .detalhes h3 {
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 460 !important;
  color: rgba(17, 19, 24, .58) !important;
}

#home .hm_cds .itens .item .detalhes h4 {
  display: none !important;
}

#home .hm_cds .itens .item .ouvir {
  position: static !important;
  width: auto !important;
  min-width: 82px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111318 !important;
  text-transform: uppercase !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  color: #fff !important;
}

#home .hm_cds .itens .item .grupoFaixas {
  display: none !important;
}

#home .hm_cds .itens .item .ouvir:hover {
  background: linear-gradient(90deg, #ff2f27, #ff6a22) !important;
}

@media only screen and (max-width: 900px) {
  #home .hm_cds .auto700 {
    width: min(680px, calc(100% - 32px)) !important;
  }

  #home .hm_cds .itens {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
}

/* Playlists da home - tipografia compacta estilo Deezer/iFood */
#home .hm_estourados,
#home .hm_semana,
#home .hm_paravoce,
#home .hm_paredao,
#home .hm_hits_semanal,
#home .hm_hits_brasileiros,
#home .hm_churrasco,
#home .hm_lancamentos,
#home .hm_ouvidas {
  padding: 28px 0 !important;
}

#home .hm_estourados .ident,
#home .hm_semana .ident,
#home .hm_paravoce .ident,
#home .hm_paredao .ident,
#home .hm_hits_semanal .ident,
#home .hm_hits_brasileiros .ident,
#home .hm_churrasco .ident,
#home .hm_lancamentos .ident,
#home .hm_ouvidas .ident {
  float: none !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_estourados .ident h2,
#home .hm_semana .ident h2,
#home .hm_paravoce .ident h2,
#home .hm_paredao .ident h2,
#home .hm_hits_semanal .ident h2,
#home .hm_hits_brasileiros .ident h2,
#home .hm_churrasco .ident h2,
#home .hm_lancamentos .ident h2,
#home .hm_ouvidas .ident h2 {
  float: none !important;
  margin: 0 !important;
  text-transform: none !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_estourados .ident button,
#home .hm_semana .ident button,
#home .hm_paravoce .ident button,
#home .hm_paredao .ident button,
#home .hm_hits_semanal .ident button,
#home .hm_hits_brasileiros .ident button,
#home .hm_churrasco .ident button,
#home .hm_lancamentos .ident button,
#home .hm_ouvidas .ident button {
  float: none !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  border: 1px solid rgba(17, 19, 24, .18) !important;
  outline: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_estourados .ident button:hover,
#home .hm_semana .ident button:hover,
#home .hm_paravoce .ident button:hover,
#home .hm_paredao .ident button:hover,
#home .hm_hits_semanal .ident button:hover,
#home .hm_hits_brasileiros .ident button:hover,
#home .hm_churrasco .ident button:hover,
#home .hm_lancamentos .ident button:hover,
#home .hm_ouvidas .ident button:hover {
  background: #f4f1f6 !important;
}

#home .hm_estourados .item .detalhes,
#home .hm_semana .item .detalhes,
#home .hm_paravoce .item .detalhes,
#home .hm_paredao .item .detalhes,
#home .hm_hits_semanal .item .detalhes,
#home .hm_hits_brasileiros .item .detalhes,
#home .hm_churrasco .item .detalhes,
#home .hm_lancamentos .item .detalhes,
#home .hm_ouvidas .item .detalhes {
  float: none !important;
  width: 100% !important;
  padding-top: 9px !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_estourados .item .detalhes h2,
#home .hm_semana .item .detalhes h2,
#home .hm_paravoce .item .detalhes h2,
#home .hm_paredao .item .detalhes h2,
#home .hm_hits_semanal .item .detalhes h2,
#home .hm_hits_brasileiros .item .detalhes h2,
#home .hm_churrasco .item .detalhes h2,
#home .hm_lancamentos .item .detalhes h2,
#home .hm_ouvidas .item .detalhes h2 {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  text-transform: none !important;
  font-size: 14px !important;
  line-height: 1.18 !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  color: #121318 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#home .hm_estourados .item .detalhes h3,
#home .hm_semana .item .detalhes h3,
#home .hm_paravoce .item .detalhes h3,
#home .hm_paredao .item .detalhes h3,
#home .hm_hits_semanal .item .detalhes h3,
#home .hm_hits_brasileiros .item .detalhes h3,
#home .hm_churrasco .item .detalhes h3,
#home .hm_lancamentos .item .detalhes h3,
#home .hm_ouvidas .item .detalhes h3 {
  float: none !important;
  width: 100% !important;
  margin: 5px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: rgba(18, 19, 24, .62) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#home .hm_estourados .item .imagem,
#home .hm_semana .item .imagem,
#home .hm_paravoce .item .imagem,
#home .hm_paredao .item .imagem,
#home .hm_hits_semanal .item .imagem,
#home .hm_hits_brasileiros .item .imagem,
#home .hm_churrasco .item .imagem,
#home .hm_lancamentos .item .imagem,
#home .hm_ouvidas .item .imagem {
  overflow: hidden !important;
}

#home .hm_estourados .item .imagem .img,
#home .hm_semana .item .imagem .img,
#home .hm_paravoce .item .imagem .img,
#home .hm_paredao .item .imagem .img,
#home .hm_hits_semanal .item .imagem .img,
#home .hm_hits_brasileiros .item .imagem .img,
#home .hm_churrasco .item .imagem .img,
#home .hm_lancamentos .item .imagem .img,
#home .hm_ouvidas .item .imagem .img {
  border-radius: 7px !important;
}

/* Generos musicais - cards com icones e visual moderno */
#home .hm_estilos {
  padding: 34px 0 24px !important;
}

#home .hm_estilos .ident {
  float: none !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_estilos .ident h2 {
  float: none !important;
  margin: 0 !important;
  text-transform: none !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_estilos .ident button {
  float: none !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  border: 1px solid rgba(17, 19, 24, .16) !important;
  outline: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_estilos .ident button:hover {
  background: #f4f1f6 !important;
}

#home .hm_estilos .item .detalhes {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  float: none !important;
  width: 100% !important;
  height: 98px !important;
  padding: 14px 18px !important;
  border: 0 !important;
  border-radius: 8px !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .13) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

#home .hm_estilos .item:hover .detalhes {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 30px rgba(15, 23, 42, .18) !important;
}

#home .hm_estilos .item .detalhes::before {
  content: "" !important;
  width: 36px !important;
  height: 36px !important;
  display: block !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.18) 50% / 19px no-repeat !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 22px rgba(0,0,0,.16) !important;
  z-index: 1 !important;
}

#home .hm_estilos .item .detalhes::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 88% 28%, rgba(255,255,255,.20) 0 10px, transparent 11px),
    radial-gradient(circle at 80% 72%, rgba(255,255,255,.13) 0 34px, transparent 35px),
    linear-gradient(110deg, rgba(255,255,255,.12), transparent 48%) !important;
  opacity: .95 !important;
  z-index: -1 !important;
}

#site .hm_estilos .item .detalhes h2 {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.14) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  z-index: 1 !important;
}

#site .hm_estilos .item .detalhes.cor1 {
  background:
    radial-gradient(circle at 8% 18%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(135deg, #9e0000 0%, #f11212 100%) !important;
}

#site .hm_estilos .item .detalhes.cor2 {
  background:
    radial-gradient(circle at 20% 14%, rgba(255,255,255,.15), transparent 28%),
    linear-gradient(135deg, #ff1a12 0%, #ff4b20 100%) !important;
}

#site .hm_estilos .item .detalhes.cor3 {
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.14), transparent 26%),
    linear-gradient(135deg, #6d00c8 0%, #c000f0 100%) !important;
}

#site .hm_estilos .item .detalhes.cor4 {
  background:
    radial-gradient(circle at 16% 20%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, #ff6a00 0%, #ff3d00 100%) !important;
}

#site .hm_estilos .item .detalhes.cor1::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10h14M8 10v8m8-8v8M7 7l5-3 5 3' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#site .hm_estilos .item .detalhes.cor2::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 17c2 2 12 2 14 0M7 16l2-8h6l2 8M9 8c1-2 5-2 6 0' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#site .hm_estilos .item .detalhes.cor3::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20s-7-4.3-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.7-7 10-7 10Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#site .hm_estilos .item .detalhes.cor4::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18V6l10-2v12M9 18a3 2 0 1 1-6 0 3 2 0 0 1 6 0Zm10-2a3 2 0 1 1-6 0 3 2 0 0 1 6 0Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

@media only screen and (max-width: 700px) {
  #home .hm_estilos .item .detalhes {
    height: 88px !important;
  }

  #site .hm_estilos .item .detalhes h2 {
    font-size: 16px !important;
  }
}

/* Artistas em destaque - vitrine moderna */
#home .hm_artistas {
  padding: 38px 0 34px !important;
}

#home .hm_artistas .centro {
  width: min(1220px, calc(100% - 48px)) !important;
  max-width: none !important;
  padding: 34px 34px 38px !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 14% 20%, rgba(170, 80, 255, .10), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,250,255,.82)) !important;
  box-shadow: 0 24px 62px rgba(34, 47, 85, .13), inset 0 1px 0 rgba(255,255,255,.85) !important;
}

#home .hm_artistas .ident {
  float: none !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 28px !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_artistas .ident::before {
  content: "" !important;
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, #8a4dff, #f05bff),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1L12 16.9 6.6 19.8l1-6.1-4.4-4.3 6.1-.9L12 3Z'/%3E%3C/svg%3E") 50% / 22px no-repeat !important;
  background-blend-mode: normal !important;
  box-shadow: 0 12px 28px rgba(160, 72, 255, .32) !important;
}

#home .hm_artistas .ident h2 {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  text-transform: none !important;
  font-size: 27px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  color: #08132f !important;
}

#home .hm_artistas .ident button {
  float: none !important;
  padding: 13px 20px !important;
  margin: 0 !important;
  border: 1px solid rgba(112, 68, 224, .16) !important;
  outline: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: 0 10px 22px rgba(112, 68, 224, .10) !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 830 !important;
  letter-spacing: 0 !important;
  color: #5b23c9 !important;
}

#home .hm_artistas .ident button::after {
  content: "›" !important;
  margin-left: 8px !important;
  font-size: 18px !important;
  line-height: 0 !important;
}

#home .hm_artistas .carrosel {
  float: none !important;
  width: 100% !important;
}

#home .hm_artistas .item {
  float: none !important;
  min-height: 318px !important;
  padding: 22px 18px 20px !important;
  border: 1px solid rgba(21, 29, 55, .07) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 17px 36px rgba(21, 29, 55, .10) !important;
  text-align: center !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

#home .hm_artistas .item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 24px 46px rgba(21, 29, 55, .14) !important;
}

#home .hm_artistas .artista-card {
  float: none !important;
  width: 100% !important;
}

#home .hm_artistas .item .imagem {
  float: none !important;
  width: 150px !important;
  height: 150px !important;
  margin: 0 auto 17px !important;
  position: relative !important;
  border-radius: 999px !important;
  overflow: visible !important;
}

#home .hm_artistas .item .imagem::after {
  content: "" !important;
  position: absolute !important;
  right: 2px !important;
  bottom: 2px !important;
  width: 37px !important;
  height: 37px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18V6l10-2v12M9 18a3 2 0 1 1-6 0 3 2 0 0 1 6 0Zm10-2a3 2 0 1 1-6 0 3 2 0 0 1 6 0Z' stroke='%23a855f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% / 20px no-repeat !important;
  box-shadow: 0 10px 22px rgba(21, 29, 55, .16) !important;
}

#home .hm_artistas .item .imagem .img {
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 32px rgba(21, 29, 55, .18) !important;
}

#home .hm_artistas .item .detalhes {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_artistas .item .detalhes h2 {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  text-transform: none !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: #08132f !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#home .hm_artistas .item .detalhes h3 {
  float: none !important;
  width: 100% !important;
  margin: 11px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  color: rgba(8, 19, 47, .58) !important;
  opacity: 1 !important;
}

#home .hm_artistas .item .detalhes h3::before {
  content: "♪" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  margin-right: 5px !important;
  border-radius: 999px !important;
  background: rgba(168, 85, 247, .13) !important;
  color: #a855f7 !important;
  font-size: 12px !important;
}

#home .hm_artistas .item .seo {
  display: none !important;
}

#home .hm_artistas .item .seguidor {
  width: 100% !important;
  min-height: 42px !important;
  margin: 19px 0 0 !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1.5px solid #9a63ff !important;
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg, #655cff, #ff73c7) border-box !important;
  box-shadow: 0 10px 22px rgba(112, 68, 224, .11) !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: #5b23c9 !important;
}

#home .hm_artistas .item .seguidor.seguindo {
  border: 0 !important;
  background: linear-gradient(135deg, #18c764, #13b654) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(19, 182, 84, .25) !important;
}

#home .hm_artistas .item .seguidor.seguindo::before {
  content: "✓" !important;
  margin-right: 8px !important;
}

@media only screen and (max-width: 900px) {
  #home .hm_artistas .centro {
    width: min(680px, calc(100% - 30px)) !important;
    padding: 24px 18px 28px !important;
    border-radius: 20px !important;
  }

  #home .hm_artistas .ident h2 {
    font-size: 22px !important;
  }

  #home .hm_artistas .item {
    min-height: 294px !important;
  }
}

/* Ajuste limpo da vitrine de artistas */
#home .hm_artistas .centro {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#home .hm_artistas .ident::before,
#home .hm_artistas .item .imagem::after,
#home .hm_artistas .item .detalhes h3::before {
  content: none !important;
  display: none !important;
}

#home .hm_artistas .ident {
  gap: 12px !important;
}

#home .hm_artistas .ident h2 {
  font-size: 24px !important;
  font-weight: 850 !important;
}

#home .hm_artistas .item {
  min-height: 288px !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .08) !important;
}

#home .hm_artistas .item .imagem {
  width: 138px !important;
  height: 138px !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
}

#home .hm_artistas .item .imagem .img {
  box-shadow: none !important;
}

#home .hm_artistas .item .detalhes h2 {
  font-size: 17px !important;
  font-weight: 820 !important;
  text-transform: capitalize !important;
}

#home .hm_artistas .item .detalhes h3 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 7px auto 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  color: #08132f !important;
}

#home .hm_artistas .item .seguidor {
  min-height: 39px !important;
  margin-top: 10px !important;
  border-color: rgba(8, 19, 47, .24) !important;
  background: #fff !important;
  color: #08132f !important;
  box-shadow: none !important;
}

#home .hm_artistas .item .seguidor.seguindo {
  background: linear-gradient(135deg, #18c764, #13b654) !important;
  color: #fff !important;
}

/* Padrao final dos cards horizontais compactos */
#home .hm_cds .itens .item,
#home .hm_semana .item {
  background: rgb(244, 241, 246) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .10) !important;
}

#home .hm_cds .itens .item:hover,
#home .hm_semana .item:hover {
  background: rgb(238, 233, 242) !important;
}

#home .hm_cds .itens .item .detalhes h2,
#home .hm_semana .item .detalhes h2 {
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_cds .itens .item .detalhes h3,
#home .hm_semana .item .detalhes h3 {
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 460 !important;
  letter-spacing: 0 !important;
  color: rgba(17, 19, 24, .58) !important;
}

/* Topo Clique - hero moderno */
#home .hm_clique {
  position: relative !important;
  float: left !important;
  width: 100% !important;
  min-height: 520px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 58% 48%, rgba(255, 118, 47, .52) 0 0, rgba(232, 39, 130, .38) 18%, rgba(73, 20, 88, .30) 34%, rgba(9, 4, 31, 0) 52%),
    radial-gradient(circle at 18% 58%, rgba(229, 30, 130, .34), rgba(16, 6, 48, 0) 38%),
    linear-gradient(135deg, #0a061c 0%, #180827 34%, #220836 58%, #09051c 100%) !important;
}

#home .hm_clique::before,
#home .hm_clique::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
}

#home .hm_clique::before {
  width: 470px !important;
  height: 470px !important;
  left: 42% !important;
  top: 40px !important;
  box-shadow: 0 0 80px rgba(255, 44, 138, .34), inset 0 0 60px rgba(255, 151, 51, .12) !important;
}

#home .hm_clique::after {
  width: 900px !important;
  height: 900px !important;
  right: -300px !important;
  bottom: -560px !important;
}

#home .hm_clique .centro {
  position: relative !important;
  z-index: 1 !important;
  width: min(1480px, calc(100% - 96px)) !important;
  max-width: none !important;
  min-height: 520px !important;
  display: grid !important;
  grid-template-columns: minmax(380px, 1fr) minmax(390px, 560px) minmax(310px, 390px) !important;
  gap: 34px !important;
  align-items: center !important;
}

#home .hm_clique .mc-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(115deg, rgba(255,255,255,.04), rgba(255,255,255,0) 25%),
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.05), rgba(255,255,255,0) 28%) !important;
  opacity: .9 !important;
}

#home .hm_clique .lado1,
#home .hm_clique .lado2,
#home .hm_clique .lado3 {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

#home .hm_clique .detalhes {
  float: none !important;
  width: 100% !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_clique .mc-hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 40px !important;
  padding: 0 18px !important;
  margin: 0 0 22px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .10) !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 38px rgba(231, 34, 143, .18) !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

#home .hm_clique .mc-hero-badge i {
  color: #ff8a3d !important;
}

#home .hm_clique .detalhes h1 {
  float: none !important;
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(42px, 4.1vw, 64px) !important;
  line-height: 1.04 !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
}

#home .hm_clique .mc-hero-desc {
  margin: 22px 0 0 !important;
}

#home .hm_clique .mc-hero-desc p {
  margin: 0 0 6px !important;
  color: rgba(255,255,255,.84) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 420 !important;
  letter-spacing: 0 !important;
}

#home .hm_clique .botao-ouca-agora {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  float: none !important;
  clear: none !important;
  min-width: 204px !important;
  height: 56px !important;
  padding: 0 28px !important;
  margin: 24px 0 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f51691 0%, #ff7a2a 100%) !important;
  box-shadow: 0 16px 38px rgba(244, 48, 132, .36) !important;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
}

#home .hm_clique .botao-ouca-agora i {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.22) !important;
  font-size: 12px !important;
}

#home .hm_clique .mc-hero-stats {
  width: min(540px, 100%) !important;
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 34px 0 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .09) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 40px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(12px) !important;
}

#home .hm_clique .mc-hero-stat {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-right: 1px solid rgba(255,255,255,.18) !important;
}

#home .hm_clique .mc-hero-stat:last-child {
  border-right: 0 !important;
}

#home .hm_clique .mc-hero-stat span {
  grid-row: 1 / 3 !important;
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 41, 151, .8) !important;
  color: #ff8b3d !important;
}

#home .hm_clique .mc-hero-stat strong {
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
}

#home .hm_clique .mc-hero-stat em {
  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 450 !important;
}

#home .hm_clique .mc-hero-artist,
#home .hm_clique .imagem {
  float: none !important;
  width: 100% !important;
  height: 520px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

#home .hm_clique .mc-hero-artist img,
#home .hm_clique .imagem img {
  float: none !important;
  width: auto !important;
  max-width: min(620px, 118%) !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: drop-shadow(0 28px 40px rgba(0,0,0,.38)) !important;
}

#home .hm_clique .itens {
  float: none !important;
  width: 100% !important;
  display: grid !important;
  gap: 18px !important;
}

#home .hm_clique .itens .item {
  float: none !important;
  width: 100% !important;
  min-height: 96px !important;
  display: grid !important;
  grid-template-columns: 68px minmax(0, 1fr) 20px !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 16px 18px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 42px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(14px) !important;
  color: #fff !important;
  text-transform: none !important;
  text-align: left !important;
  cursor: pointer !important;
}

#home .hm_clique .itens .item .mc-side-icon {
  width: 58px !important;
  height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-size: 28px !important;
  box-shadow: 0 16px 28px rgba(0,0,0,.18) !important;
}

#home .hm_clique .itens .item .mc-side-1 {
  background: linear-gradient(135deg, #f81593, #ff7042) !important;
}

#home .hm_clique .itens .item .mc-side-2 {
  background: linear-gradient(135deg, #7e2df4, #a739d2) !important;
}

#home .hm_clique .itens .item .mc-side-3 {
  background: linear-gradient(135deg, #ff8932, #e84562) !important;
}

#home .hm_clique .itens .item strong {
  display: block !important;
  margin: 0 0 7px !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

#home .hm_clique .itens .item small {
  display: block !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 440 !important;
  letter-spacing: 0 !important;
}

#home .hm_clique .itens .item > i {
  color: #fff !important;
  font-size: 18px !important;
}

/* Ajuste fino do topo Clique para manter a proporcao do layout de referencia */
#home .hm_clique {
  min-height: 552px !important;
}

#home .hm_clique::before {
  width: 520px !important;
  height: 520px !important;
  left: 41% !important;
  top: 50px !important;
}

#home .hm_clique .centro {
  width: min(1500px, calc(100% - 88px)) !important;
  min-height: 552px !important;
  grid-template-columns: minmax(520px, 1.08fr) minmax(330px, 430px) minmax(300px, 360px) !important;
  gap: 24px !important;
}

#home .hm_clique .detalhes {
  max-width: 640px !important;
}

#home .hm_clique .mc-hero-badge {
  margin-bottom: 20px !important;
}

#home .hm_clique .detalhes h1 {
  max-width: 640px !important;
  font-size: clamp(44px, 3.45vw, 60px) !important;
  line-height: 1.08 !important;
}

#home .hm_clique .mc-hero-desc {
  margin-top: 20px !important;
}

#home .hm_clique .mc-hero-desc p {
  font-size: 17px !important;
  line-height: 1.38 !important;
}

#home .hm_clique .botao-ouca-agora {
  min-width: 190px !important;
  height: 54px !important;
  margin-top: 22px !important;
  padding: 0 26px !important;
  font-size: 17px !important;
}

#home .hm_clique .mc-hero-stats {
  width: min(500px, 100%) !important;
  min-height: 68px !important;
  margin-top: 24px !important;
  padding: 10px 12px !important;
}

#home .hm_clique .mc-hero-stat {
  grid-template-columns: 34px 1fr !important;
  column-gap: 8px !important;
  padding: 0 9px !important;
}

#home .hm_clique .mc-hero-stat span {
  width: 30px !important;
  height: 30px !important;
  font-size: 12px !important;
}

#home .hm_clique .mc-hero-stat strong {
  font-size: 16px !important;
}

#home .hm_clique .mc-hero-stat em {
  font-size: 12px !important;
}

#home .hm_clique .mc-hero-artist,
#home .hm_clique .imagem {
  height: 552px !important;
  align-items: flex-start !important;
  padding-top: 4px !important;
}

#home .hm_clique .mc-hero-artist img,
#home .hm_clique .imagem img {
  max-width: min(660px, 146%) !important;
  height: 114% !important;
  object-position: center top !important;
}

#home .hm_clique .itens {
  gap: 16px !important;
}

#home .hm_clique .itens .item {
  height: 88px !important;
  min-height: 88px !important;
  overflow: hidden !important;
  grid-template-columns: 60px minmax(0, 1fr) 18px !important;
  gap: 15px !important;
  padding: 14px 16px !important;
}

#home .hm_clique .itens .item .mc-side-icon {
  width: 52px !important;
  height: 52px !important;
  font-size: 25px !important;
}

#home .hm_clique .itens .item strong {
  margin-bottom: 6px !important;
  font-size: 16px !important;
}

#home .hm_clique .itens .item small {
  height: 34px !important;
  overflow: hidden !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
}

@media only screen and (max-width: 1180px) {
  #home .hm_clique .centro {
    width: min(1000px, calc(100% - 42px)) !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px) !important;
    gap: 20px !important;
  }

  #home .hm_clique .lado3 {
    display: none !important;
  }

  #home .hm_clique .detalhes h1 {
    font-size: clamp(38px, 4.8vw, 52px) !important;
  }
}

/* Refinamento final: cantor mais alto e indicadores mais compactos */
body #home .hm_clique .centro .lado2 .mc-hero-artist,
body #home .hm_clique .centro .lado2 .imagem {
  height: 552px !important;
  align-items: flex-start !important;
  padding-top: 24px !important;
  overflow: hidden !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist img,
body #home .hm_clique .centro .lado2 .imagem img {
  height: 110% !important;
  max-width: min(650px, 146%) !important;
  object-position: center top !important;
  transform: translateY(-12px) !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stats {
  width: min(500px, 100%) !important;
  min-height: 0 !important;
  height: 72px !important;
  box-sizing: border-box !important;
  margin-top: 24px !important;
  padding: 9px 12px !important;
  border-radius: 13px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat {
  grid-template-columns: 34px 1fr !important;
  column-gap: 8px !important;
  padding: 0 8px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat span {
  width: 30px !important;
  height: 30px !important;
  font-size: 12px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat strong {
  font-size: 16px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat em {
  font-size: 12px !important;
}

/* Banners de anuncio - proporcao profissional 780x430 */
#home .hm_anuncios {
  padding: 34px 0 30px !important;
}

#home .hm_anuncios .centro {
  width: min(1040px, calc(100% - 48px)) !important;
  max-width: none !important;
}

#home .hm_anuncios .ident {
  float: none !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_anuncios .ident h2 {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_anuncios .ident h3 {
  float: none !important;
  width: 100% !important;
  margin: 7px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 460 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_anuncios .carrosel {
  float: none !important;
  width: 100% !important;
}

#home .hm_anuncios .carrosel .owl-theme.crs:not(.owl-loaded) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 500px)) !important;
  gap: 30px !important;
  align-items: start !important;
  overflow: hidden !important;
}

#home .hm_anuncios .carrosel .owl-theme.crs:not(.owl-loaded) > .item {
  min-width: 0 !important;
}

#home .hm_anuncios .carrosel .owl-theme.crs:not(.owl-loaded) > .item:nth-child(n+3) {
  display: none !important;
}

#home .hm_anuncios .item {
  float: none !important;
  width: 100% !important;
}

#home .hm_anuncios .item .imagem {
  float: none !important;
  width: min(100%, 500px) !important;
  aspect-ratio: 780 / 430 !important;
  max-height: 275px !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #f4f1f6 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .10) !important;
}

#home .hm_anuncios .item .imagem .img {
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 8px !important;
}

#home .hm_anuncios .item .imagem::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 46% !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(8, 8, 12, 0) 0%, rgba(8, 8, 12, .72) 76%, rgba(8, 8, 12, .88) 100%) !important;
  z-index: 1 !important;
}

#home .hm_anuncios .item .imagem .info {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 2 !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .45) !important;
}

#home .hm_anuncios .item .imagem .info h3 {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 0 4px !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: rgba(255, 255, 255, .86) !important;
}

#home .hm_anuncios .item .imagem .info h2 {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 92% !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
}

#home .hm_anuncios .item .imagem .icoplay {
  width: 42px !important;
  height: 42px !important;
  left: auto !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 3 !important;
}

#home .hm_anuncios .owl-nav {
  top: -64px !important;
}

@media only screen and (max-width: 900px) {
  #home .hm_anuncios .centro {
    width: min(680px, calc(100% - 30px)) !important;
  }

  #home .hm_anuncios .carrosel .owl-theme.crs:not(.owl-loaded) {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #home .hm_anuncios .ident h2 {
    font-size: 22px !important;
  }

  #home .hm_anuncios .ident h3 {
    font-size: 14px !important;
  }

  #home .hm_anuncios .item .imagem .info h2 {
    font-size: 18px !important;
  }

  #home .hm_anuncios .item .imagem .info h3 {
    font-size: 12px !important;
  }
}

/* Cabecalho estilo Deezer para playlists da semana */
#home .hm_semana .ident {
  float: none !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: auto auto 1fr !important;
  grid-template-areas:
    "titulo botao ."
    "subtitulo subtitulo ." !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 5px !important;
  margin: 0 0 18px !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#home .hm_semana .centro {
  width: min(986px, calc(100% - 48px)) !important;
  max-width: none !important;
}

#home .hm_semana .ident h2 {
  grid-area: titulo !important;
  float: none !important;
  margin: 0 !important;
  text-transform: none !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_semana .ident h3 {
  grid-area: subtitulo !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: rgba(17, 19, 24, .66) !important;
  opacity: 1 !important;
}

#home .hm_semana .ident button {
  grid-area: botao !important;
  float: none !important;
  padding: 9px 14px !important;
  margin: 0 !important;
  border: 1px solid rgba(17, 19, 24, .18) !important;
  outline: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
}

#home .hm_semana .ident button:hover {
  background: #f4f1f6 !important;
}

#home .hm_semana .carrosel {
  float: none !important;
  width: 100% !important;
}

#home .hm_semana .carrosel .owl-theme.crs {
  display: block !important;
}

#home .hm_semana .carrosel .owl-theme.crs .owl-stage-outer {
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
}

#home .hm_semana .carrosel .owl-theme.crs .owl-stage {
  width: 100% !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 58px !important;
  gap: 6px 32px !important;
}

#home .hm_semana .carrosel .owl-theme.crs .owl-item {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#home .hm_semana .carrosel .owl-theme.crs .owl-item:nth-child(n+10) {
  display: none !important;
}

#home .hm_semana .item {
  float: none !important;
  width: 100% !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 14px !important;
  padding: 0 10px 0 0 !important;
  margin: 0 !important;
  border-radius: 6px !important;
  background: rgb(244, 241, 246) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .10) !important;
  overflow: hidden !important;
}

#home .hm_semana .item:hover {
  background: rgb(238, 233, 242) !important;
  transform: translateY(-1px) !important;
}

#home .hm_semana .item .imagem {
  float: none !important;
  width: 58px !important;
  height: 58px !important;
  position: relative !important;
}

#home .hm_semana .item .imagem .img {
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

#home .hm_semana .item .imagem .icoplay {
  display: none !important;
}

#home .hm_semana .item .detalhes {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

#home .hm_semana .item .detalhes h2 {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  text-transform: none !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
  color: #111318 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#home .hm_semana .item .detalhes h3 {
  float: none !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 460 !important;
  letter-spacing: 0 !important;
  color: rgba(17, 19, 24, .58) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#home .hm_semana .item .ouvir {
  position: static !important;
  width: auto !important;
  min-width: 82px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111318 !important;
  text-transform: uppercase !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
}

#home .hm_semana .item .ouvir:hover {
  background: linear-gradient(90deg, #ff2f27, #ff6a22) !important;
}

#home .hm_semana .item .grupoFaixas {
  display: none !important;
}

#home .hm_semana .owl-nav {
  top: -56px !important;
}

@media only screen and (max-width: 700px) {
  #home .hm_semana .ident {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "titulo botao"
      "subtitulo subtitulo" !important;
  }

  #home .hm_semana .ident h2 {
    font-size: 19px !important;
  }

  #home .hm_semana .carrosel .owl-theme.crs {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
}

/* Foco do anuncio: artista/produto em destaque e corte com degradê */
body #home .hm_clique {
  overflow: hidden !important;
}

body #home .hm_clique .centro {
  width: min(1520px, calc(100% - 36px)) !important;
  grid-template-columns: minmax(430px, 1fr) minmax(430px, 500px) minmax(300px, 340px) !important;
  gap: 18px !important;
}

body #home .hm_clique::before {
  width: 580px !important;
  height: 580px !important;
  left: 43% !important;
  top: 40px !important;
  background: radial-gradient(circle, rgba(255, 118, 47, .28), rgba(240, 32, 137, .18) 46%, rgba(255,255,255,0) 72%) !important;
}

body #home .hm_clique .centro .lado2 {
  z-index: 3 !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist,
body #home .hm_clique .centro .lado2 .imagem {
  position: relative !important;
  height: 576px !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 0 !important;
  overflow: visible !important;
  isolation: isolate !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist::after,
body #home .hm_clique .centro .lado2 .imagem::after {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  left: -70px !important;
  right: -70px !important;
  bottom: -4px !important;
  height: 190px !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(12, 5, 30, 0) 0%, rgba(12, 5, 30, .42) 46%, rgba(8, 4, 25, .94) 100%) !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist img,
body #home .hm_clique .centro .lado2 .imagem img {
  position: relative !important;
  z-index: 2 !important;
  height: 113% !important;
  max-width: min(720px, 158%) !important;
  object-position: center top !important;
  transform: translateY(-18px) !important;
  filter: drop-shadow(0 34px 46px rgba(0, 0, 0, .42)) !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stats {
  width: min(480px, 100%) !important;
  height: 66px !important;
  min-height: 0 !important;
  padding: 8px 11px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat span {
  width: 28px !important;
  height: 28px !important;
  font-size: 11px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat strong {
  font-size: 15px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat em {
  font-size: 11px !important;
}

/* Ajuste final do recorte do artista: imagem maior e mergulhada na sombra */
body #home .hm_clique {
  position: relative !important;
  overflow: hidden !important;
}

body #home .hm_clique .centro {
  grid-template-columns: minmax(520px, 1.12fr) minmax(470px, 560px) minmax(290px, 350px) !important;
}

body #home .hm_clique .centro::before {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 330px !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(8, 4, 28, 0) 0%, rgba(8, 4, 28, .28) 22%, rgba(8, 4, 28, .64) 52%, rgba(8, 4, 28, .94) 82%, #08041c 100%) !important;
}

body #home .hm_clique .centro::after {
  z-index: 6 !important;
  height: 270px !important;
  background:
    radial-gradient(ellipse at 55% 26%, rgba(8, 4, 28, 0) 0%, rgba(8, 4, 28, .18) 46%, rgba(8, 4, 28, .64) 72%, rgba(8, 4, 28, .96) 100%),
    linear-gradient(180deg, rgba(8, 4, 28, 0) 0%, rgba(8, 4, 28, .22) 24%, rgba(8, 4, 28, .72) 65%, #08041c 100%) !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist,
body #home .hm_clique .centro .lado2 .imagem {
  height: 560px !important;
  padding-top: 0 !important;
  overflow: visible !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist img,
body #home .hm_clique .centro .lado2 .imagem img {
  height: 126% !important;
  max-width: min(820px, 172%) !important;
  transform: translateY(10px) !important;
  object-position: center top !important;
}

body #home .hm_clique .centro .lado1,
body #home .hm_clique .centro .lado3 {
  z-index: 8 !important;
}

/* Hero definitivo: anuncio/artista como foco principal do topo */
body #home .hm_clique {
  min-height: 590px !important;
}

body #home .hm_clique .centro {
  width: min(1560px, calc(100% - 44px)) !important;
  min-height: 590px !important;
  grid-template-columns: minmax(520px, 1fr) minmax(300px, 360px) !important;
  grid-template-areas: "texto menu" !important;
  align-items: center !important;
  gap: 32px !important;
}

body #home .hm_clique .centro .lado1 {
  grid-area: texto !important;
  max-width: 650px !important;
  z-index: 10 !important;
}

body #home .hm_clique .centro .lado3 {
  grid-area: menu !important;
  z-index: 10 !important;
}

body #home .hm_clique .centro .lado2 {
  position: absolute !important;
  z-index: 4 !important;
  left: 34% !important;
  right: 18% !important;
  top: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  pointer-events: none !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist,
body #home .hm_clique .centro .lado2 .imagem {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  overflow: visible !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist img,
body #home .hm_clique .centro .lado2 .imagem img {
  width: auto !important;
  height: 122% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateY(88px) !important;
  filter: drop-shadow(0 42px 52px rgba(0, 0, 0, .48)) !important;
}

body #home .hm_clique .centro::before {
  z-index: 6 !important;
  height: 390px !important;
  bottom: 0 !important;
  background:
    linear-gradient(180deg, rgba(8, 4, 28, 0) 0%, rgba(8, 4, 28, .42) 24%, rgba(8, 4, 28, .80) 54%, rgba(8, 4, 28, .98) 84%, #08041c 100%) !important;
}

body #home .hm_clique .centro::after {
  z-index: 7 !important;
  height: 430px !important;
  bottom: 0 !important;
  background:
    radial-gradient(ellipse at 52% 20%, rgba(8, 4, 28, 0) 0%, rgba(8, 4, 28, .35) 42%, rgba(8, 4, 28, .88) 78%, #08041c 100%),
    linear-gradient(180deg, rgba(8, 4, 28, 0) 0%, rgba(8, 4, 28, .34) 22%, rgba(8, 4, 28, .88) 66%, #08041c 100%) !important;
}

body #home .hm_clique .centro .lado1 .detalhes h1 {
  max-width: 650px !important;
  font-size: clamp(42px, 3.7vw, 60px) !important;
  line-height: 1.07 !important;
}

@media only screen and (max-width: 1360px) {
  body #home .hm_clique .centro {
    width: min(1320px, calc(100% - 44px)) !important;
    grid-template-columns: minmax(480px, 1fr) minmax(280px, 330px) !important;
    gap: 24px !important;
  }

  body #home .hm_clique .centro .lado2 {
    left: 33% !important;
    right: 15% !important;
  }

  body #home .hm_clique .centro .lado2 .mc-hero-artist img,
  body #home .hm_clique .centro .lado2 .imagem img {
    height: 126% !important;
    transform: translateY(92px) !important;
  }

  body #home .hm_clique .centro .lado1 .detalhes h1 {
    max-width: 560px !important;
    font-size: clamp(40px, 3.6vw, 52px) !important;
  }
}

/* Acerto final limpo: texto, artista e menu sem sobreposicao */
html body #home .hm_clique {
  min-height: 575px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 56% 42%, rgba(255, 101, 47, .52) 0%, rgba(231, 33, 132, .36) 23%, rgba(55, 12, 76, .20) 43%, rgba(8, 4, 28, 0) 62%),
    radial-gradient(circle at 20% 46%, rgba(218, 31, 130, .30), rgba(8, 4, 28, 0) 40%),
    linear-gradient(120deg, #09041c 0%, #230727 35%, #230936 58%, #08041c 100%) !important;
}

html body #home .hm_clique .centro {
  width: min(1500px, calc(100% - 72px)) !important;
  min-height: 575px !important;
  display: grid !important;
  grid-template-columns: minmax(480px, 1fr) minmax(420px, 500px) minmax(290px, 340px) !important;
  grid-template-areas: "texto artista menu" !important;
  gap: 22px !important;
  align-items: center !important;
  position: relative !important;
}

html body #home .hm_clique .centro::before {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 220px !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(8,4,28,0) 0%, rgba(8,4,28,.24) 32%, rgba(8,4,28,.72) 72%, #08041c 100%) !important;
}

html body #home .hm_clique .centro::after {
  content: "" !important;
  position: absolute !important;
  z-index: 4 !important;
  left: 34% !important;
  top: 28px !important;
  width: 560px !important;
  height: 560px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  background: radial-gradient(circle, rgba(255,126,45,.30) 0%, rgba(240,37,136,.18) 42%, rgba(255,255,255,0) 72%) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

html body #home .hm_clique .centro .lado1 {
  grid-area: texto !important;
  position: relative !important;
  z-index: 8 !important;
  max-width: 640px !important;
}

html body #home .hm_clique .centro .lado1 .detalhes {
  max-width: 640px !important;
}

html body #home .hm_clique .centro .lado1 .detalhes h1 {
  max-width: 640px !important;
  font-size: clamp(42px, 3.45vw, 58px) !important;
  line-height: 1.08 !important;
}

html body #home .hm_clique .centro .lado2 {
  grid-area: artista !important;
  position: relative !important;
  inset: auto !important;
  z-index: 6 !important;
  width: 100% !important;
  height: 575px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  pointer-events: none !important;
}

html body #home .hm_clique .centro .lado2 .mc-hero-artist,
html body #home .hm_clique .centro .lado2 .imagem {
  width: 100% !important;
  height: 575px !important;
  padding: 0 !important;
  overflow: visible !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

html body #home .hm_clique .centro .lado2 .mc-hero-artist::after,
html body #home .hm_clique .centro .lado2 .imagem::after {
  display: none !important;
}

html body #home .hm_clique .centro .lado2 .mc-hero-artist img,
html body #home .hm_clique .centro .lado2 .imagem img {
  width: auto !important;
  height: 118% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateY(74px) !important;
  filter: drop-shadow(0 38px 48px rgba(0,0,0,.48)) !important;
}

html body #home .hm_clique .centro .lado3 {
  grid-area: menu !important;
  position: relative !important;
  z-index: 8 !important;
  width: 100% !important;
}

html body #home .hm_clique .centro .lado3 .itens {
  gap: 16px !important;
}

@media only screen and (max-width: 1360px) {
  html body #home .hm_clique .centro {
    width: min(1320px, calc(100% - 44px)) !important;
    grid-template-columns: minmax(460px, 1fr) minmax(390px, 470px) minmax(270px, 320px) !important;
    gap: 18px !important;
  }

  html body #home .hm_clique .centro .lado1 .detalhes h1 {
    max-width: 560px !important;
    font-size: clamp(40px, 3.5vw, 50px) !important;
  }

  html body #home .hm_clique .centro .lado2 .mc-hero-artist img,
  html body #home .hm_clique .centro .lado2 .imagem img {
    height: 122% !important;
    transform: translateY(82px) !important;
  }
}

/* Correcao profissional do hero Clique: foco, integracao e espacamento */
body #home .hm_clique {
  min-height: 560px !important;
  margin-bottom: 82px !important;
  background:
    radial-gradient(circle at 56% 43%, rgba(255, 118, 47, .50) 0%, rgba(238, 38, 132, .33) 24%, rgba(55, 15, 79, .18) 44%, rgba(8, 4, 28, 0) 62%),
    radial-gradient(circle at 19% 48%, rgba(213, 28, 132, .27), rgba(10, 4, 29, 0) 38%),
    linear-gradient(120deg, #09041c 0%, #220727 31%, #250936 55%, #09051d 100%) !important;
}

body #home .hm_clique::before {
  width: 560px !important;
  height: 560px !important;
  left: 43% !important;
  top: 32px !important;
  border-color: rgba(255, 255, 255, .06) !important;
}

body #home .hm_clique::after {
  opacity: .42 !important;
}

body #home .hm_clique .mc-hero-bg {
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), rgba(255,255,255,0) 22%, rgba(255,255,255,0) 78%, rgba(255,255,255,.025)),
    radial-gradient(circle at 50% 58%, rgba(255, 45, 144, .13), rgba(255,255,255,0) 48%) !important;
}

body #home .hm_clique .centro {
  width: min(1540px, calc(100% - 96px)) !important;
  min-height: 560px !important;
  grid-template-columns: minmax(540px, 1.16fr) minmax(430px, 520px) minmax(300px, 360px) !important;
  gap: 18px !important;
  align-items: center !important;
}

body #home .hm_clique .centro .lado1 {
  z-index: 6 !important;
}

body #home .hm_clique .centro .lado1 .detalhes {
  max-width: 650px !important;
}

body #home .hm_clique .centro .lado1 .detalhes h1 {
  max-width: 650px !important;
  font-size: clamp(42px, 3.35vw, 58px) !important;
  line-height: 1.08 !important;
  text-wrap: balance !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-desc p {
  font-size: 16px !important;
}

body #home .hm_clique .centro .lado1 .botao-ouca-agora {
  height: 52px !important;
  min-width: 184px !important;
  margin-top: 22px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stats {
  width: min(520px, 100%) !important;
  height: 72px !important;
  margin-top: 28px !important;
  padding: 10px 13px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat {
  grid-template-columns: 36px 1fr !important;
  column-gap: 9px !important;
  padding: 0 10px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat span {
  width: 32px !important;
  height: 32px !important;
  font-size: 12px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat strong {
  font-size: 16px !important;
}

body #home .hm_clique .centro .lado1 .mc-hero-stat em {
  font-size: 12px !important;
}

body #home .hm_clique .centro .lado2 {
  z-index: 4 !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist,
body #home .hm_clique .centro .lado2 .imagem {
  height: 560px !important;
  padding-top: 6px !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0,0,0,.88) 78%, rgba(0,0,0,.38) 90%, rgba(0,0,0,0) 100%) !important;
  mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0,0,0,.88) 78%, rgba(0,0,0,.38) 90%, rgba(0,0,0,0) 100%) !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist::after,
body #home .hm_clique .centro .lado2 .imagem::after {
  display: none !important;
}

body #home .hm_clique .centro .lado2 .mc-hero-artist img,
body #home .hm_clique .centro .lado2 .imagem img {
  height: 111% !important;
  max-width: min(690px, 150%) !important;
  transform: translateY(-10px) !important;
}

/* Sombra Netflix de fora a fora para integrar o recorte do artista */
body #home .hm_clique .centro::after {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 255px !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(8, 4, 28, 0) 0%, rgba(8, 4, 28, .16) 18%, rgba(8, 4, 28, .48) 48%, rgba(8, 4, 28, .86) 78%, rgba(8, 4, 28, 1) 100%) !important;
}

body #home .hm_clique .centro .lado1,
body #home .hm_clique .centro .lado3 {
  z-index: 7 !important;
}

body #home .hm_clique .centro .lado2 {
  z-index: 4 !important;
}

body #home .hm_anuncios {
  clear: both !important;
  padding-top: 34px !important;
}

@media only screen and (max-width: 1360px) {
  body #home .hm_clique .centro {
    width: min(1310px, calc(100% - 44px)) !important;
    grid-template-columns: minmax(570px, 1.14fr) minmax(330px, 430px) minmax(270px, 320px) !important;
    gap: 16px !important;
  }

  body #home .hm_clique .centro .lado1 .detalhes h1 {
    max-width: 610px !important;
    font-size: clamp(40px, 3.4vw, 50px) !important;
  }

  body #home .hm_clique .centro .lado2 .mc-hero-artist img,
  body #home .hm_clique .centro .lado2 .imagem img {
    max-width: min(650px, 158%) !important;
  }
}

/* Cores controladas pelo painel Aparencia */
html body #home .hm_clique {
  background:
    radial-gradient(circle at 56% 42%, color-mix(in srgb, var(--mc-hero_glow_1) 52%, transparent) 0%, color-mix(in srgb, var(--mc-hero_glow_2) 36%, transparent) 23%, color-mix(in srgb, var(--mc-hero_bg_2) 20%, transparent) 43%, transparent 62%),
    radial-gradient(circle at 20% 46%, color-mix(in srgb, var(--mc-hero_glow_2) 30%, transparent), transparent 40%),
    linear-gradient(120deg, var(--mc-hero_bg_1) 0%, var(--mc-hero_bg_2) 35%, var(--mc-hero_bg_3) 58%, var(--mc-hero_bg_1) 100%) !important;
}

html body #home .hm_clique .mc-hero-badge,
html body #home .hm_clique .detalhes h1,
html body #home .hm_clique .itens .item strong,
html body #home .hm_clique .mc-hero-stat strong {
  color: var(--mc-hero_text) !important;
}

html body #home .hm_clique .mc-hero-desc p,
html body #home .hm_clique .itens .item small,
html body #home .hm_clique .mc-hero-stat em {
  color: var(--mc-hero_text_muted) !important;
}

html body #home .hm_clique .botao-ouca-agora {
  background: linear-gradient(135deg, var(--mc-hero_button_1) 0%, var(--mc-hero_button_2) 100%) !important;
  color: var(--mc-hero_button_text) !important;
}

html body #home .hm_clique .itens .item,
html body #home .hm_clique .mc-hero-stats {
  background: var(--mc-hero_card_bg) !important;
}

html body #home .hm_clique .itens .item strong {
  color: var(--mc-hero_card_text) !important;
}

html body #home .hm_clique .itens .item small {
  color: var(--mc-hero_card_muted) !important;
}

html body #home .hm_clique .itens .item .mc-side-1,
html body #home .hm_clique .itens .item .mc-side-2,
html body #home .hm_clique .itens .item .mc-side-3 {
  background: linear-gradient(135deg, var(--mc-hero_icon_1), var(--mc-hero_icon_2)) !important;
}

html body #home .hm_clique .mc-hero-bg {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--mc-hero_text) 4%, transparent), transparent 24%, transparent 76%, color-mix(in srgb, var(--mc-hero_text) 3%, transparent)),
    radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--mc-hero_glow_2) 14%, transparent), transparent 48%) !important;
}

html body #home .hm_clique .centro::after {
  background:
    linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--mc-hero_shadow) 16%, transparent) 18%, color-mix(in srgb, var(--mc-hero_shadow) 46%, transparent) 48%, color-mix(in srgb, var(--mc-hero_shadow) 78%, transparent) 78%, var(--mc-hero_shadow) 100%) !important;
}

html body #home .hm_clique .centro::before {
  background:
    linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--mc-hero_artist_shadow) 24%, transparent) 32%, color-mix(in srgb, var(--mc-hero_artist_shadow) 72%, transparent) 72%, var(--mc-hero_artist_shadow) 100%) !important;
}

html body #home .hm_clique::before,
html body #home .hm_clique .centro::after {
  border-color: color-mix(in srgb, var(--mc-hero_circle) 16%, transparent) !important;
}

html body #home .hm_clique .centro::after {
  background:
    radial-gradient(circle, color-mix(in srgb, var(--mc-hero_circle) 30%, transparent) 0%, color-mix(in srgb, var(--mc-hero_glow_2) 18%, transparent) 42%, transparent 72%) !important;
}

html body #home .hm_clique .mc-hero-stat span,
html body #home .hm_clique .mc-hero-stat strong {
  color: var(--mc-hero_stat_green) !important;
  border-color: color-mix(in srgb, var(--mc-hero_stat_green) 70%, transparent) !important;
}

html body #home .hm_clique .mc-hero-stat em {
  color: color-mix(in srgb, var(--mc-hero_stat_green) 78%, var(--mc-hero_text_muted)) !important;
}

/* Ajuste final da categoria de artistas */
body #home .hm_artistas {
  padding: 28px 0 30px !important;
}

body #home .hm_artistas .centro {
  width: min(1220px, calc(100% - 48px)) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body #home .hm_artistas .ident {
  margin: 0 0 22px !important;
  gap: 12px !important;
}

body #home .hm_artistas .ident h2 {
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: #0f172a !important;
}

body #home .hm_artistas .ident button {
  min-height: 30px !important;
  padding: 0 15px !important;
  margin-left: 8px !important;
  border: 1px solid rgba(15, 23, 42, .18) !important;
  outline: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #111827 !important;
}

body #home .hm_artistas .ident button:hover {
  background: #f5f7f8 !important;
  color: #111827 !important;
}

body #home .hm_artistas .item {
  min-height: 236px !important;
  padding: 0 12px 8px !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  transform: none !important;
}

body #home .hm_artistas .item:hover {
  box-shadow: none !important;
  transform: none !important;
}

body #home .hm_artistas .artista-card {
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}

body #home .hm_artistas .item .imagem {
  width: 140px !important;
  height: 140px !important;
  margin: 0 auto 13px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #f3f4f6 !important;
  box-shadow: none !important;
}

body #home .hm_artistas .item .imagem .img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

body #home .hm_artistas .item .detalhes h2 {
  margin: 0 !important;
  text-transform: uppercase !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
  color: #111827 !important;
}

body #home .hm_artistas .item .detalhes h3 {
  margin: 6px 0 0 !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: #475569 !important;
  opacity: 1 !important;
}

body #home .hm_artistas .item .seguidor {
  width: auto !important;
  min-width: 104px !important;
  min-height: 22px !important;
  margin: 10px auto 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #249d4f !important;
  box-shadow: none !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 22px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
}

body #home .hm_artistas .item .seguidor:hover,
body #home .hm_artistas .item .seguidor.seguir:hover {
  background: #249d4f !important;
  color: #fff !important;
}

body #home .hm_artistas .item .seguidor.seguindo,
body #home .hm_artistas .item .seguidor.seguindo:hover {
  background: #1f2933 !important;
  color: #fff !important;
}

body #home .hm_artistas .item .seguidor.seguindo::before {
  content: none !important;
  display: none !important;
}

/* Imagens das categorias de estilos */
body #home .hm_estilos .item .detalhes.com-imagem {
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

body #home .hm_estilos .item .detalhes.com-imagem .img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 400 / 136 !important;
  object-fit: cover !important;
}