/* ============================================================
   HEADER
   ============================================================ */
.header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
  padding:22px 0;
  transition:var(--transicion);
  background:transparent;
}

.header.scrolled{
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 2px 20px rgba(17,24,39,0.06);
  padding:14px 0;
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:1.4rem;
  font-weight:800;
  color:var(--gris-oscuro);
}
.logo i{color:var(--verde);}

.nav-links{
  display:flex;
  align-items:center;
  gap:36px;
}
.nav-links a{
  font-weight:500;
  font-size:.95rem;
  color:var(--gris-oscuro);
  transition:var(--transicion);
  position:relative;
}
.nav-links a:hover{color:var(--verde-oscuro);}

.header-actions{display:flex; align-items:center; gap:16px;}

.menu-toggle{
  display:none;
  background:none;
  font-size:1.5rem;
  color:var(--gris-oscuro);
}