/* TÓNICA · páginas chicas: 404 y descarga de la app de escritorio */
.nf, .dl { min-height: 70vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; padding: 96px var(--pad); }
.nf-iso { width: 96px; height: 96px; }
.nf-title, .dl-title { font-size: var(--t-h2); font-weight: 500; letter-spacing: -.045em; line-height: 1; text-wrap: balance; }
.nf-ctas, .dl-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.dl-txt { display: flex; flex-direction: column; gap: 20px; max-width: 720px; }
.dl-icon { width: 72px; height: 72px; }
.dl-reqs { display: flex; flex-direction: column; border-top: 1px solid var(--line); margin-top: 16px; width: 100%; }
.dl-reqs li { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.5; color: var(--sub); }
.dl-reqs .mono { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; padding-top: 3px; }
.dl-reqs a { color: var(--ink); border-bottom: 1px solid var(--line-4); }
@media (max-width: 1023px) {
  .nf, .dl { padding: 48px var(--pad) 64px; min-height: 0; }
  .dl-ctas .btn, .nf-ctas .btn { width: 100%; }
  .dl-reqs li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}