/* Header institucional no padrão visual e de interação aprovado do Logística 360. */
.header{
 position:fixed;inset:0 0 auto;z-index:20;width:100%;height:92px;min-height:92px;
 display:grid;grid-template-columns:164px 1fr auto;align-items:center;gap:36px;
 padding:0 max(32px,calc((100vw - 1160px)/2));margin:0;
 background:transparent;border:0;border-bottom:1px solid transparent;box-shadow:none;
 transition:background-color .2s ease,backdrop-filter .2s ease,border-color .2s ease;
}
/* Mantém a posição original do conteúdo do Hero: o header agora é fixo, mas não o encobre. */
.header + .hero{padding-top:100px;}
.header.is-scrolled{background:rgb(9 15 39 / 12%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:rgb(255 255 255 / 6%);box-shadow:none;}
.header.header-theme-light .nav-link,.header.header-theme-light .solutions-menu summary{color:#010442;opacity:1;}
.header.header-theme-light .nav-link:hover,.header.header-theme-light .nav-link:focus-visible,.header.header-theme-light .solutions-menu summary:hover,.header.header-theme-light .solutions-menu summary:focus-visible{color:#010442;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;}
.header .brand{display:grid;width:164px;padding:0;border-radius:0;background:transparent;line-height:0;}
.header .brand img{grid-area:1 / 1;display:block;width:100%;height:auto;transition:opacity .16s ease;}
.header .brand-logo--white{opacity:1;}
.header .brand-logo--blue{opacity:0;}
.header.header-theme-light .brand-logo--white{opacity:0;}
.header.header-theme-light .brand-logo--blue{opacity:1;}
.header.header-theme-dark .brand-logo--white{opacity:1;}
.header.header-theme-dark .brand-logo--blue{opacity:0;}
.header-menu-panel{display:contents;}
.menu-toggle{display:none;}
.header nav{display:flex;align-items:center;justify-content:center;gap:32px;}
.header .nav-link,.header .solutions-menu summary{padding:0;color:#fff;font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1.2;text-transform:uppercase;opacity:.82;transition:color .15s ease,opacity .15s ease;}
.header .nav-link:hover,.header .nav-link:focus-visible,.header .solutions-menu summary:hover,.header .solutions-menu summary:focus-visible{color:#079bdf;opacity:1;}
.header a:focus-visible,.header summary:focus-visible{outline:2px solid currentColor;outline-offset:6px;}
.header .contact{min-height:44px;margin:0;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(110deg,#079bdf,#125bd8 56%,#2f27a5);box-shadow:0 14px 40px rgb(7 155 223 / 27%);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;}
.header .contact:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgb(7 155 223 / 38%);}
.header .contact span{display:none;}
.solutions-menu{position:relative;color:#fff;}
.solutions-menu summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;}
.solutions-menu summary::-webkit-details-marker{display:none;}
.solutions-menu summary::after{content:'⌄';font-size:13px;line-height:1;transform:translateY(-1px);transition:transform .15s ease;}
.solutions-menu[open] summary::after{transform:translateY(1px) rotate(180deg);}
.solutions-popover{position:absolute;top:calc(100% + 14px);left:50%;z-index:22;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:4px;width:min(360px,calc(100vw - 48px));padding:10px;transform:translateX(-50%);border:1px solid rgb(255 255 255 / 15%);border-radius:8px;background:rgb(9 15 39 / 94%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 30px rgb(0 0 0 / 24%);}
.solutions-popover a{padding:9px 10px;border-radius:5px;color:#fff;font-size:12px;line-height:1.35;opacity:.9;}
.solutions-popover a:hover,.solutions-popover a:focus-visible{background:rgb(255 255 255 / 10%);color:#fff;opacity:1;}

@media (max-width:1200px){
 .header{height:76px;min-height:76px;grid-template-columns:1fr auto;gap:16px;padding-inline:24px;}
 .header + .hero{padding-top:100px;}
 .header .brand{width:132px;}
 .menu-toggle{display:inline-flex;width:48px;height:48px;padding:0;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#fff;}
 .menu-toggle{flex-direction:column;gap:5px;}
 .menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#e9f7ff;transition:transform .18s ease,opacity .18s ease,background-color .15s ease;}
 .header.header-theme-light .menu-toggle span{background:#010442;}
 .menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
 .header-menu-panel{position:absolute;top:100%;right:0;left:0;display:none;max-height:calc(100dvh - 76px);padding:16px 24px 24px;overflow-y:auto;background:#090f27;box-shadow:0 16px 24px rgb(0 0 0 / 18%);}
 .header.menu-open{background:#090f27;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;}
 .header.menu-open .brand-logo--white{opacity:1;}
 .header.menu-open .brand-logo--blue{opacity:0;}
 .header.menu-open .menu-toggle span{background:#e9f7ff;}
 .header.menu-open .menu-toggle span:first-child{transform:translateY(7px) rotate(45deg);}
 .header.menu-open .menu-toggle span:nth-child(2){opacity:0;}
 .header.menu-open .menu-toggle span:last-child{transform:translateY(-7px) rotate(-45deg);}
 .header.menu-open .header-menu-panel{display:block;}
 .header nav{display:flex;align-items:stretch;flex-direction:column;gap:4px;}
 .header .nav-link,.header .solutions-menu summary{display:flex;align-items:center;min-height:48px;padding:12px 16px;color:#fff;font-size:14px;letter-spacing:.06em;opacity:1;}
 .header .nav-link:hover,.header .nav-link:focus-visible,.header .solutions-menu summary:hover,.header .solutions-menu summary:focus-visible{background:rgb(255 255 255 / 10%);color:#fff;}
 .header .solutions-menu{width:100%;}
 .header .solutions-menu summary{justify-content:space-between;}
 .solutions-popover{position:static;display:grid;width:100%;grid-template-columns:1fr;gap:2px;margin:0;padding:6px;transform:none;border-color:rgb(255 255 255 / 12%);border-radius:6px;background:rgb(255 255 255 / 6%);box-shadow:none;}
 .solutions-popover a{padding:10px 12px;font-size:13px;}
 .header .contact{display:flex;width:100%;max-width:none;min-height:52px;margin:12px 0 0;padding-inline:20px;font-size:12px;white-space:normal;text-align:center;}
}

@media (max-width:600px){
 .header{padding-inline:24px;}
 .header + .hero{padding-top:92px;}
 .header-menu-panel{padding-inline:24px;}
}

@media (prefers-reduced-motion:reduce){
 .header,.header .brand img,.header .nav-link,.header .solutions-menu summary,.header .contact,.solutions-menu summary::after{transition:none;}
}