/* ============================================================
   Documentacion del proyecto
   ============================================================ */

.doc-panel {
  flex: 1 1 auto; min-height: 0; overflow-y: auto;
  display: flex; flex-direction: column; gap: 1.2rem;
  padding: 0.4rem 0.2rem 0.2rem;
}
.doc-intro { font-size: 0.85rem; line-height: 1.5; margin: 0; color: var(--muted); }
.doc-content {
  display: flex; flex-direction: column; gap: 1.2rem;
  font-size: 0.88rem; line-height: 1.65;
  padding-bottom: 2rem;
}
.doc-section {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-sm); padding: 1rem 1.2rem;
  box-shadow: var(--shadow);
}
.doc-section-title {
  font-family: var(--font-cond); font-size: 1.05rem; font-weight: 700;
  color: var(--text); margin: 0 0 0.6rem;
  padding-bottom: 0.4rem; border-bottom: 2px solid var(--accent);
}
.doc-subtitle {
  font-family: var(--font-mono); font-size: 0.82rem; font-weight: 600;
  color: var(--accent); margin: 1rem 0 0.4rem;
}
.doc-section p { margin: 0.4rem 0; color: var(--text); }
.doc-table-wrap { overflow-x: auto; margin: 0.6rem 0; }
.doc-table {
  width: 100%; border-collapse: collapse; font-size: 0.8rem;
  font-family: var(--font-mono);
}
.doc-table th {
  background: var(--accent); color: var(--accent-ink);
  padding: 0.45rem 0.6rem; text-align: left; font-weight: 600;
  white-space: nowrap;
}
.doc-table td {
  padding: 0.4rem 0.6rem; border-bottom: 1px solid var(--border);
  color: var(--text);
}
.doc-table tr:hover td { background: var(--surface-2); }
.doc-list { margin: 0.4rem 0; padding-left: 1.3rem; }
.doc-list li { margin: 0.25rem 0; color: var(--text); }
.doc-list-num { padding-left: 1.6rem; }
.doc-diagram { margin: 0.6rem 0; }
.doc-ascii {
  font-family: var(--font-mono); font-size: 0.7rem; line-height: 1.2;
  background: var(--surface-3); color: var(--text);
  padding: 0.7rem; border-radius: var(--radius-sm);
  overflow-x: auto; white-space: pre; tab-size: 2;
  border: 1px solid var(--border);
}
.doc-section code {
  font-family: var(--font-mono); font-size: 0.8rem;
  background: var(--surface-3); padding: 0.1rem 0.35rem;
  border-radius: 4px;
}