/* ============================================================
 * 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; }
}

/* ===== AZULES EN TRANSPARENTE (2026-10-14) =====
 * Veladura azul suave sobre el blanco/hielo: el fondo gana
 * profundidad clinica premium sin tenirse. Solo azules de la
 * paleta (marino #0a2540, azul #1a56db, turquesa #0e9bb5) en
 * alfa baja. No toca layout ni contenido; texto en AA. */
body {
  background:
    radial-gradient(1100px 540px at 10% -6%, rgba(26,86,219,.11), rgba(26,86,219,0) 60%),
    radial-gradient(920px 520px at 92% 4%, rgba(14,155,181,.10), rgba(14,155,181,0) 62%),
    radial-gradient(1200px 780px at 50% 112%, rgba(10,37,64,.08), rgba(10,37,64,0) 62%),
    linear-gradient(165deg, #fdfdfe 0%, #e9f2fa 54%, #d9e9f6 100%);
}
.topbar { background: rgba(238,245,252,.94); }
.feature { background: linear-gradient(180deg, #ffffff 0%, #eff6fd 100%); }