/* V8 - Ajusta somente o banner destaque no mobile: sem margens laterais,
   sem cantos arredondados e dots centralizados. */
@media (max-width: 900px){
  .hero.hero-carousel{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:0!important;
    min-height:350px!important;
    height:350px!important;
    box-shadow:none!important;
    overflow:hidden!important;
    background:#0b1220!important;
  }

  .hero.hero-carousel .hero-slide,
  .hero.hero-carousel .hero-slide.active{
    width:100%!important;
    max-width:100%!important;
    min-height:350px!important;
    height:350px!important;
    border-radius:0!important;
    background-position:center center!important;
  }

  .hero.hero-carousel .hero-slide > .container.hero-content,
  .hero.hero-carousel .hero-content{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0 18px 62px!important;
    text-align:center!important;
  }

  .hero.hero-carousel .hero-content .kicker,
  .hero.hero-carousel .hero-content h1,
  .hero.hero-carousel .hero-content p,
  .hero.hero-carousel .hero-content .btn{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .hero.hero-carousel .hero-content .kicker{
    margin-bottom:12px!important;
  }

  .hero.hero-carousel .hero-content h1{
    font-size:29px!important;
    line-height:1.06!important;
    margin-bottom:12px!important;
  }

  .hero.hero-carousel .hero-content p{
    font-size:15px!important;
    line-height:1.4!important;
    margin-bottom:16px!important;
    max-width:92%!important;
  }

  .hero.hero-carousel .hero-content .btn{
    min-width:158px!important;
    min-height:46px!important;
  }

  .hero.hero-carousel .hero-dots{
    left:50%!important;
    right:auto!important;
    bottom:18px!important;
    transform:translateX(-50%)!important;
    justify-content:center!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }

  .hero.hero-carousel .hero-dots button{
    width:8px!important;
    min-width:8px!important;
    height:8px!important;
    min-height:8px!important;
  }

  .hero.hero-carousel .hero-dots button.active{
    width:24px!important;
    min-width:24px!important;
  }
}