:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#1c2939;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 20px}header{background:white;position:sticky;top:0;z-index:4;box-shadow:0 2px 10px #152e4c10}.top{min-height:76px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{font-size:25px;font-weight:900;color:#1461da;white-space:nowrap}.brand span{color:#ff8a20}nav{display:flex;gap:24px}nav a:hover{color:#1461da}.actions{display:flex;gap:9px}.primary,.ghost{border-radius:10px;padding:12px 18px;font-weight:700;border:1px solid #1461da}.primary{background:#1461da;color:white}.primary:hover{background:#084db7}.ghost{background:white;color:#1461da}.hero{background:linear-gradient(110deg,#092f70,#1461da 65%,#28a1db);color:white;padding:75px 0 85px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#b9dcff}.hero h1{font-size:clamp(32px,5vw,55px);margin:14px 0 10px;max-width:700px}.hero p{font-size:18px;color:#e3efff}.search{display:flex;gap:10px;background:white;padding:12px;border-radius:15px;max-width:850px;margin-top:30px}.search input{flex:1;min-width:0;border:0;padding:12px;color:#1c2939;outline:0}.content{padding-top:38px;padding-bottom:70px}h2{margin:0 0 16px;font-size:25px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 46px}.category{border:1px solid #e0e8f2;border-radius:14px;background:white;padding:22px 12px;text-align:center;font-weight:750}.category:hover,.category.active{border-color:#1461da;color:#1461da}.category b{display:block;font-size:29px;margin-bottom:8px}.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.sectionTitle h2{margin:0}.sectionTitle p{color:#67788c;margin:5px 0}.sectionTitle select{border:1px solid #d7e0ed;border-radius:8px;padding:10px;background:white}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{background:white;border:1px solid #e5eaf1;border-radius:15px;overflow:hidden;cursor:pointer;transition:transform .15s}.card:hover{transform:translateY(-3px)}.cover{width:100%;height:170px;object-fit:cover;background:#e8eef7}.placeholder{height:170px;display:grid;place-items:center;background:#e8eef7;font-size:55px}.cardbody{padding:15px}.price{font-weight:850;color:#1263df;font-size:21px}.card h3{font-size:16px;margin:10px 0;line-height:1.3}.muted{font-size:13px;color:#6c7b8d}.chip{display:inline-block;border-radius:6px;padding:5px 8px;background:#eef5ff;color:#1856a5;font-size:12px;margin-top:8px}.notice{padding:14px;background:#fff5df;border:1px solid #ffdc91;border-radius:10px;margin:14px 0}.more{text-align:center;margin:30px}.mine{border-top:1px solid #e0e7f0;padding-top:38px;margin-top:38px}.mine p{color:#64758a}footer{background:#112c52;color:#d7e5f5;padding:35px 0}dialog{border:0;border-radius:18px;padding:0;width:min(94vw,560px);max-height:90vh;box-shadow:0 30px 90px #061d4480}dialog::backdrop{background:#07172c99}.modal{padding:30px;position:relative}.modal h2{margin:0 0 6px}.modal p{color:#64758a}.modal label{display:block;margin:15px 0;font-weight:650;font-size:14px}.modal input,.modal select,.modal textarea{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #ccd6e4;border-radius:9px;background:white;color:#1c2939}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:21px}.modalActions{display:flex;gap:10px;margin-top:22px}.detailPhoto{width:100%;max-height:320px;object-fit:contain;background:#f0f3f7;border-radius:10px}.detailPhotos{display:flex;gap:8px;overflow:auto;margin-top:8px}.detailPhotos img{width:78px;height:65px;object-fit:cover;border-radius:6px}.detailDescription{white-space:pre-wrap;overflow-wrap:anywhere}.danger{border:1px solid #bd2535;color:#bd2535;background:white;border-radius:8px;padding:8px 12px;margin-top:10px}.status{color:#8b5d09;font-size:13px}.empty{grid-column:1/-1;padding:40px;text-align:center;color:#63758b;background:white;border-radius:12px}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.categories{grid-template-columns:repeat(4,1fr)}nav{display:none}.top{gap:8px}.brand{font-size:20px}.actions button{padding:9px;font-size:12px}}@media(max-width:540px){.hero{padding:46px 0}.search{flex-direction:column}.search input{width:100%;border-bottom:1px solid #eee}.categories{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cover,.placeholder{height:125px}.cardbody{padding:10px}.card h3{font-size:14px}.price{font-size:17px}.sectionTitle{align-items:flex-start}.two{grid-template-columns:1fr}.modal{padding:24px 17px}.brand{font-size:17px}.actions{gap:4px}.actions button{font-size:11px;padding:8px 6px}}

.zz-whats{position:fixed;right:18px;bottom:22px;z-index:30;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#19b75b;color:#fff;font-size:31px;font-weight:900;box-shadow:0 8px 26px #0004;border:3px solid #fff}.zz-whats:hover{transform:scale(1.07)}.zz-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-top:26px;padding-bottom:12px;margin-top:20px;border-top:1px solid #ffffff33}.zz-footer p{font-size:14px;line-height:1.6}.zz-footer a{text-decoration:underline;overflow-wrap:anywhere}@media(max-width:650px){.zz-footer{grid-template-columns:1fr;gap:8px}}

/* ZZIXBR VISUAL BRASIL */
.brand{letter-spacing:-.8px;font-weight:900}
.hero{background:linear-gradient(90deg,rgba(3,26,55,.92) 0%,rgba(3,35,70,.83) 44%,rgba(3,43,73,.16) 100%),url('./zzixbr-bandeira.jpg') right center/cover no-repeat;min-height:410px;display:flex;align-items:center}
.hero h1{font-weight:900;text-shadow:0 3px 15px #0005}
.hero .eyebrow{color:#f7dc58}
.category{transition:transform .2s,box-shadow .2s}
.category:hover{transform:translateY(-4px);box-shadow:0 10px 25px #09234a1a}
.zz-whats{background:#16bb59}
@media(max-width:650px){.hero{background-position:60% center;min-height:370px}.hero h1{font-size:36px}.brand{font-size:19px}}


/* ZZIXBR PREMIUM V2 */
:root{--zz-page:#f5f7fb;--zz-panel:white;--zz-text:#1c2939;--zz-muted:#64758a;--zz-border:#e0e8f2}
body{background:var(--zz-page);color:var(--zz-text);transition:background .2s,color .2s}
body[data-zz-theme="dark"]{--zz-page:#101827;--zz-panel:#1c293b;--zz-text:#f1f5fa;--zz-muted:#b4c2d5;--zz-border:#35445a}
body[data-zz-color="green"]{--zz-page:#e9f5ed}
body[data-zz-color="sand"]{--zz-page:#faf1df}
body[data-zz-color="purple"]{--zz-page:#f1edfa}
body[data-zz-theme="dark"][data-zz-color]{--zz-page:#101827}
header,.category,.card,.empty{background:var(--zz-panel);color:var(--zz-text);border-color:var(--zz-border)}
header{box-shadow:0 3px 22px #0001}
.category,.card{box-shadow:0 5px 20px #0000000c}
.category:hover,.card:hover{box-shadow:0 14px 30px #0002}
.sectionTitle p,.mine p,.muted{color:var(--zz-muted)}
.hero{border-radius:0 0 25px 25px;overflow:hidden}
.zz-whats{bottom:calc(115px + env(safe-area-inset-bottom,0px));right:19px;width:62px;height:62px;z-index:60;box-shadow:0 12px 30px #007c4077}
.zz-controls{display:flex;align-items:center;gap:5px;margin-left:auto}
.zz-controls button{width:36px;height:36px;border:1px solid var(--zz-border);border-radius:10px;background:var(--zz-panel);color:var(--zz-text);cursor:pointer}
.zz-palette{display:none;position:absolute;right:15px;top:68px;z-index:50;background:var(--zz-panel);color:var(--zz-text);border:1px solid var(--zz-border);padding:12px;border-radius:14px;box-shadow:0 12px 32px #0003}
.zz-palette.open{display:block}
.zz-palette button{display:block;width:100%;padding:10px;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer}
@media(max-width:540px){.zz-controls button{width:31px;height:34px}.zz-whats{bottom:calc(125px + env(safe-area-inset-bottom,0px));right:16px}}

/* ZZIXBR ALUGUEIS */
.zz-rental-fields{background:#eff6ff;border:1px solid #b8d6f8;border-radius:13px;padding:14px;margin:14px 0;color:#20324a}.zz-rental-fields[hidden]{display:none!important}.zz-rental-fields h3{margin:0 0 10px}.zz-rental-fields p{font-size:12px;color:#465b75}body[data-zz-theme="dark"] .zz-rental-fields{background:#20334a;color:#f1f5fa;border-color:#456383}body[data-zz-theme="dark"] .zz-rental-fields p{color:#c1cde0}

/* ZixLima nova versao */
html,body{min-height:100%;}body{display:flex;flex-direction:column;min-height:100dvh}main{flex:1}footer{margin-top:auto}.category.active{background:#e8f1ff;border:2px solid #1461da}.notice[hidden]{display:none}.empty{grid-column:1/-1}.zz-whats{bottom:20px}button:disabled{opacity:.55;cursor:wait}

/* Filtro de tipos de aluguel ZixLima */
.rental-filter{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:-22px 0 32px;padding:16px;border-radius:12px;background:var(--zz-panel,#fff);border:1px solid var(--zz-border,#dde5ef)}.rental-filter[hidden]{display:none}.rental-filter select{padding:12px;border-radius:9px;border:1px solid #cbd5e1;max-width:100%}



/* ZIXLIMA AZUL PREMIUM INICIO */

:root {
  --zix-azul:#1263df;
  --zix-escuro:#103a75;
  --zix-claro:#eaf3ff;
}

/* Cabeçalho profissional */
header {
  border-bottom:3px solid #1976ee;
  box-shadow:0 5px 22px #103a7520;
}

header .top {
  max-width:1400px;
  min-height:90px;
  gap:12px;
  flex-wrap:wrap;
  padding-top:10px;
  padding-bottom:10px;
}

header .brand {
  font-size:clamp(25px,3vw,39px);
  font-weight:950;
  letter-spacing:-1.3px;
  color:#1263df;
  text-shadow:0 2px 3px #1263df25;
}

header .brand span {
  color:#1263df;
}

header nav {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:7px;
}

header nav a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:37px;
  padding:8px 12px;
  border:1px solid #b8d5fc;
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#eaf3ff);
  color:#1555a6;
  font-size:13px;
  font-weight:800;
  box-shadow:0 3px 7px #1259ba16;
  transition:transform .2s,box-shadow .2s;
}

header nav a:hover {
  color:#fff;
  background:#1263df;
  transform:translateY(-2px);
}

header .actions {
  display:flex;
  align-items:center;
  gap:8px;
}

header .actions button {
  border-radius:22px;
  font-weight:850;
  box-shadow:0 4px 10px #0b4fbd20;
}

header #postBtn {
  background:linear-gradient(180deg,#3599ff,#0755cc);
  color:white;
  border:1px solid #0a57cc;
  box-shadow:inset 0 2px 2px #ffffff60,
             0 5px 12px #0755cc45;
}

/* Bandeira e relógio com relevo */
header #zixRelogio {
  border:2px solid #e9c933;
  border-radius:14px;
  background:linear-gradient(145deg,#17b64b,#006b31);
  box-shadow:inset 0 2px 3px #ffffff60,
             inset 0 -3px 4px #003d25,
             0 4px 10px #0003;
}

header .zixFlag {
  filter:drop-shadow(1px 3px 2px #002d1780);
}

/* Buscador destacado */
.hero {
  background:linear-gradient(125deg,#eaf4ff,#fff 70%,#dcecff);
  color:#153a68;
  border-radius:0 0 25px 25px;
  min-height:auto;
  padding:50px 0 60px;
}

.hero h1 {
  color:#1263df;
  text-shadow:none;
}

.hero p {
  color:#4a6380;
}

.hero .eyebrow {
  color:#1263df;
}

.hero .search {
  margin-top:30px;
  padding:14px;
  max-width:1000px;
  border:1px solid #c7ddfa;
  border-radius:19px;
  background:white;
  box-shadow:0 10px 28px #1259ba18;
}

.hero .search input {
  border-radius:9px;
  background:#f5f9ff;
  border:1px solid #e0eafa;
}

.hero .search button {
  border-radius:12px;
  padding:13px 25px;
  background:linear-gradient(180deg,#3194ff,#0755cf);
  box-shadow:0 4px 10px #1263df30;
}

/* Categorias */
.category {
  border:1px solid #d7e6fb;
  border-radius:18px;
  box-shadow:0 5px 15px #103a7510;
}

.category b {
  font-size:33px;
}

.category:hover {
  border-color:#1263df;
  background:#f0f7ff;
}

/* Cartões dos anúncios */
.card {
  border-radius:17px;
  border:1px solid #dfebfa;
  box-shadow:0 5px 17px #103a7512;
}

.card:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 25px #103a7525;
}

.card .price {
  color:#1263df;
  font-weight:900;
}

.card .cover {
  object-fit:cover;
}

/* Mantém a responsividade */
@media(max-width:850px) {
  header nav {
    display:flex;
    width:100%;
    order:5;
    overflow-x:auto;
    flex-wrap:nowrap;
    justify-content:flex-start;
    padding:5px 0;
  }

  header nav a {
    white-space:nowrap;
    flex-shrink:0;
    font-size:12px;
  }

  header .top {
    gap:8px;
  }

  header .brand {
    font-size:25px;
  }

  header #zixRelogio {
    flex-shrink:0;
  }
}

@media(max-width:540px) {
  header .top {
    justify-content:space-between;
  }

  header .brand {
    font-size:23px;
  }

  header .actions button {
    padding:9px 11px;
    font-size:12px;
  }

  .hero {
    padding:32px 0 42px;
  }

  .hero h1 {
    font-size:30px;
  }

  .hero .search {
    gap:9px;
  }

  .hero .search input {
    width:100%;
    min-height:44px;
  }

  .hero .search button {
    min-height:45px;
  }
}

/* ZIXLIMA AZUL PREMIUM FIM */



/* ZIX RESPONSIVO V2 INICIO */

:root {
  --zix-blue:#1263df;
  --zix-dark:#102b50;
  --zix-bg:#f5f8ff;
}

/* Base */
html {
  overflow-x:clip;
}

body {
  overflow-x:clip;
  background:var(--zix-bg);
}

/* Cabeçalho */
header {
  position:relative;
  background:#172b45;
  color:white;
  border-bottom:3px solid #2384ff;
}

header .top {
  max-width:1440px;
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding:12px 20px;
}

header .brand {
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:clamp(25px,2.5vw,39px);
  font-weight:950;
  color:#47a6ff;
  white-space:nowrap;
}

header .brand span {
  color:#47a6ff;
}

/* Menu */
header nav {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
}

header nav a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:39px;
  padding:9px 13px;
  border:1px solid #419cff;
  border-radius:22px;
  color:white;
  background:linear-gradient(
    180deg,#2589f8,#074ca7
  );
  box-shadow:
    inset 0 1px 2px #ffffff55,
    0 3px 8px #0003;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}

header nav a:hover {
  color:white;
  background:#0c66d8;
}

/* Relógio Brasil */
header #zixRelogio {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin:0;
  padding:5px 9px;
  border:2px solid #f7d534;
  border-radius:13px;
  background:linear-gradient(
    145deg,#16b748,#006b31
  );
  box-shadow:
    inset 0 2px 3px #ffffff60,
    inset 0 -3px 4px #003d25,
    0 4px 10px #0004;
}

header .zixFlag {
  font-size:25px;
  filter:drop-shadow(1px 3px 2px #002d17);
}

header .zixClockDisplay {
  color:white;
  font-size:10px;
}

header #zixHora {
  color:#ffdf00;
  font-size:17px;
}

/* Controles */
header .zz-controls {
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
}

header .actions {
  display:flex;
  align-items:center;
  gap:8px;
}

/* Inverte visualmente a posição */
header #postBtn {
  order:1;
  background:linear-gradient(
    180deg,#329cff,#0755cf
  );
  color:white;
  border:1px solid #419cff;
}

header #loginBtn {
  order:2;
  background:linear-gradient(
    180deg,#fff,#e9f3ff
  );
  color:#1256ac;
  border:1px solid #a6caff;
}

header .actions button {
  border-radius:22px;
  min-height:40px;
  padding:9px 15px;
  font-weight:850;
  white-space:nowrap;
}

/* Área de busca */
.hero {
  min-height:0;
  padding:44px 0 55px;
  background:linear-gradient(
    125deg,#e9f4ff,#fff 70%,#e0eeff
  );
  color:#153a68;
}

.hero h1 {
  color:#1263df;
  text-shadow:none;
  font-size:clamp(29px,4vw,48px);
}

.hero p {
  color:#526a83;
}

.hero .eyebrow {
  color:#1263df;
}

.hero .search {
  display:flex;
  align-items:stretch;
  max-width:1050px;
  gap:10px;
  padding:13px;
  margin-top:28px;
  background:white;
  border:1px solid #c9def9;
  border-radius:18px;
  box-shadow:0 9px 25px #0c5bb51a;
}

.hero .search input {
  min-height:45px;
  border:1px solid #dce8f7;
  border-radius:10px;
  background:#f5f9ff;
}

.hero .search button {
  min-width:130px;
  border-radius:11px;
}

/* Categorias e anúncios */
.content {
  background:transparent;
  padding-top:35px;
}

.content h2 {
  color:var(--zz-text,#17345b);
}

.categories {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:13px;
  margin:20px 0 38px;
}

.category {
  min-width:0;
  min-height:105px;
  padding:16px 9px;
  background:var(--zz-panel,#fff);
  color:var(--zz-text,#17345b);
  border:1px solid #d5e4f8;
  border-radius:16px;
  box-shadow:0 4px 12px #103a7510;
}

.category b {
  font-size:30px;
  margin-bottom:7px;
}

.cards {
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:16px;
}

.card {
  min-width:0;
  background:var(--zz-panel,#fff);
  border-radius:16px;
  overflow:hidden;
}

.card .cover {
  width:100%;
  height:185px;
  object-fit:cover;
}

/* Desktop */
@media(min-width:1100px) {
  header .top {
    justify-content:center;
  }

  header .brand {
    margin-right:auto;
  }

  header .actions {
    margin-left:auto;
  }
}

/* Tablets */
@media(min-width:601px) and (max-width:1099px) {
  header .top {
    justify-content:center;
  }

  .categories {
    grid-template-columns:
      repeat(4,minmax(0,1fr));
  }

  .cards {
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }
}

/* Celulares */
@media(max-width:600px) {
  header .top {
    display:grid;
    grid-template-columns:
      minmax(0,1fr) auto;
    gap:10px;
    padding:12px 14px;
  }

  header .brand {
    grid-column:1;
    grid-row:1;
    font-size:25px;
    min-width:0;
  }

  header #zixRelogio {
    grid-column:2;
    grid-row:1;
    padding:4px 7px;
  }

  header .zixFlag {
    font-size:20px;
  }

  header #zixHora {
    font-size:13px;
  }

  header .zixClockDisplay {
    font-size:9px;
  }

  header nav {
    grid-column:1/-1;
    grid-row:2;
    display:flex;
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    max-width:100%;
    padding:4px 0 7px;
    scrollbar-width:thin;
  }

  header nav a {
    flex-shrink:0;
    min-height:35px;
    padding:7px 11px;
    font-size:12px;
  }

  header .zz-controls {
    grid-column:1;
    grid-row:3;
  }

  header .actions {
    grid-column:2;
    grid-row:3;
    justify-content:flex-end;
  }

  header .actions button {
    min-height:35px;
    padding:7px 10px;
    font-size:12px;
  }

  .hero {
    padding:28px 0 38px;
  }

  .hero h1 {
    font-size:clamp(27px,7vw,36px);
  }

  .hero p {
    font-size:15px;
  }

  .hero .search {
    display:flex;
    flex-direction:column;
    gap:9px;
    padding:12px;
    margin-top:22px;
  }

  .hero .search input {
    width:100%;
    min-height:45px;
  }

  .hero .search button {
    width:100%;
    min-height:44px;
  }

  .categories {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
    gap:10px;
    margin:17px 0 30px;
  }

  .category {
    min-height:92px;
    padding:13px 8px;
  }

  .category b {
    font-size:27px;
  }

  .cards {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .card .cover,
  .card .placeholder {
    height:135px;
  }

  .cardbody {
    padding:11px;
  }
}

/* Telas muito pequenas */
@media(max-width:360px) {
  header .brand {
    font-size:21px;
  }

  header .actions {
    gap:4px;
  }

  header .actions button {
    padding:6px 8px;
    font-size:11px;
  }
}

/* ZIX RESPONSIVO V2 FIM */



/* ZIX CABECALHO V3 INICIO */

/* Barra superior */
header .top {
  display:grid !important;
  grid-template-columns:
    minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  max-width:1440px;
  padding:12px 20px;
}

/* Marca */
header .brand {
  grid-column:1;
  grid-row:1;
  font-size:clamp(25px,2.8vw,39px);
  font-weight:950;
  white-space:nowrap;
}

/* Menu na linha inferior */
header nav {
  grid-column:1/-1;
  grid-row:2;
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  min-width:0;
}

/* Relógio dentro do menu */
header nav #zixRelogio {
  display:inline-flex;
  flex-shrink:0;
  margin:0;
}

/* Controles no topo direito */
header .zz-controls {
  grid-column:2;
  grid-row:1;
  display:flex;
  gap:7px;
  margin:0;
}

/* Anunciar e Sair */
header .actions {
  grid-column:3;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

header #postBtn {
  order:1;
  border-radius:24px;
  background:linear-gradient(
    180deg,#329cff,#0755cf
  );
  color:white;
  font-weight:850;
  white-space:nowrap;
}

header #loginBtn {
  order:2;
  border-radius:24px;
  background:white;
  color:#1263df;
  font-weight:850;
  white-space:nowrap;
}

/* Ícones */
header .zz-controls button {
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border-radius:13px;
  font-size:20px;
}

/* Celular */
@media(max-width:700px) {
  header .top {
    grid-template-columns:
      minmax(0,1fr) auto;
    gap:10px;
    padding:12px;
  }

  header .brand {
    grid-column:1;
    grid-row:1;
    font-size:clamp(21px,5vw,28px);
  }

  header .zz-controls {
    grid-column:2;
    grid-row:1;
    justify-self:end;
  }

  header .actions {
    grid-column:1/-1;
    grid-row:2;
    justify-content:flex-end;
  }

  header nav {
    grid-column:1/-1;
    grid-row:3;
    display:flex !important;
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    max-width:100%;
    padding:5px 0;
    scrollbar-width:thin;
  }

  header nav a {
    flex-shrink:0;
    font-size:12px;
    padding:8px 11px;
  }

  header nav #zixRelogio {
    flex-shrink:0;
  }

  header .actions button {
    min-height:38px;
    padding:8px 13px;
    font-size:12px;
  }

  header .zz-controls button {
    width:35px;
    height:35px;
    font-size:18px;
  }
}

/* ZIX CABECALHO V3 FIM */


/* ZIX VISUAL V4 INICIO */
/* Cabeçalho, marca, bandeira e controles */
header{background:linear-gradient(115deg,#061d43,#0c346b 75%,#092650)!important;border-bottom:3px solid #f6cf32;color:#fff!important;box-shadow:0 5px 20px #092b6040}
header .top{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:10px;max-width:1380px;min-height:0;padding:14px 18px}
header .brand{grid-column:1;grid-row:1;display:flex;align-items:center;gap:9px;min-width:0;margin:0!important;font-size:clamp(24px,3vw,37px);font-weight:950;letter-spacing:-.7px;color:#fff!important;white-space:nowrap;text-shadow:0 2px 8px #0004}
header .brand span#siteBrand{color:#fff!important}
header .zix-brasil{display:inline-flex;align-items:center;justify-content:center;width:clamp(42px,5vw,65px);height:clamp(32px,4vw,48px);border:1px solid #ffffff90;border-radius:8px;background:linear-gradient(135deg,#087b37,#0ac458 52%,#035d29);font-size:clamp(28px,3.5vw,43px);line-height:1;box-shadow:inset 0 2px 4px #fff5,0 5px 13px #0006;filter:drop-shadow(0 1px 1px #0019)}
header .zz-controls{grid-column:2;grid-row:1;display:flex;align-items:center;gap:7px;margin:0!important}
header .zz-controls button{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff!important;color:#153a6b!important;border:1px solid #a7cfff;box-shadow:0 3px 8px #0002;font-size:20px}
header .actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0!important}
header .actions button{min-height:40px;padding:9px 15px;border-radius:24px;font-weight:800;white-space:nowrap}
header #postBtn{order:1;background:linear-gradient(180deg,#46acff,#0863d9)!important;color:#fff!important;border:1px solid #69b6ff}
header #loginBtn{order:2;background:#fff!important;color:#0c54b2!important;border:1px solid #d5e5ff}
header nav{grid-column:1/-1;grid-row:2;display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;min-width:0;max-width:100%;padding:2px 0 0;margin:0!important;overflow:visible}
header nav a{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 16px;border-radius:24px;background:linear-gradient(180deg,#238df9,#064fae);border:1px solid #60adff;color:#fff!important;font-size:13px;font-weight:800;box-shadow:0 3px 8px #0003}
header nav #zixRelogio{display:inline-flex;align-items:center;flex-shrink:0;margin:0!important;padding:5px 9px;background:linear-gradient(135deg,#14b84a,#006a30);border:2px solid #f9d329;border-radius:12px;box-shadow:inset 0 2px 4px #fff6,0 3px 8px #0005}
header .zixClockDisplay{font-size:10px;color:#fff}
header #zixHora{font-size:17px;color:#ffe134}
header .zz-palette{top:65px}
/* Área principal */
.hero{background:linear-gradient(115deg,#e8f3ff 0%,#fff 62%,#dcecff 100%)!important;border-radius:0 0 26px 26px;padding:48px 0 54px;min-height:0}
.hero h1{color:#1263df;font-weight:950;line-height:1.12}
.hero .search{box-shadow:0 10px 28px #0a54ad24}
.content{padding-top:32px}
.category{border-radius:16px;min-height:112px;transition:transform .18s,box-shadow .18s}
.category b{font-size:32px}
/* Anúncios: imagens grandes, largura aproveitada */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{min-width:0;overflow:hidden;border-radius:18px;box-shadow:0 6px 18px #12396b18}
.card .cover,.card .placeholder{display:block;width:100%;height:auto;aspect-ratio:4/3;min-height:220px;max-height:360px;object-fit:cover;background:#e7eff9}
.card .placeholder{display:grid;place-items:center;font-size:56px}
.cardbody{padding:17px}
.card h3{font-size:17px;line-height:1.35}
.card .price{font-size:22px}
/* Fotos dos detalhes: ampliadas sem cortes */
.detailPhoto{max-height:min(68vh,640px);object-fit:contain}
.detailPhotos img{width:96px;height:78px}
@media(min-width:1100px){.wrap{max-width:1320px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.categories{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:701px) and (max-width:1099px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .cover,.card .placeholder{min-height:230px}}
@media(max-width:700px){
header .top{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:9px;padding:11px 12px}
header .brand{grid-column:1;grid-row:1;font-size:clamp(21px,5.4vw,29px);gap:6px}
header .zix-brasil{width:40px;height:31px;font-size:27px}
header .zz-controls{grid-column:2;grid-row:1;justify-self:end;gap:5px}
header .zz-controls button{width:34px;height:34px;font-size:18px}
header .actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:8px}
header .actions button{min-height:37px;padding:8px 14px;font-size:12px}
header nav{grid-column:1/-1;grid-row:3;justify-content:center;flex-wrap:wrap;overflow:visible;gap:7px;padding:2px 0 1px}
header nav a{min-height:34px;padding:7px 11px;font-size:12px}
header nav #zixRelogio{padding:4px 7px}
header .zixFlag{font-size:20px}
header .zixClockDisplay{font-size:9px}
header #zixHora{font-size:14px}
.hero{padding:33px 0 43px}
.hero h1{font-size:clamp(29px,7vw,39px)}
.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.cards{grid-template-columns:1fr;gap:17px}
.card .cover,.card .placeholder{aspect-ratio:16/10;min-height:0;max-height:none}
.cardbody{padding:15px}
.card .price{font-size:21px}
.card h3{font-size:17px}
.zz-whats{width:55px;height:55px;right:13px;bottom:22px}
}
@media(min-width:520px) and (max-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .cover,.card .placeholder{aspect-ratio:4/3}}
@media(max-width:370px){header .brand{font-size:20px}header .zix-brasil{width:34px;font-size:23px}header nav a{font-size:11px;padding:7px 9px}}
/* ZIX VISUAL V4 FIM */


/* ZIX ALINHAMENTO V5 INICIO */

header {
  background:linear-gradient(120deg,#08254b,#153f70)!important;
  border-bottom:3px solid #e8c42e;
}

header .top {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  max-width:1350px;
  margin:auto;
}

header .brand {
  grid-column:1;
  grid-row:1;
  display:flex;
  align-items:center;
  gap:9px;
  color:white!important;
  font-size:clamp(24px,3vw,38px);
  font-weight:900;
  white-space:nowrap;
}

header .brand #siteBrand {
  color:white!important;
}

header nav {
  grid-column:1/-1;
  grid-row:2;
  display:flex!important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  min-width:0;
  max-width:100%;
  overflow:visible;
}

header nav a {
  flex-shrink:0;
  border-radius:22px;
  padding:9px 14px;
  background:linear-gradient(#3199ff,#0759c5);
  color:white!important;
  font-weight:750;
}

header #zixRelogio {
  display:inline-flex;
  flex-shrink:0;
  margin:0!important;
  max-width:100%;
}

header .zz-controls {
  grid-column:2;
  grid-row:1;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0!important;
}

header .zz-controls button {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
}

header .actions {
  grid-column:3;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin:0!important;
}

header .actions button {
  min-height:40px;
  padding:9px 15px;
  border-radius:24px;
  white-space:nowrap;
  font-weight:800;
}

header #postBtn {
  order:1;
  background:linear-gradient(#39a0ff,#0757cb)!important;
  color:white!important;
}

header #loginBtn {
  order:2;
  background:white!important;
  color:#0757cb!important;
}

/* Bandeira com acabamento */
header .brand {
  text-shadow:0 2px 5px #0004;
}

header .zix-brasil {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  border-radius:9px;
  box-shadow:0 3px 9px #0005;
}

/* Conteudo e categorias */
.hero .wrap,
.content,
main .wrap {
  max-width:1300px;
  margin-left:auto;
  margin-right:auto;
}

.categories {
  display:grid;
  gap:14px;
}

.category {
  min-width:0;
  border-radius:17px;
}

/* Fotos e cartoes maiores */
.cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}

.card {
  min-width:0;
  width:100%;
  overflow:hidden;
  border-radius:18px;
}

.card .cover,
.card .placeholder {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  max-height:none;
}

.card .placeholder {
  display:grid;
  place-items:center;
}

.cardbody {
  padding:16px;
}

@media(max-width:900px) {
  .cards {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px) {
  header .top {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto auto;
    padding:12px;
    gap:10px;
  }

  header .brand {
    grid-column:1;
    grid-row:1;
    font-size:clamp(20px,5vw,28px);
    min-width:0;
  }

  header .zz-controls {
    grid-column:2;
    grid-row:1;
    justify-self:end;
  }

  header .zz-controls button {
    width:34px;
    height:34px;
  }

  header .actions {
    grid-column:1/-1;
    grid-row:2;
    justify-content:flex-end;
  }

  header .actions button {
    min-height:37px;
    padding:8px 12px;
    font-size:12px;
  }

  header nav {
    grid-column:1/-1;
    grid-row:3;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px;
  }

  header nav a {
    padding:7px 10px;
    font-size:12px;
  }

  .cards {
    grid-template-columns:1fr;
    gap:18px;
  }

  .card .cover,
  .card .placeholder {
    aspect-ratio:16/10;
  }

  .categories {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* ZIX ALINHAMENTO V5 FIM */


/* ZIX PREMIUM V6 INICIO */

header {
  background:linear-gradient(115deg,#061d43,#103d79)!important;
  border-bottom:4px solid #f3c735!important;
  box-shadow:0 5px 22px #061b4055!important;
}

header .top {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:15px 18px!important;
  max-width:1300px;
  margin:auto;
}

header .brand {
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  font-size:clamp(30px,4vw,48px)!important;
  font-weight:950!important;
  letter-spacing:-1.5px!important;
  line-height:1.1!important;
  min-width:0;
}

header #siteBrand {
  color:#fff!important;
  background:linear-gradient(180deg,#fff 20%,#bcd9ff 65%,#ffdf66 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 2px #00152b);
}

header .zix-brasil {
  width:62px!important;
  height:51px!important;
  font-size:39px!important;
  flex-shrink:0;
  display:grid!important;
  place-items:center;
  border:2px solid #f7d64c;
  border-radius:13px!important;
  background:linear-gradient(145deg,#0bc86a,#006a37);
  box-shadow:0 4px 12px #0006,inset 0 1px 5px #ffffff80;
}

header .zz-controls {
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  gap:8px!important;
  margin:0!important;
}

header .zz-controls button {
  width:43px!important;
  height:43px!important;
  min-width:43px;
  padding:0!important;
  display:grid!important;
  place-items:center;
  font-size:22px!important;
  border-radius:13px!important;
}

header .actions {
  grid-column:3!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}

header .actions button {
  height:43px!important;
  min-height:43px!important;
  padding:0 15px!important;
  font-size:14px!important;
  border-radius:22px!important;
  white-space:nowrap;
}

header #postBtn {
  order:1;
  background:linear-gradient(#38a9ff,#0756cb)!important;
  color:#fff!important;
  border:1px solid #6dc3ff!important;
}

header #loginBtn {
  order:2;
  background:white!important;
  color:#0756cb!important;
}

header nav {
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:850px!important;
  justify-self:center;
  overflow:visible!important;
}

header nav a {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-width:0;
  min-height:46px!important;
  padding:9px 8px!important;
  border:1px solid #59baff!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#219cff,#064dbd)!important;
  color:white!important;
  font-weight:800!important;
  font-size:clamp(11px,1.4vw,15px)!important;
  text-align:center;
  box-shadow:0 4px 9px #001e4670;
}

.hero {
  position:relative!important;
  background:linear-gradient(125deg,#eaf4ff,#fff 55%,#ddecff)!important;
  color:#143764!important;
  min-height:0!important;
  padding:110px 0 55px!important;
  border-radius:0 0 30px 30px;
}

.hero>.wrap {
  position:relative;
  max-width:1250px;
}

.hero #zixRelogio {
  position:absolute!important;
  top:-88px!important;
  right:20px!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 13px!important;
  margin:0!important;
  background:linear-gradient(130deg,#00aa51,#006b32)!important;
  border:3px solid #ffdc31!important;
  border-radius:16px!important;
  box-shadow:0 5px 17px #005a3060!important;
  z-index:2;
}

.hero .zixClockDisplay {
  color:white!important;
  font-size:12px!important;
}

.hero #zixHora {
  color:#ffed43!important;
  font-size:24px!important;
  letter-spacing:1px;
}

.hero .eyebrow {
  color:#0759c7!important;
  letter-spacing:3px;
}

.hero h1,
.hero #siteHero {
  color:#0962d8!important;
  text-shadow:none!important;
  font-weight:950!important;
}

.hero p {
  color:#53677f!important;
}

.hero .search {
  box-shadow:0 8px 24px #124a8c18!important;
  border:1px solid #d8e6f6;
}

.cards {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}

.card {
  width:100%!important;
  min-width:0;
  border-radius:18px!important;
  overflow:hidden;
}

.card .cover,
.card .placeholder {
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}

.card .placeholder {
  display:grid!important;
  place-items:center;
}

.cardbody {
  padding:16px!important;
}

@media(max-width:900px) {
  .cards {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:700px) {
  header .top {
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    gap:11px!important;
    padding:13px 12px!important;
  }

  header .brand {
    grid-column:1/-1!important;
    grid-row:1!important;
    font-size:clamp(32px,8vw,43px)!important;
  }

  header .zix-brasil {
    width:52px!important;
    height:44px!important;
    font-size:32px!important;
  }

  header .zz-controls {
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start;
  }

  header .zz-controls button {
    width:38px!important;
    min-width:38px;
    height:38px!important;
  }

  header .actions {
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end;
    gap:6px!important;
  }

  header .actions button {
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }

  header nav {
    grid-column:1/-1!important;
    grid-row:3!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    max-width:none!important;
  }

  header nav a {
    min-height:43px!important;
    padding:7px 3px!important;
    font-size:clamp(9px,2.6vw,12px)!important;
    border-radius:11px!important;
    line-height:1.2;
  }

  .hero {
    padding:96px 0 38px!important;
  }

  .hero #zixRelogio {
    top:-80px!important;
    right:12px!important;
    padding:6px 9px!important;
  }

  .hero .zixFlag {
    font-size:23px!important;
  }

  .hero #zixHora {
    font-size:19px!important;
  }

  .hero .zixClockDisplay {
    font-size:10px!important;
  }

  .hero h1 {
    font-size:clamp(29px,7vw,41px)!important;
  }

  .cards {
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .card .cover,
  .card .placeholder {
    aspect-ratio:16/10!important;
  }

  .categories {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:370px) {
  header .brand {
    font-size:30px!important;
  }

  header .actions button {
    padding:0 7px!important;
    font-size:11px!important;
  }
}

/* ZIX PREMIUM V6 FIM */