/* res/naosub_responsive.css
   Overrides suaves para que el layout antiguo no reviente en móvil.
   No cambia colores ni “estilo NAOSUB”, solo evita desbordes.
*/
html, body { max-width: 100%; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
table { max-width: 100%; }

/* Inputs y botones más “tocables” en móvil */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea {
  max-width: 100%;
  box-sizing: border-box;
}
button, input[type="submit"], input[type="button"] { max-width: 100%; }

/* Si hay tablas muy anchas, permite scroll horizontal sin romper */
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Ajustes en pantallas pequeñas */
@media (max-width: 700px) {
  #imSite, #imBody, #imContent { width: 100% !important; }
  .imAlign_left, .imAlign_right, .imAlign_justify { text-align: left !important; }
}