/* Header rhythm aligned to ZopiTech, retaining the Syslock.cl identity.
   Reference: ZopiTech top logo 133px; navigation 12px / 650 weight. */
:root{--syslock-header-logo-width:133px}
header .wrap.head{
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 column-gap:clamp(18px,2vw,29px)!important;
 min-height:86px;
}
header .wrap.head > a.logo.brand-logo{flex:none!important;margin:0!important}
header .wrap.head > a.logo.brand-logo img,
.site-header .navigation > a.logo.brand-logo img{
 width:var(--syslock-header-logo-width)!important;
 max-width:var(--syslock-header-logo-width)!important;
 height:auto!important;
}
header .wrap.head > .menu{
 display:flex;
 align-items:center;
 justify-content:flex-start!important;
 flex:0 1 auto!important;
 min-width:0;
 gap:clamp(11px,1.4vw,23px)!important;
 margin-right:auto!important;
}
header .wrap.head > .menu a,
body.light-palette header .wrap.head > .menu a,
.site-header .navigation nav a{
 font-size:12px!important;
 font-weight:650!important;
 letter-spacing:-.01em!important;
 white-space:nowrap;
}
header .wrap.head > .meeting{flex:none;margin-left:auto}
.site-header .navigation{
 display:flex!important;
 justify-content:flex-start!important;
 align-items:center!important;
 gap:clamp(18px,2vw,29px)!important;
 min-height:86px!important;
}
.site-header .navigation nav{
 display:flex;
 align-items:center;
 justify-content:flex-start!important;
 gap:clamp(11px,1.4vw,23px)!important;
 flex:0 1 auto;
 margin-right:auto!important;
}
.site-header .navigation > .nav-cta{flex:none;margin-left:auto}
.directory-brand a.logo.brand-logo img{
 width:160px!important;
 max-width:160px!important;
}
/* Preserve existing mobile navigation/accessible toggle behavior. */
@media(max-width:950px){
 header .wrap.head{min-height:70px!important}
 header .wrap.head > .meeting{display:none!important}
 header .wrap.head > .menu{gap:11px!important}
}
@media(max-width:760px){
 header .wrap.head{justify-content:space-between!important}
 header .wrap.head > .menu{display:none!important;flex-direction:column;align-items:stretch}
 header .wrap.head > .menu.open{display:flex!important}
 header .wrap.head > .toggle{margin-left:auto!important}
 header .wrap.head > .menu a,body.light-palette header .wrap.head > .menu a{font-size:15px!important;font-weight:650!important}
 .site-header .navigation{flex-wrap:wrap!important;min-height:70px!important;padding-block:13px}
 .site-header .navigation nav{flex-basis:100%;order:3;justify-content:flex-start!important;flex-wrap:wrap;margin-right:0!important}
 .site-header .navigation > .nav-cta{margin-left:auto}
}
@media(max-width:520px){
 .site-header .navigation nav a{font-size:12px!important}
 .site-header .navigation{column-gap:10px!important}
 .site-header .navigation > .nav-cta{padding:8px 10px!important;font-size:11px!important}
}