/* =========================================================
   VALENZUELA PROPIEDADES — V58
   Navbar dinámico en scroll
   - Al bajar: oculta la franja superior y compacta el navbar.
   - Al subir: recupera inmediatamente el tamaño normal.
   - Se aplica al INDEX y a todas las páginas internas.
   ========================================================= */

@media (min-width: 992px){
  /* Transiciones suaves compartidas */
  .top-strip{
    transition:transform .24s ease, opacity .24s ease !important;
    will-change:transform, opacity;
  }

  .main-nav,
  .main-nav > .container-xl,
  .main-nav .brand-wrap,
  .main-nav .brand-logo,
  .main-nav #mainMenu,
  .main-nav #mainMenu .navbar-nav,
  .main-nav .nav-link{
    transition:
      top .24s ease,
      height .24s ease,
      min-height .24s ease,
      width .24s ease,
      transform .24s ease,
      font-size .24s ease,
      padding .24s ease,
      box-shadow .24s ease !important;
  }

  /* ======================================================
     INDEX.PHP
     El V39 fijaba la cabecera grande incluso en .compact.
     Estas reglas restauran el comportamiento dinámico.
     ====================================================== */
  body:not(.internal-index-shell) .top-strip.is-hidden,
  body.header-compact:not(.internal-index-shell) .top-strip{
    transform:translateY(-100%) !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  body:not(.internal-index-shell) .main-nav.compact,
  body.header-compact:not(.internal-index-shell) .main-nav{
    top:0 !important;
    height:78px !important;
    min-height:78px !important;
    transform:none !important;
    box-shadow:0 5px 18px rgba(20,26,32,.10) !important;
  }

  body:not(.internal-index-shell) .main-nav.compact > .container-xl,
  body.header-compact:not(.internal-index-shell) .main-nav > .container-xl{
    height:78px !important;
    min-height:78px !important;
  }

  body:not(.internal-index-shell) .main-nav.compact .brand-wrap,
  body.header-compact:not(.internal-index-shell) .main-nav .brand-wrap{
    flex:0 0 190px !important;
    width:190px !important;
    min-width:190px !important;
    height:78px !important;
    min-height:78px !important;
    overflow:visible !important;
  }

  body:not(.internal-index-shell) .main-nav.compact .brand-logo,
  body.header-compact:not(.internal-index-shell) .main-nav .brand-logo{
    left:0 !important;
    top:50% !important;
    width:76px !important;
    height:76px !important;
    max-width:76px !important;
    max-height:76px !important;
    transform:translateY(-50%) !important;
  }

  body:not(.internal-index-shell) .main-nav.compact #mainMenu,
  body.header-compact:not(.internal-index-shell) .main-nav #mainMenu{
    height:78px !important;
    min-height:78px !important;
  }

  body:not(.internal-index-shell) .main-nav.compact #mainMenu .navbar-nav,
  body.header-compact:not(.internal-index-shell) .main-nav #mainMenu .navbar-nav{
    height:78px !important;
    min-height:78px !important;
    transform:none !important;
  }

  body:not(.internal-index-shell) .main-nav.compact .nav-link,
  body.header-compact:not(.internal-index-shell) .main-nav .nav-link{
    height:78px !important;
    padding:0 !important;
    font-size:12.5px !important;
    display:flex !important;
    align-items:center !important;
  }

  body.header-compact:not(.internal-index-shell) .header-underlay{
    height:78px !important;
  }

  /* ======================================================
     PÁGINAS INTERNAS
     nosotros, servicios, inversiones, propiedades,
     contacto y detalle.
     ====================================================== */
  body.internal-index-shell .top-strip.is-hidden,
  body.internal-index-shell.header-compact .top-strip{
    transform:translateY(-100%) !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  body.internal-index-shell .main-nav.compact,
  body.internal-index-shell.header-compact .main-nav{
    top:0 !important;
    height:78px !important;
    min-height:78px !important;
    transform:none !important;
    box-shadow:0 5px 18px rgba(20,26,32,.10) !important;
  }

  body.internal-index-shell .main-nav.compact > .container-xl,
  body.internal-index-shell.header-compact .main-nav > .container-xl{
    height:78px !important;
    min-height:78px !important;
  }

  body.internal-index-shell .main-nav.compact .brand-wrap,
  body.internal-index-shell.header-compact .main-nav .brand-wrap,
  body.internal-index-shell .main-nav.compact .navbar-brand,
  body.internal-index-shell.header-compact .main-nav .navbar-brand{
    flex:0 0 190px !important;
    width:190px !important;
    min-width:190px !important;
    height:78px !important;
    min-height:78px !important;
    margin-top:0 !important;
    padding:0 !important;
  }

  body.internal-index-shell .main-nav.compact .brand-logo,
  body.internal-index-shell.header-compact .main-nav .brand-logo{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:auto !important;
    height:76px !important;
    max-width:none !important;
    max-height:76px !important;
    transform:none !important;
  }

  body.internal-index-shell .main-nav.compact #mainMenu,
  body.internal-index-shell.header-compact .main-nav #mainMenu,
  body.internal-index-shell .main-nav.compact #mainMenu .navbar-nav,
  body.internal-index-shell.header-compact .main-nav #mainMenu .navbar-nav{
    height:78px !important;
    min-height:78px !important;
  }

  body.internal-index-shell .main-nav.compact .nav-link,
  body.internal-index-shell.header-compact .main-nav .nav-link{
    height:78px !important;
    padding:0 !important;
    font-size:12.5px !important;
    display:flex !important;
    align-items:center !important;
  }

  body.internal-index-shell .main-nav.compact .nav-link.active::after,
  body.internal-index-shell.header-compact .main-nav .nav-link.active::after{
    bottom:11px !important;
  }

  body.internal-index-shell.header-compact .header-underlay{
    height:78px !important;
  }
}

/* En móvil se conserva el navbar responsive actual. */
@media (max-width: 991.98px){
  .top-strip,
  .main-nav,
  .main-nav > .container-xl,
  .main-nav .brand-wrap,
  .main-nav .brand-logo{
    transition:height .22s ease, transform .22s ease !important;
  }
}