/* Atualização 122 — Setas da seção Músicas: direção fixa e hover sem deslocamento
   Somente CSS. Não adiciona script e não altera banco. */

#music .music-slide__visual,
section#music .music-slide__visual{
  position:relative!important;
  overflow:visible!important;
}

/* Camada das setas presa na área da capa */
#music .music-carousel__arrows,
#music .music-arrows-v116,
#music .music-arrows-v117,
section#music .music-carousel__arrows{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  pointer-events:none!important;
  z-index:80!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
}

/* Base idêntica para esquerda e direita */
#music button.music-prev,
#music button.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(55,34,8,.95)!important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,244,184,.95) 0 18%, rgba(255,244,184,0) 44%),
    linear-gradient(145deg,#f3cf68 0%,#d8a745 52%,#a96318 100%)!important;
  color:#251605!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;
  box-shadow:
    0 14px 34px rgba(0,0,0,.36),
    0 0 0 4px rgba(216,167,69,.18),
    inset 0 2px 0 rgba(255,255,255,.45),
    inset 0 -8px 18px rgba(76,42,5,.28)!important;
  transition:filter .18s ease, box-shadow .18s ease, background .18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Posições fixas: não mudam no hover */
#music button.music-prev,
section#music button.music-prev{
  left:-38px!important;
  right:auto!important;
  transform:translateY(-50%)!important;
}

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

/* Remove qualquer ícone/texto herdado */
#music button.music-prev > *,
#music button.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,
section#music button.music-prev::after,
section#music button.music-next::after{
  display:none!important;
  content:none!important;
}

/* Ícone da seta desenhado por CSS: esquerda e direita corretas */
#music button.music-prev::before,
#music button.music-next::before,
section#music button.music-prev::before,
section#music button.music-next::before{
  display:block!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:#221403!important;
  font-family:Georgia, 'Times New Roman', serif!important;
  font-size:52px!important;
  font-weight:700!important;
  line-height:1!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
  transform:none!important;
}

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

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

/* Hover: somente acabamento/brilho, sem deslocar nem ampliar */
#music button.music-prev:hover,
#music button.music-next:hover,
#music button.music-prev:focus-visible,
#music button.music-next:focus-visible,
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{
  transform:translateY(-50%)!important;
  scale:1!important;
  translate:none!important;
  rotate:0deg!important;
  filter:brightness(1.08) saturate(1.05)!important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.40),
    0 0 0 6px rgba(216,167,69,.20),
    inset 0 2px 0 rgba(255,255,255,.50),
    inset 0 -8px 18px rgba(76,42,5,.30)!important;
}

#music button.music-prev:active,
#music button.music-next:active,
section#music button.music-prev:active,
section#music button.music-next:active{
  transform:translateY(-50%)!important;
  scale:1!important;
  filter:brightness(.98)!important;
}

@media (max-width:1050px){
  #music button.music-prev,
  section#music button.music-prev{left:10px!important;}
  #music button.music-next,
  section#music button.music-next{right:10px!important;}
  #music button.music-prev,
  #music button.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,
  section#music button.music-prev::before,
  section#music button.music-next::before{
    font-size:42px!important;
  }
}