/* ===== BLINDAJE ANTI-SCROLL (móvil) ===== */
html, body{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;      /* evita scroll en el root */
}

body{
  position:fixed !important;       /* 🔥 truco definitivo móvil */
  inset:0 !important;
  overflow:hidden !important;
  overscroll-behavior:none;
}

/* todo usa box-sizing */
*, *::before, *::after{
  box-sizing:border-box;
}

/* contenedor principal */
.page{
  width:100%;
  height:100%;
  overflow:hidden;                 /* no scroll dentro */
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:12px 14px 10px;
}

/* evita el 100vw (si lo usas en algún sitio) */
.container, main, header, footer, section, div{
  max-width:100%;
}

/* medios y ads no pueden desbordar */
img, svg, canvas, video, iframe, ins{
  max-width:100% !important;
}

/* por si algún elemento está empujando lateralmente */
body > *{
  max-width:100%;
}