/* ============================================================
 * Adaptación a TODAS las pantallas — ecosistema Seix
 * Capa segura y común: evita desbordes horizontales, hace los
 * medios fluidos y las tablas desplazables en pantallas chicas.
 * No cambia el diseño: solo garantiza que todo quepa y se lea.
 * ============================================================ */
html, body { overflow-x: clip; }
img, video { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
pre, code { max-width: 100%; overflow-x: auto; }

/* Contenedores anchos clásicos: nunca más anchos que la pantalla */
.wrap, .container, .cont, .inner, .contenedor { max-width: 100%; }

/* Tablas: en pantallas chicas se desplazan en horizontal, no rompen la página */
@media (max-width: 900px) {
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Titulares gigantes: que nunca desborden en móvil */
@media (max-width: 640px) {
  h1 { font-size: clamp(1.7rem, 8.5vw, 2.6rem) !important; line-height: 1.15 !important; }
  h2 { font-size: clamp(1.35rem, 6.5vw, 2rem) !important; line-height: 1.2 !important; }
}