/* =========================================================
   VALENZUELA PROPIEDADES — V62
   FIX DEFINITIVO: cuando el navbar está compacto mantiene
   exactamente la misma caja horizontal usada por el sitio.
   ========================================================= */

/*
 * Usamos una única regla de caja para escritorio:
 * - máximo 1096px (igual al INDEX)
 * - nunca menos de 90px por lado mientras haya espacio
 * Esto evita que Bootstrap vuelva a llevar el container-xl
 * a 24/28px del borde al activar el modo compacto.
 */
@media (min-width:992px){
  html body.header-compact nav#mainNav.main-nav > div.container-xl,
  html body.header-compact nav#mainNav.main-nav.compact > div.container-xl,
  html body nav#mainNav.main-nav.compact > div.container-xl,
  html body.internal-index-shell.header-compact nav#mainNav.main-nav > div.container-xl,
  html body.internal-index-shell nav#mainNav.main-nav.compact > div.container-xl{
    box-sizing:border-box !important;
    width:calc(100% - 180px) !important;
    max-width:1096px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
  }

  /* El logo nace exactamente desde el borde izquierdo de esa caja. */
  html body.header-compact nav#mainNav.main-nav .brand-wrap,
  html body.header-compact nav#mainNav.main-nav .navbar-brand,
  html body nav#mainNav.main-nav.compact .brand-wrap,
  html body nav#mainNav.main-nav.compact .navbar-brand{
    margin-left:0 !important;
    padding-left:0 !important;
    transform:none !important;
  }

  html body.header-compact nav#mainNav.main-nav .brand-logo,
  html body nav#mainNav.main-nav.compact .brand-logo{
    margin-left:0 !important;
    transform:none !important;
  }
}

/* En pantallas grandes la caja queda exactamente en 1096px. */
@media (min-width:1366px){
  html body.header-compact nav#mainNav.main-nav > div.container-xl,
  html body.header-compact nav#mainNav.main-nav.compact > div.container-xl,
  html body nav#mainNav.main-nav.compact > div.container-xl,
  html body.internal-index-shell.header-compact nav#mainNav.main-nav > div.container-xl,
  html body.internal-index-shell nav#mainNav.main-nav.compact > div.container-xl{
    width:1096px !important;
    max-width:1096px !important;
  }
}

/* Móvil conserva el navbar responsive existente. */
@media (max-width:991.98px){
  html body.header-compact nav#mainNav.main-nav > div.container-xl,
  html body nav#mainNav.main-nav.compact > div.container-xl{
    width:100% !important;
    max-width:none !important;
  }
}