@charset "utf-8";

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

#home .hm_clique { float: left; width: 100%; 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;
    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-left: 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;
}

/* 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;
  }
}