/* ZixLima Elite · acabamento do cabeçalho aprovado · 2026-10-16
   Exclusivamente visual. Não modifica autenticação, planos, anúncios ou OG. */
body.zix-elite-active header {
  background:linear-gradient(112deg,#052653 0%,#07599c 58%,#092c60 100%)!important;
  border-bottom:3px solid #fbd329!important;
  box-shadow:inset 0 1px #24a9e7,0 7px 23px #001d3b66!important;
}
body.zix-elite-active header .top {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto!important;
  align-items:center!important;
  gap:9px 10px!important;
  max-width:1300px!important;
  padding:10px 15px 9px!important;
}
body.zix-elite-active header .brand {
  grid-column:1!important;grid-row:1!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  min-width:0!important;font-size:clamp(30px,4.4vw,59px)!important;
  font-weight:950!important;letter-spacing:-1.2px!important;
  line-height:1.04!important;white-space:nowrap!important;
  filter:drop-shadow(0 3px 2px #0008);
}
body.zix-elite-active header .brand #siteBrand {
  background:linear-gradient(110deg,#fff 0%,#f1f6ff 36%,#caff3b 59%,#02c96c 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 2px 2px #001529)!important;
}
body.zix-elite-active header .zix-brasil {
  width:clamp(44px,4.8vw,67px)!important;height:clamp(41px,4.5vw,62px)!important;
  font-size:clamp(28px,3.4vw,40px)!important;
  border:2px solid #ffe530!important;box-shadow:0 3px 11px #0007,inset 0 0 10px #fff4!important;
  flex-shrink:0!important;
}
body.zix-elite-active header .zz-controls {
  grid-column:2!important;grid-row:1!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:7px!important;margin:0!important;min-width:0!important;
}
body.zix-elite-active header #zixRelogio {
  position:static!important;display:inline-flex!important;align-items:center!important;
  margin:0!important;top:auto!important;right:auto!important;left:auto!important;
  gap:5px!important;padding:6px 9px!important;max-width:none!important;
  border:2px solid #ffdf30!important;border-radius:12px!important;
  background:linear-gradient(110deg,#077844,#04392e)!important;
  box-shadow:0 3px 10px #0005,inset 0 1px 4px #fff3!important;
}
body.zix-elite-active header #zixRelogio .zixFlag{font-size:18px!important}
body.zix-elite-active header #zixRelogio .zixClockDisplay{font-size:9px!important;line-height:1.05!important}
body.zix-elite-active header #zixRelogio #zixHora{font-size:clamp(13px,1.65vw,20px)!important;letter-spacing:0!important}
body.zix-elite-active header .zz-controls #zzThemeToggle {
  width:43px!important;min-width:43px!important;height:43px!important;
  font-size:23px!important;border-radius:13px!important;
}
body.zix-elite-active header .actions {
  grid-column:1/-1!important;grid-row:2!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:nowrap!important;gap:9px!important;margin:0!important;
}
body.zix-elite-active header .actions #zzPaletteToggle {
  width:43px!important;min-width:43px!important;height:43px!important;
  padding:0!important;font-size:24px!important;
  display:grid!important;place-items:center!important;border-radius:13px!important;
}
body.zix-elite-active header .actions button:not(#zzPaletteToggle),
body.zix-elite-active header #zixCadastroTopo {
  min-height:44px!important;height:auto!important;
  padding:8px 13px!important;border-radius:22px!important;
  font-size:clamp(13px,1.5vw,18px)!important;
  line-height:1.12!important;font-weight:900!important;letter-spacing:0!important;
  text-align:center!important;white-space:normal!important;
}
body.zix-elite-active header #zixCadastroTopo span,
body.zix-elite-active header .actions button span {
  font-size:inherit!important;font-weight:900!important;
}
body.zix-elite-active header nav {
  grid-column:1/-1!important;grid-row:3!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;width:100%!important;max-width:none!important;
  margin:0!important;overflow:visible!important;
}
body.zix-elite-active header nav a {
  font-size:clamp(15px,1.9vw,20px)!important;font-weight:900!important;
  min-height:48px!important;padding:9px 4px!important;
  line-height:1.12!important;border-radius:13px!important;
  white-space:normal!important;text-align:center!important;
}
body.zix-elite-active .hero {margin:0!important;padding:0 0 18px!important}
body.zix-elite-active #zixElite {margin:0 auto!important;border-top:0!important}
body.zix-elite-active #zixElite img {
  width:100%!important;height:auto!important;min-height:0!important;
  object-fit:contain!important;object-position:center!important;
}
body.zix-elite-active .hero>.wrap {margin:10px auto 0!important}
@media(max-width:700px){
  body.zix-elite-active header .top{gap:7px 6px!important;padding:9px 9px 7px!important}
  body.zix-elite-active header .brand{font-size:clamp(26px,7.1vw,39px)!important;gap:5px!important}
  body.zix-elite-active header .zix-brasil{width:40px!important;height:39px!important;font-size:26px!important}
  body.zix-elite-active header .zz-controls{gap:4px!important}
  body.zix-elite-active header .zz-controls #zzThemeToggle{
    width:34px!important;min-width:34px!important;height:36px!important;font-size:19px!important
  }
  body.zix-elite-active header #zixRelogio{padding:4px 5px!important;gap:3px!important;border-radius:9px!important}
  body.zix-elite-active header #zixRelogio .zixFlag{font-size:14px!important}
  body.zix-elite-active header #zixRelogio .zixClockDisplay{font-size:8px!important}
  body.zix-elite-active header #zixRelogio #zixHora{font-size:12px!important}
  body.zix-elite-active header .actions{gap:5px!important}
  body.zix-elite-active header .actions #zzPaletteToggle{
    width:38px!important;min-width:38px!important;height:38px!important;font-size:21px!important
  }
  body.zix-elite-active header .actions button:not(#zzPaletteToggle),
  body.zix-elite-active header #zixCadastroTopo {
    font-size:clamp(12px,3.1vw,15px)!important;min-height:39px!important;
    padding:6px 8px!important;
  }
  body.zix-elite-active header nav{gap:5px!important}
  body.zix-elite-active header nav a{
    font-size:clamp(12px,3.45vw,16px)!important;
    min-height:44px!important;padding:8px 2px!important;
  }
  body.zix-elite-active .hero {padding:0 0 16px!important}
}
@media(max-width:385px){
  body.zix-elite-active header .brand{font-size:clamp(23px,6.7vw,28px)!important}
  body.zix-elite-active header .zix-brasil{width:34px!important;height:34px!important;font-size:22px!important}
  body.zix-elite-active header .zz-controls #zzThemeToggle{width:30px!important;min-width:30px!important}
  body.zix-elite-active header #zixRelogio .zixFlag{display:none!important}
  body.zix-elite-active header .actions button:not(#zzPaletteToggle),
  body.zix-elite-active header #zixCadastroTopo {padding:5px 6px!important;font-size:12px!important}
}


/* === ZIXLIMA | REFINO TOPO FINAL === */
:root{
  --zix-top-brand-size: 30px;
  --zix-top-flag-size: 60px;
  --zix-top-icon-size: 52px;
  --zix-top-action-font: 17px;
  --zix-top-menu-font: 18px;
  --zix-clock-time-size: 30px;
  --zix-clock-date-size: 12px;
}

/* marca/bandeira */
.brand-area img,
.site-brand img,
.logo-area img,
.topbar .logo img,
.topbar img.logo,
.header-brand img,
.header-left img,
.brand img {
  width: var(--zix-top-flag-size) !important;
  height: var(--zix-top-flag-size) !important;
  min-width: var(--zix-top-flag-size) !important;
  min-height: var(--zix-top-flag-size) !important;
  border-radius: 16px !important;
}

.brand-area,
.site-brand,
.logo-area,
.header-brand,
.header-left,
.topbar .brand {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.brand-name,
.site-title,
.logo-text,
.header-brand .name,
.header-brand strong,
.topbar .brand-name,
.topbar .logo-text,
.topbar h1,
.topbar .title {
  font-size: var(--zix-top-brand-size) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.3px !important;
  white-space: nowrap !important;
}

/* grupo superior direito */
.top-actions,
.header-actions,
.actions-right,
.header-right,
.topbar-right {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

/* ícones lua/paleta */
.theme-toggle,
.palette-toggle,
.color-toggle,
.bg-toggle,
.tema-btn,
.cor-btn,
button[title*="cor" i],
button[title*="tema" i],
button[title*="paleta" i],
button[aria-label*="cor" i],
button[aria-label*="tema" i],
button[aria-label*="paleta" i] {
  min-width: var(--zix-top-icon-size) !important;
  min-height: var(--zix-top-icon-size) !important;
  width: var(--zix-top-icon-size) !important;
  height: var(--zix-top-icon-size) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size: 26px !important;
  border-radius: 16px !important;
}

/* botões superiores */
.top-actions a,
.top-actions button,
.header-actions a,
.header-actions button,
.actions-right a,
.actions-right button,
.header-right a,
.header-right button,
.topbar-right a,
.topbar-right button {
  font-size: var(--zix-top-action-font) !important;
  font-weight: 800 !important;
}

/* menu principal */
nav a,
nav button,
.menu-principal a,
.menu-principal button,
.topbar nav a,
.topbar nav button {
  font-size: var(--zix-top-menu-font) !important;
  font-weight: 800 !important;
}

/* relógio */
.clock-box,
.clock-widget,
.digital-clock,
.relogio-br,
.clock-pill,
#clockBox,
#relogioTopo,
#topClock {
  min-width: 138px !important;
  padding: 7px 12px !important;
  border-radius: 16px !important;
}

.clock-box .time,
.clock-widget .time,
.digital-clock .time,
.relogio-br .time,
.clock-pill .time,
#clockBox .time,
#relogioTopo .time,
#topClock .time {
  font-size: var(--zix-clock-time-size) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.clock-box .date,
.clock-widget .date,
.digital-clock .date,
.relogio-br .date,
.clock-pill .date,
#clockBox .date,
#relogioTopo .date,
#topClock .date {
  font-size: var(--zix-clock-date-size) !important;
  font-weight: 700 !important;
}

/* temas do botão de cor */
body.zix-bg-azul {
  background: linear-gradient(180deg,#0d4f92 0%, #0a3f74 38%, #08335f 100%) !important;
}
body.zix-bg-ciano {
  background: linear-gradient(180deg,#125fa5 0%, #0d4f92 35%, #0b3f75 100%) !important;
}
body.zix-bg-brasil {
  background:
    radial-gradient(circle at top left, rgba(255,215,0,.18), transparent 35%),
    radial-gradient(circle at top right, rgba(0,153,68,.18), transparent 35%),
    linear-gradient(180deg,#125fa5 0%, #0d4f92 35%, #0a3f74 100%) !important;
}