/* Shared navigation: one line on desktop, expandable panel on smaller screens. */
.header{position:sticky;top:0;z-index:800;background:var(--header-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:0 4px 24px #061f3808}
.header .header-inner{max-width:1600px;height:88px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header .brand{display:flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none}
.header .brand img{width:52px;height:52px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #f4b94f14}
.header .brand-text strong{font-family:var(--font-title);font-size:1.2rem;font-weight:400;color:var(--heading);display:block;line-height:1.2;white-space:nowrap}
.header .brand-text span{font-size:.61rem;letter-spacing:.035em;color:var(--text-soft);display:block;margin-top:5px;white-space:nowrap}
.header .nav{position:static;display:flex;align-items:center;gap:4px;padding:0;background:transparent;box-shadow:none;border:0;flex-direction:row}
.header .nav a{position:relative;display:block;font-size:.78rem;font-weight:700;color:var(--text);padding:13px 9px;white-space:nowrap;border:0;border-radius:9px;transition:background 180ms,color 180ms;width:auto}
.header .nav a:hover{background:var(--bg);color:var(--heading)}
.header .nav a.active{color:var(--heading);background:var(--bg)}
.header .nav a:after{content:'';position:absolute;bottom:4px;left:calc(50% - 8px);height:2px;width:16px;background:var(--gold);border-radius:2px;opacity:0}
.header .nav a.active:after{opacity:1}
.header .header-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
.header .lang-switch{display:flex;padding:3px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.header .lang-switch a{display:grid;place-items:center;min-width:33px;min-height:34px;border-radius:8px;font-size:.69rem;font-weight:800;color:var(--text-soft)}
.header .lang-switch a.active{background:var(--blue-megara);color:white;box-shadow:0 2px 5px #061f381a}
.header .theme-btn,.header .burger{width:42px;height:42px;flex-shrink:0;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;color:var(--heading);background:var(--surface);cursor:pointer}
.header .theme-btn svg,.header-whatsapp svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.header .theme-btn .theme-sun{display:none}
html[data-theme="dark"] .header .theme-btn .theme-sun{display:block}
html[data-theme="dark"] .header .theme-btn .theme-moon{display:none}
.header .header-whatsapp{height:42px;min-height:42px;padding:0 15px;gap:8px;border-radius:12px;font-size:.75rem;box-shadow:0 5px 16px #18a85b20}
.header .burger{display:none}
.header .burger span,.header .burger span:before,.header .burger span:after{display:block;position:relative;width:18px;height:2px;background:currentColor;transition:transform 180ms}
.header .burger span:before,.header .burger span:after{content:'';position:absolute;left:0}
.header .burger span:before{top:-6px}.header .burger span:after{top:6px}
.header .burger[aria-expanded="true"] span{background:transparent}
.header .burger[aria-expanded="true"] span:before{top:0;transform:rotate(45deg)}
.header .burger[aria-expanded="true"] span:after{top:0;transform:rotate(-45deg)}
.header a:focus-visible,.header button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:1390px){.header .header-inner{height:78px;padding:0 22px}.header .burger{display:grid}.header .nav{display:none;position:absolute;inset:100% 16px auto;background:var(--surface);border:1px solid var(--border);border-radius:0 0 18px 18px;box-shadow:var(--shadow);padding:15px;max-height:calc(100dvh - 95px);overflow-y:auto}.header .nav.open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.header .nav a{padding:17px;font-size:.88rem}.header .nav a:after{left:17px;bottom:9px}}
@media(max-width:640px){.header .header-inner{height:72px;padding:0 14px;gap:12px}.header .brand img{width:40px;height:40px}.header .brand-text strong{font-size:1rem}.header .brand-text span{display:none}.header .header-tools{gap:6px}.header .header-whatsapp{display:none}.header .nav.open{grid-template-columns:1fr 1fr}.header .nav a{white-space:normal}.header .brand{gap:8px}.header .lang-switch a{min-width:28px}.header .theme-btn,.header .burger{width:38px;height:40px}}
@media(max-width:380px){.header .brand-text{display:none}.header .nav.open{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.header *{transition:none!important}}