/* Bride Era R14.7.152.3 — refinamento visual da Automação Bride Era no mobile.
   Mantém os trilhos horizontais da R14.7.152.2, mas devolve a seção ao mesmo
   respiro lateral da landing e centraliza o bloco introdutório. */
@media (max-width: 820px){
  #automation-r147126{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
    overflow-x:clip!important;
  }

  #automation-r147126 > .container{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:640px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  #automation-r147126 .landing-auto126-grid,
  #automation-r147126 .landing-auto126-copy,
  #automation-r147126 .landing-auto126-ui{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* O título deixa de encostar nas laterais e fica visualmente centralizado. */
  #automation-r147126 .landing-auto126-copy{
    text-align:center!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  #automation-r147126 .landing-auto126-copy > .eyebrow{
    width:fit-content!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #automation-r147126 h2{
    max-width:17ch!important;
    margin:10px auto 16px!important;
    text-align:center!important;
    text-wrap:balance!important;
  }
  #automation-r147126 .lead{
    max-width:36rem!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  /* Mantém a rolagem horizontal, agora dentro de um bloco mais estreito. */
  #automation-r147126 .landing-auto126-flow{
    margin-top:24px!important;
    text-align:left!important;
  }
  #automation-r147126 .landing-auto126-flow > div,
  #automation-r147126 .landing-auto126-rules > .landing-auto126-rule{
    flex-basis:84%!important;
    width:84%!important;
    min-width:84%!important;
    max-width:84%!important;
  }

  #automation-r147126 .landing-auto126-ui{
    padding:14px!important;
    border-radius:22px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:left!important;
  }

  #automation-r147126 .landing-auto126-note{
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media (max-width: 420px){
  #automation-r147126{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  #automation-r147126 h2{
    max-width:15ch!important;
  }
  #automation-r147126 .landing-auto126-flow > div,
  #automation-r147126 .landing-auto126-rules > .landing-auto126-rule{
    flex-basis:86%!important;
    width:86%!important;
    min-width:86%!important;
    max-width:86%!important;
  }
}