/* ZixLima - cabecalho compacto mobile */
@media(max-width:700px){

body.zix-elite-active header .top{
 display:grid!important;
grid-template-columns:38px minmax(0,1fr) auto!important;
 grid-template-rows:auto auto auto!important;
 gap:7px 5px!important;
 padding:8px 9px!important;
 min-height:0!important;
 align-items:center!important;
}

body.zix-elite-active header .top>a.brand{
 grid-column:1/3!important;
 grid-row:1!important;
 justify-self:start!important;
 display:inline-flex!important;
 align-items:center!important;
 width:auto!important;
 min-width:0!important;
 max-width:100%!important;
 gap:6px!important; margin:0!important;
}

body.zix-elite-active header .top>a.brand>.zix-brasil{
 display:inline-grid!important;
 place-items:center!important;
 width:43px!important;
 height:43px!important;
 min-width:43px!important;
 font-size:28px!important;
 border-radius:11px!important;
}

body.zix-elite-active header .top>a.brand>#siteBrand{
 font-size:clamp(25px,7vw,32px)!important;
 line-height:1.05!important;
 letter-spacing:-1px!important;
}

body.zix-elite-active header .top>.zz-controls{
 display:contents!important;
}

body.zix-elite-active header .top>.zz-controls>#zzPaletteToggle,
body.zix-elite-active header .top>.zz-controls>#zzThemeToggle{
 grid-row:2!important;
 width:34px!important;
 min-width:34px!important;
 height:34px!important;
 padding:0!important;
 font-size:18px!important;
 border-radius:10px!important;
}

body.zix-elite-active header .top>.zz-controls>#zzPaletteToggle{
 grid-column:1!important;
}

body.zix-elite-active header .top>.zz-controls>#zzThemeToggle{
 grid-column:2!important;
 justify-self:start!important;
}

body.zix-elite-active header .top>.zz-controls>#zixRelogio{
 grid-column:3!important;
 grid-row:1!important;
 justify-self:end!important;
 margin:0!important;
 padding:3px 5px!important;
 gap:3px!important;
 border-radius:10px!important;
 white-space:nowrap!important;
}

body.zix-elite-active header #zixRelogio .zixFlag{
 font-size:15px!important;
}

body.zix-elite-active header #zixRelogio .zixClockDisplay{
 font-size:8px!important;
}

body.zix-elite-active header #zixRelogio #zixHora{
 font-size:14px!important;
 letter-spacing:0!important;
}

body.zix-elite-active header .top>.actions{
 grid-column:3!important;
 grid-row:2!important;
 justify-self:end!important;
 display:flex!important;
 flex-wrap:nowrap!important;
 align-items:center!important;
 gap:4px!important;
 margin:0!important;
}

body.zix-elite-active header .top>.actions button{
 min-height:34px!important;
 padding:5px 7px!important;
 font-size:11px!important;
 line-height:1.1!important;
 border-radius:18px!important;
}

body.zix-elite-active header .top>.actions #zixCadastroTopo{
 min-height:34px!important;
 padding:5px 7px!important;
 font-size:10px!important;
 line-height:1.05!important;
}

body.zix-elite-active header .top>nav{
 grid-column:1/-1!important;
 grid-row:3!important;
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:5px!important;
 width:100%!important;
 max-width:100%!important;
 margin:0!important;
 padding:0!important;
}

body.zix-elite-active header .top>nav>a{
 display:flex!important;
 justify-content:center!important;
 align-items:center!important;
 min-width:0!important;
 min-height:36px!important;
 padding:5px 2px!important;
 font-size:clamp(10px,2.7vw,13px)!important;
 line-height:1.1!important;
 text-align:center!important;
 border-radius:10px!important;
}

}
@media(max-width:375px){
body.zix-elite-active header .top{
 grid-template-columns:34px minmax(0,1fr) auto!important;
 padding-left:7px!important;
 padding-right:7px!important;
}
body.zix-elite-active header .top>a.brand>.zix-brasil{
 width:40px!important;
 height:40px!important;
 min-width:40px!important;
 font-size:25px!important;
}
body.zix-elite-active header .top>a.brand>#siteBrand{
 font-size:25px!important;
}
body.zix-elite-active header .top>.actions button{
 padding:4px 5px!important;
 font-size:10px!important;
}
}