/* Atualização 120 — Músicas: setas premium iguais + Vídeos com títulos abaixo
   Correção leve, apenas CSS, sem scripts e sem alteração de banco. */

/* =========================
   SEÇÃO MÚSICAS — SETAS
   ========================= */
#music .music-carousel-v116{
  position:relative!important;
}

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

#music .music-slide__visual:hover{
  outline:1px solid rgba(218,174,83,.92)!important;
  outline-offset:8px!important;
  box-shadow:0 22px 52px rgba(0,0,0,.28)!important;
}

#music .music-carousel__arrows,
#music .music-arrows-v116,
#music .music-arrows-v117{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  z-index:30!important;
  display:block!important;
  transform:none!important;
}

#music .music-prev,
#music .music-next{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  min-height:78px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  border:2px solid rgba(54,35,10,.96)!important;
  background:
    radial-gradient(circle at 32% 25%, rgba(255,244,179,.92), transparent 30%),
    linear-gradient(145deg,#f1ca63 0%,#d8a646 48%,#bb7b21 100%)!important;
  color:#241707!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
  opacity:1!important;
  cursor:pointer!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.32),
    0 0 0 3px rgba(220,169,77,.20),
    inset 0 2px 0 rgba(255,255,255,.38),
    inset 0 -8px 16px rgba(80,45,8,.22)!important;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
  font-size:0!important;
  line-height:1!important;
}

#music .music-prev{left:-40px!important;right:auto!important;}
#music .music-next{right:-40px!important;left:auto!important;}

#music .music-prev:hover,
#music .music-next:hover{
  transform:translateY(-50%) scale(1.045)!important;
  filter:brightness(1.06) saturate(1.04)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.38),
    0 0 0 7px rgba(220,169,77,.13),
    inset 0 2px 0 rgba(255,255,255,.44),
    inset 0 -8px 16px rgba(80,45,8,.25)!important;
}

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

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

/* Chevron premium igual para as duas setas — sem usar borda rotacionada que estava virando losango */
#music .music-prev::before,
#music .music-next::before{
  content:''!important;
  width:18px!important;
  height:28px!important;
  display:block!important;
  background:currentColor!important;
  -webkit-mask:center/contain no-repeat!important;
  mask:center/contain no-repeat!important;
}
#music .music-prev::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 36'%3E%3Cpath fill='black' d='M22.3 4.2 18.1 0 0 18l18.1 18 4.2-4.2L8.4 18z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 36'%3E%3Cpath fill='black' d='M22.3 4.2 18.1 0 0 18l18.1 18 4.2-4.2L8.4 18z'/%3E%3C/svg%3E")!important;
}
#music .music-next::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 36'%3E%3Cpath fill='black' d='M1.7 4.2 5.9 0 24 18 5.9 36 1.7 31.8 15.6 18z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 36'%3E%3Cpath fill='black' d='M1.7 4.2 5.9 0 24 18 5.9 36 1.7 31.8 15.6 18z'/%3E%3C/svg%3E")!important;
}

/* Remove aparições antigas fora da capa */
#music > .music-carousel__arrows,
#music .music-carousel > .music-carousel__arrows:not(.music-arrows-v116):not(.music-arrows-v117){
  display:none!important;
}

/* =========================
   SEÇÃO VÍDEOS — THUMBS + NOMES
   ========================= */
#videos .videos-v096__layout{
  align-items:start!important;
}

#videos .videos-v096__main{
  border-radius:24px!important;
  overflow:hidden!important;
  aspect-ratio:16/9!important;
}

#videos .videos-v096__side{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}

#videos .videos-v096__scroll{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:28px 24px!important;
  align-items:start!important;
  overflow:visible!important;
  max-height:none!important;
  padding:0!important;
}

#videos .videos-v096__card{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  position:relative!important;
  min-width:0!important;
  text-decoration:none!important;
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}

#videos .videos-v096__card img{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  object-fit:cover!important;
  border-radius:15px!important;
  box-shadow:none!important;
}

#videos .videos-v096__card i{
  position:absolute!important;
  left:50%!important;
  top:calc((100% - 30px) / 2)!important;
  transform:translate(-50%,-50%)!important;
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  background:rgba(220,169,77,.92)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.25)!important;
  pointer-events:none!important;
}
#videos .videos-v096__card i::before{
  content:''!important;
  position:absolute!important;
  left:13px!important;
  top:9px!important;
  border-left:11px solid #201406!important;
  border-top:7px solid transparent!important;
  border-bottom:7px solid transparent!important;
}

#videos .videos-v096__card b{
  position:static!important;
  inset:auto!important;
  display:block!important;
  transform:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#1f1609!important;
  font-family:var(--font-body,"Inter",Arial,sans-serif)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  text-shadow:none!important;
  white-space:normal!important;
  overflow:visible!important;
  z-index:2!important;
}

#videos .videos-v096__card span:not(.icon-up-right){
  display:none!important;
}

#videos .videos-v096__card:hover img{
  outline:1px solid rgba(214,166,78,.72)!important;
  outline-offset:4px!important;
}

#videos .videos-v096__more{
  align-self:flex-start!important;
  margin-top:22px!important;
}

@media (max-width:1050px){
  #music .music-prev{left:12px!important;}
  #music .music-next{right:12px!important;}
  #music .music-prev,
  #music .music-next{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
  }
  #music .music-prev::before,
  #music .music-next::before{
    width:14px!important;
    height:22px!important;
  }
}

@media (max-width:760px){
  #videos .videos-v096__scroll{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  #videos .videos-v096__card b{
    font-size:11px!important;
    text-align:center!important;
  }
}