/* ═══════════════════════════════════════════
   DISERC — Shared styles for app / legal pages
═══════════════════════════════════════════ */

/* ── Simple internal nav (apps, privacy, terms) ── */
.subnav{
  align-items:center;backdrop-filter:blur(14px);background:rgba(5,7,11,.88);
  border-bottom:1px solid var(--line);display:flex;height:130px;
  justify-content:space-between;padding:0 var(--pad);position:fixed;
  top:0;width:100%;z-index:100;
}
.subnav-links{align-items:center;display:flex;gap:26px}
.subnav-links a{color:var(--muted);font-size:13px;transition:.2s color}
.subnav-links a:hover{color:var(--text)}

/* ── App detail hero ── */
.app-hero{padding:200px 0 70px}
.app-icon{
  align-items:center;background:color-mix(in srgb, var(--app-color) 15%, transparent);
  border:1px solid color-mix(in srgb, var(--app-color) 35%, transparent);
  border-radius:16px;display:flex;font-size:30px;
  height:64px;justify-content:center;margin-bottom:28px;width:64px;
}
.app-status{
  align-items:center;color:var(--app-color);display:flex;font:500 11px var(--mono);
  gap:8px;letter-spacing:.1em;text-transform:uppercase;
}
.app-status i{background:currentColor;border-radius:50%;display:inline-block;height:6px;width:6px}
.app-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:500;margin:20px 0 22px}
.app-hero p{color:var(--muted);font-size:17px;line-height:1.7;max-width:640px}

/* ── Feature grid ── */
.feature-grid{
  display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:50px 0;
}
.feature-grid li{background:var(--surface);list-style:none;padding:24px}
.feature-grid strong{color:var(--text);display:block;font:500 16px var(--display);margin-bottom:8px}
.feature-grid span{color:var(--muted);font-size:14px;line-height:1.6}

/* ── Download cards (reuse download-option look) ── */
.app-downloads{display:grid;gap:1px;background:var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:36px}
.app-download-card{background:var(--surface);padding:24px}
.app-download-card h4{font-size:15px;font-weight:500;margin-bottom:4px}
.app-download-card .version{color:var(--muted);font:12px var(--mono);margin-bottom:16px}
.app-download-card .boton{margin-top:0;width:100%;justify-content:center}
.app-download-card.soon{opacity:.5}
.app-download-card.soon .boton{pointer-events:none}

/* ── Coming soon banner ── */
.soon-banner{
  background:var(--surface);border:1px dashed var(--line);
  margin-top:36px;padding:36px;text-align:center;
}
.soon-banner strong{color:var(--text);display:block;font:500 16px var(--display);margin-bottom:8px}
.soon-banner p{color:var(--muted);font-size:14px}

/* ── Privacy summary list ── */
.privacy-summary{color:var(--muted);font-size:15px;line-height:1.9;padding-left:20px}
.privacy-summary strong{color:var(--text)}

/* ── Legal document pages ── */
.legal{margin:0 auto;max-width:760px;padding:180px 32px 100px}
.legal .eyebrow{margin-bottom:8px}
.legal h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:500;margin-bottom:10px}
.legal .updated-date{color:var(--muted);font:13px var(--mono);margin-bottom:36px}
.legal-notice{
  background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);
  color:var(--text);font-size:13px;line-height:1.7;margin-bottom:44px;padding:18px 20px;
}
.legal h2{font-size:22px;font-weight:500;margin:44px 0 14px}
.legal h2:first-of-type{margin-top:8px}
.legal p, .legal li{color:var(--muted);font-size:15px;line-height:1.8}
.legal ul{padding-left:20px}
.legal strong{color:var(--text)}
.legal a{color:var(--cyan)}

/* ── Section spacing helper (reuse .seccion but flush top) ── */
.seccion.flush-top{padding-top:0}