/* ═══════════ HEADER ═══════════ */
.header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e2e8f0}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px;max-width:1152px;margin:0 auto;padding:0 16px}
.header-logo{font-weight:700;font-size:1.125rem;color:#1a1a2e}
.header-logo:hover{color:#ea580c}
.header-right{display:flex;align-items:center;gap:10px}

/* Desktop nav */
.desktop-nav{display:none;align-items:center;gap:4px}
.desktop-nav a{font-size:.875rem;font-weight:500;color:#475569;padding:8px 14px;border-radius:8px;transition:color .15s,background .15s}
.desktop-nav a:hover{color:#1a1a2e;background:#f1f5f9}

/* Header CTA & WhatsApp */
.header-cta{font-size:.8125rem;font-weight:700;color:#fff;background:#c2410c;padding:8px 16px;border-radius:8px;transition:background .15s;white-space:nowrap}
.header-cta:hover{background:#9a3412}
.header-wa-btn{font-size:.75rem;font-weight:700;color:#15803d;border:1.5px solid #15803d;padding:7px 14px;border-radius:999px;transition:background .15s,color .15s;white-space:nowrap;display:none}
.header-wa-btn:hover{background:#15803d;color:#fff}

/* Hamburger */
.hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;padding:0;position:relative}
.hamburger-line{display:block;width:22px;height:2px;background:#1a1a2e;position:relative;transition:background .2s}
.hamburger-line::before,.hamburger-line::after{content:"";display:block;width:22px;height:2px;background:#1a1a2e;position:absolute;left:0;transition:transform .2s}
.hamburger-line::before{top:-7px}
.hamburger-line::after{top:7px}

/* Hamburger active */
.hamburger.active .hamburger-line{background:transparent}
.hamburger.active .hamburger-line::before{transform:rotate(45deg);top:0}
.hamburger.active .hamburger-line::after{transform:rotate(-45deg);top:0}

/* ═══════════ MOBILE NAV OVERLAY ═══════════ */
/* Sits at body level — nothing can block it */
.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.5)}
.mobile-nav-overlay.open{display:block}
.mobile-nav-panel{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:360px;background:#fff;z-index:10000;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile-nav-overlay.open .mobile-nav-panel{transform:translateX(0)}
.mobile-nav-list{display:flex;flex-direction:column;padding:80px 24px 40px;gap:4px}
.mobile-nav-list a{font-size:1.125rem;font-weight:600;color:#1a1a2e;padding:14px 16px;border-radius:10px;display:flex;align-items:center;min-height:48px}
.mobile-nav-list a:hover{background:#f1f5f9;color:#ea580c}

@media (min-width:768px) {
  .header-inner{height:64px;padding:0 24px}
  .desktop-nav{display:flex}
  .hamburger{display:none}
  .header-wa-btn{display:inline}
  .header-cta{font-size:.875rem;padding:10px 20px;border-radius:10px}
  .mobile-nav-overlay{display:none}
}

@media (max-width:767px) {
  .header-cta{display:none}
  .header-wa-btn{display:inline}
}