/* Atualização 125 — Seção Vídeos no layout referência
   Layout: vídeo principal à esquerda, 6 vídeos à direita em 2 colunas x 3 linhas,
   nomes sempre abaixo das thumbs. Somente CSS. Não altera banco. */

#videos.videos,
section#videos.videos-v096{
  position:relative!important;
  overflow:hidden!important;
  background:#f2ead7!important;
  color:#21170a!important;
  padding:90px 0 96px!important;
  box-shadow:none!important;
}

#videos::before,
#videos::after,
section#videos.videos-v096::before,
section#videos.videos-v096::after{
  box-shadow:none!important;
  filter:none!important;
  opacity:.22!important;
  pointer-events:none!important;
}

#videos .media-heading,
#videos .section-heading,
#videos .section-title{
  text-align:center!important;
  margin:0 auto 34px!important;
  padding:0!important;
  display:block!important;
  width:100%!important;
  overflow:visible!important;
}

#videos .media-heading .section-label,
#videos .section-label{
  display:none!important;
}

#videos .media-heading h2,
#videos h2,
#videos .section-title{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-family:"Rye", Georgia, serif!important;
  color:#160f06!important;
  font-size:clamp(58px,8vw,132px)!important;
  line-height:.86!important;
  letter-spacing:.01em!important;
  margin:0 auto!important;
  padding:.06em 0 .14em!important;
  text-transform:uppercase!important;
  overflow:visible!important;
  text-shadow:none!important;
  filter:none!important;
}

#videos .media-heading h2 span,
#videos h2 span{
  color:#d6a240!important;
  display:inline-block!important;
  transform:translateY(-.03em)!important;
}

#videos .videos-v096__layout{
  width:min(1160px,88vw)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.95fr)!important;
  gap:36px!important;
  align-items:start!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Vídeo principal: imagem retangular à esquerda + nome abaixo */
#videos .videos-v096__main{
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  color:#191006!important;
  text-decoration:none!important;
}

#videos .videos-v096__main > img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  border:0!important;
}

#videos .videos-v096__main::before,
#videos .videos-v096__main::after{
  display:none!important;
  content:none!important;
}

#videos .videos-v096__play{
  position:absolute!important;
  left:32px!important;
  top:32px!important;
  width:74px!important;
  height:74px!important;
  border-radius:999px!important;
  background:rgba(58,37,18,.78)!important;
  border:1px solid rgba(233,190,92,.55)!important;
  box-shadow:none!important;
  backdrop-filter:blur(3px)!important;
  z-index:3!important;
}

#videos .videos-v096__play::before{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:23px!important;
  border-left:20px solid #f3d778!important;
  border-top:14px solid transparent!important;
  border-bottom:14px solid transparent!important;
}

#videos .videos-v096__main-info{
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  margin:12px 0 0!important;
  padding:0 6px!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  color:#171006!important;
  opacity:1!important;
  visibility:visible!important;
}

#videos .videos-v096__main-info small,
#videos .videos-v096__main-info p{
  display:none!important;
}

#videos .videos-v096__main-info h3{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#171006!important;
  font-family:var(--font-body,"Inter",Arial,sans-serif)!important;
  font-size:clamp(18px,1.7vw,28px)!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  text-shadow:none!important;
  max-width:100%!important;
}

/* Grade lateral: 2 colunas x 3 vídeos, com texto abaixo */
#videos .videos-v096__side{
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

#videos .videos-v096__scroll{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:24px 24px!important;
  width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  scrollbar-width:none!important;
}

#videos .videos-v096__scroll::-webkit-scrollbar{
  display:none!important;
}

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

#videos .videos-v096__card.is-hidden{
  display:none!important;
}

#videos .videos-v096__thumb{
  display:block!important;
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:#d3a84f!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}

#videos .videos-v096__thumb img,
#videos .videos-v096__card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:13px!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
  z-index:1!important;
}

/* Remove definitivamente textos e labels sobre a thumb */
#videos .videos-v096__thumb::before,
#videos .videos-v096__thumb::after,
#videos .videos-v096__card::before,
#videos .videos-v096__card::after,
#videos .videos-v096__thumb small,
#videos .videos-v096__thumb b,
#videos .videos-v096__thumb span:not(.videos-v096__play){
  display:none!important;
  content:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

#videos .videos-v096__card i,
#videos .videos-v096__thumb i{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  background:rgba(31,20,8,.62)!important;
  border:1px solid rgba(230,186,82,.45)!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:3!important;
}

#videos .videos-v096__card i::before,
#videos .videos-v096__thumb i::before{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  top:9px!important;
  border-left:11px solid #efcf6a!important;
  border-top:7px solid transparent!important;
  border-bottom:7px solid transparent!important;
}

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

#videos .videos-v096__more{
  display:block!important;
  margin:22px auto 0!important;
  padding:12px 22px!important;
  border-radius:999px!important;
  border:1px solid rgba(40,27,10,.28)!important;
  background:#dca948!important;
  color:#1c1307!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

@media (max-width:980px){
  #videos.videos,
  section#videos.videos-v096{
    padding:66px 0 72px!important;
  }

  #videos .videos-v096__layout{
    width:min(92vw,720px)!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  #videos .videos-v096__scroll{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 14px!important;
  }

  #videos .videos-v096__play{
    width:58px!important;
    height:58px!important;
    left:18px!important;
    top:18px!important;
  }

  #videos .videos-v096__play::before{
    left:24px!important;
    top:18px!important;
    border-left-width:16px!important;
    border-top-width:11px!important;
    border-bottom-width:11px!important;
  }
}

@media (max-width:560px){
  #videos .media-heading h2,
  #videos h2{
    font-size:clamp(48px,18vw,76px)!important;
  }

  #videos .videos-v096__scroll{
    grid-template-columns:1fr!important;
  }

  #videos .videos-v096__caption,
  #videos .videos-v096__card b{
    text-align:left!important;
  }
}
