/* 🔹 RESET BÀSIC */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 🔹 HTML — MAI tocar overflow aquí si vols sticky */
html {
  width: 100%;
  height: 100%;
  max-width: 100%;
  position: relative;
  overflow: visible; /* ✅ CLAU */
}

/* 🔹 BODY — tot el control de scroll va aquí */
body {
  width: 100%;
  min-height: 100%;
  max-width: 100%;

  overflow-x: hidden;          /* ✅ scroll lateral fora */
  overflow-y: auto;
  overscroll-behavior-x: none;
  -webkit-overflow-scrolling: touch;

  font-family: var(--font-principal, 'Poppins', sans-serif);
  background-color: var(--color-fons, #f9fafb);
  color: var(--color-text, #111827);
}