/* CORRE · MONSTRA
   A identidade do Corre de volta e mais forte: o Lago Igapó de noite com a Monstra atrás dos prédios,
   risografia (azul, rosa, amarelo, laranja), Archivo largo e pesado, borda de tinta e sombra dura.
   Do site ficaram os adesivos recortados e o marca-texto amarelo, como tempero. Carrega por último. */
:root{
  --ink:#141216; --ink-2:#48444C; --muted:#646068;
  --paper:#FFFFFF; --paper-2:#F4F3EF; --line:#E3E1DB;
  --yellow:#FFE800; --pink:#FF48B0; --blue:#0067AE; --orange:#FF6C2F; --purple:#765BA7; --lav:#B4A2DA;
  --yellow-tint:#FFF6B8; --pink-tint:#FFE2F1; --blue-tint:#DBECF8;
  --night:#0C0A0F; --night-2:#1F1D23; --night-ink:#F7F5EF; --night-ink-2:#BDB8C3;
  --focus:#0067AE; --ok:#0B5C8E; --bad:#A0172B;
  --font-display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --font-body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-news:"Playfair Display",Georgia,serif;
  --shadow:5px 5px 0 var(--ink);
  --r:18px;
}
html{background:#0B1830}
body{font-variation-settings:"wdth" 100}

/* ---------- cenário ---------- */
.scene{position:fixed;inset:0;z-index:-3;pointer-events:none;background:#0B1830}
.scene svg{display:block;width:100%;height:100%}
.sc-drift{animation:scdrift 26s ease-in-out infinite alternate}
.sc-drift.b{animation-duration:32s;animation-delay:-8s}
.sc-drift.c{animation-duration:38s;animation-delay:-15s}
@keyframes scdrift{from{transform:translateX(-40px)}to{transform:translateX(40px)}}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(rgb(255 255 255 / 6%) 1px,transparent 1.4px) 0 0/6px 6px,
             linear-gradient(180deg,rgb(12 10 15 / 86%) 0,rgb(12 10 15 / 58%) 120px,rgb(12 10 15 / 16%) 48%,rgb(12 10 15 / 30%))}
.stickers{z-index:-1}
@media (prefers-reduced-motion:reduce){ .sc-drift{animation:none} }

/* ---------- tipografia: Archivo largo, sem itálico (o itálico de jornal fica só na Banca) ---------- */
.hl,.mega,.wm,.hello h1,.prof .nm,.av,.mod b,.opt b,.soon,.ch,.hc-name,.st-txt,.st-mini p,.sheet-head h2,
.g-mes h2,.g-nums b,.g-mini b,.g-conta.add b,.gc-top b,.gc-num b,.plano b,.mk.add b,.mk-tx b,.mk-head h1,.dz > span{
  font-family:var(--font-display);font-style:normal;font-variation-settings:"wdth" 112}
.masthead h1,.b-col h3,.alta h3{font-family:var(--font-news);font-style:italic;font-variation-settings:normal}

/* ---------- moldura ---------- */
.hdr{padding-top:14px}
.wm{display:inline-flex;align-items:center;gap:10px;color:#fff;font-variation-settings:"wdth" 62;font-weight:900;font-size:clamp(28px,3.2vw,34px);letter-spacing:.02em;text-shadow:3px 2px 0 var(--pink);margin-right:10px}
.wm-tag{font-variation-settings:"wdth" 80;font-weight:900;font-size:11.5px;letter-spacing:.06em;color:var(--ink);background:var(--yellow);padding:3px 7px;border-radius:5px;transform:rotate(-5deg);box-shadow:2px 2px 0 var(--pink);text-shadow:none;white-space:nowrap}
.topnav{gap:4px}
.topnav a.hl{font-family:var(--font-body);font-variation-settings:"wdth" 100;text-transform:none;letter-spacing:0;font-size:14.5px;font-weight:750;line-height:1;color:var(--night-ink-2);background:transparent;padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:7px}
.topnav a.hl:hover{background:var(--night-2);color:var(--night-ink)}
.topnav a.hl[aria-current="page"]{background:var(--yellow);color:var(--ink);box-shadow:2px 2px 0 var(--pink)}
.topnav a.hl .ic{width:17px;height:17px}
.me summary .h{background:var(--night-2);color:var(--night-ink);border:1.5px solid rgb(255 255 255 / 16%);box-shadow:none}
.me-menu{border:2px solid var(--ink);box-shadow:var(--shadow)}

/* boas-vindas por cima da noite */
.hello h1{font-variation-settings:"wdth" 112;font-weight:900;font-size:clamp(28px,4.4vw,42px);line-height:1.05;color:#fff}
.hello h1 .hl{background:none;color:#fff;text-transform:none;padding:0;text-shadow:3px 3px 0 var(--pink);letter-spacing:-.01em}
.hello p{background:rgb(12 10 15 / 62%);color:var(--night-ink);border:1.5px solid rgb(255 255 255 / 16%);box-shadow:none;font-weight:600}
.hello p b{color:var(--yellow)}
.hello p a{color:var(--yellow)}

/* rótulo de seção: o marca-texto virou etiqueta de risografia */
.sec-t{padding:3px 12px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1.5deg);font-family:var(--font-display);font-variation-settings:"wdth" 112;font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.sec-t .hl{background:none;padding:0;font-size:inherit;font-variation-settings:inherit;line-height:1.3}

/* etiquetas e botões: borda de tinta e sombra dura */
.card,.mk,.g-conta,.ig,.hcard,.pp,.sheet .panel,.login-card{border:2px solid var(--ink);box-shadow:var(--shadow)}
.card{border-radius:var(--r)}
.btn{border-width:2px;box-shadow:3px 3px 0 var(--ink);font-variation-settings:"wdth" 100}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn.pri{background:var(--yellow)}
.btn.sm{box-shadow:2px 2px 0 var(--ink)}
.btn.ghost{box-shadow:none}
.cbtn{border-width:2px;box-shadow:2px 2px 0 var(--ink)}
.chip{background:var(--paper-2);border-color:var(--line)}
.tag.pub{background:var(--blue-tint);border-color:#BCD9EF}
.tag.moc{background:var(--pink-tint);border-color:#FFC3E4}
.tag.grana{background:var(--yellow);border-color:var(--ink)}
.inp:focus{box-shadow:0 0 0 4px rgb(255 232 0 / 70%)}
.opt:has(input:checked){background:var(--yellow-tint)}
.opt input:checked + .dot::after{background:var(--pink)}
.empty{background:var(--paper);border:2px dashed var(--ink);box-shadow:none}
.pp{border-radius:999px}
.pp:hover{background:var(--yellow-tint)}
.foot a{border:1.5px solid var(--ink)}
.av{background:var(--pink);color:var(--ink);font-variation-settings:"wdth" 75;font-weight:900;border-color:#fff}
.av.l{border-width:5px}
.toast{background:var(--ink);color:var(--yellow);border:2px solid var(--yellow)}

/* entrar */
.login-top .topnav a.hl{color:var(--night-ink)}
.mega{font-variation-settings:"wdth" 62;font-weight:900;color:var(--yellow);font-size:clamp(88px,22vw,320px);line-height:.8;letter-spacing:.01em;text-shadow:6px 6px 0 var(--pink),12px 12px 0 var(--ink)}
.tagline .hl{display:inline-block;background:var(--yellow);color:var(--ink);font-variation-settings:"wdth" 112;padding:4px 14px;border:2px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--pink);transform:rotate(-2deg);text-transform:uppercase;font-size:clamp(18px,2.6vw,26px)}
.login-card{border-radius:var(--r)}
.btn-google{border-width:2.5px;box-shadow:4px 4px 0 var(--ink)}
.btn-google:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}

/* perfil: a capa é um recorte do Igapó */
.cover{background:linear-gradient(180deg,rgb(12 10 15 / 25%),rgb(12 10 15 / 55%)),url("../img/igapo.jpg") 68% 42%/cover;border-bottom:2px solid var(--ink)}
.prof-page .av.l{box-shadow:4px 4px 0 var(--ink)}

/* ---------- início: módulos em risografia, cada um com o adesivo dele ---------- */
.hgrid{gap:20px}
.hcard{position:relative;overflow:visible;isolation:isolate;border-radius:var(--r);transition:transform .12s,box-shadow .12s}
.hcard::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:radial-gradient(rgb(0 0 0 / 10%) 1px,transparent 1.4px);background-size:6px 6px;-webkit-mask-image:linear-gradient(135deg,transparent 30%,#000);mask-image:linear-gradient(135deg,transparent 30%,#000);pointer-events:none}
.hcard:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.hcard:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.hcard.ghost{background:rgb(255 255 255 / 70%)}
.hc-name{font-variation-settings:"wdth" 112;font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:8px}
.hc-name svg{width:30px;height:auto}
.hc-go{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:2px 2px 0 var(--pink)}
.hc-stk{position:absolute;top:-22px;right:-14px;width:78px;transform:rotate(9deg);filter:drop-shadow(0 4px 4px rgb(0 0 0 / 30%));pointer-events:none;z-index:2}
.hc-stk svg{display:block;width:100%;height:auto;overflow:visible}
.hcard .hc-top{padding-right:52px}
/* Hórus: amarelo do radar, com a fita listrada embaixo */
.hcard.horus-mini{background:var(--yellow);color:var(--ink);padding-bottom:28px;grid-column:1/-1}
.hcard.horus-mini::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;border-radius:0 0 calc(var(--r) - 2px) calc(var(--r) - 2px);background:repeating-linear-gradient(90deg,var(--ink) 0 28px,transparent 28px 46px)}
.hcard.horus-mini .hc-top .mono{color:var(--ink-2)}
.hcard.horus-mini .mini-list li::before{color:var(--ink-2)}
.hcard.horus-mini .mini-list small{color:var(--ink-2)}
.hz-mini-nums{display:flex;flex-wrap:wrap;gap:10px 28px}
.hz-mini-nums b{display:block;font-family:var(--font-display);font-variation-settings:"wdth" 125;font-weight:900;font-size:clamp(28px,4vw,40px);line-height:1;letter-spacing:-.02em}
.hz-mini-nums b small{font-size:.5em;font-weight:800;color:var(--ink-2);margin-left:2px}
.hz-mini-nums span{font-size:13px;font-weight:700;color:var(--ink-2)}
.hslot:has(.horus-mini){grid-column:1/-1}
/* Rolo: a noite do cinema */
.hcard.sala-mini{background:#0B0909;color:var(--light);border-color:var(--ink)}
.hcard.sala-mini::before{background-image:radial-gradient(rgb(255 255 255 / 7%) 1px,transparent 1.4px)}
/* Banca: azul de risografia, texto branco */
.hcard.banca-mini{background:var(--blue);color:#fff}
.hcard.banca-mini .hc-name{font-family:var(--font-news);font-style:italic;text-transform:none;font-variation-settings:normal;font-size:24px}
.hcard.banca-mini .hc-top .mono,.hcard.banca-mini .mini-list small,.hcard.banca-mini .mini-list li::before,.hcard.banca-mini .note{color:rgb(255 255 255 / 80%)}
.hcard.banca-mini .hc-go{background:#fff;color:var(--blue);border-color:#fff;box-shadow:2px 2px 0 var(--ink)}
/* Grana: papel branco, número com o amarelo fora do registro */
.hcard.grana-mini .g-mini b{font-variation-settings:"wdth" 125;font-weight:900;font-size:clamp(24px,3.4vw,32px);text-shadow:3px 3px 0 var(--yellow);letter-spacing:-.02em}
/* Portfólio: rosa */
.hcard.marcas-mini{background:var(--pink);color:var(--ink)}
.hcard.marcas-mini .hc-top .mono,.hcard.marcas-mini .note{color:rgb(20 18 22 / 78%)}
.hcard .note{font-size:14.5px}
.sbar-card{background:var(--paper)}
.sb-av.on{background:conic-gradient(var(--yellow),var(--pink),var(--orange),var(--yellow))}
.av.ring{box-shadow:0 0 0 4px var(--yellow),0 0 0 7px var(--pink)}

/* números da Grana com o amarelo deslocado */
.g-nums b,.gc-num b{font-variation-settings:"wdth" 125;font-weight:900;letter-spacing:-.02em;text-shadow:3px 3px 0 var(--yellow)}
.g-nums .hl-box b{text-shadow:3px 3px 0 #fff}
.g-nums .hl-box{border-width:2px}
.g-mes h2{font-variation-settings:"wdth" 112;text-transform:capitalize}
.gb-col i.c{background:var(--yellow)}
.mk-logo{border-width:2px;box-shadow:3px 3px 0 var(--ink)}
.mk-logo.mono-g b{font-family:var(--font-display);font-variation-settings:"wdth" 80;font-weight:900}
.plano{border-width:2px}

/* navegação de baixo no celular */
@media (max-width:900px){
  .topnav a.nav-l{display:none}
  .tabbar{border-radius:18px;box-shadow:4px 4px 0 var(--ink),0 0 0 2px var(--ink);grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
  .tabbar a{font-size:11px}
  .tabbar a[aria-current="page"]{background:var(--yellow);box-shadow:2px 2px 0 var(--pink)}
  .hc-stk{width:62px;top:-18px;right:-8px}
}

/* ---------- HÓRUS: o olho em cima da cidade ---------- */
.hz{--hz-bg:#101314;--hz-card:#171B1D;--hz-line:#2A3134;--hz-ink:#ECEEEC;--hz-ink-2:#A9B0B2;--hz-amber:#F2B526;--hz-amber-2:#E3A008;
  background:var(--hz-bg);color:var(--hz-ink);border-radius:28px;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--hz-amber);padding:clamp(16px,3vw,32px);display:flex;flex-direction:column;gap:18px;min-width:0}
.hz-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 24px;flex-wrap:wrap}
.hz-mark{display:flex;align-items:center;gap:14px;min-width:0}
.hz-eye{width:64px;color:var(--hz-amber);flex:none}
.hz-eye svg{display:block;width:100%;height:auto}
.hz-mark h1{font-family:var(--font-display);font-variation-settings:"wdth" 125;font-weight:900;font-size:clamp(40px,7vw,72px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;color:var(--hz-ink);text-shadow:4px 4px 0 #6B4A00}
.hz-mark p{margin-top:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--hz-amber)}
.hz-tools{display:flex;flex-wrap:wrap;gap:8px}
.hz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--hz-line);background:var(--hz-card);color:var(--hz-ink);font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
.hz-btn:hover{border-color:var(--hz-ink-2)}
.hz-btn.pri{background:var(--hz-amber);border-color:var(--hz-amber);color:#1A1400}
.hz-btn.ghost{background:transparent}
.hz-btn.wide{width:100%;margin-top:8px}
.hz-btn[disabled]{opacity:.5}
.hz-btn .ic{width:16px;height:16px}
.hz-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}
.hz-col{display:flex;flex-direction:column;gap:18px;min-width:0}
@media (max-width:900px){ .hz-grid{grid-template-columns:minmax(0,1fr)} }
.hz-card{background:var(--hz-card);border:1.5px solid var(--hz-line);border-radius:20px;padding:16px;min-width:0;display:flex;flex-direction:column;gap:12px}
.hz-h{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap}
.hz-h h2{font-family:var(--font-display);font-variation-settings:"wdth" 112;font-weight:900;font-size:19px;text-transform:uppercase;letter-spacing:.02em;color:var(--hz-ink)}
.hz-h > span{font-size:13px;color:var(--hz-ink-2)}
.hz-muted{color:var(--hz-ink-2);font-size:14px}
.hz-help{font-size:13px;color:var(--hz-ink-2)}
.hz-help b{color:var(--hz-amber)}
.hz-chips{display:flex;flex-wrap:wrap;gap:6px}
.hz-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1.5px solid var(--hz-line);background:transparent;color:var(--hz-ink);font-weight:800;font-size:13px}
.hz-chip b{font-family:var(--font-mono);font-size:11.5px;color:var(--hz-amber)}
.hz-chip[aria-pressed="true"]{background:var(--hz-amber);border-color:var(--hz-amber);color:#1A1400}
.hz-chip[aria-pressed="true"] b{color:#1A1400}
.hz-chip.light{border-color:var(--line);color:var(--ink);background:var(--paper)}
.hz-chip.light[aria-pressed="true"]{background:var(--yellow);border-color:var(--ink);color:var(--ink)}
.hz-scope-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hz-cvwrap{position:relative;display:grid;place-items:center}
.hz-cvwrap canvas{display:block;max-width:100%;touch-action:manipulation}
.hz-tip{position:absolute;z-index:2;min-width:150px;max-width:220px;padding:8px 10px;border-radius:12px;background:#050506;border:1px solid var(--hz-amber);color:var(--hz-ink);font-size:12.5px;display:flex;flex-direction:column;gap:2px;pointer-events:none}
.hz-tip b{font-size:13.5px}
.hz-tip span{color:var(--hz-ink-2)}
.hz-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--hz-ink-2)}
.hz-legend .lg{display:inline-flex;align-items:center;gap:6px}
.hz-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.lg.hot i{background:#FF5A3C} .lg.warm i{background:#FFB020} .lg.cold i{background:#5AA9FF} .lg.due i{background:transparent;border:2px solid #FFB020}
.lg.off{opacity:.7}
.hz-sc{display:inline-grid;place-items:center;min-width:38px;height:30px;padding:0 6px;border-radius:9px;font-family:var(--font-mono);font-weight:700;font-size:13px;flex:none}
.hz-sc.hot{background:#FF5A3C;color:#1A0700} .hz-sc.warm{background:#FFB020;color:#1A1000} .hz-sc.cold{background:#5AA9FF;color:#04121F} .hz-sc.off{background:var(--hz-line);color:var(--hz-ink-2)}
.hz-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hz-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--hz-line)}
.hz-row:first-child{border-top:0}
.hz-row.q{grid-template-columns:auto minmax(0,1fr)}
.hz-row.q .hz-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}
.hz-name{display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;padding:0;color:var(--hz-ink);min-width:0}
.hz-name b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hz-name span{font-size:12.5px;color:var(--hz-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hz-name em{font-style:normal;font-weight:800;color:var(--hz-ink);background:var(--hz-line);border-radius:6px;padding:0 6px}
.hz-name em.late{background:#4A1C12;color:#FFB4A3}
.hz-why{color:var(--hz-amber)!important}
.hz-prev{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hz-step{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1A1400;background:var(--hz-amber);border-radius:7px;padding:4px 7px;align-self:start;white-space:nowrap}
.hz-step.etapa{background:transparent;color:var(--hz-amber);border:1px solid var(--hz-amber)}
.hz-tel{font-family:var(--font-mono);font-size:12.5px;color:var(--hz-ink-2)}
.hz-score{display:flex;gap:28px;flex-wrap:wrap}
.hz-score b{display:block;font-family:var(--font-display);font-variation-settings:"wdth" 125;font-weight:900;font-size:clamp(34px,5vw,48px);line-height:1;color:var(--hz-amber)}
.hz-score small{font-size:12.5px;color:var(--hz-ink-2)}
.hz-meta{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--hz-ink-2)}
.hz-meta b{font-family:var(--font-mono);color:var(--hz-ink)}
.hz-mini{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--hz-line);background:transparent;color:var(--hz-ink);font-weight:900;line-height:1}
.hz-bar{height:12px;border-radius:999px;background:var(--hz-line);overflow:hidden}
.hz-bar i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--hz-amber) 0 14px,var(--hz-amber-2) 14px 22px)}
.hz-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:84px}
.hz-week span{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
.hz-week i{display:block;width:100%;max-width:26px;min-height:2px;border-radius:5px 5px 2px 2px;background:var(--hz-amber)}
.hz-week span.fut i{background:var(--hz-line)}
.hz-week em{font-style:normal;font-family:var(--font-mono);font-size:11px;color:var(--hz-ink-2)}
.hz-week span.now em{color:var(--hz-amber);font-weight:700}
.hz-wk{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--hz-ink-2)}
.hz-q{display:flex;gap:8px}
.hz-in{width:100%;min-height:46px;padding:10px 14px;border-radius:14px;border:1.5px solid var(--hz-line);background:#0C0F10;color:var(--hz-ink);font-size:15.5px}
.hz-in:focus{outline:none;border-color:var(--hz-amber);box-shadow:0 0 0 3px rgb(242 181 38 / 30%)}
.hz-in.sm{min-height:36px;padding:4px 10px;font-size:13.5px;width:auto;max-width:100%}
.hz-in::placeholder{color:#6E777A}
textarea.hz-in{resize:vertical;line-height:1.4}
.hz-lbl{font-weight:800;font-size:13.5px}
.hz-go,.hz-row-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hz-prevlist{max-height:420px;overflow:auto;border:1px solid var(--hz-line);border-radius:14px}
.hz-prevlist table{width:100%;border-collapse:collapse;font-size:13.5px}
.hz-prevlist th{position:sticky;top:0;background:var(--hz-card);text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--hz-ink-2);padding:8px}
.hz-prevlist td{padding:8px;border-top:1px solid var(--hz-line);vertical-align:top}
.hz-prevlist td small{display:block;color:var(--hz-ink-2);font-size:12px}
.hz-prevlist td small.warn{color:#FFB4A3}
.hz-prevlist tr.dup{opacity:.55}
.hz-prevlist .mono{font-family:var(--font-mono);white-space:nowrap}
.hz-base-tools{display:flex;gap:8px;flex-wrap:wrap}
.hz-base-tools .hz-in:first-child{flex:1 1 220px}
.hz-base{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hz-base button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 4px;border:0;border-top:1px solid var(--hz-line);background:none;color:var(--hz-ink);text-align:left}
.hz-base li:first-child button{border-top:0}
.hz-base button:hover{background:#1C2124}
.hz-base .nm{display:flex;flex-direction:column;min-width:0}
.hz-base .nm b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hz-base .nm small{font-size:12px;color:var(--hz-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hz-base .stg{font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--hz-line);white-space:nowrap}
.hz-base .stg.st-interesse,.hz-base .stg.st-link{background:#3A2D06;color:var(--hz-amber)}
.hz-base .stg.st-fechado{background:var(--hz-amber);color:#1A1400}
.hz-base .stg.st-perdido,.hz-base .stg.st-nao_encontrado{opacity:.6}
.hz-base .px{font-family:var(--font-mono);font-size:12px;color:var(--hz-ink-2);min-width:38px;text-align:right}
@media (max-width:560px){ .hz-base button{grid-template-columns:auto minmax(0,1fr) auto} .hz-base .px{display:none} }
.hz-empty{display:flex;flex-direction:column;gap:10px;padding:8px 2px}
.hz-empty h2{font-family:var(--font-display);font-variation-settings:"wdth" 112;font-weight:900;font-size:clamp(22px,3vw,30px);text-transform:uppercase}
.hz-empty p{color:var(--hz-ink-2);max-width:62ch}
/* folha do lead (clara, como as outras folhas) */
.hz-lead-top{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}
.hz-lead .hz-sc.hot{background:#FF5A3C} .hz-lead .hz-sc.warm{background:#FFB020} .hz-lead .hz-sc.cold{background:#5AA9FF}
.hz-stages{display:flex;flex-wrap:wrap;gap:6px}
.hz-msg,.hz-res,.hz-hist{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:2px dashed var(--line)}
.hz-msg textarea{font-size:15px;line-height:1.45}
.hz-hist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--ink-2)}
.hz-hist span{display:inline-block;min-width:44px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}
.hz-ni{border:2px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.hz-ni[open]{border-color:var(--ink)}
.hz-ni summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}
.hz-ni summary::-webkit-details-marker{display:none}
.hz-ni .hz-sc{height:24px;font-size:11.5px}
.hz-ni .hz-sc.hot{background:#FF5A3C} .hz-ni .hz-sc.warm{background:#FFB020} .hz-ni .hz-sc.cold{background:#5AA9FF}
#hc-nichos{display:flex;flex-direction:column;gap:8px}
.hz-sub{font-family:var(--font-display);font-variation-settings:"wdth" 112;font-weight:900;font-size:16px;text-transform:uppercase;margin-top:6px}
.fld label small{font-weight:600;color:var(--muted);font-size:12.5px}
.acts.sticky{position:sticky;bottom:-24px;background:var(--paper);padding:12px 0 4px;margin-bottom:-4px}
.hz-won p{color:var(--ink-2)}

/* ---------- estúdio de posts ---------- */
.sheet.wide .panel{width:min(1040px,100%)}
.es-cols{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
@media (max-width:760px){ .es-cols{grid-template-columns:minmax(0,1fr)} }
.es-art{display:flex;flex-direction:column;gap:12px;position:sticky;top:0}
@media (max-width:760px){ .es-art{position:static} }
.es-art canvas{display:block;width:100%;height:auto;aspect-ratio:4/5;border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);background:var(--paper-2)}
.es-mod{flex-wrap:wrap}
.es-mod span{padding:6px 12px;font-size:13.5px}
.es-fields{display:flex;flex-direction:column;gap:12px;min-width:0}
.switch.sm .sw{width:40px;height:24px}
.switch.sm .sw::after{width:16px;height:16px}
.switch.sm input:checked + .sw::after{left:18px}
.switch.sm{align-items:center}
.es-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:14px;margin-top:6px}
.es-post{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);text-align:left;color:var(--ink);min-width:0}
.es-post:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.es-thumb{display:block;aspect-ratio:4/5;border-radius:9px;overflow:hidden;background:var(--paper-2)}
.es-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.es-thumb i{display:grid;place-items:center;height:100%;color:var(--muted)}
.es-thumb i .ic{width:34px;height:34px}
.es-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.es-meta b{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.es-meta small{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
.es-meta em{align-self:flex-start;font-style:normal;font-size:11.5px;font-weight:800;padding:1px 8px;border-radius:999px;background:var(--paper-2);border:1.5px solid var(--line)}
.es-post.st-pronto em{background:var(--yellow);border-color:var(--ink)}
.es-post.st-postado em{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
.fld .hint.bad{color:var(--bad)}
.foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.credit{font-size:11.5px;color:rgb(255 255 255 / 72%)}

/* mini radar no cartão do Hórus */
.hz-mini-radar{position:absolute;right:26px;top:50%;width:min(34%,230px);aspect-ratio:1;transform:translateY(-46%);border-radius:50%;border:3px solid var(--ink);background:radial-gradient(circle,transparent 0 30%,rgb(20 18 22 / 18%) 30.5% 31.5%,transparent 32% 62%,rgb(20 18 22 / 18%) 62.5% 63.5%,transparent 64%),#141216;overflow:hidden;box-shadow:4px 4px 0 var(--pink)}
.hz-mini-radar::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgb(242 181 38 / 0) 0 72%,rgb(242 181 38 / 55%) 98%,rgb(242 181 38 / 0) 100%);animation:hzspin 4.2s linear infinite}
.hz-mini-radar i{position:absolute;width:10px;height:10px;border-radius:50%;background:#FF5A3C;box-shadow:0 0 10px #FF5A3C}
.hz-mini-radar i:nth-child(2){background:#FFB020;box-shadow:0 0 10px #FFB020}
.hz-mini-radar i:nth-child(3){background:#5AA9FF;box-shadow:0 0 8px #5AA9FF}
@keyframes hzspin{to{transform:rotate(360deg)}}
@media (max-width:700px){ .hz-mini-radar{display:none} }
@media (prefers-reduced-motion:reduce){ .hz-mini-radar::before{animation:none} }