/* --- SOLO MOBILE --- */
@media (max-width: 768px) {

  /* Evita scroll lateral */
  html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Ajusta textos y cajas para que no se corten */
  * {
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* Evita que imágenes o contenedores se salgan del ancho */
  img, video, iframe, .container, .section, div {
    max-width: 100% !important;
    height: auto;
  }
}