.elementor-kit-9{--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-37312a7:#FFFFFF;--e-global-color-163a8fd:#000000;--e-global-color-abb7abb:#0A0A0A;--e-global-color-4294681:#FBFBFB;--e-global-color-ebed815:#94CA23;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-2298a91-font-family:"Montserrat";--e-global-typography-2298a91-font-size:20px;--e-global-typography-2298a91-font-weight:400;--e-global-typography-4ae92fa-font-family:"Poppins";--e-global-typography-4ae92fa-font-size:20px;--e-global-typography-4ae92fa-font-weight:600;--e-global-typography-e18f84a-font-family:"Inter";background-color:var( --e-global-color-4294681 );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 
  ================================================================
  == Início: CSS Agressivo para Remover Barra de Rolagem (Mobile) ==
  ================================================================
*/

@media screen and (max-width: 768px) {

  /* 
    Passo 1: Força os containers principais do corpo da página 
    a não terem estouro. Esta é a regra mais importante.
  */
  html, 
  body {
    width: 100%;
    overflow-x: hidden !important; /* Esconde qualquer estouro horizontal */
  }

  /* 
    Passo 2: Garante que os wrappers do Elementor e do tema 
    respeitem os limites da tela.
  */
  body,
  .elementor-section,
  .elementor-container,
  .elementor-widget-wrap,
  main, /* Alvo para o tema Hello */
  #page { /* Alvo comum em muitos temas */
    width: 100% !important;
    max-width: 100% !important; /* Impede que o elemento seja maior que a tela */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important; /* Garante que padding/border não aumentem a largura */
  }

  /* 
    Passo 3: Adiciona um padding de segurança nas seções principais 
    para que o CONTEÚDO não cole nas bordas da tela.
    Ajuste '15px' se necessário.
  */
  .elementor-section.elementor-section-boxed > .elementor-container {
      padding-left: 15px !important;
      padding-right: 15px !important;
  }

  /* 
    Passo 4: Reseta especificamente o widget do carrinho do WooCommerce/CartFlows.
  */
  .woocommerce .cart-form, 
  .woocommerce table.shop_table {
    width: 100% !important;
    max-width: 100vw !important; /* 100% da largura da viewport */
  }
}

/* 
  ==============================================================
  == Fim: CSS Agressivo para Remover Barra de Rolagem (Mobile) ==
  ==============================================================
*//* End custom CSS */