/* Shared identity: the original logo silhouette, always yellow on transparency. */
.brand{position:relative;background:transparent;padding:0;border-radius:0}
.brand .original-logo{filter:brightness(0) saturate(100%) invert(84%) sepia(78%) saturate(535%) hue-rotate(346deg) brightness(99%) contrast(89%)}
@supports (mask-image: url('assets/lugrana-logo-original.png')) {
  .brand .original-logo{opacity:0}
  .brand::before{content:'';position:absolute;inset:0;background:#efc749;mask:url('assets/lugrana-logo-original.png') center / contain no-repeat;-webkit-mask:url('assets/lugrana-logo-original.png') center / contain no-repeat;pointer-events:none}
}
.desktop-nav>a.nav-ai,.mobile-nav>a.nav-ai{color:#a0ff39;font-weight:600}
.desktop-nav>a.nav-ai:after{background:#a0ff39}
.nav-ai-dot{display:inline-block;width:5px;height:5px;background:#a0ff39;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 13px #a0ff3970}
.mobile-nav>a.nav-ai>span{color:#a0ff39}
@media(min-width:701px) and (max-width:950px){.desktop-nav{gap:22px}.desktop-nav .nav-contact{padding:10px 16px}.nav-contact span{margin-left:12px}.header .original-logo{width:145px}}
@media(min-width:701px) and (max-width:850px){.header{padding-left:28px;padding-right:28px}.header .original-logo{width:130px}.desktop-nav{gap:16px;font-size:.8rem}.desktop-nav .nav-contact{padding:9px 12px}.desktop-nav .nav-contact span{margin-left:8px}}