/* ─────────────────────────────────────────────────────────────
   custom-fixes.css — arreglos UI/UX que NO genera Webflow.
   Se enlaza DESPUÉS del CSS de Webflow para poder sobrescribir.
   ───────────────────────────────────────────────────────────── */

/* Fix (móvil): el subrayado decorativo .blue-text-underneath es
   position:absolute y webflow.js le inyecta un `width` en px inline
   calculado en DESKTOP. En pantallas chicas (iPhone X, 375px) ese ancho
   fijo se salía de su contenedor y provocaba scroll horizontal + un
   "padding" fantasma a la derecha. Lo acotamos a su padre para que
   nunca desborde, sin alterar el look en desktop. */
.blue-text-underneath {
  max-width: 100% !important;
}

/* Red de seguridad SOLO en móvil: evita cualquier desbordamiento
   horizontal del landing. Se aplica a <body> (no a <html>) para no
   romper position:sticky del navbar. */
@media screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}
