/* ============================================================
   Downloads — portado de micrositegen2 (#downloads). Scope .sr-downloads.
   ============================================================ */
.sr-downloads { padding: var(--sp-3xl) 0; position: relative; border-bottom: 1px solid var(--c-line); }
.sr-downloads * { box-sizing: border-box; }
.sr-downloads .wrap { max-width: 1200px; margin: 0 auto; padding: 0 clamp(1.25rem, 4vw, 2.5rem); }
.sr-downloads .section-head { max-width: 44em; margin-bottom: var(--sp-xl); }
.sr-downloads .eyebrow { display: inline-flex; align-items: center; gap: .8em; margin-bottom: var(--sp-md); font-family: var(--font-display); font-size: .8rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--c-ink); }
.sr-downloads .eyebrow::before { content: ""; width: 2.2em; height: 2px; background: var(--c-accent); flex: none; }
.sr-downloads h2 { font-family: var(--font-display); font-weight: 600; font-size: clamp(1.8rem, 3.4vw, 2.6rem); line-height: 1.1; color: var(--c-ink); letter-spacing: -.02em; margin: 0 0 var(--sp-md); }
.sr-downloads .section-sub { font-size: 1.1rem; color: var(--c-text-soft); line-height: 1.5; max-width: 36em; margin: 0; }

.sr-downloads .dl-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--sp-lg); }
.sr-downloads .dl-card { display: flex; flex-direction: column; align-items: flex-start; padding: 1.7rem 1.6rem; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--c-border); box-shadow: var(--sh-card); transition: transform var(--t-micro) var(--ease-out), box-shadow var(--t-micro), border-color var(--t-micro); }
.sr-downloads .dl-card:hover { transform: translateY(-4px); box-shadow: var(--sh-card-hov); border-color: var(--c-glow); }
.sr-downloads .dl-ico { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: var(--c-glow-soft); border: 1px solid var(--c-glow); color: var(--c-ink); margin-bottom: 1rem; }
.sr-downloads .dl-ico svg { width: 24px; height: 24px; }
.sr-downloads .dl-card h3 { font-family: var(--font-display); font-weight: 700; font-size: 1.12rem; color: var(--c-ink); line-height: 1.2; margin: 0 0 .5rem; }
.sr-downloads .dl-card p { font-size: 1rem; line-height: 1.5; color: var(--c-text-soft); margin: 0 0 1.1rem; flex: 1; }
.sr-downloads .dl-btn { display: inline-flex; align-items: center; gap: .5em; font-family: var(--font-display); font-weight: 700; font-size: .9rem; color: #fff; background: var(--c-ink); padding: .6em 1.15em; border-radius: var(--r-btn); box-shadow: 0 8px 20px rgba(36,67,120,.2); text-decoration: none; transition: background var(--t-micro), transform var(--t-micro), box-shadow var(--t-micro); }
.sr-downloads .dl-btn:hover { background: var(--c-ink-deep); transform: translateY(-2px); box-shadow: 0 12px 26px rgba(36,67,120,.28); }
.sr-downloads .dl-btn .arr { transition: transform var(--t-micro); }
.sr-downloads .dl-btn:hover .arr { transform: translateY(2px); }

/* Botón único (reemplaza el grid de cards) */
.sr-downloads .dl-single { display: flex; justify-content: flex-start; }
.sr-downloads .dl-btn-lg { font-size: 1.02rem; padding: .95em 1.9em; border-radius: var(--r-btn); background: var(--c-accent); box-shadow: 0 12px 28px rgba(249,115,22,.28); }
.sr-downloads .dl-btn-lg:hover { background: var(--c-accent-hov); box-shadow: 0 16px 34px rgba(249,115,22,.34); }

@media (max-width: 780px) { .sr-downloads .dl-grid { grid-template-columns: 1fr; } .sr-downloads .dl-btn-lg { width: 100%; justify-content: center; } }