/* Correcciones responsive sobre el diseño original (Divi).
   Evitan que imágenes, filas, tablas o textos largos se salgan de la pantalla en móvil y tablet. */

/* Red de seguridad: nunca scroll horizontal (clip no rompe los elementos sticky) */
html, body { max-width: 100%; overflow-x: clip; }

img, video, iframe { max-width: 100%; }
img { height: auto; }

/* Tablas anchas (políticas de privacidad y cookies): scroll dentro de la tabla */
.et_pb_text table, .cmplz-document table, .entry-content table {
  display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
}

@media (max-width: 980px) {
  .et_pb_row, .et_pb_column, .et_pb_module { max-width: 100% !important; }
  .et_pb_image, .et_pb_image_wrap { max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; }
  .et_pb_text_inner, .et_pb_text_inner * { overflow-wrap: break-word; }
  .et_pb_text_inner table, .et_pb_text_inner table *, .cmplz-document table * { overflow-wrap: normal; word-break: normal; hyphens: manual; }
  .et_pb_section { overflow-x: clip; }
}

/* Menú móvil (WP Responsive Menu): el CSS original lo sube solo 664px pero mide más,
   así que asomaba abierto hasta que el usuario tocaba la pantalla. Queda oculto hasta que su JS lo coloca. */
html body #mg-wprm-wrap:not([style]) { visibility: hidden !important; }