/* =========================================================
   VALENZUELA PROPIEDADES — V66.28
   CORRECCIÓN REAL MOBILE:
   El markup usa .container-xl (no .container-fluid).
   Agranda el navbar completo y luego el logo, manteniendo padding.
   ========================================================= */

@media (max-width:767.98px){
  .main-nav,
  .main-nav.compact,
  body.header-compact .main-nav,
  body.internal-index-shell .main-nav,
  body.internal-index-shell .main-nav.compact,
  body.internal-index-shell.header-compact .main-nav{
    height:100px !important;
    min-height:100px !important;
    max-height:100px !important;
    padding:0 !important;
  }

  .main-nav > .container-xl,
  .main-nav.compact > .container-xl,
  body.header-compact .main-nav > .container-xl,
  body.internal-index-shell .main-nav > .container-xl,
  body.internal-index-shell .main-nav.compact > .container-xl,
  body.internal-index-shell.header-compact .main-nav > .container-xl{
    width:100% !important;
    max-width:none !important;
    height:100px !important;
    min-height:100px !important;
    max-height:100px !important;
    margin:0 !important;
    padding:8px 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .main-nav .brand-wrap,
  .main-nav.compact .brand-wrap,
  body.header-compact .main-nav .brand-wrap,
  body.internal-index-shell .main-nav .brand-wrap,
  body.internal-index-shell .main-nav.compact .brand-wrap{
    width:auto !important;
    min-width:0 !important;
    max-width:150px !important;
    height:84px !important;
    min-height:84px !important;
    max-height:84px !important;
    margin:0 !important;
    padding:4px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  .main-nav .brand-logo,
  .main-nav.compact .brand-logo,
  body.header-compact .main-nav .brand-logo,
  body.internal-index-shell .main-nav .brand-logo,
  body.internal-index-shell .main-nav.compact .brand-logo{
    width:auto !important;
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
    max-width:140px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
  }

  .vp-mobile-menu-toggle,
  .navbar-toggler.vp-mobile-menu-toggle{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    margin-left:auto !important;
  }

  #mainMenu.navbar-collapse{
    top:100px !important;
  }

  body:not(.internal-index-shell) .page-wrap{
    padding-top:100px !important;
  }

  body.internal-index-shell .internal-v16-main,
  body.internal-index-shell[data-page] .internal-v16-main{
    padding-top:100px !important;
  }
}

@media (max-width:575.98px){
  .main-nav,
  .main-nav.compact,
  body.header-compact .main-nav,
  body.internal-index-shell .main-nav,
  body.internal-index-shell .main-nav.compact,
  body.internal-index-shell.header-compact .main-nav{
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
  }

  .main-nav > .container-xl,
  .main-nav.compact > .container-xl,
  body.header-compact .main-nav > .container-xl,
  body.internal-index-shell .main-nav > .container-xl,
  body.internal-index-shell .main-nav.compact > .container-xl,
  body.internal-index-shell.header-compact .main-nav > .container-xl{
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
    padding:8px 16px !important;
  }

  .main-nav .brand-wrap,
  .main-nav.compact .brand-wrap,
  body.header-compact .main-nav .brand-wrap,
  body.internal-index-shell .main-nav .brand-wrap,
  body.internal-index-shell .main-nav.compact .brand-wrap{
    height:80px !important;
    min-height:80px !important;
    max-height:80px !important;
    max-width:144px !important;
    padding:4px 0 !important;
  }

  .main-nav .brand-logo,
  .main-nav.compact .brand-logo,
  body.header-compact .main-nav .brand-logo,
  body.internal-index-shell .main-nav .brand-logo,
  body.internal-index-shell .main-nav.compact .brand-logo{
    height:72px !important;
    min-height:72px !important;
    max-height:72px !important;
    max-width:134px !important;
  }

  #mainMenu.navbar-collapse{
    top:96px !important;
  }

  body:not(.internal-index-shell) .page-wrap{
    padding-top:96px !important;
  }

  body.internal-index-shell .internal-v16-main,
  body.internal-index-shell[data-page] .internal-v16-main{
    padding-top:96px !important;
  }
}