/* modulo.css — ajustes propios de Introducción a C++ */

.leccion-list {
  display: grid;
  gap: 12px;
}

.leccion-num {
  display: inline-block;
  color: var(--accent);
  font-weight: 700;
  margin-right: 8px;
}

.ejercicio-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.teoria pre {
  background: #f0f0f0;
  border: 1px solid var(--border);
  padding: 14px;
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: 0.88rem;
}

.teoria code {
  font-family: var(--font-mono);
  background: #f0f0f0;
  padding: 1px 5px;
}

.teoria pre code {
  background: none;
  padding: 0;
}

.editor-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.toolbar {
  display: flex;
  gap: 10px;
  margin: 12px 0;
  align-items: center;
}

.enunciado {
  margin-bottom: 16px;
}

footer.hint {
  color: var(--text-dim);
  font-size: 0.85rem;
  margin-top: 8px;
}

.console p { margin: 0 0 8px; }
.console .consola-mensaje { font-weight: 600; }

.consola-ayuda {
  margin: 0 0 8px;
  padding-left: 20px;
}
.consola-ayuda li { margin-bottom: 4px; }

.consola-pre {
  white-space: pre-wrap;
  font-family: var(--font-mono);
  background: #f0f0f0;
  padding: 8px 10px;
  margin: 0 0 8px;
}

.consola-detalle summary {
  cursor: pointer;
  color: var(--text-dim);
  margin-bottom: 6px;
}