/* ═══════════════════════════════════════════
   IDEAVUS — Navbar compartilhada
   Inclua em todas as páginas:
   <link rel="stylesheet" href="nav.css">   (raiz)
   <link rel="stylesheet" href="../nav.css"> (subpastas)
═══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@400;600;700&display=swap');

:root {
  --gold: #F5A623;
  --gold-light: #FFD066;
  --black: #0A0A0A;
  --dark: #111111;
  --dark2: #1A1A1A;
  --dark3: #1E1E1E;
  --gray: #888888;
  --gray-light: #CCCCCC;
  --white: #F5F2EE;
}

/* ── BASE ── */
#idv-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 5%;
  height: 72px;
  background: rgba(10,10,10,0.96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(245,166,35,0.12);
  font-family: 'Barlow Condensed', sans-serif;
}

/* ── LOGO ── */
.idv-logo {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; flex-shrink: 0;
}
.idv-logo img {
  height: 36px;
  display: block;
}
.idv-logo-fallback {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 26px;
  color: var(--white);
  letter-spacing: 2px;
  display: none;
}

/* ── LINKS ── */
.idv-links {
  display: flex; align-items: center; gap: 4px;
  list-style: none;
  margin: 0; padding: 0;
}
.idv-links > li {
  position: relative;
}
.idv-links > li > a,
.idv-links > li > span {
  display: flex; align-items: center; gap: 5px;
  padding: 8px 14px;
  color: var(--gray-light);
  text-decoration: none;
  font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase;
  cursor: pointer;
  transition: color .2s;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
}
.idv-links > li > a:hover,
.idv-links > li > span:hover,
.idv-links > li:hover > a,
.idv-links > li:hover > span {
  color: var(--gold);
  border-bottom-color: rgba(245,166,35,0.4);
}
.idv-links > li > span .arrow {
  font-size: 8px; opacity: .7;
  transition: transform .25s;
}
.idv-links > li:hover > span .arrow {
  transform: rotate(180deg);
}

/* ── DROPDOWN ── */
.idv-dropdown {
  position: absolute; top: calc(100% + 8px); left: 0;
  min-width: 260px;
  background: var(--dark2);
  border: 1px solid rgba(245,166,35,0.15);
  border-top: 2px solid var(--gold);
  box-shadow: 0 24px 60px rgba(0,0,0,0.7);
  opacity: 0; visibility: hidden; pointer-events: none;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s;
  z-index: 200;
}
.idv-links > li:hover .idv-dropdown {
  opacity: 1; visibility: visible; pointer-events: auto;
  transform: translateY(0);
}

/* Dropdown com colunas */
.idv-dropdown-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-width: 480px;
}
.idv-dropdown-col {
  padding: 8px 0;
}
.idv-dropdown-col-title {
  font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--gold); padding: 12px 20px 8px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  margin-bottom: 4px;
}
.idv-dropdown-col:first-child {
  border-right: 1px solid rgba(255,255,255,0.05);
}

/* Itens do dropdown */
.idv-dropdown a {
  display: flex; flex-direction: column;
  padding: 12px 20px;
  text-decoration: none;
  transition: background .18s;
}
.idv-dropdown a:hover {
  background: rgba(245,166,35,0.06);
}
.idv-dropdown a .dd-title {
  font-size: 13px; font-weight: 600; letter-spacing: .3px;
  color: var(--white);
  transition: color .18s;
}
.idv-dropdown a:hover .dd-title { color: var(--gold); }
.idv-dropdown a .dd-desc {
  font-size: 11px; color: var(--gray); margin-top: 3px;
  font-weight: 400; letter-spacing: 0; text-transform: none;
  line-height: 1.5;
}

/* CTA */
.idv-cta {
  background: var(--gold); color: var(--black) !important;
  padding: 10px 22px !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1.5px !important;
  text-transform: uppercase; text-decoration: none;
  border-bottom: none !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  transition: background .2s, transform .15s !important;
  white-space: nowrap;
  display: inline-block;
  margin-left: 8px;
}
.idv-cta:hover { background: var(--gold-light) !important; transform: translateY(-1px) !important; }

/* ── HAMBURGER ── */
.idv-hamburger {
  display: none; flex-direction: column; gap: 5px; cursor: pointer;
  padding: 8px;
}
.idv-hamburger span { display: block; width: 24px; height: 2px; background: var(--white); transition: .3s; }

/* ── MOBILE ── */
@media (max-width: 960px) {
  .idv-links { display: none; }
  .idv-cta { display: none; }
  .idv-hamburger { display: flex; }

  .idv-links.open {
    display: flex; flex-direction: column;
    position: fixed; top: 72px; left: 0; right: 0; bottom: 0;
    background: rgba(10,10,10,0.98);
    padding: 24px 5%;
    overflow-y: auto;
    gap: 0;
    z-index: 999;
  }
  .idv-links.open > li > a,
  .idv-links.open > li > span {
    font-size: 16px; padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    color: var(--white);
  }
  .idv-dropdown {
    position: static; opacity: 1; visibility: visible; pointer-events: auto;
    transform: none; box-shadow: none; border: none;
    background: transparent; border-top: none;
    display: none;
  }
  .idv-links.open li.dd-open .idv-dropdown { display: block; }
  .idv-dropdown-cols { grid-template-columns: 1fr; min-width: unset; }
  .idv-dropdown-col:first-child { border-right: none; }
  .idv-dropdown a { padding: 10px 16px; }
  .idv-dropdown a .dd-title { font-size: 14px; }
  .idv-cta { display: inline-block; margin: 20px 0 0; clip-path: none; padding: 14px 28px !important; }
}