/* MASTER - CORREÇÃO DE ROLAGEM HORIZONTAL V2 */

/* Mantém a rolagem vertical, remove a horizontal */

html {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow-x: clip !important;
}

/* Evita que seções ultrapassem o viewport */

header,
main,
footer,
.hero,
.benefits,
.how {
  max-width: 100%;
  box-sizing: border-box;
}

.hero {
  overflow-x: clip !important;
}

/* Corrige elementos com largura maior que a tela */

@media (min-width: 901px) {
  .header-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .hero-inner {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }
}

/* Responsividade para tablets e celulares */

@media (max-width: 900px) {
  .header-inner,
  .hero-inner,
  .content,
  .footer-inner {
    box-sizing: border-box;
    max-width: 100% !important;
  }
}