/* global.css — Reset y correcciones globales para Full Product Page Designer */

/* 1) Box-sizing global */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2) Eliminar desplazamiento horizontal */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

/* 3) Forzar ancho real en elementos que usen 100vw */
*[style*="width: 100vw"] {
  width: 100% !important;
  max-width: 100% !important;
}

/* 4) Quitar padding/margen extra de wrappers tipo .container y secciones FPPD */
.container,
.fppd-faqs-container,
.fppd-comparison-container,
.fppd-features-container,
.fppd-painpoints {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  overflow-x: hidden !important;
  position: relative; /* para contener hijos absolutos */
}

/* 5) Asegurar que canvas u otros absolutos no sobresalgan */
#painpoints-wave-canvas,
.fppd-faqs-canvas,
.fppd-features-canvas {
  width: 100% !important;
  left: 0 !important;
}