/* ================================================================== */
/* XZONAS - FORZAR FULL-WIDTH EN DESKTOP SOBRE BOOTSTRAP            */
/* ================================================================== */
/* MÁXIMA ESPECIFICIDAD - Este archivo debe cargarse DESPUÉS de     */
/* bootstrap.min.css para sobreescribir las reglas de .container     */
/* ================================================================== */

/* 🔴 CRÍTICO: Anular restricción de max-width de Bootstrap en desktop */
@media (min-width: 993px) {

  /* Selector ultra-específico para ganar a Bootstrap */
  html body section.contenedor100,
  html body section.contenedor100>.container,
  html body section.contenedor100>div.container,
  html body .contenedor100,
  html body .contenedor100>.container,
  html body .contenedor100>div.container,
  html body .containerGrid,
  html body div.containerGrid,
  html body .containerGrid>.main,
  html body .containerGrid>div.main,
  html body div.container,
  html body .container,
  html body div.main,
  html body .main {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Especificar data-attribute para selector aún más específico */
  html body .containerGrid[data-desktop-layout="fullwidth"],
  html body div.containerGrid[data-desktop-layout="fullwidth"],
  html body .containerGrid[data-desktop-layout="fullwidth"]>.main,
  html body .containerGrid[data-desktop-layout="fullwidth"]>div.main {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Grid con padding lateral controlado */
  html body #og-grid,
  html body ul#og-grid,
  html body div#og-grid,
  html body .og-grid,
  html body ul.og-grid,
  html body .pinterest-grid,
  html body ul.pinterest-grid {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 10px 40px 10px !important;
    box-sizing: border-box !important;
  }

  /* ANULAR cualquier clase de Bootstrap que limite ancho */
  html body .container,
  html body div.container,
  html body .container-fluid,
  html body div.container-fluid {
    max-width: none !important;
    width: 100% !important;
  }

}

/* ================================================================== */
/* EOF - force-fullwidth-desktop.css                                  */
/* ================================================================== */