/* Shared header used by the Home, directories and every SEO page. */
html{scrollbar-gutter:stable;scroll-padding-top:100px}
.site-header{position:sticky;top:0;z-index:100;height:100px;background:#031d39;color:#fff;box-shadow:0 3px 14px rgba(0,0,0,.18)}
.site-header *{box-sizing:border-box}
.site-nav{width:min(1200px,96%);height:100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-brand{width:90px;height:90px;flex:0 0 90px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.site-brand img{display:block;width:88px;height:88px;object-fit:contain}
.site-nav-links{display:flex;align-items:center;gap:clamp(12px,2.2vw,32px)}
.site-nav-links a{position:relative;padding:20px 6px;color:#fff;text-decoration:none;font:700 21px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap}
.site-nav-links a[aria-current]::after{content:"";position:absolute;bottom:5px;left:0;right:0;height:4px;background:#ff8a00;border-radius:4px}
.site-nav-links a:hover{color:#ffbd6b}
.site-nav-links a:focus-visible,.site-brand:focus-visible,.site-header-wa:focus-visible,.site-menu-toggle:focus-visible{outline:3px solid #ffbd6b;outline-offset:4px}
.site-header-wa{display:flex;min-width:185px;min-height:60px;align-items:center;justify-content:center;gap:10px;padding:8px 18px;border-radius:19px;background:linear-gradient(#00bb13,#009400);color:#06142a;text-decoration:none;font:700 16px/1.12 Arial,Helvetica,sans-serif;white-space:nowrap}
.site-header-wa:hover{filter:brightness(1.08)}
.site-header-wa svg{display:block;width:42px;height:42px;flex:0 0 42px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.site-header-wa strong{font-size:20px}
.site-menu-toggle{display:none}
@media(max-width:900px){
  html{scroll-padding-top:84px}
  .site-header,.site-nav{height:84px}
  .site-nav{width:92%;gap:12px;position:relative}
  .site-brand{width:78px;height:78px;flex-basis:78px}
  .site-brand img{width:76px;height:76px}
  .site-menu-toggle{display:block;margin-left:auto;padding:4px 10px;border:1px solid #ffffff50;border-radius:8px;background:transparent;color:#fff;font:400 27px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
  .site-nav-links{display:none;position:absolute;top:84px;left:50%;width:100vw;transform:translateX(-50%);padding:8px 4%;justify-content:space-between;gap:8px;background:#031d39;box-shadow:0 5px 10px #0004}
  .site-nav-links.is-open{display:flex}
  .site-nav-links a{padding:12px 3px;font-size:16px}
  .site-nav-links a[aria-current]::after{bottom:3px;height:3px}
  .site-header-wa{display:none}
}