/* /descargar. Tokens, cabecera y botones en brand.css; tipografía de la guía en legal.css. Los textos y los ids los
   prueban cloud/tests/download-pages.test.mjs; aquí solo cambia el aspecto. */
.download-page{padding-bottom:clamp(48px,7vw,80px)}
.download-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,56px);align-items:start;padding:clamp(36px,6vw,72px) 0 clamp(32px,5vw,56px)}
.download-intro h1{margin:12px 0 8px;font-size:clamp(34px,4.8vw,50px);line-height:1.06;letter-spacing:-.035em}
.download-intro .legal-meta{margin:0;font-size:16px;color:var(--st-text-2)}
.download-needs{display:grid;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.download-needs li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--st-border);border-radius:12px;background:var(--st-tint);color:var(--st-text-2);font-size:14.5px}
.download-needs strong{color:var(--st-text);font-weight:600}
.download-needs .ico{color:var(--st-primary-hi)}
.download-panel{display:grid;gap:12px;min-width:0}
.download-panel>.download-status:not([hidden]),.download-panel>.download-warning:not([hidden]){margin:0}

.download-card{margin:0;padding:clamp(22px,3vw,30px);border:1px solid var(--st-border-2);border-radius:var(--st-r-lg);box-shadow:var(--st-shadow);
  background:radial-gradient(120% 160% at 0% 0%,rgba(var(--st-primary-rgb),.16),transparent 55%),radial-gradient(90% 120% at 100% 100%,rgba(var(--st-secondary-rgb),.10),transparent 60%),linear-gradient(180deg,var(--st-surface-2),var(--st-surface))}
.download-card h2{margin:0 0 10px;font-size:clamp(20px,2.4vw,24px);letter-spacing:-.015em}
.download-card p{margin:8px 0;color:var(--st-text-2);line-height:1.6}
.download-card strong{color:var(--st-text)}
.download-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 6px}
.download-actions a{flex:1 1 200px;min-height:50px;font-size:15px;border-radius:12px}
.download-version{color:var(--st-text)!important;font-weight:600}
a.download-button{display:flex;width:100%;min-height:60px;margin:16px 0 6px;font-size:17px;border-radius:12px}
.download-button.disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none}
.download-note{color:var(--st-text-3)!important;font-size:14px}
.download-tip{margin:14px 0;padding:12px 14px;border:1px solid rgba(var(--st-primary-rgb),.32);border-left:3px solid var(--st-primary);border-radius:10px;background:rgba(var(--st-primary-rgb),.08);color:var(--st-text)!important}
.download-status{margin:0;padding:12px 16px;border:1px solid var(--st-border-2);border-radius:12px;background:var(--st-tint);color:var(--st-text);overflow-wrap:anywhere}
.download-status[data-tone="error"]{border-color:rgba(var(--st-danger-rgb),.45);background:rgba(var(--st-danger-rgb),.10)}
.download-status[data-tone="ok"]{border-color:rgba(var(--st-success-rgb),.45);background:rgba(var(--st-success-rgb),.10)}
.download-check{margin-top:16px;padding-top:12px;border-top:1px solid var(--st-border);color:var(--st-text-2);font-size:14px}
.download-check summary{cursor:pointer;font-weight:600;color:var(--st-text-2)}
.download-check summary:hover{color:var(--st-text)}
.download-check code{display:block;margin-top:6px;padding:10px 12px;border:1px solid var(--st-border);border-radius:10px;background:var(--st-field);font:12.5px/1.5 ui-monospace,Consolas,monospace;color:var(--st-text);overflow-wrap:anywhere}
.download-warning{margin:14px 0;padding:12px 16px;border:1px solid rgba(var(--st-warning-rgb),.42);border-radius:12px;background:rgba(var(--st-warning-rgb),.10);color:var(--st-text);line-height:1.6}
.download-warning strong{color:var(--st-text)}

/* ---------- Guía: pasos numerados como los de la app ---------- */
.guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--st-gap);align-items:start;font-size:15.5px;line-height:1.65}
.guide-block{padding:clamp(22px,3vw,28px);border:1px solid var(--st-border);border-radius:var(--st-r-card);background:linear-gradient(180deg,var(--st-surface-2),var(--st-surface));box-shadow:var(--st-shadow)}
.guide-block h2{margin:0 0 16px;font-size:21px}
.guide-block ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:step}
.guide-block li{position:relative;margin:0;padding:12px 14px 12px 54px;border:1px solid var(--st-border);border-radius:12px;background:var(--st-tint);color:var(--st-text-2);counter-increment:step}
.guide-block li::before{content:counter(step);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--st-grad);color:#fff;font-size:13px;font-weight:700}
.guide-block strong,.guide-block em{color:var(--st-text)}
.guide-block em{font-style:normal;font-weight:600}
.guide-block code{padding:1px 7px;border:1px solid var(--st-border);border-radius:6px;background:var(--st-field);font:600 .88em/1.5 ui-monospace,Consolas,monospace;color:var(--st-text);overflow-wrap:anywhere}
.guide-block>.legal-meta{margin:16px 0 0;font-size:14.5px;line-height:1.6}
.guide-block>.download-warning{margin:16px 0 0;font-size:14.5px}

.download-page~.site-footer .footer-bottom{border-top:0}
.download-page~.site-footer .footer-bottom a{color:var(--st-text-2)}

@media (max-width:900px){
  .download-top,.guide{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .guide-block{padding:18px 14px}
  .guide-block li{padding:12px 12px 12px 46px}
  .guide-block li::before{left:11px}
}