@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-6cc8248{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-6cc8248.elementor-element{--align-self:flex-start;}}/* Start custom CSS for html, class: .elementor-element-6cc8248 */@media(max-width:620px){

  /* =========================================
     CORREÇÃO PRINCIPAL — EVITA TEXTO CORTADO
     ========================================= */

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  main {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }

  /* Impede elementos dentro do GRID
     de criarem uma largura maior que a tela */
  .hero-grid,
  .about,
  .community,
  .problem {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .hero-grid > *,
  .about > *,
  .community > *,
  .problem > * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }


  /* =========================================
     TOPO
     ========================================= */

  .top {
    font-size: 11px;
    padding: 7px 10px;
  }

  .top+header {
    top: 31px;
  }

  nav {
    min-height: 67px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .brand div:last-child {
    font-size: 14px;
  }

  .navbuttons .btn-outline {
    display: none;
  }


  /* =========================================
     HERO
     ========================================= */

  .hero {
    width: 100%;
    max-width: 100%;
    padding: 60px 16px 50px;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .hero-grid {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }


  /* =========================================
     TÍTULO DO HERO
     ========================================= */

  .hero h1,
  .hero h2 {

    width: calc(100% - 10px);
    max-width: 100%;

    margin-left: auto;
    margin-right: auto;

    padding-left: 0;
    padding-right: 0;

    box-sizing: border-box;

    text-align: center;

    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;

    line-height: 1.15;
  }


  /* =========================================
     TEXTO DO HERO
     ========================================= */

  .hero p {

    width: calc(100% - 10px);
    max-width: 100%;

    margin-left: auto;
    margin-right: auto;

    padding-left: 0;
    padding-right: 0;

    box-sizing: border-box;

    font-size: 16px;
    line-height: 1.5;

    text-align: center;

    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
  }


  /* =========================================
     OUTRAS SEÇÕES
     ========================================= */

  .aboutcopy,
  .community,
  .problem,
  .learncopy,
  .real-proofs {

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;

    overflow-x: hidden;
  }


  .aboutcopy,
  .community {
    padding: 27px 16px;
  }


  .aboutcopy h2,
  .aboutcopy p,
  .learncopy h2,
  .learncopy p,
  .community h2,
  .community p,
  .problem h2,
  .problem p,
  .real-proofs h2,
  .real-proofs p {

    width: calc(100% - 10px);
    max-width: 100%;

    margin-left: auto;
    margin-right: auto;

    padding-left: 0;
    padding-right: 0;

    box-sizing: border-box;

    text-align: center;

    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
  }


  /* =========================================
     GRIDS
     ========================================= */

  .grid4,
  .grid3,
  .testimonials {

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
  }

  .grid4 {
    grid-template-columns: 1fr;
  }

  .grid3,
  .testimonials {
    grid-template-columns: 1fr;
  }


  /* =========================================
     BOTÕES
     ========================================= */

  .btn,
  .btn-outline {

    display: block;

    width: fit-content;
    max-width: calc(100% - 20px);

    margin: 12px auto;

    box-sizing: border-box;

    text-align: center;

    white-space: normal;
  }
}/* End custom CSS */