/* =========================================================
   VALENZUELA PROPIEDADES — V39
   Navbar portada alineado a la referencia entregada.
   Solo escritorio; móvil conserva el navbar responsive existente.
   ========================================================= */
@media (min-width: 1200px){
  :root{
    --vp-ref-header-width: 1096px;
    --header-strip-h: 61px !important;
    --navbar-h: 131px !important;
  }

  /* Cabecera total de 192 px, igual a la referencia. */
  .header-underlay{
    height:192px !important;
    min-height:192px !important;
    background:#fff !important;
  }

  .top-strip,
  .top-strip.is-hidden{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:61px !important;
    transform:none !important;
    background:#fff !important;
    border-top:1px solid #dedede !important;
    border-bottom:0 !important;
    z-index:1046 !important;
    pointer-events:auto !important;
  }

  .top-strip > .container-xl,
  .main-nav > .container-xl{
    width:min(var(--vp-ref-header-width), calc(100% - 48px)) !important;
    max-width:var(--vp-ref-header-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .top-strip > .container-xl{
    height:61px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding-left:212px !important;
    padding-top:18px !important;
    color:#050505 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:14px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .vp-reference-contact{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
  }

  .top-strip .info{
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    color:#050505 !important;
    font-size:14px !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
  }

  .top-strip .info strong,
  .vp-reference-follow > strong{
    font-weight:700 !important;
  }

  .top-strip .info i{
    color:#000 !important;
    font-size:13px !important;
  }

  .vp-reference-follow{
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    margin-left:24px !important;
    color:#050505 !important;
    font-size:13px !important;
  }

  .top-socials{
    display:flex !important;
    align-items:center !important;
    gap:15px !important;
    margin:0 !important;
  }

  .top-socials a{
    width:29px !important;
    height:27px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid #0d6efd !important;
    border-radius:6px !important;
    background:#fff !important;
    color:#000 !important;
    box-shadow:none !important;
    font-size:15px !important;
  }

  .top-socials a:hover{
    color:#0d6efd !important;
    border-color:#0d6efd !important;
  }

  .main-nav,
  .main-nav.compact,
  body.header-compact .main-nav{
    position:fixed !important;
    top:61px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:131px !important;
    min-height:131px !important;
    transform:none !important;
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
    z-index:1047 !important;
  }

  .main-nav > .container-xl,
  .main-nav.compact > .container-xl,
  body.header-compact .main-nav > .container-xl{
    height:131px !important;
    min-height:131px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    position:relative !important;
  }

  .main-nav .brand-wrap,
  .main-nav.compact .brand-wrap,
  body.header-compact .main-nav .brand-wrap{
    position:relative !important;
    flex:0 0 273px !important;
    width:273px !important;
    min-width:273px !important;
    height:131px !important;
    min-height:131px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    display:block !important;
  }

  .main-nav .brand-logo,
  .main-nav.compact .brand-logo,
  body.header-compact .main-nav .brand-logo{
    position:absolute !important;
    left:0 !important;
    top:-46px !important;
    width:165px !important;
    height:165px !important;
    max-width:165px !important;
    max-height:165px !important;
    margin:0 !important;
    transform:none !important;
    object-fit:contain !important;
    filter:none !important;
  }

  #mainMenu,
  .main-nav.compact #mainMenu{
    height:131px !important;
    min-height:131px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  #mainMenu .navbar-nav,
  .main-nav.compact #mainMenu .navbar-nav{
    width:100% !important;
    height:131px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateY(-11px) !important;
  }

  .main-nav .nav-link,
  .main-nav.compact .nav-link,
  body.header-compact .main-nav .nav-link{
    height:auto !important;
    padding:0 0 3px !important;
    display:flex !important;
    align-items:center !important;
    color:#484848 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:16px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .main-nav .nav-link:hover,
  .main-nav .nav-link.active{
    color:#484848 !important;
  }

  .main-nav .nav-link.active::after,
  .main-nav.compact .nav-link.active::after{
    content:none !important;
    display:none !important;
  }

  .main-nav .dropdown-toggle::after{
    margin-left:9px !important;
    vertical-align:.18em !important;
    border-top:.38em solid !important;
    border-right:.38em solid transparent !important;
    border-left:.38em solid transparent !important;
  }

  .main-nav .btn-contact-nav{
    display:none !important;
  }

  .page-wrap{
    padding-top:192px !important;
  }
}

/* En 1200–1365px se conserva la misma geometría, reduciendo solo el ancho útil. */
@media (min-width:1200px) and (max-width:1365.98px){
  .top-strip > .container-xl,
  .main-nav > .container-xl{
    width:calc(100% - 180px) !important;
    max-width:none !important;
  }
  .top-strip > .container-xl{
    padding-left:190px !important;
    font-size:12px !important;
  }
  .top-strip .info{font-size:12px !important}
  .vp-reference-follow{font-size:12px !important;margin-left:14px !important}
  .main-nav .brand-wrap,
  .main-nav.compact .brand-wrap,
  body.header-compact .main-nav .brand-wrap{
    flex-basis:220px !important;
    width:220px !important;
    min-width:220px !important;
  }
  .main-nav .brand-logo,
  .main-nav.compact .brand-logo,
  body.header-compact .main-nav .brand-logo{
    width:158px !important;
    height:158px !important;
    max-width:158px !important;
    max-height:158px !important;
    top:-43px !important;
  }
  .main-nav .nav-link,
  .main-nav.compact .nav-link,
  body.header-compact .main-nav .nav-link{
    font-size:14px !important;
  }
}