/* ==========================================================================
   Corrección de Desbordamiento Horizontal - CESCO
   ========================================================================== */

/* Solución para evitar desbordamiento horizontal en toda la página */
html, body {
  overflow-x: hidden;
  width: 100%;
  position: relative;
}

/* Asegurar que todos los contenedores respeten el ancho máximo */
.container, 
.container-fluid,
.row,
main,
header,
footer,
section {
  max-width: 100%;
  box-sizing: border-box;
}

/* Corregir posibles elementos que causan desbordamiento */
img, video, iframe, table, pre {
  max-width: 100%;
  height: auto;
}

/* Asegurar que elementos con posición absoluta no causen desbordamiento */
.position-absolute {
  max-width: 100vw;
}

/* Corregir posibles problemas con elementos flexibles */
.d-flex, 
.flex {
  flex-wrap: wrap;
}

/* Corregir posibles problemas con tablas */
table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

/* Corregir posibles problemas con elementos de formulario */
input, select, textarea {
  max-width: 100%;
}