/* =========================================================
   VALENZUELA PROPIEDADES — V61
   Navbar compacto: conserva EXACTAMENTE los mismos márgenes
   horizontales definidos para el navbar expandido.
   ========================================================= */

@media (min-width:1366px){
  body.header-compact .main-nav > .container-xl,
  body.header-compact .main-nav.compact > .container-xl,
  body:not(.internal-index-shell) .main-nav.compact > .container-xl,
  body.internal-index-shell.header-compact .main-nav > .container-xl,
  body.internal-index-shell .main-nav.compact > .container-xl{
    box-sizing:border-box !important;
    width:min(1096px, calc(100% - 48px)) !important;
    max-width:1096px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.header-compact .main-nav .brand-wrap,
  body.header-compact .main-nav .navbar-brand,
  body:not(.internal-index-shell) .main-nav.compact .brand-wrap,
  body.internal-index-shell .main-nav.compact .brand-wrap,
  body.internal-index-shell .main-nav.compact .navbar-brand{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
  }

  body.header-compact .main-nav .brand-logo,
  body:not(.internal-index-shell) .main-nav.compact .brand-logo,
  body.internal-index-shell .main-nav.compact .brand-logo{
    margin-left:0 !important;
  }
}

/* Mismos márgenes usados por el navbar grande entre 1200 y 1365 px. */
@media (min-width:1200px) and (max-width:1365.98px){
  body.header-compact .main-nav > .container-xl,
  body.header-compact .main-nav.compact > .container-xl,
  body:not(.internal-index-shell) .main-nav.compact > .container-xl,
  body.internal-index-shell.header-compact .main-nav > .container-xl,
  body.internal-index-shell .main-nav.compact > .container-xl{
    box-sizing:border-box !important;
    width:calc(100% - 180px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.header-compact .main-nav .brand-wrap,
  body.header-compact .main-nav .navbar-brand,
  body:not(.internal-index-shell) .main-nav.compact .brand-wrap,
  body.internal-index-shell .main-nav.compact .brand-wrap,
  body.internal-index-shell .main-nav.compact .navbar-brand{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
  }
}

/* Tablet horizontal: evita que Bootstrap vuelva a ensanchar la caja. */
@media (min-width:992px) and (max-width:1199.98px){
  body.header-compact .main-nav > .container-xl,
  body.header-compact .main-nav.compact > .container-xl,
  body:not(.internal-index-shell) .main-nav.compact > .container-xl,
  body.internal-index-shell.header-compact .main-nav > .container-xl,
  body.internal-index-shell .main-nav.compact > .container-xl{
    width:calc(100% - 48px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}