/* downloads.css — Estilos específicos de descargas.html.
   Usa también base.css. */

.dl-hero { text-align: center; padding: 56px 0 32px; }
.dl-hero h1 {
  font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
  font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px;
}
.dl-hero p { color: var(--t2); max-width: 560px; margin: 0 auto; }
.dl-version { margin-top: 16px !important; font-size: 0.95rem; color: var(--t3); }
.dl-version strong { color: var(--accent); }

.dl-grid { display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 720px; margin: 24px auto 0; }
.dl-card {
  background: var(--bg1); border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl); padding: 32px 28px; text-align: center;
  display: flex; flex-direction: column; align-items: center;
}
.dl-card-icon {
  width: 64px; height: 64px; border-radius: var(--radius-lg);
  background: var(--accent-soft); color: var(--accent);
  display: flex; align-items: center; justify-content: center; margin-bottom: 18px;
}
.dl-card h2 { font-size: 1.25rem; margin: 0 0 4px; color: var(--t1); }
.dl-card-os { color: var(--t3); font-size: 0.875rem; margin: 0 0 20px; }
.dl-btn {
  display: inline-block; background: var(--accent); color: var(--accent-fg);
  font-weight: 600; padding: 13px 26px; border-radius: var(--radius-md);
  text-decoration: none; transition: background 150ms ease;
}
.dl-btn:hover { background: var(--accent-hi); }
.dl-btn-secondary { background: transparent; color: var(--t3); border: 1px solid var(--border-soft); cursor: not-allowed; }
.dl-btn-secondary:hover { background: transparent; }
.dl-note { color: var(--t4); font-size: 0.8rem; margin: 12px 0 0; }
.dl-note a { color: var(--t3); text-decoration: underline; }
.dl-note a:hover { color: var(--accent); }

.dl-steps { max-width: 720px; margin: 48px auto 0; }
.dl-steps h2 {
  font-size: 1.25rem; color: var(--t1); margin: 0 0 16px;
  padding-bottom: 8px; border-bottom: 1px solid var(--border-soft);
}
.dl-steps h3 { font-size: 1rem; color: var(--t1); margin: 20px 0 8px; }
.dl-steps ol { padding-left: 20px; color: var(--t2); line-height: 1.7; }
.dl-steps li { margin-bottom: 8px; }
.dl-account-note {
  background: var(--accent-soft); border: 1px solid var(--accent-line);
  border-radius: var(--radius-md); padding: 16px 18px; margin-top: 24px;
  color: var(--t1); font-size: 0.95rem;
}
.dl-account-note a { color: var(--accent); }

.dl-verify { max-width: 720px; margin: 48px auto 0; }
.dl-verify h2 {
  font-size: 1.25rem; color: var(--t1); margin: 0 0 16px;
  padding-bottom: 8px; border-bottom: 1px solid var(--border-soft);
}
.dl-verify p { color: var(--t2); line-height: 1.7; margin: 0 0 12px; }
.dl-verify a { color: var(--accent); }
.dl-verify pre {
  background: var(--bg1); border: 1px solid var(--border-soft);
  border-radius: var(--radius-md); padding: 14px 16px; margin: 0 0 12px;
  overflow-x: auto;
}
.dl-verify code {
  font-family: ui-monospace, Consolas, "Cascadia Mono", monospace;
  font-size: 0.85rem; color: var(--t1);
}

@media (min-width: 640px) {
  .dl-grid { grid-template-columns: 1fr 1fr; }
}