/* CABAL XYX v13 - ajustes finais solicitados
   - CTA mais compacto
   - lista/classes sem scroll cinza
   - notícias mobile em layout próprio compacto
   Carregar por último. */

/* CTA: diminuir bloco Entre para o CABAL XYX */
.cta{
  width:min(1180px,calc(100% - 48px))!important;
  margin:34px auto 42px!important;
  padding:36px 28px!important;
  min-height:0!important;
  border-radius:24px!important;
}
.cta img{width:82px!important;height:82px!important;margin-bottom:16px!important;object-fit:contain!important}
.cta h2{font-size:clamp(34px,4vw,52px)!important;line-height:.98!important;margin:0 0 12px!important}
.cta p{margin:0 0 22px!important;font-size:16px!important;line-height:1.45!important}
.cta .hero-actions{gap:12px!important}
.cta .btn{min-height:46px!important;padding:0 24px!important}

/* Classes: não mostrar scrollbar cinza e deixar a lista respirar */
.xyx-classes{overflow:visible!important}
.xyx-classes-box{align-items:stretch!important}
.xyx-class-menu{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
  padding-right:0!important;
}
.xyx-class-menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}
.xyx-class-card{min-height:72px!important}
.xyx-class-stage{min-height:640px!important;height:640px!important}
.xyx-class-content{min-height:640px!important;height:640px!important}

/* Notícias: preservar desktop CBL Vertu, mas garantir alinhamento limpo */
#news .xyx-news-v12-layout{
  align-items:stretch!important;
}
#news .xyx-news-v12-feature{height:100%!important;min-height:500px!important}
#news .xyx-news-v12-list{height:100%!important;min-height:500px!important}
#news .xyx-news-v12-dots{pointer-events:auto!important}

/* Tablet: classe pode crescer, sem scroll interno */
@media(max-width:1180px){
  .xyx-class-card{min-height:68px!important;padding:8px 10px!important}
  .xyx-class-stage{min-height:600px!important;height:600px!important}
  .xyx-class-content{min-height:600px!important;height:600px!important}
}

/* Mobile: notícias em versão diferente, compacta e bonita */
@media(max-width:640px){
  #news.xyx-news-section{
    width:calc(100% - 18px)!important;
    margin:28px auto 38px!important;
    padding:20px 12px 18px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  #news .xyx-news-title{display:block!important;margin:0 0 14px!important}
  #news .xyx-news-title span{font-size:10px!important;letter-spacing:.12em!important;padding:0 12px!important;height:30px!important}
  #news .xyx-news-title h2{font-size:clamp(30px,9.5vw,42px)!important;line-height:.96!important;margin:10px 0 8px!important;white-space:normal!important}
  #news .xyx-news-title p{font-size:14px!important;line-height:1.35!important;text-align:left!important;max-width:none!important;margin:0!important}
  #news .xyx-news-tabs{gap:7px!important;margin:14px 0 16px!important}
  #news .xyx-news-tabs button{height:36px!important;padding:0 12px!important;font-size:10px!important;letter-spacing:.08em!important}

  #news .xyx-news-v12-layout{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    height:auto!important;
    min-height:0!important;
  }
  /* No celular, esconder o destaque grande e usar apenas cards compactos. */
  #news .xyx-news-v12-feature{
    display:none!important;
  }
  #news .xyx-news-v12-list{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  #news .xyx-news-v12-list .xyx-news-v11-row{
    min-height:112px!important;
    padding:16px 16px!important;
    border-radius:16px!important;
    background:linear-gradient(105deg,rgba(18,22,31,.96),rgba(8,10,15,.88))!important;
  }
  #news .xyx-news-v12-list .xyx-news-v11-row span{height:24px!important;font-size:9px!important;padding:0 10px!important}
  #news .xyx-news-v12-list .xyx-news-v11-row b{font-size:16px!important;line-height:1.2!important;-webkit-line-clamp:2!important;margin:8px 0 6px!important}
  #news .xyx-news-v12-list .xyx-news-v11-row p{font-size:12px!important;line-height:1.35!important;-webkit-line-clamp:2!important}
  #news .xyx-news-v12-list .xyx-news-v11-row small{font-size:9px!important}

  /* CTA mobile compacto */
  .cta{
    width:calc(100% - 22px)!important;
    margin:28px auto 34px!important;
    padding:26px 16px!important;
    border-radius:22px!important;
  }
  .cta img{width:62px!important;height:62px!important;margin-bottom:12px!important}
  .cta h2{font-size:30px!important;line-height:1!important;margin-bottom:10px!important}
  .cta p{font-size:14px!important;margin-bottom:16px!important}
  .cta .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;max-width:260px!important;margin:0 auto!important}
  .cta .btn{width:100%!important;min-height:42px!important;padding:0 12px!important}

  /* Classes mobile: usar dropdown e remover lista longa com scrollbar */
  .xyx-classes{overflow:hidden!important;width:calc(100% - 18px)!important;padding:20px 12px!important;margin:28px auto 38px!important}
  .xyx-class-menu{display:none!important}
  .xyx-class-select{display:block!important;width:100%!important;margin:14px 0 16px!important}
  .xyx-class-stage{height:auto!important;min-height:0!important}
  .xyx-class-content{height:auto!important;min-height:0!important}
}

/* celulares bem pequenos */
@media(max-width:390px){
  #news .xyx-news-title h2{font-size:29px!important}
  #news .xyx-news-tabs button{padding:0 10px!important;font-size:9px!important}
  #news .xyx-news-v12-list .xyx-news-v11-row{padding:14px!important;min-height:104px!important}
  .cta h2{font-size:27px!important}
}