/* ==========================================================================
   8Layer — Correcciones de responsividad
   Cargado DESPUÉS de mbr-additional.css para poder sobrescribir.
   Objetivo: eliminar el scroll horizontal en móvil y que el contenido
   embebido se adapte al ancho de la pantalla, sin alterar el diseño en
   escritorio.
   ========================================================================== */

/* --- Seguridad general: ningún medio debe superar el ancho del viewport --- */
img,
svg,
video {
  max-width: 100%;
}

/* --------------------------------------------------------------------------
   Formularios embebidos (gestion.8layer-latam.com) con ancho fijo de 680px.
   En teléfonos provocaban un desbordamiento horizontal de ~315px y dejaban
   parte del formulario fuera de pantalla. Solo se reducen por debajo de
   992px; en escritorio se conserva el ancho original.
   Páginas afectadas: trabaja-con-nosotros, insuit, easydmarc, cis-control.
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
  iframe[src*="gestion.8layer-latam.com"] {
    width: 100% !important;
    max-width: 100%;
    border: 0;
  }
}

/* --------------------------------------------------------------------------
   Correcciones de "gutters" de Bootstrap que solo afectan al ancho en
   pantallas pequeñas (en escritorio el viewport absorbe el margen negativo).

   aruba.html — la sección "header4" envuelve una .row en un <div> sin padding
   de gutter, por lo que los márgenes negativos (-15px) se desbordaban.

   gestionados.html — el bloque .cards-wrap es una .row anidada directamente
   dentro de otra .row, duplicando los márgenes negativos.
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
  .header4 > div {
    padding-left: 15px;
    padding-right: 15px;
  }

  .cards-wrap.row {
    margin-left: 0;
    margin-right: 0;
  }
}

/* --------------------------------------------------------------------------
   Red de seguridad: ninguna página debe poder desplazarse horizontalmente.
   El navbar es position:fixed, por lo que esto no afecta su comportamiento.
   -------------------------------------------------------------------------- */
body {
  overflow-x: hidden;
}