/* ONCAR — componentes globais
   Referência visual: Sobre Nós
   Mantém as duas variantes funcionais:
   A) ONCAR + FALAR CONNOSCO + MENU
   B) ONCAR + MENU
*/

header{
  height:90px !important;
}

.header-inner,
.head{
  width:min(1280px,92%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.brand:has(img){
  width:205px !important;
  height:48px !important;
}
.brand:has(img) img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
}

.menu-brand,
.menutop .brand:has(img){
  width:205px !important;
  height:48px !important;
}
.menu-brand img,
.menutop .brand img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
}

.talk-cta,
.talk{
  height:44px !important;
  padding-left:17px !important;
  padding-right:17px !important;
  font-size:10px !important;
  letter-spacing:1.45px !important;
}

.menu-toggle,
.menubtn{
  height:44px !important;
  padding-left:16px !important;
  padding-right:16px !important;
  font-size:10px !important;
  letter-spacing:1.8px !important;
  gap:12px !important;
}

.menu-icon{
  width:23px !important;
}

.menu-panel-inner,
.menuin{
  width:min(1180px,88%) !important;
  min-height:100vh !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:34px 0 46px !important;
}

.menu-top,
.menutop{
  height:56px !important;
}

.menu-close,
.close{
  width:44px !important;
  height:44px !important;
  font-size:25px !important;
}

.menu-links,
.links{
  margin:auto 0 !important;
  padding:46px 0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  column-gap:11% !important;
  row-gap:0 !important;
}

.menu-links a,
.links a{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(25px,2.55vw,40px) !important;
  font-weight:400 !important;
  line-height:1.08 !important;
  padding:13px 0 !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.menu-links a:hover,
.links a:hover{
  padding-left:8px !important;
}

.menu-bottom,
.menubottom{
  margin-top:auto !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:30px !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  padding-top:20px !important;
  font-size:9px !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
}

@media(max-width:900px){
  .menu-links,
  .links{
    grid-template-columns:1fr !important;
    padding:38px 0 !important;
  }

  .menu-links a,
  .links a{
    font-size:30px !important;
    padding:12px 0 !important;
  }
}

@media(max-width:600px){
  header{
    height:82px !important;
  }

  .brand:has(img),
  .menu-brand,
  .menutop .brand:has(img){
    width:165px !important;
    height:39px !important;
  }

  .talk-cta,
  .talk{
    height:42px !important;
    padding-left:11px !important;
    padding-right:11px !important;
    font-size:9px !important;
    letter-spacing:1px !important;
  }

  .menu-toggle,
  .menubtn{
    height:42px !important;
    padding-left:13px !important;
    padding-right:13px !important;
    gap:10px !important;
  }

  .menu-panel-inner,
  .menuin{
    padding-top:20px !important;
  }

  .menu-links,
  .links{
    padding:30px 0 !important;
  }

  .menu-links a,
  .links a{
    font-size:26px !important;
  }

  .menu-bottom,
  .menubottom{
    flex-direction:column !important;
    gap:8px !important;
  }
}