p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

/*
.exercise:before {
  content: "Ejercicio";
  font-weight: bold;
}
*/

div.exercise {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

/*
.nota:before {
  content: "Nota";
  font-weight: bold;
}

.nota {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
*/


.nota:before {
  content: "Nota";
  font-weight: bold;
}

.nota {
  background: rgba(155, 155, 155, .4);
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}


.ejemplo:before {
  content: "Ejemplo";
  font-weight: bold;
}

.ejemplo {
  background: rgba(155, 155, 155, .4);
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}