#lugogolf-site-header{
  --lg-bg:#11110f;
  --lg-gold:#c0985c;
  --lg-gold2:#d8b876;
  --lg-line:rgba(192,152,92,.22);

  position:sticky;
  top:0;
  z-index:9999;

  width:100%;

  background:rgba(10,10,9,.96);
  border-bottom:1px solid var(--lg-line);

  box-shadow:0 6px 22px rgba(0,0,0,.18);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);

  font-family:Rubik,Arial,sans-serif;
}

#lugogolf-site-header *{
  box-sizing:border-box;
}

#lugogolf-site-header .lg-wrap{
  width:min(1180px,calc(100% - 44px));
  margin:0 auto;

  min-height:78px;

  display:flex;
  align-items:center;
  gap:24px;
}

#lugogolf-site-header .lg-logo{
  display:block;

  width:auto;
  max-width:190px;
  max-height:48px;

  object-fit:contain;
}

#lugogolf-site-header .lg-nav{
  margin-left:auto;

  display:flex;
  align-items:center;
  gap:22px;
}

#lugogolf-site-header .lg-nav a{
  color:#f0f0eb;

  text-decoration:none;

  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;

  white-space:nowrap;

  transition:
    color .18s ease,
    background .18s ease;
}

#lugogolf-site-header .lg-nav a:hover{
  color:var(--lg-gold2);
}

#lugogolf-site-header .lg-cta{
  min-height:42px;

  padding:10px 16px;

  border-radius:4px;

  background:var(--lg-gold);

  color:#161610 !important;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-weight:800 !important;
}

#lugogolf-site-header .lg-cta:hover{
  background:var(--lg-gold2);
  color:#161610 !important;
}


/* BOTÓN MOBILE */

#lugogolf-site-header .lg-menu-button{
  display:none;

  margin-left:auto;

  width:44px;
  height:44px;

  padding:0;

  border:1px solid rgba(255,255,255,.28);
  border-radius:4px;

  background:transparent;

  cursor:pointer;

  align-items:center;
  justify-content:center;
  flex-direction:column;

  gap:5px;

  position:relative;
  z-index:10001;

  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

#lugogolf-site-header .lg-menu-button span{
  display:block;

  width:20px;
  height:2px;

  background:#fff;

  pointer-events:none;

  transition:
    transform .2s ease,
    opacity .2s ease;
}

#lugogolf-site-header .lg-menu-button.is-open span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

#lugogolf-site-header .lg-menu-button.is-open span:nth-child(2){
  opacity:0;
}

#lugogolf-site-header .lg-menu-button.is-open span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}


/* TABLET + MOBILE */

@media(max-width:980px){

  #lugogolf-site-header .lg-wrap{
    width:calc(100% - 28px);

    min-height:70px;
  }

  #lugogolf-site-header .lg-logo{
    max-width:155px;
    max-height:42px;
  }

  #lugogolf-site-header .lg-menu-button{
    display:flex;
  }

  #lugogolf-site-header .lg-nav{
    display:none;

    position:absolute;

    top:70px;
    left:14px;
    right:14px;

    margin:0;

    padding:16px;

    background:#11110f;

    border:1px solid var(--lg-line);
    border-radius:7px;

    box-shadow:0 18px 42px rgba(0,0,0,.35);

    flex-direction:column;
    align-items:stretch;

    gap:4px;

    z-index:10000;
  }

  #lugogolf-site-header .lg-nav.is-open{
    display:flex;
  }

  #lugogolf-site-header .lg-nav a{
    display:block;

    width:100%;

    padding:12px 10px;

    font-size:15px;
    line-height:1.3;

    border-radius:4px;
  }

  #lugogolf-site-header .lg-nav a:hover{
    background:rgba(255,255,255,.04);
  }

  #lugogolf-site-header .lg-cta{
    margin-top:6px;

    width:100%;

    min-height:46px;

    text-align:center;
  }

}


/* MOBILE PEQUEÑO */

@media(max-width:680px){

  #lugogolf-site-header .lg-wrap{
    width:calc(100% - 24px);

    min-height:66px;
  }

  #lugogolf-site-header .lg-logo{
    max-width:145px;
    max-height:40px;
  }

  #lugogolf-site-header .lg-nav{
    top:66px;

    left:12px;
    right:12px;

    padding:14px;
  }

  #lugogolf-site-header .lg-menu-button{
    width:42px;
    height:42px;
  }

}