/* ═══ Descargas (R-41) ════════════════════════════════════════════════
   Sin maqueta propia: tarjetas de base.css con el archivo y su botón, los
   pasos para instalar en dos tarjetas y la nota de actualización del
   launcher en un aviso azul. Mobile-first. */

.downloads-files { margin-top: var(--space-lg); }

.downloads-list[aria-busy="true"],
.downloads-list__items {
  display: grid;
  gap: var(--space-md);
}

/* Archivo: datos arriba y el botón abajo en el celular; al costado en escritorio */
.download-card {
  display: grid;
  gap: var(--space-md);
}
.download-card__meta { margin-top: var(--space-sm); }
.download-card__action .button { width: 100%; }

@media (min-width: 700px) {
  .download-card {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
  .download-card__action .button { width: auto; }
}

/* ── Cómo instalar ────────────────────────────────────────────────── */
.downloads-guides {
  display: grid;
  gap: var(--space-md);
}
.download-guide__title { margin-bottom: var(--space-sm); }

/* Pasos numerados: el número en un círculo azul (dato), el texto para leer */
.download-steps {
  display: grid;
  gap: var(--space-sm);
  counter-reset: download-step;
}
.download-steps__item {
  display: grid;
  grid-template-columns: var(--chip-height) 1fr;
  align-items: start;
  gap: var(--space-sm);
  color: var(--color-text-muted);
  counter-increment: download-step;
}
.download-steps__item::before {
  content: counter(download-step);
  display: grid;
  place-items: center;
  width: var(--chip-height);
  height: var(--chip-height);
  border: 1px solid var(--color-data);
  border-radius: var(--radius-pill);
  color: var(--color-data);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
}
.download-steps__item strong { color: var(--color-text); }

@media (min-width: 900px) {
  .downloads-guides { grid-template-columns: 1fr 1fr; }
}

/* ── Actualización del launcher ───────────────────────────────────── */
.downloads-update__title {
  margin-bottom: var(--space-2xs);
  font-family: var(--font-body);
  font-size: var(--font-size-base);
}
.downloads-update strong { color: var(--color-text); }

/* ── Descargar con la cuenta (M-08) ──────────────────────────────── */
/* Aviso "entrá con tu cuenta": arriba de la lista, con las dos salidas */
.downloads-login { margin-bottom: var(--space-md); }
.downloads-login__title {
  margin-bottom: var(--space-2xs);
  font-family: var(--font-body);
  font-size: var(--font-size-base);
}
.downloads-login__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-sm);
}

/* Si no se pudo pedir el link, el aviso ocupa todo el ancho de la tarjeta */
.download-card__error { grid-column: 1 / -1; }

.downloads-account-note {
  margin-top: var(--space-sm);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}