/* =========================================================================
   downloads.css — estilos exclusivos da página /downloads
   -----------------------------------------------------------------------
   Tira de downloads por SO (Windows, macOS, Linux), tabela de
   características da versão desktop, requisitos do sistema e cartões dos
   primeiros passos.
   ========================================================================= */


/* ---- Tabela de diferenças (versão desktop) -------------------------- */
.diff-table { width: 100%; border-collapse: collapse; }
.diff-table th {
  text-align: left;
  padding: 10px 16px;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  border-bottom: 1px solid var(--border);
}
.diff-table td {
  padding: 13px 16px;
  font-size: .82rem;
  color: var(--text2);
  border-bottom: 1px solid var(--border2);
  vertical-align: top;
}
.diff-table tr:last-child td { border-bottom: none; }
.diff-table td:first-child {
  color: var(--muted);
  font-size: .78rem;
}


/* ---- Tira de downloads por sistema operativo ----------------------- */
.dl-strip {
  display: flex;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
}
.dl-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  background: var(--bg1);
  text-decoration: none;
  color: var(--text);
  transition: background .15s;
  flex: 1;
}
.dl-row:hover { background: var(--bg2); }
.dl-icon { width: 28px; height: 28px; fill: var(--muted); flex-shrink: 0; }
.dl-info { flex: 1; }
.dl-os   { font-size: .83rem; font-weight: 600; display: block; margin-bottom: 2px; }
.dl-meta { font-size: .72rem; color: var(--muted); }

.dl-arrow { opacity: .3; }
.dl-arrow svg {
  width: 14px; height: 14px;
  stroke: var(--text); stroke-width: 2;
  fill: none; stroke-linecap: round; stroke-linejoin: round;
}

/* Nota explicativa abaixo da tira de downloads. */
.dl-note {
  margin-top: 12px;
  font-size: .78rem;
  color: var(--muted);
}

/* Variante "brevemente": clique desactivado e visual diminuído. */
.dl-row-soon { cursor: default; opacity: .55; }
.dl-row-soon:hover { background: var(--bg1); }
.dl-soon-badge {
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--muted);
  border: 1px solid var(--border);
  padding: 4px 10px;
  border-radius: 999px;
}


/* ---- Lista de requisitos do sistema -------------------------------- */
.req-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
}
.req-item {
  background: var(--bg1);
  padding: 14px 18px;
  display: flex;
  gap: 20px;
}
.req-os {
  font-size: .78rem;
  font-weight: 600;
  width: 80px;
  flex-shrink: 0;
  color: var(--text2);
}
.req-item span { font-size: .78rem; color: var(--muted); }


/* ---- Numeração dos primeiros passos -------------------------------- */
.step-num {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  font-weight: 700;
  color: var(--muted);
  background: rgba(94,129,172,.08);
  border: 1px solid rgba(94,129,172,.15);
  border-radius: 10px;
}


/* ---- Responsivo: tira de downloads passa a vertical ---------------- */
@media (max-width: 700px) {
  .dl-strip { flex-direction: column; }
}