/* Página de descarga. Se apoya en styles.css (tokens, botones, pasos .buy__steps). */
.dl { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 72px); align-items: start; }
.dl__main { display: grid; gap: 40px; min-width: 0; }
.dl__side { min-width: 0; }

.dl__card {
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid var(--border-hi);
  border-radius: 22px;
  background:
    radial-gradient(120% 90% at 100% 0%, rgb(124 58 237 / .22), transparent 60%),
    var(--surface);
  box-shadow: 0 30px 70px -40px rgb(124 58 237 / .8);
}
.dl__ver { display: flex; align-items: center; gap: 16px; margin-bottom: 26px; }
.dl__ver img { width: 56px; height: 56px; border-radius: 15px; box-shadow: 0 10px 26px -10px rgb(210 28 255 / .7); flex: none; }
.dl__ver h2 { font: 700 1.2rem/1.2 var(--f-display); margin: 0 0 6px; }
.dl__meta { margin: 0; color: var(--text-2); font: 600 .9rem/1.4 var(--f-hud); letter-spacing: .04em; }
.dl__estado { min-height: 1.5em; margin: 14px 0 0; text-align: center; font-size: .9rem; color: var(--text-2); }
.dl__estado[data-tone="warn"] { color: var(--warn); }
.dl__estado[data-tone="ok"] { color: var(--ok); }

.dl__datos { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0 0; padding-top: 20px; border-top: 1px solid var(--border); }
.dl__datos dt { color: var(--muted); font-size: .82rem; margin-bottom: 2px; }
.dl__datos dd { margin: 0; color: var(--text); font-size: .9rem; overflow-wrap: anywhere; }

.dl__h { font: 700 1.15rem/1.3 var(--f-display); margin: 0 0 12px; }
.dl__h--req { margin-top: 36px; }
.dl__nota { font-size: .9rem; color: var(--muted); }
.dl__nota a { color: var(--soft); }


.dl__req { margin: 0 0 20px; padding-left: 20px; color: var(--text-2); }
.dl__req li { margin-bottom: 6px; }
.dl__side .buy__steps em { font-style: normal; color: var(--text); }

@media (max-width: 900px) {
  .dl { grid-template-columns: minmax(0, 1fr); }
  .dl__datos { grid-template-columns: 1fr; }
}