/* CABAL XYX v15 - ajustes finais: notícias estilo CBL Vertu, lateral clicável e classes compactas */

/* Remove a frase da API quando alguma versão antiga ainda imprimir o parágrafo */
#news .xyx-news-title p{display:none!important}
#news .xyx-news-title{grid-template-columns:1fr!important;align-items:start!important}
#news .xyx-news-title h2{max-width:780px!important}

/* Notícias desktop: destaque + lateral com no máximo 4 cards e bolinhas laterais */
#news .xyx-vertu-news-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr)!important;
  gap:26px!important;
  align-items:stretch!important;
  min-height:0!important;
}
#news .xyx-vertu-feature{
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
}
#news .xyx-vertu-feature-content{bottom:48px!important;left:28px!important;right:28px!important}
#news .xyx-vertu-feature-content h3{font-size:clamp(30px,3.2vw,46px)!important}
#news .xyx-vertu-side-wrap{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 20px!important;
  gap:12px!important;
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#news .xyx-vertu-side{
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:repeat(4,1fr)!important;
  gap:10px!important;
  padding:0!important;
  scrollbar-width:none!important;
}
#news .xyx-vertu-side::-webkit-scrollbar{display:none!important}
#news .xyx-vertu-side-item{
  min-height:0!important;
  height:100%!important;
  padding:13px 16px!important;
  border-radius:15px!important;
}
#news .xyx-vertu-side-item strong{font-size:16px!important;margin:7px 0 4px!important;-webkit-line-clamp:1!important}
#news .xyx-vertu-side-item p{font-size:12px!important;line-height:1.25!important;margin:0 0 6px!important;-webkit-line-clamp:1!important}
#news .xyx-vertu-side-item small{font-size:9px!important}
#news .xyx-vertu-side-dots{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:100%!important;
}
#news .xyx-vertu-side-dot{
  width:8px!important;
  height:8px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.32)!important;
  padding:0!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
#news .xyx-vertu-side-dot.is-active{
  height:22px!important;
  background:#ff8a24!important;
  box-shadow:0 0 15px rgba(255,122,24,.75)!important;
}
#news .xyx-vertu-dots{left:28px!important;bottom:18px!important}

/* Classes desktop: compactar sem mexer no vídeo/personagem/posição */
@media(min-width:981px){
  .xyx-classes{padding:30px 28px!important;margin-top:42px!important;margin-bottom:38px!important}
  .xyx-classes-head{margin-bottom:20px!important}
  .xyx-classes-head h2{font-size:clamp(48px,4.9vw,74px)!important;line-height:.92!important}
  .xyx-classes-box{grid-template-columns:330px minmax(0,1fr)!important;gap:16px!important;align-items:stretch!important}
  .xyx-class-menu{
    height:640px!important;
    min-height:640px!important;
    max-height:640px!important;
    display:grid!important;
    grid-template-rows:repeat(9,1fr)!important;
    gap:7px!important;
    overflow:hidden!important;
    padding-right:0!important;
  }
  .xyx-class-menu::-webkit-scrollbar{display:none!important}
  .xyx-class-card{
    min-height:0!important;
    height:100%!important;
    padding:6px 11px!important;
    border-radius:13px!important;
  }
  .xyx-class-card img{width:44px!important;height:44px!important;margin-right:10px!important}
  .xyx-class-card b{font-size:14px!important;line-height:1.1!important}
  .xyx-class-card small{font-size:11px!important;line-height:1.1!important}
  .xyx-class-card em{font-size:13px!important}
  .xyx-class-stage{height:640px!important;min-height:640px!important}
  .xyx-class-content{height:640px!important;min-height:640px!important}
}

/* Notícias mobile: layout próprio, destaque + lista compacta */
@media(max-width:980px){
  #news .xyx-news-title p{display:none!important}
  #news .xyx-vertu-news-layout{display:block!important}
  #news .xyx-vertu-feature{
    display:block!important;
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    margin-bottom:14px!important;
  }
  #news .xyx-vertu-feature-content{left:18px!important;right:18px!important;bottom:42px!important}
  #news .xyx-vertu-feature-content h3{font-size:28px!important;line-height:1!important}
  #news .xyx-vertu-feature-content p{font-size:13px!important;-webkit-line-clamp:2!important}
  #news .xyx-vertu-side-wrap{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  #news .xyx-vertu-side{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  #news .xyx-vertu-side-dots{
    margin:12px 0 0!important;
    flex-direction:row!important;
    height:auto!important;
  }
  #news .xyx-vertu-side-dot.is-active{width:22px!important;height:8px!important}
  #news .xyx-vertu-side-item{height:auto!important;min-height:102px!important;padding:14px 15px!important}
}
@media(max-width:430px){
  #news .xyx-vertu-feature{height:320px!important;min-height:320px!important;max-height:320px!important}
  #news .xyx-vertu-feature-content h3{font-size:24px!important}
  #news .xyx-vertu-feature-content{left:15px!important;right:15px!important}
}