/* Atualização 119 — Correção segura das setas da seção Músicas
   Remove a lógica pesada da 118 e mantém o visual premium sem travar o site. */

#music .music-slide__visual{
  position:relative!important;
  overflow:visible!important;
  outline:1px solid transparent!important;
  outline-offset:7px!important;
  transition:outline-color .22s ease, box-shadow .22s ease, transform .22s ease!important;
}

#music .music-slide__visual:hover{
  outline-color:rgba(218,174,83,.92)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.32)!important;
}

/* A 117 já coloca as setas dentro da capa. A 119 apenas estiliza de forma leve. */
#music .music-slide__visual .music-arrows-v117,
#music .music-slide__visual .music-carousel__arrows{
  position:absolute!important;
  inset:0!important;
  z-index:12!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  transform:none!important;
}

#music .music-slide__visual .music-prev,
#music .music-slide__visual .music-next{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  min-height:74px!important;
  padding:0!important;
  border-radius:999px!important;
  border:2px solid rgba(42,29,10,.88)!important;
  background:linear-gradient(145deg,#f2ca62 0%,#d9a746 58%,#b97b20 100%)!important;
  color:#211506!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
  opacity:1!important;
  font-size:0!important;
  box-shadow:0 14px 30px rgba(0,0,0,.28), inset 0 2px 0 rgba(255,255,255,.34), inset 0 -7px 15px rgba(81,45,5,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:filter .18s ease, box-shadow .18s ease!important;
}

#music .music-slide__visual .music-prev{left:-38px!important;right:auto!important;margin:0!important;}
#music .music-slide__visual .music-next{right:-38px!important;left:auto!important;margin:0!important;}

#music .music-slide__visual .music-prev:hover,
#music .music-slide__visual .music-next:hover{
  filter:brightness(1.06)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.34), 0 0 0 6px rgba(216,166,79,.12), inset 0 2px 0 rgba(255,255,255,.38), inset 0 -7px 15px rgba(81,45,5,.20)!important;
}

#music .music-slide__visual .music-prev:active,
#music .music-slide__visual .music-next:active{
  filter:brightness(.98)!important;
}

#music .music-slide__visual .music-prev span,
#music .music-slide__visual .music-next span{
  display:none!important;
}

#music .music-slide__visual .music-prev::before,
#music .music-slide__visual .music-next::before{
  content:''!important;
  display:block!important;
  width:18px!important;
  height:18px!important;
  border-top:4px solid currentColor!important;
  border-right:4px solid currentColor!important;
}

#music .music-slide__visual .music-prev::before{transform:rotate(-135deg) translate(-1px,-1px)!important;}
#music .music-slide__visual .music-next::before{transform:rotate(45deg) translate(-1px,1px)!important;}

/* Garante que não exista uma segunda barra de setas antiga fora da capa. */
#music > .music-carousel__arrows,
#music .music-carousel > .music-carousel__arrows:not(.music-arrows-v116):not(.music-arrows-v117){
  display:none!important;
}

@media (max-width:900px){
  #music .music-slide__visual .music-prev,
  #music .music-slide__visual .music-next{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    border-width:2px!important;
  }
  #music .music-slide__visual .music-prev{left:10px!important;}
  #music .music-slide__visual .music-next{right:10px!important;}
  #music .music-slide__visual .music-prev::before,
  #music .music-slide__visual .music-next::before{
    width:13px!important;
    height:13px!important;
    border-top-width:3px!important;
    border-right-width:3px!important;
  }
}