/* ==========================================
   NAVBAR PREMIUM
========================================== */

#mainNavbar {
      background: #ffffff;
      height: 85px;
      transition: all .35s ease;
      box-shadow: 0 2px 20px rgba(0, 0, 0, .08);
      z-index: 9999;
}

#mainNavbar.scrolled {
      height: 75px;
      background: rgba(255, 255, 255, .95);
      backdrop-filter: blur(12px);
      box-shadow: 0 5px 30px rgba(0, 0, 0, .12);
}

/* LOGO */

.logo {
      width: 60px;
      height: 60px;
      object-fit: cover;
      border-radius: 50%;
}

.logo-title {
      font-size: 19px;
      font-weight: 800;
      color: #111827;
      line-height: 1;
}

.logo-subtitle {
      color: #2563eb;
      font-size: 18px;
      font-weight: 500;
}

/* MENU */

.navbar-nav {
      gap: 9px;
}

.navbar-nav .nav-link {

      color: #374151 !important;

      font-size: 18px;

      font-weight: 600;

      transition: .3s;

      padding: 10px 14px;

      border-radius: 10px;

}

.navbar-nav .nav-link:hover {

      color: #2563eb !important;

      background: #EFF6FF;

}

.navbar-nav .active {

      color: #2563eb !important;

}

/* DROPDOWN */

.dropdown-menu {

      border: none;

      border-radius: 16px;

      padding: 12px;

      box-shadow: 0 15px 40px rgba(0, 0, 0, .10);

}

.dropdown-item {

      border-radius: 10px;

      padding: 12px;

      transition: .3s;

      font-weight: 500;

}

.dropdown-item:hover {

      background: #2563eb;

      color: #fff;

}

/* BOTÃO ENTRAR */

.btn-link {

      color: #2563eb !important;

      font-weight: 700;

      text-decoration: none;

}

.btn-link:hover {

      color: #1D4ED8 !important;

}

/* BOTÃO TESTE */

.btn-success {

      background: #16A34A;

      border: none;

      border-radius: 50px;

      padding: 12px 28px;

      font-size: 15px;

      font-weight: 700;

      transition: .3s;

}

.btn-success:hover {

      background: #15803D;

      transform: translateY(-2px);

      box-shadow: 0 10px 25px rgba(22, 163, 74, .35);

}

/* MENU MOBILE */

.navbar-toggler {

      border: none;

}

.navbar-toggler:focus {

      box-shadow: none;

}

/* RESPONSIVO */

@media(max-width:768px) {

      .logo {
                  width: 30px;
                  height: 30px;
                  object-fit: fill;
                  margin-bottom: 10px;
            }

       .logo-title {
                  padding-bottom: 10px;
             }


      .logo-subtitle {
                  display: none;
            }

      #mainNavbar {

            height: auto;

            padding: 15px 0;

      }

      .navbar-collapse {

            background: #ffffff;

            padding: 25px;

            margin-top: 15px;

            border-radius: 20px;

            box-shadow: 0 15px 40px rgba(0, 0, 0, .10);

      }

      .navbar-nav {

            gap: 0;

      }

      .navbar-nav .nav-link {

            padding: 14px;

      }

      .d-flex.align-items-center {

            margin-top: 20px;

            justify-content: center;

      }

}

/* ESPAÇO ABAIXO DA NAVBAR */

body {

      padding-top: 85px;

}