/* Atualização 128 — Vídeos com thumbs robustas + seção Músicas reformulada
   CSS leve, sem alteração de banco. */
:root{
  --u128-gold:#d9ae45;
  --u128-gold-light:#f3d574;
  --u128-dark:#0b0904;
  --u128-ink:#171108;
  --u128-cream:#efe6d2;
  --u128-muted:#7b6f56;
}

/* =========================
   MÚSICAS — reformulação limpa
   ========================= */
#music.music,
#music.music-v116{
  position:relative!important;
  background:radial-gradient(circle at 18% 18%, rgba(217,174,69,.12), transparent 32%), linear-gradient(180deg,#0a0804 0%,#060504 100%)!important;
  color:#fff4d8!important;
  overflow:hidden!important;
  padding-top:clamp(82px,9vw,132px)!important;
  padding-bottom:clamp(74px,8vw,122px)!important;
}
#music::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.18!important;
  background-image:linear-gradient(rgba(217,174,69,.10) 1px, transparent 1px),linear-gradient(90deg,rgba(217,174,69,.10) 1px, transparent 1px)!important;
  background-size:42px 42px!important;
}
#music .music-section-title,
#music .media-heading h2,
#music h2{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  text-align:center!important;
  justify-content:center!important;
  margin:0 auto clamp(38px,5vw,72px)!important;
  font-family:"Rye",Georgia,serif!important;
  color:#fff4d8!important;
  line-height:.9!important;
  letter-spacing:.015em!important;
  overflow:visible!important;
}
#music .music-section-title::after,
#music .media-heading h2::after,
#music h2::after{
  content:""!important;
  display:inline-block!important;
  width:.16em!important;
  height:.16em!important;
  margin-left:.12em!important;
  border-radius:50%!important;
  background:var(--u128-gold)!important;
  box-shadow:0 0 18px rgba(217,174,69,.55)!important;
  vertical-align:.08em!important;
}
#music .music-carousel,
#music .music-carousel-v116{
  position:relative!important;
  z-index:1!important;
  width:min(1180px,92vw)!important;
  margin:0 auto!important;
  border:1px solid rgba(217,174,69,.28)!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,rgba(255,244,216,.04),rgba(255,244,216,.01))!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:clamp(22px,3vw,42px)!important;
}
#music .music-carousel__viewport{
  overflow:hidden!important;
  width:100%!important;
}
#music .music-slide{
  align-items:center!important;
  gap:clamp(28px,5vw,72px)!important;
  grid-template-columns:minmax(320px,.92fr) minmax(360px,1fr)!important;
  min-height:0!important;
}
#music .music-slide__visual{
  position:relative!important;
  overflow:visible!important;
  border-radius:26px!important;
  isolation:isolate!important;
}
#music .music-slide__visual::before{
  content:""!important;
  position:absolute!important;
  inset:-16px!important;
  border:1px solid rgba(217,174,69,.26)!important;
  border-radius:30px!important;
  transform:rotate(-3deg)!important;
  pointer-events:none!important;
  transition:border-color .2s ease, box-shadow .2s ease!important;
}
#music .music-slide__visual img{
  width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:24px!important;
  border:1px solid rgba(217,174,69,.22)!important;
  box-shadow:none!important;
  filter:saturate(.92) contrast(.96)!important;
  transition:border-color .2s ease, filter .2s ease, box-shadow .2s ease!important;
}
#music .music-slide__visual:hover img{
  border-color:rgba(243,213,116,.95)!important;
  filter:saturate(1) contrast(1)!important;
  box-shadow:0 0 0 1px rgba(243,213,116,.28)!important;
}
#music .music-slide__visual:hover::before{
  border-color:rgba(243,213,116,.72)!important;
  box-shadow:0 0 22px rgba(217,174,69,.18)!important;
}
#music .music-slide__content{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
}
#music .music-kicker-v116,
#music .music-slide__content .kicker{
  color:var(--u128-gold-light)!important;
  letter-spacing:.22em!important;
  font-weight:900!important;
  margin-bottom:12px!important;
}
#music .music-track-title-v116,
#music .music-slide__content h3{
  font-family:"Rye",Georgia,serif!important;
  font-size:clamp(38px,5vw,78px)!important;
  line-height:.9!important;
  color:#fff4d8!important;
  text-shadow:none!important;
  margin:0 0 22px!important;
}
#music .music-embed,
#music .music-embed-v116,
#music .music-slide__content .music-embed{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  outline:0!important;
  max-width:620px!important;
}
#music .music-embed iframe,
#music .music-embed-v116 iframe{
  display:block!important;
  width:100%!important;
  min-height:152px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#music .music-stats-v116,
#music .music-stats-v117,
#music [class*="spotify-id"],
#music [data-track-id] .music-stats-v116__text,
#music .music-stats-v116__text,
#music .music-stats-v116__dot{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#music .description{
  color:rgba(255,244,216,.72)!important;
  max-width:620px!important;
}
#music .music-platforms a{
  border-color:rgba(217,174,69,.32)!important;
  color:#fff4d8!important;
  background:rgba(255,244,216,.04)!important;
}

/* Setas da música: mesmo estilo, sem ícones duplicados e sem deslocamento no hover */
#music .music-carousel__arrows,
#music .music-arrows-v116{
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  pointer-events:none!important;
}
#music .music-prev,
#music .music-next{
  position:absolute!important;
  top:50%!important;
  width:78px!important;
  height:78px!important;
  margin:0!important;
  padding:0!important;
  border-radius:999px!important;
  border:2px solid rgba(55,39,12,.72)!important;
  background:linear-gradient(145deg,#f3d574 0%,#d9ae45 52%,#b68225 100%)!important;
  color:#151006!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(-50%)!important;
  transition:filter .16s ease, box-shadow .16s ease, border-color .16s ease!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.42), inset 0 -9px 18px rgba(72,46,10,.24), 0 12px 26px rgba(0,0,0,.36)!important;
  font-size:0!important;
  line-height:0!important;
}
#music .music-prev{left:clamp(-40px,-3.8vw,-22px)!important;right:auto!important;}
#music .music-next{right:clamp(-40px,-3.8vw,-22px)!important;left:auto!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;
}
#music .music-prev::before,
#music .music-next::before{
  content:""!important;
  width:19px!important;
  height:19px!important;
  display:block!important;
  border-top:4px solid currentColor!important;
  border-right:4px solid currentColor!important;
  border-radius:2px!important;
  position:static!important;
}
#music .music-prev::before{transform:rotate(-135deg)!important;margin-left:8px!important;}
#music .music-next::before{transform:rotate(45deg)!important;margin-right:8px!important;}
#music .music-prev:hover,
#music .music-next:hover,
#music .music-prev:focus-visible,
#music .music-next:focus-visible{
  transform:translateY(-50%)!important;
  filter:brightness(1.10) saturate(1.06)!important;
  border-color:rgba(243,213,116,.86)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.5), inset 0 -9px 18px rgba(72,46,10,.18), 0 0 0 4px rgba(217,174,69,.16), 0 15px 30px rgba(0,0,0,.38)!important;
}
#music .music-prev:active,
#music .music-next:active{
  transform:translateY(-50%)!important;
}

/* =========================
   VÍDEOS — thumbs laterais visíveis e layout sem erro
   ========================= */
#videos.videos,
#videos.videos-v096{
  position:relative!important;
  overflow:hidden!important;
  background:var(--u128-cream)!important;
  color:var(--u128-ink)!important;
  padding-top:clamp(80px,9vw,130px)!important;
  padding-bottom:clamp(74px,8vw,120px)!important;
}
#videos .media-heading,
#videos .media-heading h2{
  text-align:center!important;
  justify-content:center!important;
  width:100%!important;
  overflow:visible!important;
}
#videos .media-heading h2{
  font-family:"Rye",Georgia,serif!important;
  color:var(--u128-ink)!important;
  line-height:.92!important;
  margin-bottom:clamp(34px,5vw,72px)!important;
}
#videos .videos-v096__layout{
  width:min(1180px,92vw)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(520px,1.25fr) minmax(390px,.88fr)!important;
  gap:clamp(38px,5vw,72px)!important;
  align-items:start!important;
}
#videos .videos-v096__main{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:#120d07!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
#videos .videos-v096__main > img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:1!important;
}
#videos .videos-v096__main::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.12) 58%,rgba(0,0,0,.26))!important;
  pointer-events:none!important;
}
#videos .videos-v096__play,
#videos .videos-v096__thumb i{
  position:absolute!important;
  width:58px!important;
  height:58px!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#f3d574,#c69635)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.48)!important;
  z-index:5!important;
}
#videos .videos-v096__play{left:26px!important;top:26px!important;}
#videos .videos-v096__play::before,
#videos .videos-v096__thumb i::before{
  content:""!important;
  position:absolute!important;
  left:23px!important;
  top:18px!important;
  border-left:15px solid #171108!important;
  border-top:10px solid transparent!important;
  border-bottom:10px solid transparent!important;
}
#videos .videos-v096__main-info{
  position:absolute!important;
  left:clamp(22px,3vw,42px)!important;
  right:clamp(22px,3vw,42px)!important;
  bottom:clamp(22px,3vw,40px)!important;
  z-index:4!important;
  padding:0!important;
  background:transparent!important;
}
#videos .videos-v096__main-info small{
  display:block!important;
  color:#f3d574!important;
  font-size:12px!important;
  letter-spacing:.20em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  margin-bottom:10px!important;
}
#videos .videos-v096__main-info h3{
  margin:0!important;
  max-width:780px!important;
  color:#fff4d8!important;
  font-family:"Rye",Georgia,serif!important;
  font-size:clamp(36px,4.8vw,72px)!important;
  line-height:.88!important;
  text-shadow:0 8px 24px rgba(0,0,0,.48)!important;
}
#videos .videos-v096__main-info p{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:22px 0 0!important;
  padding:13px 22px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f3d574,#c69635)!important;
  color:#120d06!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
#videos .videos-v096__side{
  display:block!important;
  min-width:0!important;
}
#videos .videos-v096__scroll{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px 28px!important;
  overflow:visible!important;
  max-height:none!important;
  padding:0!important;
}
#videos .videos-v096__card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  text-decoration:none!important;
  color:var(--u128-ink)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#videos .videos-v096__thumb{
  order:1!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:104px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#d9ae45!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
#videos .videos-v096__thumb img,
#videos .videos-v096__card img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:1!important;
  transform:none!important;
  filter:none!important;
}
#videos .videos-v096__thumb::before,
#videos .videos-v096__thumb::after{
  display:none!important;
  content:none!important;
}
#videos .videos-v096__thumb > :not(img):not(i){
  display:none!important;
}
#videos .videos-v096__thumb i{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:38px!important;
  height:38px!important;
}
#videos .videos-v096__thumb i::before{
  left:15px!important;
  top:11px!important;
  border-left-width:11px!important;
  border-top-width:8px!important;
  border-bottom-width:8px!important;
}
#videos .videos-v096__caption{
  order:2!important;
  display:block!important;
  position:static!important;
  margin:10px 0 0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--u128-ink)!important;
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.13em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}
#videos .videos-v096__more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:28px auto 0!important;
  min-width:170px!important;
  padding:13px 24px!important;
  border-radius:999px!important;
  border:1px solid rgba(23,17,8,.18)!important;
  background:linear-gradient(135deg,#f3d574,#c69635)!important;
  color:#120d06!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
#videos .videos-v096__card.is-hidden{display:none!important;}

@media (max-width: 1100px){
  #music .music-slide{grid-template-columns:1fr!important;gap:28px!important;}
  #music .music-slide__visual{max-width:520px!important;margin:0 auto!important;}
  #music .music-slide__content{text-align:center!important;}
  #music .music-embed{margin-inline:auto!important;}
  #videos .videos-v096__layout{grid-template-columns:1fr!important;width:min(760px,92vw)!important;gap:30px!important;}
}
@media (max-width: 700px){
  #music .music-carousel{padding:18px!important;border-radius:24px!important;}
  #music .music-prev,#music .music-next{width:54px!important;height:54px!important;}
  #music .music-prev{left:8px!important;}
  #music .music-next{right:8px!important;}
  #music .music-prev::before,#music .music-next::before{width:14px!important;height:14px!important;border-width:3px!important;}
  #videos .videos-v096__scroll{grid-template-columns:1fr 1fr!important;gap:18px 14px!important;}
  #videos .videos-v096__caption{font-size:10px!important;letter-spacing:.08em!important;}
  #videos .videos-v096__main-info h3{font-size:clamp(30px,10vw,48px)!important;}
  #videos .videos-v096__main-info p{font-size:11px!important;padding:12px 18px!important;}
}
@media (max-width: 460px){
  #videos .videos-v096__scroll{grid-template-columns:1fr!important;}
}
