/* Header / nav — compartido por todo el sitio (no depende de las variables de cada página) */
header{position:sticky; top:0; z-index:70; background:rgba(32,28,29,0.94); backdrop-filter:blur(6px); border-bottom:1px solid #3D3637;}
header .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
header nav{display:flex; align-items:center; justify-content:space-between; padding:18px 0; position:relative;}

.logo{display:flex; align-items:center; gap:10px; font-family:'Oswald', sans-serif; font-weight:700; font-size:22px; letter-spacing:0.03em; text-decoration:none; color:#F2EFEE;}
.logo-icon{height:30px; width:auto; display:block;}
.logo-text{color:#F2EFEE;}
.logo-text em{font-style:normal; color:#9A1920;}

.nav-main{list-style:none; display:flex; gap:6px; align-items:center; margin:0; padding:0;}
.dropdown{position:relative;}
.dropdown-toggle{
  background:none; border:none; color:#B3ABA9; font-size:14px; font-weight:500;
  font-family:inherit; padding:10px 12px; cursor:pointer; display:flex; align-items:center; gap:5px;
  border-radius:2px; transition:color .2s, background .2s;
}
.dropdown-toggle .caret{font-size:10px; transition:transform .2s;}
.dropdown-toggle:hover{color:#F2EFEE;}
.dropdown.open .dropdown-toggle{color:#F2EFEE; background:#272223;}
.dropdown.open .dropdown-toggle .caret{transform:rotate(180deg);}
.dropdown-menu{
  display:none; position:absolute; top:calc(100% + 6px); left:0; min-width:280px;
  background:#272223; border:1px solid #3D3637; border-radius:2px;
  padding:6px; flex-direction:column; box-shadow:0 12px 24px rgba(0,0,0,0.4); z-index:60;
}
.dropdown.open .dropdown-menu{display:flex;}
.dropdown-menu a{padding:11px 12px; font-size:13.5px; border-radius:3px; color:#B3ABA9; text-decoration:none; display:block;}
.dropdown-menu a:hover{background:#2E2829; color:#F2EFEE;}

.nav-cta{
  background:#9A1920; color:#fff; padding:9px 18px; font-size:13px; font-weight:600;
  border-radius:2px; text-decoration:none; letter-spacing:0.03em;
}
.nav-right{display:flex; align-items:center; gap:14px;}
.nav-tracking{
  display:flex; align-items:center; gap:6px;
  background:rgba(75,112,140,0.15); border:1px solid #4B708C;
  color:#4B708C; padding:8px 14px; font-size:13px; font-weight:600;
  border-radius:2px; text-decoration:none; letter-spacing:0.02em;
}
.nav-tracking:hover{background:rgba(75,112,140,0.28);}
.dot-track{width:7px; height:7px; background:#4B708C; border-radius:50%; box-shadow:0 0 6px #4B708C; flex-shrink:0;}

.hamburger{display:none; flex-direction:column; justify-content:center; gap:5px; width:38px; height:38px; background:none; border:1px solid #3D3637; border-radius:3px; cursor:pointer; padding:0;}
.hamburger span{display:block; height:2px; width:18px; margin:0 auto; background:#F2EFEE; border-radius:1px;}

.mobile-menu{
  display:none; flex-direction:column; gap:2px; background:#272223; border:1px solid #3D3637;
  border-radius:2px; margin-top:10px; padding:6px; max-height:0; overflow:hidden;
}
.mobile-menu.open{display:flex; max-height:80vh; overflow-y:auto;}
.mobile-menu a{padding:12px 14px; font-size:14px; color:#B3ABA9; border-radius:3px; text-decoration:none; display:block;}
.mobile-menu a:hover{background:#2E2829; color:#F2EFEE;}
.mobile-menu .mm-label{
  padding:10px 14px 4px; font-family:'Oswald', sans-serif; font-size:11px; color:#4B708C;
  text-transform:uppercase; letter-spacing:0.06em; display:block;
}
.mobile-menu .mm-cta{background:#9A1920; color:#fff; margin-top:6px; text-align:center; font-weight:600;}
.mobile-menu .mm-track{color:#4B708C;}

@media (max-width:820px){
  .nav-main{display:none;}
  .nav-right{display:none;}
  .hamburger{display:flex;}
}
@media (max-width:560px){ .nav-tracking span:not(.dot-track){display:none;} .nav-tracking{padding:8px 10px;} }