/* ===== Zox Digital — portfólio de resultados de tráfego pago =====
   (a apresentação do relatório fica em css/apresentacao.css) */
.rel-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #ff3b2f; }

/* Portfólio: cartões de cases */
.cases { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; }
.case { background: rgba(18, 18, 24, .85); border: 1px solid #262632; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; text-align: left; }
.case-img { aspect-ratio: 16 / 10; background: #0d0d12; overflow: hidden; }
.case-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.case-body { padding: 18px; display: grid; gap: 8px; }
.case h3 { font: 700 20px/1.2 var(--font-display, sans-serif); color: #f2f2f5; }
.case-sub, .case-inv { color: #9a9aab; font-size: 13px; }
.case-nums { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 8px; margin: 6px 0; }
.case-nums div { background: #15151c; border: 1px solid #262632; border-radius: 10px; padding: 10px; }
.case-nums strong { display: block; font: 700 20px var(--font-display, sans-serif); color: #ff3b2f; }
.case-nums span { font-size: 12px; color: #9a9aab; }
.case-txt { color: #d0d0da; font-size: 14px; line-height: 1.55; }