
/* ZIX CABECALHO DOWNLOAD V1 */
.zix-install-area {
  display:flex;
  justify-content:center;
  padding:7px 10px 12px;
}
#zixInstallApp {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  max-width:100%;
  padding:9px 18px;
  border-radius:12px;
  border:1px solid #7fd8ff;
  background:linear-gradient(#178fef,#0754b8);
  box-shadow:0 3px 10px #001b4166;
  color:white;
  font-size:14px;
  font-weight:750;
  cursor:pointer;
}

/* ZIX CABECALHO CONSOLIDADO V5 */
body.zix-layout-v3 header .top>.actions {
 display:flex!important;
 flex-flow:row nowrap!important;
 align-items:center!important;
 justify-content:center!important;
 gap:8px!important;
 width:100%!important;
 min-width:0!important;
}

body.zix-layout-v3 header .top>.actions #zixRelogio {
 display:inline-flex!important;
 position:relative!important;
 inset:auto!important;
 transform:none!important;
 margin:0!important;
 flex-shrink:0!important;
 align-items:center!important;
 justify-content:center!important;
}

@media(max-width:700px) {
 body.zix-layout-v3 header .top>.actions {
   gap:4px!important;
   justify-content:space-between!important;
 }

 body.zix-layout-v3 header .top>.actions #zixCadastroTopo {
   flex:1.2 1 0!important;
   min-width:0!important;
   padding:6px 2px!important;
   font-size:clamp(9px,2.6vw,12px)!important;
 }

 body.zix-layout-v3 header .top>.actions #postBtn {
   flex:1 1 0!important;
   min-width:0!important;
   padding:6px 2px!important;
   font-size:clamp(10px,2.7vw,13px)!important;
 }

 body.zix-layout-v3 header .top>.actions #zixRelogio {
   flex:1.25 1 0!important;
   min-width:0!important;
   width:auto!important;
   height:auto!important;
   padding:5px 2px!important;
   gap:3px!important;
 }

 body.zix-layout-v3 header .top>.actions #zixRelogio .zixFlag {
   font-size:clamp(13px,3.6vw,20px)!important;
 }

 body.zix-layout-v3 header .top>.actions #zixRelogio .zixClockDisplay {
   font-size:clamp(7px,2vw,10px)!important;
   white-space:nowrap!important;
 }

 body.zix-layout-v3 header .top>.actions #zixHora {
   font-size:clamp(10px,3vw,16px)!important;
   letter-spacing:0!important;
 }

 body.zix-layout-v3 header .top>.actions #loginBtn {
   flex:.65 1 0!important;
   min-width:0!important;
   padding:6px 2px!important;
   font-size:clamp(10px,2.7vw,13px)!important;
 }

 /* Corrige o texto sobreposto no quadro Anuncie Aqui */
 body.zix-layout-v3 .hero#inicio>.wrap h1 {
   position:relative!important;
   height:auto!important;
   min-height:0!important;
   margin:12px 0 10px!important;
   line-height:1.3!important;
 }

 body.zix-layout-v3 .hero#inicio #siteHero {
   display:inline-block!important;
   position:relative!important;
   transform:none!important;
   line-height:1.3!important;
 }

 body.zix-layout-v3 .hero#inicio>.wrap>p {
   position:relative!important;
   margin:12px 0!important;
   line-height:1.5!important;
   clear:both!important;
 }
}

@media(min-width:701px) {
 body.zix-layout-v3 header .top>.actions {
   gap:12px!important;
 }

 body.zix-layout-v3 header .top>.actions #zixRelogio {
   min-width:125px!important;
   height:48px!important;
   padding:5px 10px!important;
 }
}

/* ZIX_CORRECAO_PALETA_ORDEM_V6 */

/* Paleta ao lado do Download em qualquer visualizacao. */
.zix-install-area {
 display:flex!important;
 flex-direction:row!important;
 flex-wrap:nowrap!important;
 align-items:center!important;
 justify-content:center!important;
 gap:10px!important;
}

.zix-install-area #zzPaletteToggle {
 display:grid!important;
 place-items:center!important;
 flex:0 0 44px!important;
 width:44px!important;
 height:44px!important;
 padding:0!important;
 margin:0!important;
 border:2px solid #27bfff!important;
 border-radius:12px!important;
 background:#fff!important;
 color:#174a82!important;
 font-size:22px!important;
 box-shadow:0 3px 10px #0003!important;
 cursor:pointer;
}

/* Ordem verdadeira, mesmo com CSS antigo. */
body.zix-layout-v3 header .top>.actions #zixCadastroTopo {
 order:1!important;
}
body.zix-layout-v3 header .top>.actions #postBtn {
 order:2!important;
}
body.zix-layout-v3 header .top>.actions #zixRelogio {
 order:3!important;
}
body.zix-layout-v3 header .top>.actions #loginBtn {
 order:4!important;
}

@media(min-width:701px) {
 body.zix-layout-v3 header .top>.actions {
  flex-flow:row nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
 }
}

@media(max-width:700px) {
 .zix-install-area {
  gap:8px!important;
  padding-left:8px!important;
  padding-right:8px!important;
 }
 #zixInstallApp {
  min-width:0!important;
  font-size:clamp(11px,3vw,14px)!important;
 }
}
