/* =========================
   Nuria Global — Header
========================= */

.navbar{
  z-index:1030;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}

.ng-navbar{
  border-bottom:0;
}

.navbar .navbar-brand{
  padding:0;
  margin-right:0;
}

.ng-logo{
  height:52px;
  width:auto;
  display:block;
}

/* =========================
   Navigation
========================= */

.ng-nav .nav-link{
  color:#1f2937;
  border-radius:12px;
  font-weight:500;
  padding:.55rem .75rem;
  transition:
    color .2s ease,
    background-color .2s ease;
}

.ng-nav .nav-link:hover,
.ng-nav .nav-link:focus{
  background:#f3f4f6;
  color:var(--ng-red);
}

/* =========================
   Divider
========================= */

.ng-navbar-divider{
  height:2px;
  width:100%;
  background:linear-gradient(
    90deg,
    transparent 0%,
    var(--ng-red) 25%,
    var(--ng-red) 75%,
    transparent 100%
  );
}

/* =========================
   Mobile Toggle
========================= */

.navbar-toggler{
  border:0;
  padding:.35rem;
  box-shadow:none !important;
}

.navbar-toggler:focus{
  box-shadow:none !important;
}

/* =========================
   Tablet / Mobile Navigation
========================= */

@media (max-width:991.98px){

  .ng-navbar .container{
    align-items:center;
  }

  .ng-navbar .navbar-collapse{
    flex-basis:100%;
    width:100%;

    margin-top:.85rem;
    padding-top:.55rem;
    padding-bottom:.35rem;

    border-top:1px solid #eef2f7;
  }

  .ng-nav{
    width:100%;
    gap:0 !important;
    align-items:stretch !important;
  }

  .ng-nav .nav-item{
    width:100%;
  }

  .ng-nav .nav-link{
    display:block;
    width:100%;

    padding:.7rem 0;

    border-radius:0;
    background:transparent;

    font-size:.92rem;
    font-weight:500;
    line-height:1.25;
  }

  .ng-nav .nav-link:hover,
  .ng-nav .nav-link:focus{
    background:transparent;
    color:var(--ng-red);
  }

}
/* =========================
   Mobile
========================= */

@media (max-width:575.98px){

  .ng-logo{
    height:48px;
  }

}

@media (max-width:575.98px){

  .ng-navbar .container{
    padding-left:1rem;
    padding-right:1rem;
  }

  .ng-logo{
    height:46px;
  }

  .ng-navbar .navbar-collapse{
    margin-top:.7rem;
    padding-top:.45rem;
  }

  .ng-nav .nav-link{
    padding:.62rem 0;
    font-size:.9rem;
  }

}