/* ── Navigation ── */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;padding:.75rem 1.5rem;background:var(--color-brand-primary);color:#fff;font-weight:600;border-radius:var(--radius-md);z-index:10000;outline:none}

.site-header{position:fixed;top:0;left:0;right:0;z-index:900;transition:background var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out),padding var(--dur-normal) var(--ease-out)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}
.site-header--transparent{background:transparent;padding-block:.75rem}
.site-header--scrolled,.site-header.is-scrolled{background:#fff;box-shadow:var(--shadow-md);padding-block:.5rem}

/* Logo */
.nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}
.nav-logo-img{width:52px;height:52px;border-radius:50%;background:#fff;padding:3px;box-shadow:var(--shadow-sm);object-fit:contain;flex-shrink:0}
.nav-logo-img--sm{width:44px;height:44px}
.nav-logo-abbr{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--color-brand-primary);line-height:1;letter-spacing:-.02em}
.nav-logo-sub{font-size:.65rem;color:var(--color-text-tertiary);font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1;margin-top:1px}
.site-header--transparent .nav-logo-abbr{color:#fff}
.site-header--transparent .nav-logo-sub{color:rgba(255,255,255,.65)}

/* Primary nav */
.primary-nav{display:flex;align-items:center;gap:.25rem}
.nav-link{padding:.5rem .875rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--dur-fast),background var(--dur-fast);white-space:nowrap}
.nav-link:hover{color:var(--color-brand-primary);background:var(--color-blue-50)}
.nav-link.is-active{color:var(--color-brand-primary);font-weight:600}
.site-header--transparent .nav-link{color:rgba(255,255,255,.85)}
.site-header--transparent .nav-link:hover{color:#fff;background:rgba(255,255,255,.12)}
.site-header--transparent .nav-link.is-active{color:#fff}

/* Actions */
.nav-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}
.lang-switcher{display:flex;border:1px solid var(--color-border-default);border-radius:var(--radius-full);overflow:hidden}
.lang-btn{padding:.3rem .7rem;font-size:.75rem;font-weight:600;border:none;background:transparent;cursor:pointer;color:var(--color-text-secondary);transition:background var(--dur-fast),color var(--dur-fast);letter-spacing:.04em}
.lang-btn.is-active{background:var(--color-brand-primary);color:#fff}
.site-header--transparent .lang-switcher{border-color:rgba(255,255,255,.3)}
.site-header--transparent .lang-btn{color:rgba(255,255,255,.7)}
.site-header--transparent .lang-btn.is-active{background:rgba(255,255,255,.2);color:#fff}

/* Social icons in header (hidden on mobile) */
.nav-social{display:flex;align-items:center;gap:.5rem}
.nav-social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--color-text-tertiary);transition:color var(--dur-fast),background var(--dur-fast)}
.nav-social-link:hover{color:var(--color-brand-primary);background:var(--color-blue-50)}
.nav-social-link svg{width:16px;height:16px}

/* Apply CTA */
.nav-apply{display:none}

/* Hamburger */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border:none;background:transparent;cursor:pointer;padding:8px;border-radius:var(--radius-md)}
.hamburger-bar{display:block;height:2px;background:var(--color-text-primary);border-radius:2px;transition:transform var(--dur-normal) var(--ease-out),opacity var(--dur-fast)}
.site-header--transparent .hamburger-bar{background:#fff}
.hamburger[aria-expanded="true"] .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger[aria-expanded="true"] .hamburger-bar:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile menu */
.mobile-menu{position:fixed;inset:0;z-index:800;background:var(--color-blue-900);padding:5rem var(--container-pad) var(--space-9);display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;transform:translateX(100%);transition:transform var(--dur-slow) var(--ease-out);visibility:hidden}
.mobile-menu.is-open{transform:translateX(0);visibility:visible}
.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:500;color:rgba(255,255,255,.75);text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast)}
.mobile-nav-link:hover,.mobile-nav-link[aria-current="page"]{background:rgba(255,255,255,.08);color:#fff}
.mobile-menu-footer{margin-top:auto;padding-top:var(--space-7);display:flex;flex-direction:column;gap:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}
.mobile-lang{display:flex;gap:.5rem}
.mobile-lang-btn{flex:1;padding:.6rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.6);font-weight:600;font-size:.85rem;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}
.mobile-lang-btn.is-active{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}
.mobile-social{display:flex;align-items:center;gap:1rem;padding-top:var(--space-3)}
.mobile-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.65);transition:background var(--dur-fast),color var(--dur-fast)}
.mobile-social-link:hover{background:var(--color-brand-primary);color:#fff}
.mobile-social-link svg{width:18px;height:18px}

/* WhatsApp floating button */
.whatsapp-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:800;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:transform var(--dur-fast),box-shadow var(--dur-fast)}
.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,.55)}
.whatsapp-float svg{width:30px;height:30px}

/* Responsive */
@media(max-width:1023px){
  .primary-nav,.nav-social,.nav-apply{display:none}
  .hamburger{display:flex}
}
@media(min-width:1024px){
  .site-header .container{padding-block:.75rem}
  .nav-apply{display:flex}
}