/* cases de alexmerovic.com.br · gerado junto com cases.py, por cima de /blog/blog.css (mesmos tokens).
   Identidade "Expressão" (30/09/2026), seca como os cases da home: título em serifa, número grande na
   condensada, fios finos entre as células, nada de caixa. */

/* ---------- índice ---------- */
.cases-idx{max-width:1440px;margin:0 auto;padding:calc(64px + clamp(72px,10vw,150px)) var(--gut) 0}
.cab-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26em);gap:20px 48px;align-items:end;
  padding-bottom:clamp(28px,3vw,40px);border-bottom:1px solid var(--linha)}
.cab-c-t{font-family:var(--condensada);font-weight:300;text-transform:uppercase;font-size:clamp(96px,16vw,240px);
  line-height:.84;letter-spacing:-.005em;margin-left:-.03em}
.cab-c-p{font-size:clamp(17px,1.35vw,19.5px);line-height:1.55;color:var(--fg-2);letter-spacing:-.008em;padding-bottom:.4em}
.vazio-c{padding:clamp(40px,5vw,64px) 0 0;font-family:var(--serifa);font-style:italic;font-size:clamp(24px,2.4vw,32px);line-height:1.3;color:var(--fg-2)}
.cases-lista{margin-top:0}
.case-l{display:block;padding:34px 0 40px;border-bottom:1px solid var(--linha)}
.case-l .case-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px 32px;flex-wrap:wrap}
.case-l .t{font-family:var(--serifa);font-size:clamp(26px,2.4vw,34px);line-height:1.15;letter-spacing:-.012em;transition:opacity .4s var(--ease)}
.case-l:hover .t{opacity:.7}
.case-l .s{font-size:13.5px;color:var(--fg-3);white-space:nowrap}
.case-l .txt{margin-top:16px;max-width:44em;font-size:17px;line-height:1.6;color:var(--fg-2)}

/* ---------- página do case ---------- */
.trilha{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px;font-size:13px;color:var(--fg-3)}
.trilha a{color:var(--fg-2);transition:color .3s var(--ease)}
.trilha a:hover{color:var(--fg)}
.trilha [aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.case-pg .post-cab h1{font-size:clamp(40px,5.6vw,68px)}
.case-pg .tese{margin-top:24px;font-size:clamp(19px,1.8vw,22px);line-height:1.5;color:var(--fg);letter-spacing:-.01em;text-wrap:pretty}

/* ficha técnica: células com fio à esquerda, como a faixa de números da home */
.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:36px;border-top:1px solid var(--linha)}
.ficha div{padding:16px 18px 6px;border-left:1px solid var(--linha)}
.ficha div:first-child{border-left:0;padding-left:0}
.ficha dt{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.ficha dd{margin-top:6px;font-size:14.5px;line-height:1.4;color:var(--fg);text-wrap:balance}

/* números em destaque: a condensada fina, grande */
.kpis-c{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:30px 0 36px;border-top:1px solid var(--linha);font-family:var(--sans)}
.kpi-c{padding:24px 24px 8px;border-left:1px solid var(--linha)}
.kpi-c:first-child{border-left:0;padding-left:0}
.kpi-c .v{font-family:var(--condensada);font-weight:200;font-size:clamp(56px,6vw,92px);line-height:.86;letter-spacing:-.01em;color:var(--fg);
  font-variant-numeric:tabular-nums}
.kpi-c .t{margin-top:14px;font-size:15px;font-weight:500;color:var(--fg)}
.kpi-c .s{margin-top:4px;font-size:14px;line-height:1.45;color:var(--fg-3)}

.autoria{display:flex;align-items:center;gap:16px;margin-top:72px;padding-top:28px;border-top:1px solid var(--linha)}
.autoria .zoom{width:56px;height:56px}
.autoria img{display:block;width:56px;height:56px;object-fit:cover;background:var(--linha);filter:grayscale(1) contrast(1.06)}
.autoria .nome{font-family:var(--serifa);font-size:22px;line-height:1.1;transition:opacity .3s var(--ease)}
.autoria .nome:hover{opacity:.7}
.autoria .cargo{margin-top:5px;font-size:13px;color:var(--fg-3)}

@media (max-width:760px){
  .cases-idx{padding-top:calc(56px + 64px)}
  .cab-c{grid-template-columns:1fr}
  .cab-c-t{font-size:30vw}
  .kpi-c{border-left:0;padding:20px 0 12px;border-top:1px solid var(--linha)}
  .kpi-c:first-child{border-top:0}
  .ficha div{padding:14px 0 8px 14px}
}