/* Bride Era R14.7.152 — landing mobile mais curta, suave e horizontal. */
@media(max-width:768px){
  .r14712-hero-preview>summary{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:46px!important;line-height:1.15!important;padding:10px 18px!important;text-align:center!important;
  }
  .landing-r1478-dots{
    left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:18px!important;
    gap:7px!important;padding:7px 10px!important;width:max-content!important;max-width:calc(100% - 32px)!important;
    justify-content:center!important;background:rgba(40,31,28,.11)!important;border-radius:999px!important;
  }
  .landing-r1478-dots button{
    width:18px!important;height:24px!important;min-width:18px!important;min-height:24px!important;flex:0 0 18px!important;
  }
  .landing-r1478-dots button::before{width:6px!important;height:6px!important}
  .landing-r1478-dots button.active::before{width:18px!important;height:6px!important}

  /* Trilhos horizontais: preservam os cartões, reduzem a altura e mantêm leitura/touch. */
  .conversion-steps-r147150,.conversion-benefits-r147150,.security-badge-grid,.seo-journey-grid,
  .landing-auto126-flow,.landing-auto126-rules,.features-grid,.fun-grid,.ecosystem-grid,.integra-grid{
    display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:visible!important;
    gap:12px!important;padding:2px 2px 14px!important;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;scrollbar-width:thin;
  }
  .conversion-steps-r147150>article,.conversion-benefits-r147150>div,.security-badge-grid>.security-badge,
  .seo-journey-grid>.seo-journey-card,.landing-auto126-flow>div,.landing-auto126-rules>.landing-auto126-rule,
  .features-grid>.feature,.fun-grid>* ,.ecosystem-grid>.ecosystem-card,.integra-grid>.integra-card{
    flex:0 0 min(82vw,355px)!important;width:min(82vw,355px)!important;scroll-snap-align:start;min-width:0!important;
  }
  .conversion-benefits-r147150>div{min-height:160px}
  .security-badge-grid>.security-badge{min-height:150px}
  .seo-journey-grid>.seo-journey-card{min-height:210px}
  .landing-auto126-flow>div{min-height:185px}
  .landing-auto126-rules>.landing-auto126-rule{min-height:132px}
  .features-grid>.feature,.fun-grid>*,.ecosystem-grid>.ecosystem-card,.integra-grid>.integra-card{min-height:190px}
}


/* R14.7.152.1 — Automação Bride Era: corrige overflow da grade desktop no mobile.
   O texto fica dentro do viewport e os dois conjuntos de cartões viram trilhos de toque reais. */
@media(max-width:768px){
  #automation-r147126,
  #automation-r147126 .container,
  #automation-r147126 .landing-auto126-grid,
  #automation-r147126 .landing-auto126-grid>div,
  #automation-r147126 .landing-auto126-ui{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important}
  #automation-r147126{overflow-x:hidden!important}
  #automation-r147126 .container{padding-left:20px!important;padding-right:20px!important}
  #automation-r147126 .landing-auto126-grid{display:block!important;grid-template-columns:none!important}
  #automation-r147126 h2,#automation-r147126 .lead,#automation-r147126 .landing-auto126-note{
    max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important
  }
  #automation-r147126 .lead{line-height:1.6!important}
  #automation-r147126 .landing-auto126-flow,
  #automation-r147126 .landing-auto126-rules{
    width:100%!important;max-width:100%!important;min-width:0!important;
    overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y!important;
    scroll-snap-type:x mandatory!important;scroll-padding-inline:2px!important;
    -webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;
  }
  #automation-r147126 .landing-auto126-flow>div,
  #automation-r147126 .landing-auto126-rules>.landing-auto126-rule{
    flex:0 0 min(82vw,350px)!important;width:min(82vw,350px)!important;max-width:min(82vw,350px)!important;
    scroll-snap-align:start!important;box-sizing:border-box!important
  }
  #automation-r147126 .landing-auto126-ui{margin-top:28px!important;padding:14px!important;overflow:hidden!important}
  #automation-r147126 .landing-auto126-note{margin-left:0!important;margin-right:0!important}
}
