/* V259 — Banner principal mobile totalmente responsivo */
@media (max-width:768px){

  /* Home V242 */
  body.mobileAppV258 .heroV242{
    width:calc(100% - 20px)!important;
    margin:10px auto!important;
    min-height:unset!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    position:relative!important;
  }

  body.mobileAppV258 .heroV242 .heroInnerV242{
    min-height:100%!important;
    height:100%!important;
    padding:18px 15px!important;
    display:flex!important;
    align-items:flex-end!important;
  }

  /* Se houver imagem <img> dentro do hero */
  body.mobileAppV258 .heroV242 > img,
  body.mobileAppV258 .heroV242 picture,
  body.mobileAppV258 .heroV242 picture img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  /* Banner/hero genérico das páginas */
  body.mobileAppV258 .pageHeroPortal,
  body.mobileAppV258 .pageHero,
  body.mobileAppV258 .page-hero,
  body.mobileAppV258 .heroV235,
  body.mobileAppV258 .heroV236,
  body.mobileAppV258 .heroV237,
  body.mobileAppV258 .heroV238,
  body.mobileAppV258 .heroV239,
  body.mobileAppV258 .heroV240{
    width:calc(100% - 20px)!important;
    margin:10px auto!important;
    min-height:unset!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    overflow:hidden!important;
  }

  /* Telas bem estreitas */
  @media (max-width:480px){
    body.mobileAppV258 .heroV242,
    body.mobileAppV258 .pageHeroPortal,
    body.mobileAppV258 .pageHero,
    body.mobileAppV258 .page-hero,
    body.mobileAppV258 .heroV235,
    body.mobileAppV258 .heroV236,
    body.mobileAppV258 .heroV237,
    body.mobileAppV258 .heroV238,
    body.mobileAppV258 .heroV239,
    body.mobileAppV258 .heroV240{
      aspect-ratio:4/3!important;
      background-position:center center!important;
    }
  }

  /* Telas landscape */
  @media (orientation:landscape) and (max-height:500px){
    body.mobileAppV258 .heroV242,
    body.mobileAppV258 .pageHeroPortal,
    body.mobileAppV258 .pageHero,
    body.mobileAppV258 .page-hero{
      aspect-ratio:16/7!important;
    }
  }
}