/* =============================================================
   FIX CENTRALIZAÇÃO — Remove padding lateral do body (WordPress)
   que causava o deslocamento à direita no mobile
   ============================================================= */

/* 
  O WordPress/Gutenberg injeta via 513c...css:
    body { --wp--style--root--padding-right: clamp(30px, 5vw, 50px);
           --wp--style--root--padding-left:  clamp(30px, 5vw, 50px); }
  
  E depois .wp-site-blocks usa esse padding.
  O Elementor tenta compensar com margins negativas nos elementos
  alignfull, mas no mobile isso quebra o alinhamento.
  
  Solução: zerar o padding do body e do wp-site-blocks.
*/

body {
  --wp--style--root--padding-right: 0px !important;
  --wp--style--root--padding-left:  0px !important;
  padding-right: 0 !important;
  padding-left:  0 !important;
  overflow-x: hidden !important;
}

.wp-site-blocks {
  padding-right: 0 !important;
  padding-left:  0 !important;
}

.has-global-padding {
  padding-right: 0 !important;
  padding-left:  0 !important;
}

/* Garante que html/body nunca gerem scroll horizontal */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Containers Elementor centralizados */
.e-con.e-parent,
.elementor-section {
  max-width: 100% !important;
  overflow-x: hidden !important;
}