/* Atualização 123 — Setas da seção Músicas travadas no lugar
   Corrige hover que deslocava as setas. Somente CSS. Não altera banco. */

#music .music-slide__visual,
section#music .music-slide__visual,
#music .music-cover-wrap,
#music .music-cover,
#music .music-artwork,
#music .music-card-cover{
  position:relative!important;
}

/* Evita que o hover da capa/área visual arraste as setas junto */
#music .music-slide__visual:hover,
section#music .music-slide__visual:hover,
#music .music-cover-wrap:hover,
#music .music-cover:hover,
#music .music-artwork:hover,
#music .music-card-cover:hover{
  translate:none!important;
  rotate:0deg!important;
}

/* Container das setas sempre preso à capa, sem eventos/transformações próprias */
#music .music-carousel__arrows,
#music .music-arrows-v116,
#music .music-arrows-v117,
#music .music-arrows-v118,
#music .music-arrows-v119,
section#music .music-carousel__arrows{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:120!important;
  pointer-events:none!important;
  transform:none!important;
  translate:none!important;
  rotate:0deg!important;
  scale:1!important;
  filter:none!important;
}

/* Base única das setas */
#music button.music-prev,
#music button.music-next,
#music .music-prev,
#music .music-next,
section#music button.music-prev,
section#music button.music-next{
  position:absolute!important;
  top:50%!important;
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;
  max-width:76px!important;
  max-height:76px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  border:2px solid rgba(62,39,8,.98)!important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,245,185,.98) 0 17%, rgba(255,245,185,0) 43%),
    linear-gradient(145deg,#f4d56e 0%,#d6a240 54%,#a36218 100%)!important;
  color:#211403!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  opacity:1!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
  overflow:hidden!important;
  translate:none!important;
  rotate:0deg!important;
  scale:1!important;
  filter:none!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.36),
    0 0 0 4px rgba(214,162,64,.18),
    inset 0 2px 0 rgba(255,255,255,.48),
    inset 0 -8px 18px rgba(73,43,8,.30)!important;
  transition:filter .18s ease, box-shadow .18s ease, background .18s ease!important;
  will-change:filter, box-shadow!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Posição fixa. Não alterar no hover. */
#music button.music-prev,
#music .music-prev,
section#music button.music-prev{
  left:-38px!important;
  right:auto!important;
  transform:translate3d(0,-50%,0)!important;
}

#music button.music-next,
#music .music-next,
section#music button.music-next{
  right:-38px!important;
  left:auto!important;
  transform:translate3d(0,-50%,0)!important;
}

/* Remove qualquer conteúdo herdado */
#music button.music-prev > *,
#music button.music-next > *,
#music .music-prev > *,
#music .music-next > *,
section#music button.music-prev > *,
section#music button.music-next > *{
  display:none!important;
  visibility:hidden!important;
}

#music button.music-prev::after,
#music button.music-next::after,
#music .music-prev::after,
#music .music-next::after,
section#music button.music-prev::after,
section#music button.music-next::after{
  display:none!important;
  content:none!important;
}

/* Desenha as direções sem depender de SVG/ícone externo */
#music button.music-prev::before,
#music button.music-next::before,
#music .music-prev::before,
#music .music-next::before,
section#music button.music-prev::before,
section#music button.music-next::before{
  display:block!important;
  background:none!important;
  width:auto!important;
  height:auto!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:#201303!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:52px!important;
  font-weight:700!important;
  line-height:.8!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
  transform:none!important;
  translate:none!important;
  rotate:0deg!important;
  scale:1!important;
}

#music button.music-prev::before,
#music .music-prev::before,
section#music button.music-prev::before{
  content:'‹'!important;
  margin:0 3px 4px 0!important;
}

#music button.music-next::before,
#music .music-next::before,
section#music button.music-next::before{
  content:'›'!important;
  margin:0 0 4px 3px!important;
}

/* Hover/focus/active: somente brilho e sombra. Zero mudança de posição/tamanho. */
#music button.music-prev:hover,
#music button.music-next:hover,
#music button.music-prev:focus,
#music button.music-next:focus,
#music button.music-prev:focus-visible,
#music button.music-next:focus-visible,
#music button.music-prev:active,
#music button.music-next:active,
#music .music-prev:hover,
#music .music-next:hover,
#music .music-prev:focus,
#music .music-next:focus,
#music .music-prev:focus-visible,
#music .music-next:focus-visible,
#music .music-prev:active,
#music .music-next:active,
section#music button.music-prev:hover,
section#music button.music-next:hover,
section#music button.music-prev:focus-visible,
section#music button.music-next:focus-visible,
section#music button.music-prev:active,
section#music button.music-next:active{
  scale:1!important;
  translate:none!important;
  rotate:0deg!important;
  filter:brightness(1.10) saturate(1.06)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.36),
    0 0 0 5px rgba(214,162,64,.24),
    0 0 22px rgba(232,189,92,.26),
    inset 0 2px 0 rgba(255,255,255,.52),
    inset 0 -8px 18px rgba(73,43,8,.30)!important;
}

#music button.music-prev:hover,
#music button.music-prev:focus,
#music button.music-prev:focus-visible,
#music button.music-prev:active,
#music .music-prev:hover,
#music .music-prev:focus,
#music .music-prev:focus-visible,
#music .music-prev:active,
section#music button.music-prev:hover,
section#music button.music-prev:focus-visible,
section#music button.music-prev:active{
  left:-38px!important;
  right:auto!important;
  transform:translate3d(0,-50%,0)!important;
}

#music button.music-next:hover,
#music button.music-next:focus,
#music button.music-next:focus-visible,
#music button.music-next:active,
#music .music-next:hover,
#music .music-next:focus,
#music .music-next:focus-visible,
#music .music-next:active,
section#music button.music-next:hover,
section#music button.music-next:focus-visible,
section#music button.music-next:active{
  right:-38px!important;
  left:auto!important;
  transform:translate3d(0,-50%,0)!important;
}

@media (max-width:1050px){
  #music button.music-prev,
  #music .music-prev,
  section#music button.music-prev{
    left:10px!important;
    transform:translate3d(0,-50%,0)!important;
  }
  #music button.music-next,
  #music .music-next,
  section#music button.music-next{
    right:10px!important;
    transform:translate3d(0,-50%,0)!important;
  }
  #music button.music-prev:hover,
  #music button.music-prev:focus,
  #music button.music-prev:focus-visible,
  #music button.music-prev:active,
  #music .music-prev:hover,
  #music .music-prev:focus,
  #music .music-prev:focus-visible,
  #music .music-prev:active,
  section#music button.music-prev:hover,
  section#music button.music-prev:focus-visible,
  section#music button.music-prev:active{
    left:10px!important;
    transform:translate3d(0,-50%,0)!important;
  }
  #music button.music-next:hover,
  #music button.music-next:focus,
  #music button.music-next:focus-visible,
  #music button.music-next:active,
  #music .music-next:hover,
  #music .music-next:focus,
  #music .music-next:focus-visible,
  #music .music-next:active,
  section#music button.music-next:hover,
  section#music button.music-next:focus-visible,
  section#music button.music-next:active{
    right:10px!important;
    transform:translate3d(0,-50%,0)!important;
  }
  #music button.music-prev,
  #music button.music-next,
  #music .music-prev,
  #music .music-next,
  section#music button.music-prev,
  section#music button.music-next{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
  }
  #music button.music-prev::before,
  #music button.music-next::before,
  #music .music-prev::before,
  #music .music-next::before,
  section#music button.music-prev::before,
  section#music button.music-next::before{
    font-size:42px!important;
  }
}