/* Serify Menu v2 - CSS */

/* TESTE - remova depois */
html body { outline:3px solid red !important; }
.section.navbar { border-bottom:1px solid #eceff1; }
.section.navbar .container { display:flex; align-items:center; gap:24px; padding:12px 24px; }
.section.navbar .navbar-section.logo { margin-right:auto; }

.section.navbar .desktop-menu nav.dropmenu > ul {
  display:flex; align-items:center; gap:28px; margin:0; padding:0; list-style:none;
}
.section.navbar .desktop-menu nav.dropmenu > ul > li > a {
  color:#1a1a1a !important; font-weight:600; text-decoration:none; letter-spacing:.1px;
}
.section.navbar .desktop-menu nav.dropmenu > ul > li > a:hover { opacity:.85; }

.section.navbar .desktop-menu nav.dropmenu > ul > li:nth-last-child(2) {
  position:relative; padding-left:26px;
}
.section.navbar .desktop-menu nav.dropmenu > ul > li:nth-last-child(2)::before {
  content:"|"; color:#9e9e9e; position:absolute; left:8px; top:0; bottom:0; margin:auto 0; height:1em;
}

nav.dropmenu a.cta-btn {
  display:inline-block !important;
  padding:12px 22px !important;
  border-radius:9999px !important;
  background:#ff9800 !important;
  color:#fff !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 2px 6px rgba(0,0,0,.12) !important;
  border:none !important;
}
nav.dropmenu a.cta-btn:hover {
  background:#f68a00 !important;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,0,0,.15);
}

.section.navbar .navbar-section.logo,
.section.navbar .navbar-section.logo a { display:flex; align-items:center; gap:10px; text-decoration:none; }
.section.navbar .navbar-section.logo img { height:34px; }
.section.navbar .navbar-section.logo .site-title,
.section.navbar .navbar-section.logo span { font-weight:900; color:#e65100; letter-spacing:.4px; }

.mobile-menu nav.dropmenu > ul > li > a.cta-btn {
  display:block !important;
  text-align:center;
  margin-top:10px;
  padding:14px 18px !important;
  border-radius:9999px !important;
}
@media (max-width: 900px) {
  .section.navbar .desktop-menu nav.dropmenu > ul > li:nth-last-child(2)::before { display:none; }
}