/* pagina.css · Descargar y 404 (solo esas dos páginas lo cargan). */
/* ── páginas internas públicas: Descargar y 404 ── */
.pag { padding-block: calc(var(--nav-h) + 48px) 96px; min-height: calc(100svh - 160px); }
.pag--centro .pag__in { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; max-width: 40rem; }
.pag__emblema { width: 72px; height: auto; }
/* Descargar: el texto a la izquierda y el emblema (el mismo universo de /entrar) a la derecha; en el celular, debajo del botón */
.pag__heroe { display: flex; flex-direction: column; gap: 32px; }
.pag__heroe .universo { align-self: center; width: 100%; max-width: 240px; margin-inline: 0; }
@media (min-width: 900px) {
  .pag__heroe { flex-direction: row; align-items: center; justify-content: space-between; gap: 48px; }
  .pag__heroe .pag__cab { flex: 1 1 0; min-width: 0; }
  .pag__heroe .universo { flex: 0 1 440px; max-width: 440px; }
}
.pag__cab .h2 { font-size: clamp(36px, 4vw, 56px); line-height: 1.04; letter-spacing: -0.045em; max-width: 14ch; margin-bottom: 20px; }
.pag__cab .lead { margin-bottom: 28px; }
.pag__cta { display: flex; flex-wrap: wrap; gap: 12px; }
.pag__cab .nota { margin-top: 16px; max-width: 34rem; }
.pag__bloque { margin-top: 72px; }
.pag__bloque .h3 { margin-bottom: 20px; }
.pag .req__lista { max-width: 44rem; margin-top: 0; }
.pag dl > div { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: 16px; padding-block: 16px; border-top: 1px solid var(--line); font-size: 15px; line-height: 1.6; }
.pag dt { font-weight: var(--fw-medio); }
.pag dd { color: var(--muted); }
@media (max-width: 699.98px) {
  .pag { padding-block: calc(var(--nav-h) + 28px) 64px; }
  .pag dl > div { display: block; }
  .pag dd { margin-top: 4px; }
  .pag__cta .btn { width: 100%; white-space: normal; text-align: center; height: auto; min-height: 48px; padding-block: 12px; }
}
.pasos { max-width: 44rem; }
.pasos li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 16px; padding-block: 18px; border-top: 1px solid var(--line); }
.pasos__n { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--text); border-radius: var(--r-0); font-size: var(--fs-ui); font-weight: var(--fw-medio); font-variant-numeric: tabular-nums; }
.pasos__t { font-size: 17px; line-height: 1.4; font-weight: var(--fw-medio); letter-spacing: -0.01em; }
.pasos p { margin-top: 6px; color: var(--muted); font-size: 15px; line-height: 1.6; }


.pasos li { align-items: start; }