/* Header unificado — visual da página Equipe / Maciel */
:root{--maciel-header:#0e4e64;--maciel-header-shell:min(1140px,calc(100% - 64px))}
body{padding-top:82px!important}
body>main{padding-top:0!important}
.site-header{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;width:100%!important;
  min-height:82px!important;height:82px!important;z-index:9999!important;overflow:visible!important;
  background:rgba(244,247,248,.52)!important;
  -webkit-backdrop-filter:blur(26px) brightness(1.06) saturate(.92)!important;
  backdrop-filter:blur(26px) brightness(1.06) saturate(.92)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 8px 30px rgba(22,35,42,.08)!important;
  filter:none!important;
  transition:background .28s ease,box-shadow .28s ease,backdrop-filter .28s ease!important
}
.site-header::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important
}
.site-header::after{content:none!important;display:none!important}
.site-header.scrolled{
  background:rgba(244,247,248,.64)!important;
  -webkit-backdrop-filter:blur(30px) brightness(1.08) saturate(.90)!important;
  backdrop-filter:blur(30px) brightness(1.08) saturate(.90)!important;
  border-bottom:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 10px 34px rgba(22,35,42,.11)!important;
  filter:none!important
}
.site-header .header-blur{display:none!important}
.site-header .shell{width:var(--maciel-header-shell)!important;max-width:none!important;margin-inline:auto!important}
.site-header .header-inner{position:relative!important;z-index:1!important;height:82px!important;min-height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;padding:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
.site-header .brand{display:flex!important;align-items:center!important;gap:13px!important;min-width:210px!important;width:auto!important;height:auto!important;position:relative!important;z-index:2!important;margin:0!important;padding:0!important;background:none!important;text-decoration:none!important}
.site-header .brand:hover{background:none!important}
.site-header .brand .brand-mark{display:block!important;width:58px!important;height:50px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;filter:none!important;transform:none!important;margin:0!important;flex:0 0 auto!important}
.site-header .brand .brand-word{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;white-space:nowrap!important;line-height:.92!important;font-size:0!important;color:#5a5d60!important;padding-top:1px!important;font-family:"Manrope",Arial,sans-serif!important}
.site-header .brand .brand-word b{font-size:10px!important;letter-spacing:.30em!important;font-weight:500!important;line-height:1.1!important;margin-left:1px!important;color:#34383b!important;font-family:"Manrope",Arial,sans-serif!important}
.site-header .brand .brand-word strong{font-size:24px!important;letter-spacing:.02em!important;font-weight:800!important;line-height:.95!important;color:#5a5d60!important;font-family:"Manrope",Arial,sans-serif!important}
.site-header .main-nav{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;width:auto!important;height:82px!important;min-height:82px!important;margin:0!important;padding:0!important;background:transparent!important;color:var(--maciel-header)!important;border:0!important;box-shadow:none!important;overflow:visible!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:"Manrope",Arial,sans-serif!important;font-size:12.5px!important;font-weight:500!important;line-height:1!important;flex-wrap:nowrap!important;-webkit-font-smoothing:antialiased!important;text-rendering:geometricPrecision!important}
.site-header .main-nav::before,.site-header .main-nav::after{content:none!important;display:none!important}
.site-header .main-nav a{position:relative!important;display:block!important;margin:0!important;padding:29px 14px 27px!important;color:var(--maciel-header)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-transform:uppercase!important;text-decoration:none!important;letter-spacing:.012em!important;line-height:1!important;white-space:nowrap!important;text-shadow:none!important;transform:none!important;transition:color .2s ease!important}
.site-header .main-nav a::before{content:none!important;display:none!important}
.site-header .main-nav a::after{content:""!important;display:block!important;position:absolute!important;left:14px!important;right:14px!important;bottom:15px!important;width:auto!important;height:2px!important;border-radius:0!important;background:var(--maciel-header)!important;opacity:0!important;transform:scaleX(0)!important;transform-origin:left center!important;transition:transform .28s ease,opacity .28s ease!important}
.site-header .main-nav a:hover,.site-header .main-nav a.active,.site-header .main-nav a[aria-current="page"]{color:var(--maciel-header)!important;background:transparent!important;font-weight:500!important;box-shadow:none!important;text-shadow:none!important;transform:none!important}
.site-header .main-nav a:hover::after,.site-header .main-nav a.active::after,.site-header .main-nav a[aria-current="page"]::after{opacity:1!important;transform:scaleX(1)!important;width:auto!important}
.site-header .menu-toggle{display:none!important;border:0!important;background:transparent!important;padding:10px!important;width:auto!important;height:auto!important;border-radius:0!important;box-shadow:none!important;cursor:pointer!important;position:relative!important;z-index:3!important;color:var(--maciel-header)!important}
.site-header .menu-toggle span{display:block!important;width:26px!important;height:2px!important;background:var(--maciel-header)!important;margin:5px 0!important;border:0!important}
@media(max-width:1180px){
  .site-header .shell{width:min(100% - 38px,1040px)!important}
  .site-header .brand{min-width:185px!important}
  .site-header .brand .brand-mark{width:52px!important;height:46px!important}
  .site-header .brand .brand-word b{font-size:9.5px!important;letter-spacing:.30em!important;font-weight:500!important;line-height:1.1!important;margin-left:1px!important;color:#34383b!important;font-family:"Manrope",Arial,sans-serif!important}
  .site-header .brand .brand-word strong{font-size:23px!important;letter-spacing:.02em!important;font-weight:800!important;line-height:.95!important;color:#5a5d60!important;font-family:"Manrope",Arial,sans-serif!important}
  .site-header .main-nav a{padding-left:10px!important;padding-right:10px!important;font-size:11.5px!important}
  .site-header .main-nav a::after{left:10px!important;right:10px!important}
}
@media(max-width:980px){
  :root{--maciel-header-shell:calc(100% - 38px)}
  .site-header .shell{width:var(--maciel-header-shell)!important}
  .site-header .brand{min-width:0!important}
  .site-header .brand .brand-mark{width:50px!important;height:44px!important}
  .site-header .brand .brand-word b{font-size:9px!important;letter-spacing:.30em!important;font-weight:500!important;line-height:1.1!important;margin-left:1px!important;color:#34383b!important;font-family:"Manrope",Arial,sans-serif!important}
  .site-header .brand .brand-word strong{font-size:21px!important;letter-spacing:.02em!important;font-weight:800!important;line-height:.95!important;color:#5a5d60!important;font-family:"Manrope",Arial,sans-serif!important}
  .site-header .menu-toggle{display:block!important}
  .site-header .main-nav{position:absolute!important;top:82px!important;left:-19px!important;right:-19px!important;width:auto!important;height:auto!important;min-height:0!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:14px 24px 24px!important;background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(14,78,100,.12)!important;filter:drop-shadow(0 9px 16px rgba(0,0,0,.10))!important}
  .site-header .main-nav.open{display:flex!important}
  .site-header .main-nav a{padding:15px 0!important;font-size:12px!important}
  .site-header .main-nav a::after{left:0!important;right:auto!important;bottom:7px!important;width:34px!important;transform:scaleX(0)!important}
  .site-header .main-nav a:hover::after,.site-header .main-nav a.active::after,.site-header .main-nav a[aria-current="page"]::after{width:34px!important;transform:scaleX(1)!important}
}
@media(max-width:640px){
  :root{--maciel-header-shell:calc(100% - 28px)}
  .site-header .brand .brand-mark{width:44px!important;height:38px!important}
  .site-header .brand .brand-word b{font-size:8px!important;letter-spacing:.30em!important;font-weight:500!important;line-height:1.1!important;margin-left:1px!important;color:#34383b!important;font-family:"Manrope",Arial,sans-serif!important}
  .site-header .brand .brand-word strong{font-size:19px!important;letter-spacing:.02em!important;font-weight:800!important;line-height:.95!important;color:#5a5d60!important;font-family:"Manrope",Arial,sans-serif!important}
  .site-header .main-nav{left:-14px!important;right:-14px!important}
}


/* Header contact + social links */
@media(min-width:981px){
  :root{--maciel-header-shell:min(1380px,calc(100% - 44px))}
  .site-header .header-inner{gap:18px!important}
  .site-header .brand{min-width:192px!important}
  .site-header .main-nav{flex:1 1 auto!important}
  .site-header .main-nav a{padding-left:9px!important;padding-right:9px!important;font-size:11.3px!important}
  .site-header .main-nav a::after{left:9px!important;right:9px!important}
  .site-header .header-contact{display:flex!important;align-items:center!important;gap:13px!important;flex:0 0 auto!important;height:82px!important;margin-left:3px!important;font-family:"Manrope",Arial,sans-serif!important}
  .site-header .header-phone{display:inline-flex!important;align-items:center!important;height:34px!important;padding:0 12px!important;border:1px solid rgba(14,78,100,.20)!important;border-radius:999px!important;background:rgba(255,255,255,.22)!important;color:var(--maciel-header)!important;text-decoration:none!important;font-size:11.5px!important;font-weight:650!important;letter-spacing:.01em!important;white-space:nowrap!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important}
  .site-header .header-phone:hover{background:rgba(255,255,255,.50)!important;border-color:rgba(28,34,39,.22)!important;transform:translateY(-1px)!important}
  .site-header .header-socials{display:flex!important;align-items:center!important;gap:13px!important}
  .site-header .header-socials a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%!important;background:rgba(255,255,255,.62)!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(28,34,39,.10)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:transform .2s ease,opacity .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
  .site-header .header-socials a:hover{transform:translateY(-2px)!important;opacity:1!important;background:rgba(255,255,255,.78)!important;border-color:rgba(255,255,255,.82)!important;box-shadow:0 12px 24px rgba(28,34,39,.16)!important}
  .site-header .header-socials img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important;filter:none!important;margin:0!important}
}
@media(min-width:981px) and (max-width:1220px){
  .site-header .brand{min-width:168px!important}
  .site-header .brand .brand-mark{width:48px!important;height:42px!important}
  .site-header .brand .brand-word b{font-size:8.4px!important}
  .site-header .brand .brand-word strong{font-size:20px!important}
  .site-header .main-nav a{padding-left:6px!important;padding-right:6px!important;font-size:10px!important}
  .site-header .main-nav a::after{left:6px!important;right:6px!important}
  .site-header .header-contact{gap:11px!important}
  .site-header .header-phone{font-size:10.2px!important;padding:0 9px!important}
  .site-header .header-socials{gap:11px!important}
  .site-header .header-socials a{width:34px!important;height:34px!important}
  .site-header .header-socials img{width:24px!important;height:24px!important}
}
@media(max-width:980px){
  .site-header .header-contact{position:absolute!important;top:82px!important;left:-19px!important;right:-19px!important;display:none!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:0 24px 18px!important;background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(14,78,100,.12)!important}
  .site-header .main-nav.open + .header-contact{display:flex!important}
  .site-header .header-phone{color:var(--maciel-header)!important;text-decoration:none!important;font:650 12px/1 "Manrope",Arial,sans-serif!important}
  .site-header .header-socials{display:flex!important;align-items:center!important;gap:13px!important}
  .site-header .header-socials a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%!important;background:rgba(255,255,255,.62)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 8px 18px rgba(28,34,39,.10)!important}
  .site-header .header-socials img{width:24px!important;height:24px!important;object-fit:contain!important}
  .site-header .main-nav.open{padding-bottom:58px!important}
}
@media(max-width:640px){
  .site-header .header-contact{left:-14px!important;right:-14px!important;padding-left:18px!important;padding-right:18px!important}
  .site-header .header-phone{font-size:11px!important}
}


/* Marca do header permanece na paleta grafite do logo oficial */
.site-header .brand .brand-word{color:#5a5d60!important}
.site-header .brand .brand-word b{color:#34383b!important}
.site-header .brand .brand-word strong{color:#5a5d60!important}

/* Área do colaborador: link de acesso ao login da central de chamados. */
@media (min-width:981px) {
  .site-header .main-nav a[href="chamados.html"] {font-size:10px!important;letter-spacing:0!important;padding-left:7px!important;padding-right:7px!important;}
  .site-header .main-nav a[href="chamados.html"]::after {left:7px!important;right:7px!important;}
}
